Files
themes/theme-dracula.css
2026-02-15 01:20:53 -07:00

811 lines
19 KiB
CSS

: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);
}