/* drygit theme — stock forgejo-dark base + drygit palette layer. Regenerate: stock-dark.css + _overrides.css */ .chroma .bp{color:#fabd2f}.chroma .c,.chroma .c1,.chroma .ch,.chroma .cm{color:#777e94}.chroma .cp{color:#8ec07c}.chroma .cpf{color:#649bc4}.chroma .cs{color:#9075cd}.chroma .dl{color:#649bc4}.chroma .gd{color:#fff;background-color:#5f3737}.chroma .ge{color:#ddee30}.chroma .gh{color:#ffaa10}.chroma .gi{color:#fff;background-color:#3a523a}.chroma .go{color:#777e94}.chroma .gp{color:#ebdbb2}.chroma .gr{color:#f43}.chroma .gs{color:#ebdbb2}.chroma .gt{color:#ff7540}.chroma .gu{color:#b8bb26}.chroma .il{color:#649bc4}.chroma .k{color:#ff7540}.chroma .kc{color:#649bc4}.chroma .kd{color:#ff7540}.chroma .kn{color:#ffaa10}.chroma .kp{color:#5f8700}.chroma .kr{color:#ff7540}.chroma .kt{color:#ff7b72}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .mo{color:#649bc4}.chroma .n{color:#c9d1d9}.chroma .na,.chroma .nb{color:#fabd2f}.chroma .nc{color:#ffaa10}.chroma .nd{color:#8ec07c}.chroma .ne{color:#ff7540}.chroma .nf,.chroma .ni{color:#fabd2f}.chroma .nl{color:#ff7540}.chroma .nn{color:#c9d1d9}.chroma .no{color:#649bc4}.chroma .nt{color:#ff7540}.chroma .nv{color:#ebdbb2}.chroma .nx{color:#b6bac5}.chroma .o{color:#ff7540}.chroma .ow{color:#5f8700}.chroma .p{color:#d2d4db}.chroma .s,.chroma .s1,.chroma .s2{color:#b8bb26}.chroma .sa{color:#ffaa10}.chroma .sb{color:#b8bb26}.chroma .sc{color:#ffaa10}.chroma .sd{color:#b8bb26}.chroma .se{color:#ff8540}.chroma .sh{color:#b8bb26}.chroma .si{color:#ffaa10}.chroma .sr{color:#9075cd}.chroma .ss{color:#ff8540}.chroma .sx{color:#ffaa10}.chroma .vc,.chroma .vg,.chroma .vi{color:#649bee}.chroma .w{color:#7f8699}.CodeMirror.cm-s-default .cm-property,.CodeMirror.cm-s-paper .cm-property{color:#a0cc75}.CodeMirror.cm-s-default .cm-header,.CodeMirror.cm-s-paper .cm-header{color:#9daccc}.CodeMirror.cm-s-default .cm-quote,.CodeMirror.cm-s-paper .cm-quote{color:#090}.CodeMirror.cm-s-default .cm-keyword,.CodeMirror.cm-s-paper .cm-keyword{color:#cc8a61}.CodeMirror.cm-s-default .cm-atom,.CodeMirror.cm-s-paper .cm-atom{color:#ef5e77}.CodeMirror.cm-s-default .cm-number,.CodeMirror.cm-s-paper .cm-number{color:#ff5656}.CodeMirror.cm-s-default .cm-def,.CodeMirror.cm-s-paper .cm-def{color:#e4e4e4}.CodeMirror.cm-s-default .cm-variable-2,.CodeMirror.cm-s-paper .cm-variable-2{color:#00bdbf}.CodeMirror.cm-s-default .cm-variable-3,.CodeMirror.cm-s-paper .cm-variable-3{color:#085}.CodeMirror.cm-s-default .cm-comment,.CodeMirror.cm-s-paper .cm-comment{color:#8e9ab3}.CodeMirror.cm-s-default .cm-string,.CodeMirror.cm-s-paper .cm-string{color:#a77272}.CodeMirror.cm-s-default .cm-string-2,.CodeMirror.cm-s-paper .cm-string-2{color:#f50}.CodeMirror.cm-s-default .cm-meta,.CodeMirror.cm-s-paper .cm-meta,.CodeMirror.cm-s-default .cm-qualifier,.CodeMirror.cm-s-paper .cm-qualifier{color:#ffb176}.CodeMirror.cm-s-default .cm-builtin,.CodeMirror.cm-s-paper .cm-builtin{color:#b7c951}.CodeMirror.cm-s-default .cm-bracket,.CodeMirror.cm-s-paper .cm-bracket{color:#997}.CodeMirror.cm-s-default .cm-tag,.CodeMirror.cm-s-paper .cm-tag{color:#f1d273}.CodeMirror.cm-s-default .cm-attribute,.CodeMirror.cm-s-paper .cm-attribute{color:#bfcc70}.CodeMirror.cm-s-default .cm-hr,.CodeMirror.cm-s-paper .cm-hr{color:#999}.CodeMirror.cm-s-default .cm-url,.CodeMirror.cm-s-paper .cm-url{color:#c5cfd0}.CodeMirror.cm-s-default .cm-link,.CodeMirror.cm-s-paper .cm-link{color:#d8c792}.CodeMirror.cm-s-default .cm-error,.CodeMirror.cm-s-paper .cm-error{color:#dbdbeb}.markup [src$="#gh-light-mode-only"],.markup [src$="#light-mode-only"],.markup [href$="#gh-light-mode-only"],.markup [href$="#light-mode-only"]{display:none}.markup [src$="#gh-dark-mode-only"],.markup [src$="#dark-mode-only"],.markup [href$="#gh-dark-mode-only"],.markup [href$="#dark-mode-only"]{display:unset}:root{--steel-900: #10161d;--steel-850: #131a21;--steel-800: #171e26;--steel-750: #1d262f;--steel-700: #242d38;--steel-650: #2b3642;--steel-600: #374351;--steel-550: #445161;--steel-500: #515f70;--steel-450: #5f6e80;--steel-400: #6d7d8f;--steel-350: #7c8c9f;--steel-300: #8c9caf;--steel-250: #9dadc0;--steel-200: #aebed0;--steel-150: #c0cfe0;--steel-100: #d2e0f0;--is-dark-theme: true;--color-primary: #fb923c;--color-primary-contrast: #000;--color-primary-dark-1: #fdba74;--color-primary-dark-2: #fdba74;--color-primary-dark-3: #fed7aa;--color-primary-dark-4: #fed7aa;--color-primary-dark-5: #ffedd5;--color-primary-dark-6: #ffedd5;--color-primary-dark-7: #fff7ed;--color-primary-light-1: #f97316;--color-primary-light-2: #ea580c;--color-primary-light-3: #c2410c;--color-primary-light-4: #9a3412;--color-primary-light-5: #9a3412;--color-primary-light-6: #7c2d12;--color-primary-light-7: #7c2d12;--color-primary-alpha-10: #ea580c19;--color-primary-alpha-20: #ea580c33;--color-primary-alpha-30: #ea580c4b;--color-primary-alpha-40: #ea580c66;--color-primary-alpha-50: #ea580c80;--color-primary-alpha-60: #ea580c99;--color-primary-alpha-70: #ea580cb3;--color-primary-alpha-80: #ea580ccc;--color-primary-alpha-90: #ea580ce1;--color-primary-hover: var(--color-primary-light-1);--color-primary-active: var(--color-primary-light-2);--color-secondary: var(--steel-700);--color-secondary-dark-1: var(--steel-550);--color-secondary-dark-2: var(--steel-500);--color-secondary-dark-3: var(--steel-450);--color-secondary-dark-4: var(--steel-400);--color-secondary-dark-5: var(--steel-350);--color-secondary-dark-6: var(--steel-300);--color-secondary-dark-7: var(--steel-250);--color-secondary-dark-8: var(--steel-200);--color-secondary-dark-9: var(--steel-150);--color-secondary-dark-10: var(--steel-100);--color-secondary-dark-11: var(--steel-100);--color-secondary-dark-12: var(--steel-100);--color-secondary-dark-13: var(--steel-100);--color-secondary-light-1: var(--steel-650);--color-secondary-light-2: var(--steel-700);--color-secondary-light-3: var(--steel-750);--color-secondary-light-4: var(--steel-800);--color-secondary-alpha-10: #2b364219;--color-secondary-alpha-20: #2b364233;--color-secondary-alpha-30: #2b36424b;--color-secondary-alpha-40: #2b364266;--color-secondary-alpha-50: #2b364280;--color-secondary-alpha-60: #2b364299;--color-secondary-alpha-70: #2b3642b3;--color-secondary-alpha-80: #2b3642cc;--color-secondary-alpha-90: #2b3642e1;--color-secondary-hover: var(--color-secondary-light-1);--color-secondary-active: var(--color-secondary-light-2);--color-console-fg: #eeeff2;--color-console-fg-subtle: #959cab;--color-console-bg: #1f212b;--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: #b91c1c;--color-orange: #ea580c;--color-yellow: #ca8a04;--color-olive: #91a313;--color-green: #15803d;--color-teal: #0d9488;--color-blue: #2563eb;--color-violet: #7c3aed;--color-purple: #9333ea;--color-pink: #db2777;--color-brown: #a47252;--color-grey: var(--steel-500);--color-black: #111827;--color-red-light: #dc2626;--color-orange-light: #f97316;--color-yellow-light: #eab308;--color-olive-light: #839311;--color-green-light: #16a34a;--color-teal-light: #14b8a6;--color-blue-light: #3b82f6;--color-violet-light: #8b5cf6;--color-purple-light: #a855f7;--color-pink-light: #ec4899;--color-brown-light: #94674a;--color-grey-light: var(--steel-300);--color-black-light: #1f2937;--color-red-dark-1: #a71919;--color-orange-dark-1: #d34f0b;--color-yellow-dark-1: #b67c04;--color-olive-dark-1: #839311;--color-green-dark-1: #137337;--color-teal-dark-1: #0c857a;--color-blue-dark-1: #1554e0;--color-violet-dark-1: #6a1feb;--color-purple-dark-1: #8519e7;--color-pink-dark-1: #c7216b;--color-brown-dark-1: #94674a;--color-black-dark-1: #0f1623;--color-red-dark-2: #941616;--color-orange-dark-2: #bb460a;--color-yellow-dark-2: #ca8a04;--color-olive-dark-2: #91a313;--color-green-dark-2: #15803d;--color-teal-dark-2: #0a766d;--color-blue-dark-2: #2563eb;--color-violet-dark-2: #5c14d8;--color-purple-dark-2: #7c3aed;--color-pink-dark-2: #b11d5f;--color-brown-dark-2: #a47252;--color-black-dark-2: #111827;--color-ansi-black: #1d2328;--color-ansi-red: #cc4848;--color-ansi-green: #87ab63;--color-ansi-yellow: #cc9903;--color-ansi-blue: #3a8ac6;--color-ansi-magenta: #d22e8b;--color-ansi-cyan: #00918a;--color-ansi-white: var(--color-console-fg-subtle);--color-ansi-bright-black: #424851;--color-ansi-bright-red: #d15a5a;--color-ansi-bright-green: #93b373;--color-ansi-bright-yellow: #eaaf03;--color-ansi-bright-blue: #4e96cc;--color-ansi-bright-magenta: #d74397;--color-ansi-bright-cyan: #00b6ad;--color-ansi-bright-white: var(--color-console-fg);--color-gold: #b1983b;--color-white: #ffffff;--color-pure-black: #000000;--color-diff-removed-word-bg: #783030;--color-diff-added-word-bg: #255c39;--color-diff-removed-row-bg: #432121;--color-diff-moved-row-bg: #825718;--color-diff-added-row-bg: #1b3625;--color-diff-removed-row-border: #783030;--color-diff-moved-row-border: #a67a1d;--color-diff-added-row-border: #255c39;--color-diff-inactive: var(--steel-650);--color-error-border: #783030;--color-error-bg: #5f2525;--color-error-bg-active: #783030;--color-error-bg-hover: #783030;--color-error-text: #fef2f2;--color-success-border: #1f6e3c;--color-success-bg: #1d462c;--color-success-text: #aef0c2;--color-warning-border: #a67a1d;--color-warning-bg: #644821;--color-warning-text: #fff388;--color-info-border: #2e50b0;--color-info-bg: #2a396b;--color-info-text: var(--steel-100);--color-red-badge: #b91c1c;--color-red-badge-bg: #b91c1c22;--color-red-badge-hover-bg: #b91c1c44;--color-green-badge: #16a34a;--color-green-badge-bg: #16a34a22;--color-green-badge-hover-bg: #16a34a44;--color-yellow-badge: #ca8a04;--color-yellow-badge-bg: #ca8a0422;--color-yellow-badge-hover-bg: #ca8a0444;--color-orange-badge: #ea580c;--color-orange-badge-bg: #ea580c22;--color-orange-badge-hover-bg: #ea580c44;--thin-lightness: .68;--regular-chroma: .19;--color-thin-green: oklch(var(--thin-lightness) var(--regular-chroma) 145deg);--color-thin-red: oklch(var(--thin-lightness) var(--regular-chroma) 27deg);--color-thin-purple: oklch(var(--thin-lightness) var(--regular-chroma) 298deg);--color-thin-orange: oklch(var(--thin-lightness) var(--regular-chroma) 41deg);--thin-lightness-highlight: .75;--color-thin-red-highlight: oklch(var(--thin-lightness-highlight) var(--regular-chroma) 27deg);--bg-lightness: .26;--bg-chroma: .05;--color-danger-bg: oklch(var(--bg-lightness) var(--bg-chroma) 27deg);--color-body: var(--steel-800);--color-box-header: var(--steel-700);--color-box-body: var(--steel-750);--color-box-body-highlight: var(--steel-650);--color-text-dark: #fff;--color-text: var(--steel-100);--color-text-light: var(--steel-150);--color-text-light-1: var(--steel-150);--color-text-light-2: var(--steel-200);--color-text-light-3: var(--steel-200);--color-footer: var(--steel-900);--color-timeline: var(--steel-650);--color-input-text: var(--steel-100);--color-input-background: var(--steel-650);--color-input-toggle-background: var(--steel-650);--color-input-border: var(--steel-550);--color-input-border-hover: var(--steel-450);--color-header-wrapper: var(--steel-850);--color-header-wrapper-transparent: #242d3800;--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: var(--steel-600);--color-active: var(--steel-650);--color-menu: var(--steel-700);--color-card: var(--steel-700);--fancy-card-bg: var(--steel-650);--fancy-card-border: var(--steel-600);--color-markup-table-row: #ffffff06;--color-markup-code-block: var(--steel-800);--color-markup-code-inline: var(--steel-850);--color-button: var(--steel-600);--color-code-bg: var(--steel-750);--color-shadow: #00000060;--color-secondary-bg: var(--steel-700);--color-text-focus: #fff;--color-expand-button: #3c404d;--color-placeholder-text: var(--color-text-light-3);--color-editor-line-highlight: var(--steel-700);--color-project-board-bg: var(--color-secondary-light-3);--color-project-board-dark-label: var(--color-text-light-3);--color-caret: var(--color-text);--color-reaction-bg: #ffffff12;--color-reaction-active-bg: var(--color-primary-alpha-30);--color-reaction-hover-bg: var(--color-primary-alpha-40);--color-tooltip-text: #ffffff;--color-tooltip-bg: #000000f0;--color-nav-bg: var(--steel-900);--color-nav-hover-bg: var(--steel-600);--color-secondary-nav-bg: var(--color-body);--color-label-text: #fff;--color-label-bg: var(--steel-600);--color-label-hover-bg: var(--steel-550);--color-label-active-bg: var(--steel-500);--color-label-bg-alt: var(--steel-550);--color-accent: var(--color-primary-light-1);--color-small-accent: var(--color-primary-light-5);--color-highlight-fg: var(--color-primary-light-4);--color-highlight-bg: var(--color-primary-alpha-20);--color-overlay-backdrop: #080808c0;--color-selection-bg: var(--steel-100);--color-selection-fg: var(--color-pure-black);--checkerboard-color-1: #474747;--checkerboard-color-2: #313131;--color-indicator-offline: #a1a1aa;--color-indicator-offline-20: #a1a1aa1a;--color-indicator-idle: #16a34a;--color-indicator-idle-20: #16a34a1a;--color-indicator-active: #2185d0;--color-indicator-active-20: #2185d033;accent-color:var(--color-accent);color-scheme:dark}.emoji[aria-label="check mark"],.emoji[aria-label="currency exchange"],.emoji[aria-label="TOP arrow"],.emoji[aria-label="END arrow"],.emoji[aria-label="ON! arrow"],.emoji[aria-label="SOON arrow"],.emoji[aria-label="heavy dollar sign"],.emoji[aria-label=copyright],.emoji[aria-label=registered],.emoji[aria-label="trade mark"],.emoji[aria-label=multiply],.emoji[aria-label=plus],.emoji[aria-label=minus],.emoji[aria-label=divide],.emoji[aria-label="curly loop"],.emoji[aria-label="double curly loop"],.emoji[aria-label="wavy dash"],.emoji[aria-label="paw prints"],.emoji[aria-label="musical note"],.emoji[aria-label="musical notes"]{filter:invert(100%) hue-rotate(180deg)}i.grey.icon.icon.icon.icon{color:var(--steel-350)!important}.ui.secondary.vertical.menu{border-radius:.28571429rem!important;overflow:hidden}.ui.basic.primary.button.item{background-color:var(--color-active)!important;color:var(--color-text)!important;box-shadow:none!important}.ui.red.label.notification_count,.ui.primary.label,.ui.primary.labels .label{background-color:var(--color-primary-light-3)!important}.ui.labeled.icon.buttons>.button>.icon,.ui.labeled.icon.button>.icon{background-color:var(--color-light)!important}#review-box .review-comments-counter{background-color:var(--color-shadow)!important;color:var(--color-white)!important;margin-left:.5em}.ui.basic.labels .primary.label,.ui.ui.ui.basic.primary.label{color:var(--color-text-dark)!important}.ui.yellow.label.pending-label{color:var(--color-warning-text)!important}strong.attention-important,svg.attention-important{color:var(--color-violet-light)}strong.attention-note,svg.attention-note{color:var(--color-blue-light)}strong.attention-caution,svg.attention-caution{color:var(--color-red-light)}.ui.basic.red.button{background-color:var(--color-red);color:var(--color-white)}.ui.basic.red.button:hover,.ui.basic.red.button:focus{background-color:var(--color-red-dark-1);color:var(--color-white)}.ui.basic.red.button:active{background-color:var(--color-red-dark-2);color:var(--color-white)} /* ========================================================================== drygit — palette layer -------------------------------------------------------------------------- Everything below is derived from drygit-minimal.svg: #0F1115 ground #F2F4F7 brightest #D7DCE2 light #8D99A8 mid ("git") #697381 muted This file is appended to the stock forgejo-dark theme, so every upstream component keeps working and only the palette is restated. To revert the whole reskin: delete theme-drygit.css and unset DEFAULT_THEME. ========================================================================== */ :root { /* ---- neutral ramp ----------------------------------------------------- Five steps are the logo's own colours, the rest interpolate between them. The stock dark theme expresses every surface as var(--steel-*), so restating this ramp reskins the entire UI coherently. */ --steel-900: #0b0d10; /* nav, footer */ --steel-850: #0f1115; /* logo ground — top bar */ --steel-800: #12151a; /* page body */ --steel-750: #171b21; /* box body */ --steel-700: #1c2128; /* box header, cards, menus */ --steel-650: #232830; /* highlight, active */ --steel-600: #2c323b; /* hover, buttons */ --steel-550: #363d48; /* input border */ --steel-500: #434b57; --steel-450: #525b69; --steel-400: #697381; /* logo muted */ --steel-350: #7b8593; --steel-300: #8d99a8; /* logo mid — the "git" in the wordmark */ --steel-250: #a3adba; --steel-200: #bcc4ce; --steel-150: #d7dce2; /* logo light — body text */ --steel-100: #f2f4f7; /* logo brightest — headings */ /* ---- accent ----------------------------------------------------------- The logo is deliberately achromatic, but a forge is wall-to-wall links, so they need to be unmistakable. This is the logo's own hue (213°) with the chroma lifted — quiet, same family, never shouts. */ --color-primary: #90b4df; --color-primary-contrast: #0f1115; /* in a dark theme "dark-N" reads lighter and "light-N" darker */ --color-primary-dark-1: #a6c4e6; --color-primary-dark-2: #a6c4e6; --color-primary-dark-3: #bcd4ed; --color-primary-dark-4: #bcd4ed; --color-primary-dark-5: #d2e3f4; --color-primary-dark-6: #d2e3f4; --color-primary-dark-7: #e9f1fa; --color-primary-light-1: #7aa4d8; --color-primary-light-2: #6493d1; --color-primary-light-3: #5183c4; --color-primary-light-4: #4470a8; --color-primary-light-5: #3a5e8c; --color-primary-light-6: #2f4c70; --color-primary-light-7: #253a55; --color-primary-alpha-10: #90b4df19; --color-primary-alpha-20: #90b4df33; --color-primary-alpha-30: #90b4df4b; --color-primary-alpha-40: #90b4df66; --color-primary-alpha-50: #90b4df80; --color-primary-alpha-60: #90b4df99; --color-primary-alpha-70: #90b4dfb3; --color-primary-alpha-80: #90b4dfcc; --color-primary-alpha-90: #90b4dfe1; --color-primary-hover: var(--color-primary-dark-1); --color-primary-active: var(--color-primary-dark-2); --color-accent: var(--color-primary); --color-small-accent: var(--color-primary-light-5); --color-highlight-fg: var(--color-primary-dark-2); --color-highlight-bg: var(--color-primary-alpha-20); /* ---- solid tokens ----------------------------------------------------- Primary call-to-action is near-white rather than accent-coloured. This is the single move that reads as "premium" rather than "themed". */ --drygit-solid: #f2f4f7; --drygit-solid-hover: #ffffff; --drygit-solid-contrast: #0f1115; /* ---- text ------------------------------------------------------------- */ --color-text-dark: var(--steel-100); --color-text: var(--steel-150); --color-text-light: var(--steel-250); --color-text-light-1: var(--steel-300); --color-text-light-2: var(--steel-350); --color-text-light-3: var(--steel-400); /* ---- hairlines & depth ------------------------------------------------ Thinner borders and a softer shadow: the main thing separating a restrained UI from a busy one. */ --color-light-border: #ffffff12; --color-shadow: #00000080; --color-overlay-backdrop: #05070ad0; /* ---- geometry --------------------------------------------------------- */ --border-radius: 6px; --border-radius-medium: 8px; --border-radius-large: 16px; /* ---- type ------------------------------------------------------------- */ --fonts-proportional: Inter, "Inter var", -apple-system, "Segoe UI", system-ui, "Noto Sans", Roboto, "Helvetica Neue", Arial; } /* Upstream paints primary labels with primary-light-3 and white text; against this accent that lands near 3:1, so restate both halves together. */ .ui.red.label.notification_count, .ui.primary.label, .ui.primary.labels .label { background-color: var(--color-primary) !important; color: var(--color-primary-contrast) !important; } /* Near-white call-to-action. Scoped to solid primary buttons only, so basic and outline variants keep inheriting the accent. */ .ui.primary.button:not(.basic), .ui.primary.buttons .button:not(.basic) { background: var(--drygit-solid); color: var(--drygit-solid-contrast); } .ui.primary.button:not(.basic):hover, .ui.primary.button:not(.basic):focus, .ui.primary.buttons .button:not(.basic):hover { background: var(--drygit-solid-hover); color: var(--drygit-solid-contrast); }