diff --git a/README.md b/README.md index 809d053..1cff37d 100644 --- a/README.md +++ b/README.md @@ -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) || diff --git a/figs/screenshot-dark1.png b/figs/screenshot-dark1.png new file mode 100644 index 0000000..ab97a7b Binary files /dev/null and b/figs/screenshot-dark1.png differ diff --git a/figs/screenshot-dark2.png b/figs/screenshot-dark2.png new file mode 100644 index 0000000..c63ac3e Binary files /dev/null and b/figs/screenshot-dark2.png differ diff --git a/theme-github-dark.css b/theme-github-dark.css new file mode 100644 index 0000000..ed43264 --- /dev/null +++ b/theme-github-dark.css @@ -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; +}