/* * GN site theme "B 쑥" for Gitea 1.27 — warm grey surfaces with one sage accent. * Served from: custom/public/assets/css/gn-theme.css (URL: /assets/css/gn-theme.css) * Included by: custom/templates/custom/header.tmpl (after the built-in theme CSS). * * Gitea puts the chosen theme on ; * gitea-auto follows prefers-color-scheme. The selectors below are more specific than the * built-in ":root" blocks, so only the colour variables change — layout is untouched. * Generated by custom/gn/gen_theme.py (palette + WCAG contrast report). Edit the palette there, not here: * python3 /var/lib/gitea/custom/gn/gen_theme.py /var/lib/gitea/custom/public/assets/css/gn-theme.css */ :root[data-theme="gitea-light"], :root[data-theme="gitea-auto"] { --is-dark-theme: false; --color-primary: #56704f; --color-primary-contrast: #ffffff; --color-primary-dark-1: #50684a; --color-primary-dark-2: #4a6144; --color-primary-dark-3: #45593f; --color-primary-dark-4: #3f5239; --color-primary-dark-5: #344430; --color-primary-dark-6: #293525; --color-primary-dark-7: #212a1d; --color-primary-light-1: #677e60; --color-primary-light-2: #778c71; --color-primary-light-3: #8b9d86; --color-primary-light-4: #9fae9a; --color-primary-light-5: #bec7b9; --color-primary-light-6: #dce0d8; --color-primary-light-7: #f3f4f0; --color-primary-alpha-10: #56704f1a; --color-primary-alpha-20: #56704f33; --color-primary-alpha-30: #56704f4c; --color-primary-alpha-40: #56704f66; --color-primary-alpha-50: #56704f80; --color-primary-alpha-60: #56704f99; --color-primary-alpha-70: #56704fb2; --color-primary-alpha-80: #56704fcc; --color-primary-alpha-90: #56704fe0; --color-primary-hover: var(--color-primary-dark-1); --color-primary-active: var(--color-primary-dark-2); --color-secondary: #e2ddd2; --color-secondary-dark-1: #d8d3c9; --color-secondary-dark-2: #cac6bb; --color-secondary-dark-3: #aeaaa1; --color-secondary-dark-4: #9e9b92; --color-secondary-dark-5: #908d85; --color-secondary-dark-6: #807d76; --color-secondary-dark-7: #737069; --color-secondary-dark-8: #63605a; --color-secondary-dark-9: #55534d; --color-secondary-dark-10: #45433d; --color-secondary-dark-11: #373530; --color-secondary-dark-12: #272621; --color-secondary-dark-13: #1b1a16; --color-secondary-light-1: #e9e5dc; --color-secondary-light-2: #eeebe4; --color-secondary-light-3: #f4f1ec; --color-secondary-light-4: #f9f7f4; --color-secondary-alpha-10: #e2ddd21a; --color-secondary-alpha-20: #e2ddd233; --color-secondary-alpha-30: #e2ddd24c; --color-secondary-alpha-40: #e2ddd266; --color-secondary-alpha-50: #e2ddd280; --color-secondary-alpha-60: #e2ddd299; --color-secondary-alpha-70: #e2ddd2b2; --color-secondary-alpha-80: #e2ddd2cc; --color-secondary-alpha-90: #e2ddd2e0; --color-secondary-button: var(--color-secondary-dark-4); --color-secondary-hover: var(--color-secondary-dark-5); --color-secondary-active: var(--color-secondary-dark-6); --color-red: #ad5140; --color-red-light: #c27c70; --color-red-dark-1: #9c493a; --color-red-dark-2: #8a4133; --color-orange: #b8672e; --color-orange-light: #ca8d62; --color-orange-dark-1: #a65d29; --color-orange-dark-2: #935225; --color-yellow: #a8811a; --color-yellow-light: #bea053; --color-yellow-dark-1: #977417; --color-yellow-dark-2: #866715; --color-olive: #7e8a35; --color-olive-light: #9ea768; --color-olive-dark-1: #717c30; --color-olive-dark-2: #656e2a; --color-green: #2f7d5f; --color-green-light: #639e87; --color-green-dark-1: #2a7056; --color-green-dark-2: #26644c; --color-teal: #3a8580; --color-teal-light: #6ba4a0; --color-teal-dark-1: #347873; --color-teal-dark-2: #2e6a66; --color-blue: #3f6e96; --color-blue-light: #6f92b0; --color-blue-dark-1: #396387; --color-blue-dark-2: #325878; --color-violet: #665a9e; --color-violet-light: #8c83b6; --color-violet-dark-1: #5c518e; --color-violet-dark-2: #52487e; --color-purple: #7a6395; --color-purple-light: #9b8ab0; --color-purple-dark-1: #6e5986; --color-purple-dark-2: #624f77; --color-pink: #a8527a; --color-pink-light: #be7d9b; --color-pink-dark-1: #974a6e; --color-pink-dark-2: #864262; --color-brown: #8a6446; --color-brown-light: #a78b74; --color-brown-dark-1: #7c5a3f; --color-brown-dark-2: #6e5038; --color-black: #2a2823; --color-black-light: #5f5e5a; --color-black-dark-1: #262420; --color-black-dark-2: #22201c; --color-grey: #6b665c; --color-grey-light: #8a8478; --color-gold: #9a7f2a; --color-logo: #56704f; --color-diff-added-fg: #25624a; --color-diff-added-linenum-bg: #d4e3db; --color-diff-added-row-bg: #e6eee9; --color-diff-added-row-border: #e6eee9; --color-diff-added-word-bg: #b7d1c5; --color-diff-removed-fg: #9c493a; --color-diff-removed-linenum-bg: #ebd6d1; --color-diff-removed-row-bg: #f5ebe7; --color-diff-removed-row-border: #e8d0ca; --color-diff-removed-word-bg: #e0beb7; --color-diff-moved-row-bg: #f1ebdb; --color-diff-moved-row-border: #d7c595; --color-diff-inactive: #f2efe8; --color-error-border: #ad514066; --color-error-bg: #f3e7e4; --color-error-bg-active: #e8d0ca; --color-error-bg-hover: #eedcd7; --color-error-text: #9f4b3b; --color-success-border: #2f7d5f66; --color-success-bg: #e2ebe6; --color-success-text: #296e54; --color-warning-border: #a8811a73; --color-warning-bg: #efe8d6; --color-warning-text: #685010; --color-info-border: #3f6e9666; --color-info-bg: #e6ebee; --color-info-text: #396387; --color-priority-border: #7a639566; --color-priority-bg: #ece8ed; --color-priority-text: #705b89; --color-red-badge: #ad5140; --color-red-badge-bg: #ad51401f; --color-red-badge-hover-bg: #ad51404c; --color-green-badge: #2f7d5f; --color-green-badge-bg: #2f7d5f1f; --color-green-badge-hover-bg: #2f7d5f4c; --color-yellow-badge: #a8811a; --color-yellow-badge-bg: #a8811a1f; --color-yellow-badge-hover-bg: #a8811a4c; --color-orange-badge: #b8672e; --color-orange-badge-bg: #b8672e1f; --color-orange-badge-hover-bg: #b8672e4c; --color-body: #fdfcfa; --color-box-header: #f2efe8; --color-box-body: #fffffe; --color-box-body-highlight: #eef3ea; --color-text-dark: #1b1a16; --color-text: #2a2823; --color-text-light: #3f3c35; --color-text-light-1: #555048; --color-text-light-2: #6b665c; --color-text-light-3: #7a7468; --color-footer: var(--color-nav-bg); --color-timeline: #e2ddd2; --color-input-text: var(--color-text-dark); --color-input-background: #ffffff; --color-input-toggle-background: #d8d2c5; --color-input-border: #cfc8ba; --color-light: #5a46140a; --color-light-border: #2a28231f; --color-hover: #5a461414; --color-hover-opaque: #f1eee7; --color-active: #5a461424; --color-menu: #fffffe; --color-card: #fbfaf6; --color-markup-table-row: #f8f6f0; --color-markup-code-block: #f4f1ea; --color-markup-code-inline: #efebe2; --color-button: #fbfaf6; --color-code-bg: #fffffe; --color-shadow: #2a282320; --color-shadow-opaque: #cfc8ba; --color-secondary-bg: #f1eee7; --color-expand-button: #e3eadd; --color-placeholder-text: var(--color-text-light-3); --color-editor-line-highlight: var(--color-secondary-alpha-30); --color-editor-selection: var(--color-primary-alpha-30); --color-project-column-bg: var(--color-secondary-light-4); --color-caret: var(--color-text-dark); --color-reaction-bg: #5a46140a; --color-reaction-hover-bg: var(--color-primary-light-5); --color-reaction-active-bg: var(--color-primary-light-6); --color-tooltip-text: #fbfaf6; --color-tooltip-bg: #2a2823f0; --color-nav-bg: #f4f2ec; --color-nav-hover-bg: #ebe7de; --color-nav-text: #2a2823; --color-secondary-nav-bg: #faf8f4; --color-label-text: var(--color-text); --color-label-bg: #e9e5db; --color-label-hover-bg: #dcd7cb; --color-label-active-bg: #cdc7b9; --color-accent: var(--color-primary-light-1); --color-small-accent: var(--color-primary-light-6); --color-highlight-fg: #b8961c; --color-highlight-bg: #f6eecb; --color-danger: var(--color-red); --color-console-link: #6b665c; --gn-on-status: #ffffff; --gn-link: #4c6546; --gn-folder: #86a07a; --gn-lab1-bg: #e3eadd; --gn-lab1-fg: #3e5438; --gn-lab2-bg: #efe7d8; --gn-lab2-fg: #6a5431; accent-color: var(--color-accent); color-scheme: light; } :root[data-theme="gitea-dark"] { --is-dark-theme: true; --color-primary: #9db58f; --color-primary-contrast: #1a1917; --color-primary-dark-1: #a5bb98; --color-primary-dark-2: #acc1a0; --color-primary-dark-3: #b4c7a8; --color-primary-dark-4: #bbcdb1; --color-primary-dark-5: #c9d7c0; --color-primary-dark-6: #d8e3d1; --color-primary-dark-7: #e3ebdd; --color-primary-light-1: #90a583; --color-primary-light-2: #839677; --color-primary-light-3: #738369; --color-primary-light-4: #63705a; --color-primary-light-5: #4c5445; --color-primary-light-6: #34382f; --color-primary-light-7: #22221e; --color-primary-alpha-10: #9db58f1a; --color-primary-alpha-20: #9db58f33; --color-primary-alpha-30: #9db58f4c; --color-primary-alpha-40: #9db58f66; --color-primary-alpha-50: #9db58f80; --color-primary-alpha-60: #9db58f99; --color-primary-alpha-70: #9db58fb2; --color-primary-alpha-80: #9db58fcc; --color-primary-alpha-90: #9db58fe0; --color-primary-hover: var(--color-primary-dark-1); --color-primary-active: var(--color-primary-dark-2); --color-secondary: #36342e; --color-secondary-dark-1: #3f3d37; --color-secondary-dark-2: #4d4a44; --color-secondary-dark-3: #67655e; --color-secondary-dark-4: #76746d; --color-secondary-dark-5: #83817a; --color-secondary-dark-6: #929089; --color-secondary-dark-7: #9f9d96; --color-secondary-dark-8: #aeaca5; --color-secondary-dark-9: #bbb9b2; --color-secondary-dark-10: #cbc8c1; --color-secondary-dark-11: #d8d5ce; --color-secondary-dark-12: #e7e4dd; --color-secondary-dark-13: #f2efe8; --color-secondary-light-1: #2f2d28; --color-secondary-light-2: #292824; --color-secondary-light-3: #24221f; --color-secondary-light-4: #1e1d1a; --color-secondary-alpha-10: #36342e1a; --color-secondary-alpha-20: #36342e33; --color-secondary-alpha-30: #36342e4c; --color-secondary-alpha-40: #36342e66; --color-secondary-alpha-50: #36342e80; --color-secondary-alpha-60: #36342e99; --color-secondary-alpha-70: #36342eb2; --color-secondary-alpha-80: #36342ecc; --color-secondary-alpha-90: #36342ee0; --color-secondary-button: var(--color-secondary-dark-4); --color-secondary-hover: var(--color-secondary-dark-5); --color-secondary-active: var(--color-secondary-dark-6); --color-red: #e3977f; --color-red-light: #e8aa96; --color-red-dark-1: #e6a38e; --color-red-dark-2: #eab09e; --color-orange: #dfa06c; --color-orange-light: #e5b186; --color-orange-dark-1: #e3ab7e; --color-orange-dark-2: #e7b78f; --color-yellow: #d9bb62; --color-yellow-light: #e0c77e; --color-yellow-dark-1: #dec375; --color-yellow-dark-2: #e2cb88; --color-olive: #b9c27a; --color-olive-light: #c6cd92; --color-olive-dark-1: #c1c98a; --color-olive-dark-2: #cad19a; --color-green: #74c0a3; --color-green-light: #8dcbb4; --color-green-dark-1: #85c8ae; --color-green-dark-2: #95cfb9; --color-teal: #7cc0bb; --color-teal-light: #94cbc7; --color-teal-dark-1: #8cc8c3; --color-teal-dark-2: #9bcfcb; --color-blue: #8db4d8; --color-blue-light: #a2c2df; --color-blue-dark-1: #9bbddd; --color-blue-dark-2: #a8c6e1; --color-violet: #a99be0; --color-violet-light: #b8ade6; --color-violet-dark-1: #b3a7e4; --color-violet-dark-2: #beb3e7; --color-purple: #bba6d8; --color-purple-light: #c7b6df; --color-purple-dark-1: #c3b1dd; --color-purple-dark-2: #cbbbe1; --color-pink: #dc9bb8; --color-pink-light: #e2adc5; --color-pink-dark-1: #e0a7c1; --color-pink-dark-2: #e4b3c9; --color-brown: #c8a383; --color-brown-light: #d2b499; --color-brown-dark-1: #cfae92; --color-brown-dark-2: #d5b9a1; --color-black: #d4d0c6; --color-black-light: #dcd8d0; --color-black-dark-1: #d9d6cd; --color-black-dark-2: #dedbd4; --color-grey: #4a473f; --color-grey-light: #8f8a7f; --color-gold: #b39a48; --color-logo: #9db58f; --color-diff-added-fg: #74c0a3; --color-diff-added-linenum-bg: #31443b; --color-diff-added-row-bg: #27302b; --color-diff-added-row-border: #304139; --color-diff-added-word-bg: #3c584c; --color-diff-removed-fg: #e3977f; --color-diff-removed-linenum-bg: #4e3a32; --color-diff-removed-row-bg: #342925; --color-diff-removed-row-border: #4e3a32; --color-diff-removed-word-bg: #66493f; --color-diff-moved-row-bg: #403926; --color-diff-moved-row-border: #7a6a3c; --color-diff-inactive: #25241f; --color-error-border: #6a4b41; --color-error-bg: #362b26; --color-error-bg-active: #4e3a32; --color-error-bg-hover: #42322c; --color-error-text: #e3977f; --color-success-border: #3c584c; --color-success-bg: #27302b; --color-success-text: #74c0a3; --color-warning-border: #635734; --color-warning-bg: #353022; --color-warning-text: #d9bb62; --color-info-border: #465460; --color-info-bg: #2a2f32; --color-info-text: #8db4d8; --color-priority-border: #574f60; --color-priority-bg: #312d32; --color-priority-text: #bba6d8; --color-red-badge: #e3977f; --color-red-badge-bg: #e3977f1f; --color-red-badge-hover-bg: #e3977f4c; --color-green-badge: #74c0a3; --color-green-badge-bg: #74c0a31f; --color-green-badge-hover-bg: #74c0a34c; --color-yellow-badge: #d9bb62; --color-yellow-badge-bg: #d9bb621f; --color-yellow-badge-hover-bg: #d9bb624c; --color-orange-badge: #dfa06c; --color-orange-badge-bg: #dfa06c1f; --color-orange-badge-hover-bg: #dfa06c4c; --color-body: #1a1917; --color-box-header: #25241f; --color-box-body: #1d1c1a; --color-box-body-highlight: #262c22; --color-text-dark: #f5f3ee; --color-text: #e8e5dd; --color-text-light: #d4d0c6; --color-text-light-1: #bfbaaf; --color-text-light-2: #a8a397; --color-text-light-3: #908b80; --color-footer: var(--color-nav-bg); --color-timeline: #36342e; --color-input-text: var(--color-text-dark); --color-input-background: #171614; --color-input-toggle-background: #403d36; --color-input-border: #403d36; --color-light: #0000001f; --color-light-border: #f2efe81f; --color-hover: #f2efe80f; --color-hover-opaque: #292824; --color-active: #f2efe81a; --color-menu: #201f1c; --color-card: #201f1c; --color-markup-table-row: #211f1c; --color-markup-code-block: #24231f; --color-markup-code-inline: #2b2925; --color-button: #23221f; --color-code-bg: #1d1c1a; --color-shadow: #00000059; --color-shadow-opaque: #0b0b0a; --color-secondary-bg: #2b2925; --color-expand-button: #2f3a2b; --color-placeholder-text: var(--color-text-light-3); --color-editor-line-highlight: var(--color-secondary-alpha-40); --color-editor-selection: var(--color-primary-alpha-40); --color-project-column-bg: var(--color-secondary-light-2); --color-caret: var(--color-text); --color-reaction-bg: #0000001f; --color-reaction-hover-bg: var(--color-primary-light-5); --color-reaction-active-bg: var(--color-primary-light-6); --color-tooltip-text: #f5f3ee; --color-tooltip-bg: #0f0e0cf0; --color-nav-bg: #201f1c; --color-nav-hover-bg: #2c2a26; --color-nav-text: #e8e5dd; --color-secondary-nav-bg: #1c1b19; --color-label-text: var(--color-text); --color-label-bg: #302e29; --color-label-hover-bg: #3b3933; --color-label-active-bg: #4a473f; --color-accent: var(--color-primary-light-1); --color-small-accent: var(--color-primary-light-5); --color-highlight-fg: #8a6d24; --color-highlight-bg: #3f3624; --color-danger: var(--color-red); --color-console-link: #a8a397; --gn-on-status: #1a1917; --gn-link: #a9c09b; --gn-folder: #8fa783; --gn-lab1-bg: #2f3a2b; --gn-lab1-fg: #c5d6bb; --gn-lab2-bg: #3a3226; --gn-lab2-fg: #dcc9a5; accent-color: var(--color-accent); color-scheme: dark; } @media (prefers-color-scheme: dark) { :root[data-theme="gitea-auto"] { --is-dark-theme: true; --color-primary: #9db58f; --color-primary-contrast: #1a1917; --color-primary-dark-1: #a5bb98; --color-primary-dark-2: #acc1a0; --color-primary-dark-3: #b4c7a8; --color-primary-dark-4: #bbcdb1; --color-primary-dark-5: #c9d7c0; --color-primary-dark-6: #d8e3d1; --color-primary-dark-7: #e3ebdd; --color-primary-light-1: #90a583; --color-primary-light-2: #839677; --color-primary-light-3: #738369; --color-primary-light-4: #63705a; --color-primary-light-5: #4c5445; --color-primary-light-6: #34382f; --color-primary-light-7: #22221e; --color-primary-alpha-10: #9db58f1a; --color-primary-alpha-20: #9db58f33; --color-primary-alpha-30: #9db58f4c; --color-primary-alpha-40: #9db58f66; --color-primary-alpha-50: #9db58f80; --color-primary-alpha-60: #9db58f99; --color-primary-alpha-70: #9db58fb2; --color-primary-alpha-80: #9db58fcc; --color-primary-alpha-90: #9db58fe0; --color-primary-hover: var(--color-primary-dark-1); --color-primary-active: var(--color-primary-dark-2); --color-secondary: #36342e; --color-secondary-dark-1: #3f3d37; --color-secondary-dark-2: #4d4a44; --color-secondary-dark-3: #67655e; --color-secondary-dark-4: #76746d; --color-secondary-dark-5: #83817a; --color-secondary-dark-6: #929089; --color-secondary-dark-7: #9f9d96; --color-secondary-dark-8: #aeaca5; --color-secondary-dark-9: #bbb9b2; --color-secondary-dark-10: #cbc8c1; --color-secondary-dark-11: #d8d5ce; --color-secondary-dark-12: #e7e4dd; --color-secondary-dark-13: #f2efe8; --color-secondary-light-1: #2f2d28; --color-secondary-light-2: #292824; --color-secondary-light-3: #24221f; --color-secondary-light-4: #1e1d1a; --color-secondary-alpha-10: #36342e1a; --color-secondary-alpha-20: #36342e33; --color-secondary-alpha-30: #36342e4c; --color-secondary-alpha-40: #36342e66; --color-secondary-alpha-50: #36342e80; --color-secondary-alpha-60: #36342e99; --color-secondary-alpha-70: #36342eb2; --color-secondary-alpha-80: #36342ecc; --color-secondary-alpha-90: #36342ee0; --color-secondary-button: var(--color-secondary-dark-4); --color-secondary-hover: var(--color-secondary-dark-5); --color-secondary-active: var(--color-secondary-dark-6); --color-red: #e3977f; --color-red-light: #e8aa96; --color-red-dark-1: #e6a38e; --color-red-dark-2: #eab09e; --color-orange: #dfa06c; --color-orange-light: #e5b186; --color-orange-dark-1: #e3ab7e; --color-orange-dark-2: #e7b78f; --color-yellow: #d9bb62; --color-yellow-light: #e0c77e; --color-yellow-dark-1: #dec375; --color-yellow-dark-2: #e2cb88; --color-olive: #b9c27a; --color-olive-light: #c6cd92; --color-olive-dark-1: #c1c98a; --color-olive-dark-2: #cad19a; --color-green: #74c0a3; --color-green-light: #8dcbb4; --color-green-dark-1: #85c8ae; --color-green-dark-2: #95cfb9; --color-teal: #7cc0bb; --color-teal-light: #94cbc7; --color-teal-dark-1: #8cc8c3; --color-teal-dark-2: #9bcfcb; --color-blue: #8db4d8; --color-blue-light: #a2c2df; --color-blue-dark-1: #9bbddd; --color-blue-dark-2: #a8c6e1; --color-violet: #a99be0; --color-violet-light: #b8ade6; --color-violet-dark-1: #b3a7e4; --color-violet-dark-2: #beb3e7; --color-purple: #bba6d8; --color-purple-light: #c7b6df; --color-purple-dark-1: #c3b1dd; --color-purple-dark-2: #cbbbe1; --color-pink: #dc9bb8; --color-pink-light: #e2adc5; --color-pink-dark-1: #e0a7c1; --color-pink-dark-2: #e4b3c9; --color-brown: #c8a383; --color-brown-light: #d2b499; --color-brown-dark-1: #cfae92; --color-brown-dark-2: #d5b9a1; --color-black: #d4d0c6; --color-black-light: #dcd8d0; --color-black-dark-1: #d9d6cd; --color-black-dark-2: #dedbd4; --color-grey: #4a473f; --color-grey-light: #8f8a7f; --color-gold: #b39a48; --color-logo: #9db58f; --color-diff-added-fg: #74c0a3; --color-diff-added-linenum-bg: #31443b; --color-diff-added-row-bg: #27302b; --color-diff-added-row-border: #304139; --color-diff-added-word-bg: #3c584c; --color-diff-removed-fg: #e3977f; --color-diff-removed-linenum-bg: #4e3a32; --color-diff-removed-row-bg: #342925; --color-diff-removed-row-border: #4e3a32; --color-diff-removed-word-bg: #66493f; --color-diff-moved-row-bg: #403926; --color-diff-moved-row-border: #7a6a3c; --color-diff-inactive: #25241f; --color-error-border: #6a4b41; --color-error-bg: #362b26; --color-error-bg-active: #4e3a32; --color-error-bg-hover: #42322c; --color-error-text: #e3977f; --color-success-border: #3c584c; --color-success-bg: #27302b; --color-success-text: #74c0a3; --color-warning-border: #635734; --color-warning-bg: #353022; --color-warning-text: #d9bb62; --color-info-border: #465460; --color-info-bg: #2a2f32; --color-info-text: #8db4d8; --color-priority-border: #574f60; --color-priority-bg: #312d32; --color-priority-text: #bba6d8; --color-red-badge: #e3977f; --color-red-badge-bg: #e3977f1f; --color-red-badge-hover-bg: #e3977f4c; --color-green-badge: #74c0a3; --color-green-badge-bg: #74c0a31f; --color-green-badge-hover-bg: #74c0a34c; --color-yellow-badge: #d9bb62; --color-yellow-badge-bg: #d9bb621f; --color-yellow-badge-hover-bg: #d9bb624c; --color-orange-badge: #dfa06c; --color-orange-badge-bg: #dfa06c1f; --color-orange-badge-hover-bg: #dfa06c4c; --color-body: #1a1917; --color-box-header: #25241f; --color-box-body: #1d1c1a; --color-box-body-highlight: #262c22; --color-text-dark: #f5f3ee; --color-text: #e8e5dd; --color-text-light: #d4d0c6; --color-text-light-1: #bfbaaf; --color-text-light-2: #a8a397; --color-text-light-3: #908b80; --color-footer: var(--color-nav-bg); --color-timeline: #36342e; --color-input-text: var(--color-text-dark); --color-input-background: #171614; --color-input-toggle-background: #403d36; --color-input-border: #403d36; --color-light: #0000001f; --color-light-border: #f2efe81f; --color-hover: #f2efe80f; --color-hover-opaque: #292824; --color-active: #f2efe81a; --color-menu: #201f1c; --color-card: #201f1c; --color-markup-table-row: #211f1c; --color-markup-code-block: #24231f; --color-markup-code-inline: #2b2925; --color-button: #23221f; --color-code-bg: #1d1c1a; --color-shadow: #00000059; --color-shadow-opaque: #0b0b0a; --color-secondary-bg: #2b2925; --color-expand-button: #2f3a2b; --color-placeholder-text: var(--color-text-light-3); --color-editor-line-highlight: var(--color-secondary-alpha-40); --color-editor-selection: var(--color-primary-alpha-40); --color-project-column-bg: var(--color-secondary-light-2); --color-caret: var(--color-text); --color-reaction-bg: #0000001f; --color-reaction-hover-bg: var(--color-primary-light-5); --color-reaction-active-bg: var(--color-primary-light-6); --color-tooltip-text: #f5f3ee; --color-tooltip-bg: #0f0e0cf0; --color-nav-bg: #201f1c; --color-nav-hover-bg: #2c2a26; --color-nav-text: #e8e5dd; --color-secondary-nav-bg: #1c1b19; --color-label-text: var(--color-text); --color-label-bg: #302e29; --color-label-hover-bg: #3b3933; --color-label-active-bg: #4a473f; --color-accent: var(--color-primary-light-1); --color-small-accent: var(--color-primary-light-5); --color-highlight-fg: #8a6d24; --color-highlight-bg: #3f3624; --color-danger: var(--color-red); --color-console-link: #a8a397; --gn-on-status: #1a1917; --gn-link: #a9c09b; --gn-folder: #8fa783; --gn-lab1-bg: #2f3a2b; --gn-lab1-fg: #c5d6bb; --gn-lab2-bg: #3a3226; --gn-lab2-fg: #dcc9a5; accent-color: var(--color-accent); color-scheme: dark; } } /* ------------------------------------------------------ Korean text wrap Break Korean lines between words, not inside them ("계정이에요" stays in one piece). */ html[lang="ko-KR"] body { word-break: keep-all; overflow-wrap: break-word; } /* ------------------------------------------------------------ shape */ :root { --border-radius: 6px; --border-radius-medium: 8px; } /* ------------------------------------------------ text on status colours Gitea paints white text on green/red/purple labels and buttons. The dark palette uses light status colours, so the text follows --gn-on-status (white in light mode, near-black in dark). */ .ui.ui.ui.red.label, .ui.ui.ui.orange.label, .ui.ui.ui.yellow.label, .ui.ui.ui.green.label, .ui.ui.ui.purple.label, a.ui.ui.ui.red.label:hover, a.ui.ui.ui.orange.label:hover, a.ui.ui.ui.yellow.label:hover, a.ui.ui.ui.green.label:hover, a.ui.ui.ui.purple.label:hover, .ui.red.button, .ui.red.buttons .button, .ui.green.button, .ui.green.buttons .button, .ui.button.toggle.active, .ui.button.toggle.active:hover { color: var(--gn-on-status); } ::selection { background: var(--color-primary-alpha-30); color: inherit; } /* ---------------------------------------------------- navbar and links */ #navbar .item.active, #navbar .item:hover { background: var(--color-nav-hover-bg); } /* ------------------------------------------------------- hidden menus Explore link in the top bar and the login-page Help link (docs.gitea.com; this site is offline). */ #navbar a.item[href$="/explore/repos"], #navbar a.item[href$="/explore"], .page-content.user.signin a[href*="docs.gitea.com"], .page-footer a[href*="docs.gitea.com"], #navbar a.item[href*="docs.gitea.com"] { display: none !important; } /* Projects are switched off for repositories (DISABLED_REPO_UNITS); also hide the leftover organisation/user "프로젝트" tab and the greyed-out project filter in issue/PR lists. */ .secondary-nav a.item[href$="/-/projects"], .overflow-menu-items a.item[href$="/-/projects"], .ui.dropdown.project-filter.disabled { display: none !important; } /* Settings > Appearance: the colour-blind theme help link (those themes are not offered here). */ form[action$="/appearance/theme"] a[href*="web_src/css/themes"] { display: none !important; }