gitea-theme/public/custom.css

:root {
	--fonts-proportional: Inter, Arial, Helvetica, sans-serif !important;
	--fonts-monospace: "Roboto Mono", monospace !important;

	--clr-dark-base: #0d1117;
	--clr-link-primary: #c9d1d9;
	--clr-link-secondary: #89949e;
	--clr-repo-title: #58a6ff;
	--clr-btn-bg: #21262d;
	--clr-btn-hover-border: #89949e;

	--color-primary: #58a6ff !important;
	--color-secondary: #30363d !important;
	--color-tertiary: #161b22 !important;
	--color-body: #000000 !important;
	--color-code-bg: var(--clr-dark-base) !important;
	--color-navbar: var(--clr-dark-base) !important;
	--color-box-body: var(--clr-dark-base) !important;
	--color-box-header: var(--clr-dark-base) !important;

	--color-primary-light-1: #3f8be2;
	--color-primary-light-2: #2677d3;
	--color-primary-light-3: #1571da;
	--color-primary-light-4: #0f5db6;
	--color-primary-light-5: #084080;
	--color-primary-light-6: #042d5c;
	--color-primary-light-7: #00152c;

	--color-primary-dark-1: #67aeff;
	--color-primary-dark-2: #83bdff;
	--color-primary-dark-3: #9fccff;
	--color-primary-dark-4: #bddcff;
	--color-primary-dark-5: #d7eaff;
	--color-primary-dark-6: #f1f8ff;
	--color-primary-dark-7: #ffffff;
}

body .full.height {
	background: var(--color-body);
}

.page-content.home,
.page-content.home > div {
	height: 100%;
}

.page-content div.hero-flex {
	height: 100% !important;
	display: flex !important;
	gap: 3rem !important;
	justify-content: center !important;
	align-items: center !important;
}

.ui.icon.header.title {
	font-size: 5em;
	line-height: 1em;
	margin: 0;
}

@media screen and (max-width: 620px) {
	.page-content div.hero-flex {
		flex-direction: column;
	}

	.ui.icon.header.title {
		font-size: 3em;
	}
}

.hero-explore {
	display: block;
	text-align: right;
	margin-top: 15px;
}

.hero-explore button {
	border: none !important;
}

.ui.green.button,
.ui.green.buttons .button {
	background: var(--color-primary);
}

.ui.green.button:hover,
.ui.green.buttons .button:hover {
	background: var(--color-primary-light-1);
}

.ui.avatar.image,
.ui.avatar.image img,
.ui.avatar.images .image,
.ui.avatar.images img,
.ui.avatar.images svg,
.ui.avatar.image svg,
.ui.card .avatar img,
.ui.card img.avatar,
.ui.cards > .card .avatar img,
.ui.cards > .card img.avatar {
	border-radius: 100%;
}

.feeds .list ul li.private {
	background: var(--color-tertiary);
}

.ui.menu,
.ui.vertical.menu {
	background: var(--clr-dark-base);
	border-color: transparent;
}

.ui.pagination.menu.narrow .item {
	padding-left: 16px;
	padding-right: 16px;
}

.ui.ui.menu .item.disabled {
	color: var(--color-text-light-3) !important;
}

.repo-title a {
	font-weight: 600;
	color: var(--clr-repo-title) !important;
}

.ui.breadcrumb a,
a {
	color: var(--clr-link-primary) !important;
}

.ui.basic.button,
.ui.basic.buttons .button {
	background: var(--clr-btn-bg);
	transition: all 300ms ease;
}

hero-explore .button:hover,
.ui.basic.button:hover,
.ui.basic.buttons .button:hover {
	background: var(--clr-btn-bg);
	border-color: var(--clr-btn-hover-border);
}

.ui.tabular.menu .item:hover {
	background: var(--color-tertiary);
}

.message a {
	color: var(--clr-link-secondary) !important;
}

.following.bar.light {
	background: var(--clr-dark-base) !important;
}

.ui.secondary.menu {
	margin-left: 0;
	margin-right: 0;
}

.ui.fitted.menu .item,
.ui.fitted.menu .item .menu .item,
.ui.menu .fitted.item {
	margin: 0;
}

.ui.table > thead > tr > th {
	background: var(--clr-dark-base) !important;
	border-bottom: 1px solid var(--color-secondary);
}

.repository.file.list #repo-files-table tbody .svg.octicon-file-directory,
.repository.file.list #repo-files-table tbody .svg.octicon-file-submodule {
	color: var(--color-primary);
}

.repository.file.list #repo-files-table tr {
	background: var(--clr-dark-base) !important;
}

.repository.file.list #repo-files-table tr:hover {
	background: var(--color-tertiary) !important;
}

.repository #file-buttons {
	visibility: hidden;
}

.repository #clone-panel {
	width: auto;
}

.repository #clone-panel .clone.button {
	padding: 7.5px 10px;
}

.markdown:not(code) h3 {
	font-size: 1.25em;
}

footer {
	background: var(--clr-dark-base);
	border: 0;
}

footer,
footer * {
	font-size: 0.8rem;
}

footer .ui.language .svg {
	display: none;
}