From 3e51a0b76224780db13a1138aa71f10b427ca804 Mon Sep 17 00:00:00 2001 From: vin Date: Sat, 29 Jun 2024 11:33:41 -0400 Subject: update theme to use my own unnamed colorscheme --- .editorconfig | 12 -- LICENSE.md | 21 -- README.md | 4 +- assets/css/theme-deep-dark.css | 441 ----------------------------------------- assets/css/theme-unnamed.css | 435 ++++++++++++++++++++++++++++++++++++++++ 5 files changed, 436 insertions(+), 477 deletions(-) delete mode 100644 .editorconfig delete mode 100644 LICENSE.md delete mode 100644 assets/css/theme-deep-dark.css create mode 100644 assets/css/theme-unnamed.css diff --git a/.editorconfig b/.editorconfig deleted file mode 100644 index f15441a..0000000 --- a/.editorconfig +++ /dev/null @@ -1,12 +0,0 @@ -root = true - -[*] -charset = utf-8 -end_of_line = lf -insert_final_newline = true -trim_trailing_whitespace = true -indent_style = space -indent_size = 2 - -[*.md] -trim_trailing_whitespace = false diff --git a/LICENSE.md b/LICENSE.md deleted file mode 100644 index dc45fd4..0000000 --- a/LICENSE.md +++ /dev/null @@ -1,21 +0,0 @@ -# MIT License - -Copyright (c) 2023 Yuri Plashenkov - -Permission is hereby granted, free of charge, to any person obtaining a copy -of this software and associated documentation files (the "Software"), to deal -in the Software without restriction, including without limitation the rights -to use, copy, modify, merge, publish, distribute, sublicense, and/or sell -copies of the Software, and to permit persons to whom the Software is -furnished to do so, subject to the following conditions: - -The above copyright notice and this permission notice shall be included in all -copies or substantial portions of the Software. - -THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR -IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, -FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE -AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER -LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, -OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE -SOFTWARE. diff --git a/README.md b/README.md index 0b059bf..b0e5305 100644 --- a/README.md +++ b/README.md @@ -1,8 +1,6 @@ # Gitea Theme - -A dark theme based on [Yuri Plashenkov's Deep Dark theme](https://code.plashenkov.com/plashenkov/gitea-theme-deep-dark). +A dark theme based on my unnamed colorscheme. ## Installation - Follow installation instructions from the official Gitea documentation: https://docs.gitea.com/administration/customizing-gitea#customizing-the-look-of-gitea diff --git a/assets/css/theme-deep-dark.css b/assets/css/theme-deep-dark.css deleted file mode 100644 index 46a81e0..0000000 --- a/assets/css/theme-deep-dark.css +++ /dev/null @@ -1,441 +0,0 @@ -/** - * Deep Dark Gitea Theme - * @author Yuri Plashenkov - * @license MIT - */ - -@import url(theme-arc-green.css); - -:root { - --is-dark-theme: true; - --fonts-monospace: monospace, var(--fonts-emoji); - --color-primary: #87ab63; - --color-primary-contrast: #fff; - --color-primary-dark-1: #93b373; - --color-primary-dark-2: #9fbc82; - --color-primary-dark-3: #abc492; - --color-primary-dark-4: #b7cda1; - --color-primary-dark-5: #cfddc1; - --color-primary-dark-6: #e7eee0; - --color-primary-dark-7: #f8faf6; - --color-primary-light-1: #7a9e55; - --color-primary-light-2: #6c8c4c; - --color-primary-light-3: #5f7b42; - --color-primary-light-4: #516939; - --color-primary-light-5: #364626; - --color-primary-light-6: #1b2313; - --color-primary-light-7: #080b06; - --color-primary-alpha-10: #87ab6319; - --color-primary-alpha-20: #87ab6333; - --color-primary-alpha-30: #87ab634b; - --color-primary-alpha-40: #87ab6366; - --color-primary-alpha-50: #87ab6380; - --color-primary-alpha-60: #87ab6399; - --color-primary-alpha-70: #87ab63b3; - --color-primary-alpha-80: #87ab63cc; - --color-primary-alpha-90: #87ab63e1; - --color-primary-hover: var(--color-primary-light-1); - --color-primary-active: var(--color-primary-light-2); - --color-secondary: #424247; - --color-secondary-dark-1: #515358; - --color-secondary-dark-2: #71737a; - --color-secondary-dark-3: #767778; - --color-secondary-dark-4: #9ea0a5; - --color-secondary-dark-5: #a0a2a4; - --color-secondary-dark-6: #a2a8b5; - --color-secondary-dark-7: #afb4c0; - --color-secondary-dark-8: #bcc0ca; - --color-secondary-dark-9: #c9cbd4; - --color-secondary-dark-10: #d6d7de; - --color-secondary-dark-11: #e2e3e8; - --color-secondary-dark-12: #eeeff2; - --color-secondary-dark-13: #fbfbfc; - --color-secondary-light-1: #3b3b40; - --color-secondary-light-2: #242427; - --color-secondary-light-3: #1e1e20; - --color-secondary-light-4: #141415; - --color-secondary-alpha-10: #42424719; - --color-secondary-alpha-20: #42424733; - --color-secondary-alpha-30: #4242474b; - --color-secondary-alpha-40: #42424766; - --color-secondary-alpha-50: #42424780; - --color-secondary-alpha-60: #42424799; - --color-secondary-alpha-70: #424247b3; - --color-secondary-alpha-80: #424247cc; - --color-secondary-alpha-90: #424247e1; - --color-secondary-button: var(--color-secondary-dark-4); - --color-secondary-hover: var(--color-secondary-dark-3); - --color-secondary-active: var(--color-secondary-dark-2); - --color-console-fg: #eeeff2; - --color-console-fg-subtle: #9fa4ad; - --color-console-bg: #151516; - --color-console-border: #252527; - --color-console-hover-bg: #ffffff0d; - --color-console-active-bg: #323337; - --color-console-menu-bg: #242427; - --color-console-menu-border: #414145; - --color-red: #cc4848; - --color-orange: #cc580c; - --color-yellow: #cc9903; - --color-olive: #91a313; - --color-green: #87ab63; - --color-teal: #00918a; - --color-blue: #3a8ac6; - --color-violet: #906ae1; - --color-purple: #b259d0; - --color-pink: #d22e8b; - --color-brown: #a47252; - --color-black: #2e323e; - --color-red-light: #d15a5a; - --color-orange-light: #f6a066; - --color-yellow-light: #eaaf03; - --color-olive-light: #abc016; - --color-green-light: #93b373; - --color-teal-light: #00b6ad; - --color-blue-light: #4e96cc; - --color-violet-light: #9b79e4; - --color-purple-light: #ba6ad5; - --color-pink-light: #d74397; - --color-brown-light: #b08061; - --color-black-light: #3f4555; - --color-red-dark-1: #c23636; - --color-orange-dark-1: #f38236; - --color-yellow-dark-1: #b88a03; - --color-olive-dark-1: #839311; - --color-green-dark-1: #7a9e55; - --color-teal-dark-1: #00837c; - --color-blue-dark-1: #347cb3; - --color-violet-dark-1: #7b4edb; - --color-purple-dark-1: #a742c9; - --color-pink-dark-1: #be297d; - --color-brown-dark-1: #94674a; - --color-black-dark-1: #292d38; - --color-red-dark-2: #ad3030; - --color-orange-dark-2: #f16e17; - --color-yellow-dark-2: #a37a02; - --color-olive-dark-2: #74820f; - --color-green-dark-2: #6c8c4c; - --color-teal-dark-2: #00746e; - --color-blue-dark-2: #2e6e9f; - --color-violet-dark-2: #6733d6; - --color-purple-dark-2: #9834b9; - --color-pink-dark-2: #a9246f; - --color-brown-dark-2: #835b42; - --color-black-dark-2: #252832; - --color-ansi-black: var(--color-black); - --color-ansi-red: var(--color-red); - --color-ansi-green: var(--color-green); - --color-ansi-yellow: var(--color-yellow); - --color-ansi-blue: var(--color-blue); - --color-ansi-magenta: var(--color-pink); - --color-ansi-cyan: var(--color-teal); - --color-ansi-white: var(--color-console-fg-subtle); - --color-ansi-bright-black: var(--color-black-light); - --color-ansi-bright-red: var(--color-red-light); - --color-ansi-bright-green: var(--color-green-light); - --color-ansi-bright-yellow: var(--color-yellow-light); - --color-ansi-bright-blue: var(--color-blue-light); - --color-ansi-bright-magenta: var(--color-pink-light); - --color-ansi-bright-cyan: var(--color-teal-light); - --color-ansi-bright-white: var(--color-console-fg); - --color-grey: #5e6064; - --color-grey-light: #acaeb5; - --color-gold: #b1983b; - --color-white: #fff; - --color-diff-removed-word-bg: #6f3333; - --color-diff-added-word-bg: #3c653c; - --color-diff-removed-row-bg: #3c2626; - --color-diff-moved-row-bg: #818044; - --color-diff-added-row-bg: #283e2d; - --color-diff-removed-row-border: #634343; - --color-diff-moved-row-border: #bcca6f; - --color-diff-added-row-border: #314a37; - --color-diff-inactive: #1d1d1e; - --color-error-border: #a04141; - --color-error-bg: #522; - --color-error-bg-active: #744; - --color-error-bg-hover: #633; - --color-error-text: #f9cbcb; - --color-success-border: #458a57; - --color-success-bg: #284034; - --color-success-text: #6cc664; - --color-warning-border: #bb9d00; - --color-warning-bg: #3a3a30; - --color-warning-text: #fbbd08; - --color-info-border: #306090; - --color-info-bg: #26354c; - --color-info-text: #38a8e8; - --color-red-badge: #db2828; - --color-red-badge-bg: #db28281a; - --color-red-badge-hover-bg: #db28284d; - --color-green-badge: #21ba45; - --color-green-badge-bg: #21ba451a; - --color-green-badge-hover-bg: #21ba454d; - --color-yellow-badge: #fbbd08; - --color-yellow-badge-bg: #fbbd081a; - --color-yellow-badge-hover-bg: #fbbd084d; - --color-orange-badge: #f2711c; - --color-orange-badge-bg: #f2711c1a; - --color-orange-badge-hover-bg: #f2711c4d; - --color-git: #f05133; - --color-body: #1b1b1d; - --color-box-header: #232324; - --color-box-body: #171718; - --color-box-body-highlight: #1b1b1c; - --color-text-dark: #dbe0ea; - --color-text: #cbd0da; - --color-text-light: #bbbfca; - --color-text-light-1: #aaafb9; - --color-text-light-2: #9a9ea9; - --color-text-light-3: #8a8e99; - --color-footer: #171718; - --color-timeline: #424247; - --color-input-text: #dfe3ec; - --color-input-background: #171718; - --color-input-toggle-background: #323235; - --color-input-border: var(--color-secondary); - --color-input-border-hover: var(--color-secondary-dark-1); - --color-header-wrapper: #171718; - --color-light: #00000028; - --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled))); - --color-light-border: #ffffff28; - --color-hover: #ffffff19; - --color-active: #ffffff24; - --color-menu: #171718; - --color-card: #171718; - --color-markup-table-row: #ffffff06; - --color-markup-code-block: #ffffff06; - --color-button: #34343a; - --color-code-bg: #171718; - --color-code-sidebar-bg: #141414; - --color-shadow: #00000060; - --color-secondary-bg: #202022; - --color-text-focus: #fff; - --color-expand-button: #29292c; - --color-placeholder-text: #8a8e99; - --color-editor-line-highlight: var(--color-primary-light-5); - --color-project-board-bg: var(--color-secondary-light-2); - --color-caret: var(--color-text); - --color-reaction-bg: #ffffff12; - --color-reaction-hover-bg: var(--color-primary-light-4); - --color-reaction-active-bg: var(--color-primary-light-5); - --color-tooltip-text: #fff; - --color-tooltip-bg: #000000f0; - --color-nav-bg: #171718; - --color-nav-hover-bg: #ffffff19; - --color-label-text: #dfe3ec; - --color-label-bg: #6263664b; - --color-label-hover-bg: #626366a0; - --color-label-active-bg: #626366; - --color-accent: var(--color-primary-light-1); - --color-small-accent: var(--color-primary-light-5); - --color-active-line: #534d1b; - --color-secondary-dimmed: #2d2d33; - accent-color: var(--color-accent); - color-scheme: dark; -} - -* { - scrollbar-color: auto; -} - -::-webkit-scrollbar-thumb { - box-shadow: inset 0 0 0 6px #777; - border-radius: 5px; -} - -::-webkit-scrollbar-thumb:window-inactive { - box-shadow: inset 0 0 0 6px #555; -} - -::-webkit-scrollbar-thumb:hover { - box-shadow: inset 0 0 0 6px #888; -} - -#navbar { - border-bottom-color: var(--color-secondary-dimmed); -} - -#navbar-logo { - background: none !important; - transition: filter 0.2s linear; -} - -#navbar-logo:hover { - filter: brightness(1.1); - transition: none; -} - -.dashboard .dashboard-navbar { - background: var(--color-nav-bg); - margin-top: -15px; - margin-bottom: -11px; - padding-top: 15px; - padding-bottom: 14px; -} - -.page-content.dashboard.feeds, -.page-content.dashboard.issues, -.page-content.repository, -.page-content.explore { - padding-top: 15px; - margin-top: -1px; -} - -.ui.attached.menu { - border-radius: 0 !important; -} - -#repo-topics { - padding: 6px 0 11px; -} - -.file-view.markup { - padding: 1.5em 2em 2em; -} - -.ui.cards > .card, -.ui.card { - border-radius: 6px; - border-color: var(--color-secondary-dimmed); - box-shadow: 8px 8px 7px rgba(255, 255, 255, 0.01); -} - -.ui.basic.labels .label, -.ui.basic.label { - border-radius: 9px; - padding-top: 2px; - padding-bottom: 2px; -} - -.ui.labeled.button:not([class*=left\ labeled]) > .label, -.ui[class*=left\ labeled].button > .button { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.ui.button:hover, -.ui.basic.buttons .button:hover, -.ui.basic.button:hover { - background: #3e3e45; -} - -.ui.active.button, -.ui.button:active, -.ui.active.button:active, -.ui.active.button:hover, -.ui.basic.buttons .button:active, -.ui.basic.button:active, -.ui.basic.buttons .active.button, -.ui.basic.active.button, -.ui.basic.buttons .active.button:hover, -.ui.basic.active.button:hover { - background: #232326; -} - -.repo-buttons .ui.labeled.button > .label:hover { - color: var(--color-text); - background: #3e3e45; -} - -.repo-buttons .ui.labeled.button > .label:active { - background: #232326; -} - -.ui.cards > .card > .extra, -.ui.card > .extra { - border-top-color: var(--color-secondary-dimmed) !important; -} - -.user.profile .ui.card .extra.content > ul > li:not(:last-child) { - border-bottom-color: var(--color-secondary-dimmed); -} - -.label-list { - margin-left: 4px; -} - -.organization.profile .org-visibility { - margin-left: 11px; -} - -.page-footer { - border-top-color: var(--color-secondary-dimmed); -} - -.dashboard .divider, -.profile .divider { - visibility: hidden; -} - -.dashboard > .divider { - visibility: visible; - border-top-color: var(--color-secondary-dimmed); -} - -.code-inner { - font-variant-ligatures: none; - font-feature-settings: "liga" 0; -} - -.ui.multiple.dropdown > .label { - box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset; -} - -.ui.modal > .header { - border-color: var(--color-secondary-dimmed); -} - -.ui.modal > .actions, -.ui.modal .content + .actions, -.ui.modal .content + form > .actions { - border-radius: 0 0 4px 4px; - border-top: 1px solid var(--color-secondary-dimmed); -} - -.ui.toggle.checkbox input:focus~label:before, -.ui.toggle.checkbox label:hover:before { - background-color: #414143; -} - -.vch__day__square, -.vch__legend__wrapper rect { - rx: 2; - ry: 2; -} - -img[alt="404"] { - width: 256px; -} - -.repository .repository-summary .segment.language-stats { - gap: 0; - overflow: visible; - border-top: none; - width: calc(100% + 2px); - height: 11px; - margin: 0 -1px -1px !important; -} - -.repository .repository-summary .segment.language-stats > .bar { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15); -} - -.repository .repository-summary .segment.language-stats > .bar:first-child { - flex: 1; - border-bottom-left-radius: 4px; -} - -.repository .repository-summary .segment.language-stats > .bar:last-child { - border-bottom-right-radius: 4px; -} - -.repository .repository-summary > .language-stats-details { - border-radius: 4px 4px 0 0; -} - -.repository #clone-panel > button.primary { - border: 1px solid var(--color-primary-dark-2) !important; - margin-right: -1px; - z-index: 1; -} diff --git a/assets/css/theme-unnamed.css b/assets/css/theme-unnamed.css new file mode 100644 index 0000000..756f23b --- /dev/null +++ b/assets/css/theme-unnamed.css @@ -0,0 +1,435 @@ +@import url(theme-arc-green.css); + +:root { + --is-dark-theme: true; + --fonts-monospace: monospace, var(--fonts-emoji); + --color-primary: #9a6200; + --color-primary-contrast: #fff; + --color-primary-dark-1: #93b373; + --color-primary-dark-2: #b77400; + --color-primary-dark-3: #abc492; + --color-primary-dark-4: #cd8200; + --color-primary-dark-5: #cfddc1; + --color-primary-dark-6: #e7eee0; + --color-primary-dark-7: #f8faf6; + --color-primary-light-1: #9a6200d0; + --color-primary-light-2: #9a6200b0; + --color-primary-light-3: #5f7b42; + --color-primary-light-4: #9a620080; + --color-primary-light-5: #364626; + --color-primary-light-6: #1b2313; + --color-primary-light-7: #080b06; + --color-primary-alpha-10: #87ab6319; + --color-primary-alpha-20: #87ab6333; + --color-primary-alpha-30: #87ab634b; + --color-primary-alpha-40: #87ab6366; + --color-primary-alpha-50: #87ab6380; + --color-primary-alpha-60: #87ab6399; + --color-primary-alpha-70: #87ab63b3; + --color-primary-alpha-80: #87ab63cc; + --color-primary-alpha-90: #87ab63e1; + --color-primary-hover: var(--color-primary-light-1); + --color-primary-active: var(--color-primary-light-2); + --color-secondary: #1b1918; + --color-secondary-dark-1: #515358; + --color-secondary-dark-2: #71737a; + --color-secondary-dark-3: #767778; + --color-secondary-dark-4: #9ea0a5; + --color-secondary-dark-5: #a0a2a4; + --color-secondary-dark-6: #a2a8b5; + --color-secondary-dark-7: #afb4c0; + --color-secondary-dark-8: #bcc0ca; + --color-secondary-dark-9: #c9cbd4; + --color-secondary-dark-10: #d6d7de; + --color-secondary-dark-11: #e2e3e8; + --color-secondary-dark-12: #eeeff2; + --color-secondary-dark-13: #fbfbfc; + --color-secondary-light-1: #3b3b40; + --color-secondary-light-2: #242427; + --color-secondary-light-3: #1e1e20; + --color-secondary-light-4: #141415; + --color-secondary-alpha-10: #1b191819; + --color-secondary-alpha-20: #1b191833; + --color-secondary-alpha-30: #1b19184b; + --color-secondary-alpha-40: #1b191866; + --color-secondary-alpha-50: #1b191880; + --color-secondary-alpha-60: #1b191899; + --color-secondary-alpha-70: #1b1918b3; + --color-secondary-alpha-80: #1b1918cc; + --color-secondary-alpha-90: #1b1918e1; + --color-secondary-button: var(--color-secondary-dark-4); + --color-secondary-hover: var(--color-secondary-dark-3); + --color-secondary-active: var(--color-secondary-dark-2); + --color-console-fg: #eeeff2; + --color-console-fg-subtle: #9fa4ad; + --color-console-bg: #151516; + --color-console-border: #252527; + --color-console-hover-bg: #ffffff0d; + --color-console-active-bg: #323337; + --color-console-menu-bg: #242427; + --color-console-menu-border: #414145; + --color-red: #cc4848; + --color-orange: #cc580c; + --color-yellow: #cc9903; + --color-olive: #91a313; + --color-green: #87ab63; + --color-teal: #00918a; + --color-blue: #3a8ac6; + --color-violet: #906ae1; + --color-purple: #b259d0; + --color-pink: #d22e8b; + --color-brown: #a47252; + --color-black: #2e323e; + --color-red-light: #d15a5a; + --color-orange-light: #f6a066; + --color-yellow-light: #eaaf03; + --color-olive-light: #abc016; + --color-green-light: #93b373; + --color-teal-light: #00b6ad; + --color-blue-light: #4e96cc; + --color-violet-light: #9b79e4; + --color-purple-light: #ba6ad5; + --color-pink-light: #d74397; + --color-brown-light: #b08061; + --color-black-light: #3f4555; + --color-red-dark-1: #c23636; + --color-orange-dark-1: #f38236; + --color-yellow-dark-1: #b88a03; + --color-olive-dark-1: #839311; + --color-green-dark-1: #7a9e55; + --color-teal-dark-1: #00837c; + --color-blue-dark-1: #347cb3; + --color-violet-dark-1: #7b4edb; + --color-purple-dark-1: #a742c9; + --color-pink-dark-1: #be297d; + --color-brown-dark-1: #94674a; + --color-black-dark-1: #292d38; + --color-red-dark-2: #ad3030; + --color-orange-dark-2: #f16e17; + --color-yellow-dark-2: #a37a02; + --color-olive-dark-2: #74820f; + --color-green-dark-2: #6c8c4c; + --color-teal-dark-2: #00746e; + --color-blue-dark-2: #2e6e9f; + --color-violet-dark-2: #6733d6; + --color-purple-dark-2: #9834b9; + --color-pink-dark-2: #a9246f; + --color-brown-dark-2: #835b42; + --color-black-dark-2: #252832; + --color-ansi-black: var(--color-black); + --color-ansi-red: var(--color-red); + --color-ansi-green: var(--color-green); + --color-ansi-yellow: var(--color-yellow); + --color-ansi-blue: var(--color-blue); + --color-ansi-magenta: var(--color-pink); + --color-ansi-cyan: var(--color-teal); + --color-ansi-white: var(--color-console-fg-subtle); + --color-ansi-bright-black: var(--color-black-light); + --color-ansi-bright-red: var(--color-red-light); + --color-ansi-bright-green: var(--color-green-light); + --color-ansi-bright-yellow: var(--color-yellow-light); + --color-ansi-bright-blue: var(--color-blue-light); + --color-ansi-bright-magenta: var(--color-pink-light); + --color-ansi-bright-cyan: var(--color-teal-light); + --color-ansi-bright-white: var(--color-console-fg); + --color-grey: #5e6064; + --color-grey-light: #acaeb5; + --color-gold: #b1983b; + --color-white: #fff; + --color-diff-removed-word-bg: #6f3333; + --color-diff-added-word-bg: #3c653c; + --color-diff-removed-row-bg: #3c2626; + --color-diff-moved-row-bg: #818044; + --color-diff-added-row-bg: #283e2d; + --color-diff-removed-row-border: #634343; + --color-diff-moved-row-border: #bcca6f; + --color-diff-added-row-border: #314a37; + --color-diff-inactive: #1d1d1e; + --color-error-border: #a04141; + --color-error-bg: #522; + --color-error-bg-active: #744; + --color-error-bg-hover: #633; + --color-error-text: #f9cbcb; + --color-success-border: #458a57; + --color-success-bg: #284034; + --color-success-text: #6cc664; + --color-warning-border: #bb9d00; + --color-warning-bg: #3a3a30; + --color-warning-text: #fbbd08; + --color-info-border: #306090; + --color-info-bg: #26354c; + --color-info-text: #38a8e8; + --color-red-badge: #db2828; + --color-red-badge-bg: #db28281a; + --color-red-badge-hover-bg: #db28284d; + --color-green-badge: #21ba45; + --color-green-badge-bg: #21ba451a; + --color-green-badge-hover-bg: #21ba454d; + --color-yellow-badge: #fbbd08; + --color-yellow-badge-bg: #fbbd081a; + --color-yellow-badge-hover-bg: #fbbd084d; + --color-orange-badge: #f2711c; + --color-orange-badge-bg: #f2711c1a; + --color-orange-badge-hover-bg: #f2711c4d; + --color-git: #f05133; + --color-body: #0e0c06; + --color-box-header: #0e0c06; + --color-box-body: #0e0c06; + --color-box-body-highlight: #1b1b1c; + --color-text-dark: #d4b782; + --color-text: #d4b782; + --color-text-light: #d4b782; + --color-text-light-1: #cfb688; + --color-text-light-2: #cfb688; + --color-text-light-3: #f0d8ad; + --color-footer: #0e0c06; + --color-timeline: #1b1918; + --color-input-text: #cfb688; + --color-input-background: #0e0c06; + --color-input-toggle-background: #323235; + --color-input-border: var(--color-secondary); + --color-input-border-hover: var(--color-secondary-dark-1); + --color-header-wrapper: #0e0c06; + --color-light: #00000028; + --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled))); + --color-light-border: #1b1918; + --color-hover: #1b1918; + --color-active: #1b191880; + --color-menu: #0e0c06; + --color-card: #0e0c06; + --color-markup-table-row: #ffffff06; + --color-markup-code-block: #ffffff06; + --color-button: #1b1918; + --color-code-bg: #0e0c06; + --color-code-sidebar-bg: #141414; + --color-shadow: #00000060; + --color-secondary-bg: #202022; + --color-text-focus: #fff; + --color-expand-button: #29292c; + --color-placeholder-text: #8a8e99; + --color-editor-line-highlight: var(--color-primary-light-5); + --color-project-board-bg: var(--color-secondary-light-2); + --color-caret: var(--color-text); + --color-reaction-bg: #ffffff12; + --color-reaction-hover-bg: var(--color-primary-light-4); + --color-reaction-active-bg: var(--color-primary-light-5); + --color-tooltip-text: #fff; + --color-tooltip-bg: #000000f0; + --color-nav-bg: #0e0c06; + --color-nav-hover-bg: #ffffff19; + --color-label-text: #d4b782; + --color-label-bg: #1b19184b; + --color-label-hover-bg: #1b1918a0; + --color-label-active-bg: #1b1918; + --color-accent: var(--color-primary-light-1); + --color-small-accent: var(--color-primary-light-5); + --color-active-line: #534d1b; + --color-secondary-dimmed: #0e0c06; + accent-color: var(--color-accent); + color-scheme: dark; +} + +* { + scrollbar-color: auto; +} + +::-webkit-scrollbar-thumb { + box-shadow: inset 0 0 0 6px #777; + border-radius: 5px; +} + +::-webkit-scrollbar-thumb:window-inactive { + box-shadow: inset 0 0 0 6px #555; +} + +::-webkit-scrollbar-thumb:hover { + box-shadow: inset 0 0 0 6px #888; +} + +#navbar { + border-bottom-color: var(--color-secondary-dimmed); +} + +#navbar-logo { + background: none !important; + transition: filter 0.2s linear; +} + +#navbar-logo:hover { + filter: brightness(1.1); + transition: none; +} + +.dashboard .dashboard-navbar { + background: var(--color-nav-bg); + margin-top: -15px; + margin-bottom: -11px; + padding-top: 15px; + padding-bottom: 14px; +} + +.page-content.dashboard.feeds, +.page-content.dashboard.issues, +.page-content.repository, +.page-content.explore { + padding-top: 15px; + margin-top: -1px; +} + +.ui.attached.menu { + border-radius: 0 !important; +} + +#repo-topics { + padding: 6px 0 11px; +} + +.file-view.markup { + padding: 1.5em 2em 2em; +} + +.ui.cards > .card, +.ui.card { + border-radius: 6px; + border-color: var(--color-secondary-dimmed); + /* box-shadow: 8px 8px 7px rgba(255, 255, 255, 0.01); */ +} + +.ui.basic.labels .label, +.ui.basic.label { + border-radius: 9px; + padding-top: 2px; + padding-bottom: 2px; +} + +.ui.labeled.button:not([class*=left\ labeled]) > .label, +.ui[class*=left\ labeled].button > .button { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.ui.button:hover, +.ui.basic.buttons .button:hover, +.ui.basic.button:hover { + background: var(--color-button); +} + +.ui.active.button, +.ui.button:active, +.ui.active.button:active, +.ui.active.button:hover, +.ui.basic.buttons .button:active, +.ui.basic.button:active, +.ui.basic.buttons .active.button, +.ui.basic.active.button, +.ui.basic.buttons .active.button:hover, +.ui.basic.active.button:hover { + background: var(--color-button); +} + +.repo-buttons .ui.labeled.button > .label:hover { + color: var(--color-text); + background: var(--color-secondary); +} + +.repo-buttons .ui.labeled.button > .label:active { + background: var(--color-button); +} + +.ui.cards > .card > .extra, +.ui.card > .extra { + border-top-color: var(--color-secondary-dimmed) !important; +} + +.user.profile .ui.card .extra.content > ul > li:not(:last-child) { + border-bottom-color: var(--color-secondary-dimmed); +} + +.label-list { + margin-left: 4px; +} + +.organization.profile .org-visibility { + margin-left: 11px; +} + +.page-footer { + border-top-color: var(--color-secondary-dimmed); +} + +.dashboard .divider, +.profile .divider { + visibility: hidden; +} + +.dashboard > .divider { + visibility: visible; + border-top-color: var(--color-secondary-dimmed); +} + +.code-inner { + font-variant-ligatures: none; + font-feature-settings: "liga" 0; +} + +.ui.multiple.dropdown > .label { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset; +} + +.ui.modal > .header { + border-color: var(--color-secondary-dimmed); +} + +.ui.modal > .actions, +.ui.modal .content + .actions, +.ui.modal .content + form > .actions { + border-radius: 0 0 4px 4px; + border-top: 1px solid var(--color-secondary-dimmed); +} + +.ui.toggle.checkbox input:focus~label:before, +.ui.toggle.checkbox label:hover:before { + background-color: #414143; +} + +.vch__day__square, +.vch__legend__wrapper rect { + rx: 2; + ry: 2; +} + +img[alt="404"] { + width: 256px; +} + +.repository .repository-summary .segment.language-stats { + gap: 0; + overflow: visible; + border-top: none; + width: calc(100% + 2px); + height: 11px; + margin: 0 -1px -1px !important; +} + +.repository .repository-summary .segment.language-stats > .bar { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15); +} + +.repository .repository-summary .segment.language-stats > .bar:first-child { + flex: 1; + border-bottom-left-radius: 4px; +} + +.repository .repository-summary .segment.language-stats > .bar:last-child { + border-bottom-right-radius: 4px; +} + +.repository .repository-summary > .language-stats-details { + border-radius: 4px 4px 0 0; +} + +.repository #clone-panel > button.primary { + border: 1px solid var(--color-border) !important; + margin-right: -1px; + z-index: 1; +} -- cgit v1.2.3