From 33ca916f508135adcb314c37856782ea2e8bf42b Mon Sep 17 00:00:00 2001 From: Yuri Plashenkov Date: Mon, 25 Mar 2024 04:12:26 +0300 Subject: Update theme --- assets/css/theme-deep-dark.css | 469 +++++++++++++++++++++++++++++++++++ assets/css/theme-deep-dark@v1.21.css | 310 ----------------------- 2 files changed, 469 insertions(+), 310 deletions(-) create mode 100644 assets/css/theme-deep-dark.css delete mode 100644 assets/css/theme-deep-dark@v1.21.css diff --git a/assets/css/theme-deep-dark.css b/assets/css/theme-deep-dark.css new file mode 100644 index 0000000..5fa93bd --- /dev/null +++ b/assets/css/theme-deep-dark.css @@ -0,0 +1,469 @@ +/** + * Deep Dark Gitea Theme + * @author Yuri Plashenkov + * @license MIT + */ + +@import url(theme-arc-green.css); + +@font-face { + font-family: 'JetBrains Mono'; + font-style: normal; + font-weight: 400; + src: url(../fonts/JetBrainsMono-Regular.woff2) format('woff2'); +} + +@font-face { + font-family: 'JetBrains Mono'; + font-style: italic; + font-weight: 400; + src: url(../fonts/JetBrainsMono-Italic.woff2) format('woff2'); +} + +@font-face { + font-family: 'JetBrains Mono'; + font-style: normal; + font-weight: 700; + src: url(../fonts/JetBrainsMono-Bold.woff2) format('woff2'); +} + +@font-face { + font-family: 'JetBrains Mono'; + font-style: italic; + font-weight: 700; + src: url(../fonts/JetBrainsMono-BoldItalic.woff2) format('woff2'); +} + +:root { + --is-dark-theme: true; + --fonts-monospace: "JetBrains Mono", 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-deep-dark@v1.21.css b/assets/css/theme-deep-dark@v1.21.css deleted file mode 100644 index a15708d..0000000 --- a/assets/css/theme-deep-dark@v1.21.css +++ /dev/null @@ -1,310 +0,0 @@ -@import url(theme-arc-green.css); - -@font-face { - font-family: 'JetBrains Mono'; - font-style: normal; - font-weight: 400; - src: url(../fonts/JetBrainsMono-Regular.woff2) format('woff2'); -} - -@font-face { - font-family: 'JetBrains Mono'; - font-style: italic; - font-weight: 400; - src: url(../fonts/JetBrainsMono-Italic.woff2) format('woff2'); -} - -@font-face { - font-family: 'JetBrains Mono'; - font-style: normal; - font-weight: 700; - src: url(../fonts/JetBrainsMono-Bold.woff2) format('woff2'); -} - -@font-face { - font-family: 'JetBrains Mono'; - font-style: italic; - font-weight: 700; - src: url(../fonts/JetBrainsMono-BoldItalic.woff2) format('woff2'); -} - -:root { - --is-dark-theme: true; - --fonts-monospace: "JetBrains Mono", 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: #5c6374; - --color-secondary-dark-2: #666e81; - --color-secondary-dark-3: #7c8497; - --color-secondary-dark-4: #8990a1; - --color-secondary-dark-5: #959cab; - --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: #454a57; - --color-secondary-light-2: #383c47; - --color-secondary-light-3: #2c2f37; - --color-secondary-light-4: #1f2226; - --color-secondary-alpha-10: #52576719; - --color-secondary-alpha-20: #52576733; - --color-secondary-alpha-30: #5257674b; - --color-secondary-alpha-40: #52576766; - --color-secondary-alpha-50: #52576780; - --color-secondary-alpha-60: #52576799; - --color-secondary-alpha-70: #525767b3; - --color-secondary-alpha-80: #525767cc; - --color-secondary-alpha-90: #525767e1; - --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: #959cab; - --color-console-bg: #262936; - --color-console-border: #383c47; - --color-console-hover-bg: #ffffff16; - --color-console-active-bg: #454a57; - --color-console-menu-bg: #383c47; - --color-console-menu-border: #5c6374; - --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: #505665; - --color-grey-light: #a1a6b7; - --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: #353846; - --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: #262b36; - --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: #4c525e; - --color-input-text: #dfe3ec; - --color-input-background: #171718; - --color-input-toggle-background: #454a57; - --color-input-border: var(--color-secondary); - --color-input-border-hover: var(--color-secondary-dark-1); - --color-header-wrapper: #171718; - --color-header-wrapper-transparent: #20243000; - --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: #232834; - --color-shadow: #00000060; - --color-secondary-bg: #2a2e3a; - --color-text-focus: #fff; - --color-expand-button: #3c404d; - --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: #7c84974b; - --color-label-hover-bg: #7c8497a0; - --color-label-active-bg: #7c8497; - --color-accent: var(--color-primary-light-1); - --color-small-accent: var(--color-primary-light-5); - --color-active-line: #534d1b; - accent-color: var(--color-accent); - color-scheme: dark; -} - -::-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-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; - margin-left: -3px; -} - -.file-view.markup { - padding: 1.5em 2em 2em; -} -- cgit v1.2.3