/* Loaded after Forgejo's theme. Page chrome, text, borders, inputs, and the
   primary accent follow Verdant. Code, diffs, and console colors stay as
   Forgejo ships them.
   Anonymous visitors use forgejo-dark. Existing accounts are forgejo-auto,
   which is the tailnet session. forgejo-light is unchanged. */

html[data-theme="forgejo-dark"],
html[data-theme="forgejo-auto"] {
	--color-nav-bg: #0f1512;
	--color-box-body: #0f1512;
	--color-box-body-highlight: #1c2820;
	--color-markup-code-block: #1c2820;
	--color-nav-hover-bg: #1c2820;
	--color-footer: #0f1512;
	--color-body: #151d18;
	--color-box-header: #0f1512;
	--color-header-wrapper: #0f1512;
	--color-header-wrapper-transparent: #0f151200;

	--color-text: #dce8e0;
	--color-text-light: #8b9e91;
	--color-text-light-1: #8b9e91;
	--color-text-light-2: #6f8878;
	--color-text-light-3: #6f8878;
	--color-input-text: #dce8e0;

	/* Forgejo uses secondary as the border and muted-surface scale. */
	--color-secondary: #2a3d30;
	--color-secondary-bg: #151d18;
	--color-secondary-light-1: #24362b;
	--color-secondary-light-2: #1c2820;
	--color-secondary-light-3: #19221c;
	--color-secondary-light-4: #151d18;
	--color-secondary-dark-1: #3d5648;
	--color-secondary-dark-2: #4e6b58;
	--color-secondary-dark-3: #5f7d68;
	--color-secondary-dark-4: #6f8878;
	--color-secondary-dark-5: #8b9e91;
	--color-secondary-dark-6: #8b9e91;
	--color-secondary-dark-7: #a8bdb0;
	--color-secondary-dark-8: #c5d6cb;
	--color-secondary-dark-9: #dce8e0;
	--color-secondary-dark-10: #dce8e0;
	--color-secondary-dark-11: #dce8e0;
	--color-secondary-dark-12: #dce8e0;
	--color-secondary-dark-13: #dce8e0;
	--color-secondary-alpha-10: #2a3d3019;
	--color-secondary-alpha-20: #2a3d3033;
	--color-secondary-alpha-30: #2a3d304b;
	--color-secondary-alpha-40: #2a3d3066;
	--color-secondary-alpha-50: #2a3d3080;
	--color-secondary-alpha-60: #2a3d3099;
	--color-secondary-alpha-70: #2a3d30b3;
	--color-secondary-alpha-80: #2a3d30cc;
	--color-secondary-alpha-90: #2a3d30e1;

	--color-hover: rgba(34, 197, 94, 0.08);
	--color-active: rgba(34, 197, 94, 0.12);
	--color-menu: #19221c;
	--color-card: #151d18;
	--fancy-card-bg: #19221c;
	--fancy-card-border: #2a3d30;
	--color-button: #1c2820;
	--color-timeline: #2a3d30;
	--color-expand-button: #2a3d30;
	--color-input-background: #1c2820;
	--color-input-toggle-background: #1c2820;
	--color-input-border: #2a3d30;
	--color-input-border-hover: #22c55e;
	--color-label-bg: #1c2820;
	--color-label-hover-bg: #24362b;
	--color-label-active-bg: #2a3d30;
	--color-label-bg-alt: #24362b;
	--color-selection-bg: #22c55e;
	--color-selection-fg: #0f1512;

	--color-primary: #22c55e;
	--color-primary-contrast: #0f1512;
	/* On the dark theme, dark-* are the lighter tints and light-* are the pressed colors. */
	--color-primary-dark-1: #4ade80;
	--color-primary-dark-2: #4ade80;
	--color-primary-dark-3: #86efac;
	--color-primary-dark-4: #86efac;
	--color-primary-dark-5: #bbf7d0;
	--color-primary-dark-6: #bbf7d0;
	--color-primary-dark-7: #f0fdf4;
	--color-primary-light-1: #16a34a;
	--color-primary-light-2: #15803d;
	--color-primary-light-3: #166534;
	--color-primary-light-4: #14532d;
	--color-primary-light-5: #14532d;
	--color-primary-light-6: #052e16;
	--color-primary-light-7: #052e16;
	--color-primary-alpha-10: #22c55e19;
	--color-primary-alpha-20: #22c55e33;
	--color-primary-alpha-30: #22c55e4b;
	--color-primary-alpha-40: #22c55e66;
	--color-primary-alpha-50: #22c55e80;
	--color-primary-alpha-60: #22c55e99;
	--color-primary-alpha-70: #22c55eb3;
	--color-primary-alpha-80: #22c55ecc;
	--color-primary-alpha-90: #22c55ee1;
}

html[data-theme="forgejo-dark"],
html[data-theme="forgejo-auto"] body {
	background-color: #151d18;
	background-image:
		radial-gradient(ellipse 120% 50% at 50% -10%, rgba(34, 197, 94, 0.10), transparent 55%),
		linear-gradient(180deg, #1c2820 0%, #151d18 42%, #121a15 100%);
	background-attachment: fixed;
}

html[data-theme="forgejo-dark"],
html[data-theme="forgejo-auto"] #navbar,
html[data-theme="forgejo-dark"],
html[data-theme="forgejo-auto"] #navbar .item,
html[data-theme="forgejo-dark"],
html[data-theme="forgejo-auto"] #navbar a.item:hover,
html[data-theme="forgejo-dark"],
html[data-theme="forgejo-auto"] #navbar a.item:focus,
html[data-theme="forgejo-dark"],
html[data-theme="forgejo-auto"] #navbar button.item:hover,
html[data-theme="forgejo-dark"],
html[data-theme="forgejo-auto"] #navbar button.item:focus,
html[data-theme="forgejo-dark"],
html[data-theme="forgejo-auto"] #navbar .active.item,
html[data-theme="forgejo-dark"],
html[data-theme="forgejo-auto"] #navbar .active.item:hover {
	color: #dce8e0;
}

html[data-theme="forgejo-dark"],
html[data-theme="forgejo-auto"] #navbar .active.item,
html[data-theme="forgejo-dark"],
html[data-theme="forgejo-auto"] #navbar .active.item:hover {
	background: #1c2820;
}

.purple.label {
	background: var(--color-primary) !important;
}

.ui.segments.repository-summary {
	margin-top: 20px !important;

	.ui.segment.repository-menu {
		padding: 5px 0 !important;
	}
}

.repo-butttons {
	display: none !important;

	&.button-row {
		form,
		ui.labeled.button {
			display: none !important;
		}
	}

	a.ui[aria-label="RSS feed"] {
		display: inline-block !important;
	}
}

.js-branch-tag-selector .ui.dropdown.custom button {
	background-color: var(--color-box-header) !important;
}

#repo-desc {
	margin-top: 20px !important;
}

.page-content .ui.ui.ui.container:not(.fluid) .overflow-menu-items {
	margin-top: 20px !important;

	.ui.tabular.menu .item, .ui.secondary.pointing.menu .item {
		padding: 14px 15px !important;
	}
}