add dark theme

This commit is contained in:
pat-s 2021-08-30 20:20:52 +02:00
parent 610a3e8dab
commit b0f4f6a4f6
No known key found for this signature in database
GPG key ID: 3C6318841EF78925
4 changed files with 145 additions and 2 deletions

View file

@ -1,5 +1,5 @@
# gitea-github-theme
An opinionated GitHub-based theme for Gitea
Opinionated GitHub-based light and dark themes for Gitea
Created and tested with Gitea v1.15.
The theme might work with future versions though Gitea devs might change some CSS classes in the meantime and things might potentially look odd - just try yourself :)
@ -26,4 +26,4 @@ I might update the theme over time to fix oversights and other issues - no guara
| | |
| :-----------------------: | :-----------------------: |
| ![](figs/screenshot1.png) | ![](figs/screenshot2.png) |
| | |
| ![](figs/screenshot-dark1.png) | ![](figs/screenshot-dark2.png) ||

BIN
figs/screenshot-dark1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 111 KiB

BIN
figs/screenshot-dark2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 98 KiB

143
theme-github-dark.css Normal file
View file

@ -0,0 +1,143 @@
:root {
--color-primary: #347d39;
--border-radius: 6px;
--color-body: #373e47;
--color-navbar: #22272e;
--color-footer: #22272e;
--color-text-light-2: #adbac7;
--color-text: #768390;
--color-box-body: #22272e;
--color-markup-code-block: #636e7b66;
--color-light: #22272e;
--color-button: #22272e;
--color-input-background: #22272e;
--color-box-header: #22272e;
--color-active: #22272e;
}
.ui.green.buttons .button,
.ui.green.button {
background-color: #347d39;
color: #fff !important;
}
.repository.file.list #repo-files-table tbody .svg.octicon-file-directory,
.repository.file.list #repo-files-table tbody .svg.octicon-file-submodule {
color: #768390;
}
a,
.ui.breadcrumb a {
color: var(--color-text) !important;
}
.repo-title a {
color: #539bf5 !important;
}
.ui.table > thead > tr > th {
background: #636e7b1a;
color: #dbdbdb !important;
}
.repository.file.list #repo-files-table tr {
background: #22272e;
}
.repo-icon {
display: inline-block;
transform: scale(0.75);
margin-right: -0.05rem !important;
}
.repository.file.list #file-buttons .ui.button {
color: #fff !important;
}
.ui.basic.green.button,
.ui.basic.green.buttons .button,
.ui.basic.primary.button,
.ui.basic.primary.buttons .button {
background-color: #22272e !important;
box-shadow: inset 0 0 0 1px rgba(34, 36, 38, 0.15) !important;
color: #dbdbdb !important;
}
.ui.basic.green.button:focus,
.ui.basic.green.buttons .button:focus,
.ui.basic.primary.button:focus,
.ui.basic.primary.buttons .button:focus {
box-shadow: inset 0 0 0 0px #808080 !important;
}
.ui.basic.green.button:hover,
.ui.basic.green.buttons .button:hover,
.ui.basic.primary.button:hover,
.ui.basic.primary.buttons .button:hover {
background-color: #22272e !important;
}
.ui.basic.green.button:hover,
.ui.basic.green.buttons .button:hover,
.ui.basic.primary.button:hover,
.ui.basic.primary.buttons .button:hover {
box-shadow: inset 0 0 0 0px #808080 !important;
}
.issue.list {
list-style: none;
margin-top: 1rem;
background-color: #22272e;
border-radius: 6px;
padding: 3px 10px 3px 10px;
}
.ui.menu .item {
background-color: #22272e;
}
.ui.horizontal.segments > .segment {
background-color: #22272e;
border-radius: 6px;
}
.ui.attached.header {
border-radius: 6px;
}
.repository.file.list .repo-description {
color: #adbac7;
}
.commit-summary a.default-link {
color: #adbac7 !important;
}
.markup h1,
.markup h2,
.markup h3,
.markup h4,
.markup h5,
.markup h6 {
color: #adbac7;
}
.markup code,
.markup tt {
color: #adbac7;
}
.markup p,
.markup blockquote,
.markup details,
.markup ul,
.markup ol,
.markup dl,
.markup table,
.markup pre {
color: #adbac7;
}
.repo-list-link {
color: #539bf5 !important;
}
.ui.menu.two.item .item {
border: 1px solid var(--color-secondary);
}
a,
.push.news {
color: #a6aab5 !important;
}
.ui.header {
color: #a6aab5;
}
.repo-description {
color: #a6aab5 !important;
}
a.ui.label {
color: #adbac7 !important;
}
.ui.menu .item {
color: #adbac7;
}