From f2f6db91bbf4bac1bab56da4c66e5a33914b0c0c Mon Sep 17 00:00:00 2001 From: Atridad Lahiji Date: Sun, 15 Feb 2026 01:20:53 -0700 Subject: [PATCH] Add theme-dracula.css --- theme-dracula.css | 811 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 811 insertions(+) create mode 100644 theme-dracula.css diff --git a/theme-dracula.css b/theme-dracula.css new file mode 100644 index 0000000..12f06b0 --- /dev/null +++ b/theme-dracula.css @@ -0,0 +1,811 @@ +:root { + color-scheme: dark; + --is-dark-theme: true; + accent-color: #ff79c6; + --color-primary: #ff79c6; + --color-primary-contrast: #1e0a18; + --color-primary-hover: rgb(255, 140, 210); + --color-primary-dark-1: rgb(244, 110, 188); + --color-primary-dark-2: rgb(233, 103, 178); + --color-primary-dark-3: rgb(222, 96, 168); + --color-primary-dark-4: rgb(211, 89, 158); + --color-primary-dark-5: rgb(200, 82, 148); + --color-primary-dark-6: rgb(189, 75, 138); + --color-primary-dark-7: rgb(178, 68, 128); + --color-primary-light-1: rgb(255, 150, 210); + --color-primary-light-2: rgb(255, 165, 218); + --color-primary-light-3: rgb(255, 181, 226); + --color-primary-light-4: rgb(255, 196, 234); + --color-primary-light-5: rgb(255, 212, 242); + --color-primary-light-6: rgb(255, 227, 248); + --color-primary-light-7: rgb(255, 243, 253); + --color-primary-alpha-10: rgba(255, 121, 198, 0.1); + --color-primary-alpha-20: rgba(255, 121, 198, 0.2); + --color-primary-alpha-30: rgba(255, 121, 198, 0.3); + --color-primary-alpha-40: rgba(255, 121, 198, 0.4); + --color-primary-alpha-50: rgba(255, 121, 198, 0.5); + --color-primary-alpha-60: rgba(255, 121, 198, 0.6); + --color-primary-alpha-70: rgba(255, 121, 198, 0.7); + --color-primary-alpha-80: rgba(255, 121, 198, 0.8); + --color-primary-alpha-90: rgba(255, 121, 198, 0.9); + --color-secondary: #414558; + --color-secondary-dark-1: rgb(73, 78, 100); + --color-secondary-dark-2: rgb(80, 86, 110); + --color-secondary-dark-3: rgb(88, 93, 120); + --color-secondary-dark-4: rgb(95, 101, 130); + --color-secondary-dark-5: rgb(103, 108, 140); + --color-secondary-dark-6: rgb(110, 116, 150); + --color-secondary-dark-7: rgb(118, 123, 160); + --color-secondary-dark-8: rgb(125, 131, 170); + --color-secondary-dark-9: rgb(135, 140, 177); + --color-secondary-dark-10: rgb(145, 150, 184); + --color-secondary-dark-11: rgb(155, 159, 191); + --color-secondary-dark-12: rgb(165, 169, 198); + --color-secondary-dark-13: rgb(175, 179, 205); + --color-secondary-light-1: rgb(55, 59, 75); + --color-secondary-light-2: rgb(48, 52, 66); + --color-secondary-light-3: rgb(42, 45, 58); + --color-secondary-light-4: rgb(35, 38, 50); + --color-secondary-alpha-10: rgba(65, 69, 88, 0.1); + --color-secondary-alpha-20: rgba(65, 69, 88, 0.2); + --color-secondary-alpha-30: rgba(65, 69, 88, 0.3); + --color-secondary-alpha-40: rgba(65, 69, 88, 0.4); + --color-secondary-alpha-50: rgba(65, 69, 88, 0.5); + --color-secondary-alpha-60: rgba(65, 69, 88, 0.6); + --color-secondary-alpha-70: rgba(65, 69, 88, 0.7); + --color-secondary-alpha-80: rgba(65, 69, 88, 0.8); + --color-secondary-alpha-90: rgba(65, 69, 88, 0.9); + --color-red: #ff5555; + --color-orange: #ffb86c; + --color-yellow: #f1fa8c; + --color-olive: #50fa7b; + --color-green: #50fa7b; + --color-teal: #8be9fd; + --color-blue: #8be9fd; + --color-violet: #bd93f9; + --color-purple: #bd93f9; + --color-pink: #ff79c6; + --color-brown: #ffb86c; + --color-grey: #6272a4; + --color-black: #21222e; + --color-red-light: rgb(230, 54, 54); + --color-orange-light: rgb(244, 168, 82); + --color-yellow-light: rgb(228, 238, 106); + --color-olive-light: rgb(50, 238, 98); + --color-green-light: rgb(50, 238, 98); + --color-teal-light: rgb(108, 224, 250); + --color-blue-light: rgb(108, 224, 250); + --color-violet-light: rgb(165, 118, 246); + --color-purple-light: rgb(165, 118, 246); + --color-pink-light: rgb(244, 92, 180); + --color-brown-light: rgb(244, 168, 82); + --color-grey-light: rgb(78, 93, 140); + --color-black-light: rgb(12, 12, 18); + --color-red-dark-1: rgb(230, 54, 54); + --color-orange-dark-1: rgb(244, 168, 82); + --color-yellow-dark-1: rgb(228, 238, 106); + --color-olive-dark-1: rgb(50, 238, 98); + --color-green-dark-1: rgb(50, 238, 98); + --color-teal-dark-1: rgb(108, 224, 250); + --color-blue-dark-1: rgb(108, 224, 250); + --color-violet-dark-1: rgb(165, 118, 246); + --color-purple-dark-1: rgb(165, 118, 246); + --color-pink-dark-1: rgb(244, 92, 180); + --color-brown-dark-1: rgb(244, 168, 82); + --color-black-dark-1: rgb(12, 12, 18); + --color-red-dark-2: rgb(204, 10, 10); + --color-orange-dark-2: rgb(237, 148, 50); + --color-yellow-dark-2: rgb(218, 228, 62); + --color-olive-dark-2: rgb(12, 222, 65); + --color-green-dark-2: rgb(12, 222, 65); + --color-teal-dark-2: rgb(65, 210, 248); + --color-blue-dark-2: rgb(65, 210, 248); + --color-violet-dark-2: rgb(134, 78, 244); + --color-purple-dark-2: rgb(134, 78, 244); + --color-pink-dark-2: rgb(237, 48, 164); + --color-brown-dark-2: rgb(237, 148, 50); + --color-black-dark-2: hsl(248, 20%, -5%); + --color-gold: #ffb86c; + --color-white: #f8f8f2; + --color-diff-removed-word-bg: rgba(255, 85, 85, 0.15); + --color-diff-added-word-bg: rgba(80, 250, 123, 0.15); + --color-diff-removed-row-bg: rgba(255, 85, 85, 0.07); + --color-diff-moved-row-bg: rgba(241, 250, 140, 0.07); + --color-diff-added-row-bg: rgba(80, 250, 123, 0.07); + --color-diff-removed-row-border: rgba(255, 85, 85, 0.07); + --color-diff-moved-row-border: rgba(241, 250, 140, 0.07); + --color-diff-added-row-border: rgba(80, 250, 123, 0.07); + --color-diff-inactive: #6272a4; + --color-error-border: #ff5555; + --color-error-bg: #ff5555; + --color-error-bg-active: rgb(255, 100, 100); + --color-error-bg-hover: rgb(230, 54, 54); + --color-error-text: #1e0a18; + --color-success-border: rgb(50, 238, 98); + --color-success-bg: #50fa7b; + --color-success-text: #1e0a18; + --color-warning-border: rgb(228, 238, 106); + --color-warning-bg: #f1fa8c; + --color-warning-text: #1e0a18; + --color-info-border: rgb(108, 224, 250); + --color-info-bg: #282a36; + --color-info-text: #f8f8f2; + --color-red-badge: rgb(230, 54, 54); + --color-red-badge-bg: #282a36; + --color-red-badge-hover-bg: rgb(255, 100, 100); + --color-green-badge: #50fa7b; + --color-green-badge-bg: #50fa7b; + --color-green-badge-hover-bg: rgb(100, 250, 145); + --color-yellow-badge: #f1fa8c; + --color-yellow-badge-bg: #282a36; + --color-yellow-badge-hover-bg: rgb(240, 248, 140); + --color-orange-badge: #ffb86c; + --color-orange-badge-bg: #282a36; + --color-orange-badge-hover-bg: rgb(255, 200, 130); + --color-git: #ffb86c; + --color-highlight-bg: rgba(241, 250, 140, 0.15); + --color-body: #282a36; + --color-box-header: #282a36; + --color-box-body: #282a36; + --color-box-body-highlight: #44475a; + --color-text-dark: #b0b8d1; + --color-text: #f8f8f2; + --color-text-light: #d5d7e0; + --color-text-light-1: #d5d7e0; + --color-text-light-2: #d5d7e0; + --color-text-light-3: #d5d7e0; + --color-footer: #282a36; + --color-timeline: #44475a; + --color-input-text: #f8f8f2; + --color-input-background: #44475a; + --color-input-toggle-background: #44475a; + --color-input-border: #414558; + --color-input-border-hover: #565973; + --color-nav-bg: #282a36; + --color-nav-hover-bg: var(--color-hover); + --color-navbar: #282a36; + --color-navbar-transparent: rgba(40, 42, 54, 0); + --color-light: rgba(68, 71, 90, 0.3); + --color-light-mimic-enabled: rgba( + 0, + 0, + 0, + calc(40 / 255 * 222 / 255 / var(--opacity-disabled)) + ); + --color-light-border: #565973; + --color-hover: rgba(98, 114, 164, 0.2); + --color-active: rgba(248, 248, 242, 0.1); + --color-menu: #44475a; + --color-card: #44475a; + --color-markup-table-row: rgba(248, 248, 242, 0.02); + --color-markup-code-block: rgba(248, 248, 242, 0.05); + --color-markup-code-inline: #44475a; + --color-button: #44475a; + --color-code-bg: #21222e; + --color-code-sidebar-bg: #44475a; + --color-shadow: rgba(33, 34, 46, 0.1); + --color-tooltip-bg: #44475a; + --color-tooltip-text: var(--color-text); + --color-secondary-bg: #44475a; + --color-text-focus: #f8f8f2; + --color-expand-button: #565973; + --color-placeholder-text: #b0b8d1; + --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: rgba(248, 248, 242, 0.07); + --color-reaction-active-bg: var(--color-primary-alpha-40); + --color-header-wrapper: #282a36; + --color-header-wrapper-transparent: rgba(40, 42, 54, 0); + --color-label-text: #1e0a18; + --color-label-bg: #ff79c6; + --color-label-hover-bg: rgb(233, 103, 178); + --color-label-active-bg: rgb(244, 110, 188); + --color-accent: var(--color-primary-light-1); + --color-small-accent: var(--color-primary-light-5); + --color-active-line: #414558; +} + +.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); +} + +.ui.ui.ui.button:not(.inverted, .basic).primary, +.ui.ui.ui.button:not(.inverted, .basic).green, +.ui.ui.ui.button:not(.inverted, .basic).red, +.ui.ui.ui.button:not(.inverted, .basic).teal, +.ui.ui.ui.label:not(.inverted, .basic).primary, +.ui.ui.ui.label:not(.inverted, .basic).green, +.ui.ui.ui.label:not(.inverted, .basic).red, +.ui.ui.ui.label:not(.inverted, .basic).teal { + color: #1e0a18; +} +.ui.ui.ui.button:not(.inverted, .basic).primary:hover, +.ui.ui.ui.button:not(.inverted, .basic).green:hover, +.ui.ui.ui.button:not(.inverted, .basic).red:hover, +.ui.ui.ui.button:not(.inverted, .basic).teal:hover, +.ui.ui.ui.label:not(.inverted, .basic).primary:hover, +.ui.ui.ui.label:not(.inverted, .basic).green:hover, +.ui.ui.ui.label:not(.inverted, .basic).red:hover, +.ui.ui.ui.label:not(.inverted, .basic).teal:hover { + color: #21222e; +} + +.ui.basic.modal { + background-color: #21222e; +} + +.ui.commit-header-row .svg.gitea-lock ~ a { + color: #1e0a18; +} + +.ui.negative.message .header { + color: var(--color-error-text); +} + +.ui.sha.isSigned.isVerified .shortsha { + color: #1e0a18; +} +.ui.sha.isSigned.isVerified svg.gitea-lock { + fill: #1e0a18; +} + +.ui.basic.modal, +.ui.basic.modal > .header, +.ui.inverted.button { + color: #f8f8f2 !important; +} + +#repo-topics, +#topic_edit > .ui.selection.dropdown { + color: var(--color-label-text) !important; +} + +blockquote.attention-tip { + border-left-color: var(--color-success-bg); +} +blockquote.attention-warning { + border-left-color: var(--color-warning-bg); +} + +svg.attention-tip, +strong.attention-tip { + color: var(--color-success-bg); +} +svg.attention-warning, +strong.attention-warning { + color: var(--color-warning-bg); +} + +.inline-code-block { + color: var(--color-markup-code-inline); +} + +::selection { + background: rgba(255, 121, 198, 0.3) !important; +} + +.chroma .bp { + color: #ffb86c; +} + +.chroma .c { + color: #6272a4; +} + +.chroma .c1 { + color: #6272a4; +} + +.chroma .ch { + color: #6272a4; +} + +.chroma .cm { + color: #6272a4; +} + +.chroma .cp { + color: #ff79c6; +} + +.chroma .cpf { + color: #ff79c6; +} + +.chroma .cs { + color: #6272a4; +} + +.chroma .dl { + color: #f1fa8c; +} + +.chroma .gd { + color: #f8f8f2; + background-color: rgba(255, 85, 85, 0.15); +} + +.chroma .ge { + font-style: italic; +} + +.chroma .gh { + color: #bd93f9; +} + +.chroma .gi { + color: #f8f8f2; + background-color: rgba(80, 250, 123, 0.15); +} + +.chroma .go { + color: #6272a4; +} + +.chroma .gp { + color: #6272a4; + font-weight: bold; +} + +.chroma .gr { + color: #ff5555; +} + +.chroma .gs { + font-weight: bold; +} + +.chroma .gt { + color: #ff5555; +} + +.chroma .gu { + color: #bd93f9; +} + +.chroma .il { + color: #bd93f9; +} + +.chroma .k { + color: #ff79c6; +} + +.chroma .kc { + color: #bd93f9; +} + +.chroma .kd { + color: #ff79c6; +} + +.chroma .kn { + color: #ff79c6; +} + +.chroma .kp { + color: #ff79c6; + font-weight: bold; +} + +.chroma .kr { + color: #ff79c6; +} + +.chroma .kt { + color: #8be9fd; +} + +.chroma .m { + color: #bd93f9; +} + +.chroma .mb { + color: #bd93f9; +} + +.chroma .mf { + color: #bd93f9; +} + +.chroma .mh { + color: #bd93f9; +} + +.chroma .mi { + color: #bd93f9; +} + +.chroma .mo { + color: #bd93f9; +} + +.chroma .n { + color: #f8f8f2; +} + +.chroma .na { + color: #50fa7b; +} + +.chroma .nb { + color: #8be9fd; +} + +.chroma .nc { + color: #8be9fd; +} + +.chroma .nd { + color: #50fa7b; +} + +.chroma .ne { + color: #ff5555; +} + +.chroma .nf { + color: #50fa7b; +} + +.chroma .ni { + color: #ffb86c; +} + +.chroma .nl { + color: #8be9fd; +} + +.chroma .nn { + color: #f8f8f2; +} + +.chroma .no { + color: #bd93f9; +} + +.chroma .nt { + color: #ff79c6; +} + +.chroma .nv { + color: #f8f8f2; +} + +.chroma .nx { + color: #f8f8f2; +} + +.chroma .o { + color: #ff79c6; +} + +.chroma .ow { + color: #ff79c6; + font-weight: bold; +} + +.chroma .p { + color: #f8f8f2; +} + +.chroma .s { + color: #f1fa8c; +} + +.chroma .s1 { + color: #f1fa8c; +} + +.chroma .s2 { + color: #f1fa8c; +} + +.chroma .sa { + color: #f1fa8c; +} + +.chroma .sb { + color: #f1fa8c; +} + +.chroma .sc { + color: #f1fa8c; +} + +.chroma .sd { + color: #f1fa8c; +} + +.chroma .se { + color: #ff79c6; +} + +.chroma .sh { + color: #f1fa8c; +} + +.chroma .si { + color: #f1fa8c; +} + +.chroma .sr { + color: #ff79c6; +} + +.chroma .ss { + color: #f1fa8c; +} + +.chroma .sx { + color: #f1fa8c; +} + +.chroma .vc { + color: #8be9fd; +} + +.chroma .vg { + color: #f8f8f2; +} + +.chroma .vi { + color: #8be9fd; +} + +.chroma .w { + color: #44475a; +} + +.CodeMirror .cm-property, +.CodeMirror.cm-s-default .cm-property, +.CodeMirror.cm-s-paper .cm-property { + color: #f8f8f2; +} +.CodeMirror .cm-header, +.CodeMirror.cm-s-default .cm-header, +.CodeMirror.cm-s-paper .cm-header { + color: #bd93f9; +} +.CodeMirror .cm-quote, +.CodeMirror.cm-s-default .cm-quote, +.CodeMirror.cm-s-paper .cm-quote { + color: #f1fa8c; +} +.CodeMirror .cm-keyword, +.CodeMirror.cm-s-default .cm-keyword, +.CodeMirror.cm-s-paper .cm-keyword { + color: #ff79c6; +} +.CodeMirror .cm-atom, +.CodeMirror.cm-s-default .cm-atom, +.CodeMirror.cm-s-paper .cm-atom { + color: #bd93f9; +} +.CodeMirror .cm-number, +.CodeMirror.cm-s-default .cm-number, +.CodeMirror.cm-s-paper .cm-number { + color: #bd93f9; +} +.CodeMirror .cm-def, +.CodeMirror.cm-s-default .cm-def, +.CodeMirror.cm-s-paper .cm-def { + color: #50fa7b; +} +.CodeMirror .cm-variable-2, +.CodeMirror.cm-s-default .cm-variable-2, +.CodeMirror.cm-s-paper .cm-variable-2 { + color: #f8f8f2; +} +.CodeMirror .cm-variable-3, +.CodeMirror.cm-s-default .cm-variable-3, +.CodeMirror.cm-s-paper .cm-variable-3 { + color: #8be9fd; +} +.CodeMirror .cm-comment, +.CodeMirror.cm-s-default .cm-comment, +.CodeMirror.cm-s-paper .cm-comment { + color: #6272a4; +} +.CodeMirror .cm-string, +.CodeMirror.cm-s-default .cm-string, +.CodeMirror.cm-s-paper .cm-string { + color: #f1fa8c; +} +.CodeMirror .cm-string-2, +.CodeMirror.cm-s-default .cm-string-2, +.CodeMirror.cm-s-paper .cm-string-2 { + color: #f1fa8c; +} +.CodeMirror .cm-meta, +.CodeMirror.cm-s-default .cm-meta, +.CodeMirror.cm-s-paper .cm-meta { + color: #ffb86c; +} +.CodeMirror .cm-qualifier, +.CodeMirror.cm-s-default .cm-qualifier, +.CodeMirror.cm-s-paper .cm-qualifier { + color: #50fa7b; +} +.CodeMirror .cm-builtin, +.CodeMirror.cm-s-default .cm-builtin, +.CodeMirror.cm-s-paper .cm-builtin { + color: #8be9fd; +} +.CodeMirror .cm-bracket, +.CodeMirror.cm-s-default .cm-bracket, +.CodeMirror.cm-s-paper .cm-bracket { + color: #f8f8f2; +} +.CodeMirror .cm-tag, +.CodeMirror.cm-s-default .cm-tag, +.CodeMirror.cm-s-paper .cm-tag { + color: #ff79c6; +} +.CodeMirror .cm-attribute, +.CodeMirror.cm-s-default .cm-attribute, +.CodeMirror.cm-s-paper .cm-attribute { + color: #50fa7b; +} +.CodeMirror .cm-hr, +.CodeMirror.cm-s-default .cm-hr, +.CodeMirror.cm-s-paper .cm-hr { + color: #6272a4; +} +.CodeMirror .cm-url, +.CodeMirror.cm-s-default .cm-url, +.CodeMirror.cm-s-paper .cm-url { + color: #8be9fd; +} +.CodeMirror .cm-link, +.CodeMirror.cm-s-default .cm-link, +.CodeMirror.cm-s-paper .cm-link { + color: #8be9fd; +} +.CodeMirror .cm-error, +.CodeMirror.cm-s-default .cm-error, +.CodeMirror.cm-s-paper .cm-error { + color: #ff5555; +} + +.monaco-editor .selected-text { + background-color: #44475a !important; +} +.monaco-editor .margin-view-overlays .line-numbers { + color: #6272a4 !important; +} +.monaco-editor .line-numbers.active-line-number { + color: #f8f8f2 !important; +} +.monaco-editor .view-overlays .current-line, +.monaco-editor .margin-view-overlays .current-line-margin { + background-color: #44475a !important; +} +.monaco-editor .mtk1 { + color: #f8f8f2 !important; +} +.monaco-editor .mtk2 { + color: #ff79c6 !important; +} +.monaco-editor .mtk3 { + color: #ffb86c !important; +} +.monaco-editor .mtk4 { + color: #8be9fd !important; +} +.monaco-editor .mtk5 { + color: #f8f8f2 !important; +} +.monaco-editor .mtk6 { + color: #ff79c6 !important; +} +.monaco-editor .mtk7 { + color: #bd93f9 !important; +} +.monaco-editor .mtk8 { + color: #6272a4 !important; +} +.monaco-editor .mtk9 { + color: #ff79c6 !important; +} +.monaco-editor .mtk10 { + color: #6272a4 !important; +} +.monaco-editor .mtk11 { + color: #8be9fd !important; +} +.monaco-editor .mtk12 { + color: #8be9fd !important; +} +.monaco-editor .mtk13 { + color: #ff79c6 !important; +} +.monaco-editor .mtk14 { + color: #ff79c6 !important; +} +.monaco-editor .mtk15 { + color: #bd93f9 !important; +} +.monaco-editor .mtk16 { + color: #6272a4 !important; +} +.monaco-editor .mtk17 { + color: #ff79c6 !important; +} +.monaco-editor .mtk18 { + color: #ff79c6 !important; +} +.monaco-editor .mtk19 { + color: #8be9fd !important; +} +.monaco-editor .mtk20 { + color: #ff79c6 !important; +} +.monaco-editor .mtk21 { + color: #f1fa8c !important; +} +.monaco-editor .mtk22 { + color: #50fa7b !important; +} +.monaco-editor .mtk23 { + color: #8be9fd !important; +} +.monaco-editor .mtk24 { + color: #ffb86c !important; +} +.monaco-editor .mtk25 { + color: #ff79c6 !important; +} +.monaco-editor .bracket-highlighting-0 { + color: #f8f8f2 !important; +} +.monaco-editor .bracket-highlighting-1 { + color: #ff79c6 !important; +} +.monaco-editor .bracket-highlighting-2 { + color: #8be9fd !important; +} +.monaco-editor .bracket-highlighting-3 { + color: #50fa7b !important; +} +.monaco-editor .bracket-highlighting-4 { + color: #bd93f9 !important; +} +.monaco-editor .bracket-highlighting-5 { + color: #f1fa8c !important; +} + +.file-view.markup p code, +.file-view.markup li code, +.file-view.markup strong code, +.file-view.markup em code, +.file-view.markup td code, +.file-view.markup th code, +.ui.tab p code, +.ui.tab li code, +.ui.tab strong code, +.ui.tab em code, +.ui.tab td code, +.ui.tab th code { + color: var(--color-primary-contrast); +} \ No newline at end of file