commit b9b250cbb01083d374b2088e872acacea3809744 Author: 409 <409@noreply.localhost> Date: Sun Aug 11 19:02:41 2024 +0000 init diff --git a/theme-dracula.css b/theme-dracula.css new file mode 100644 index 0000000..e19e962 --- /dev/null +++ b/theme-dracula.css @@ -0,0 +1,817 @@ +:root { + color-scheme: dark; + --is-dark-theme: true; + accent-color: #50fa7b; + --color-primary: #50fa7b; + --color-primary-contrast: #282a36; + --color-primary-dark-1: #49e670; + --color-primary-dark-2: #43d166; + --color-primary-dark-3: #3cbd5c; + --color-primary-dark-4: #36a853; + --color-primary-dark-5: #2f9448; + --color-primary-dark-6: #29803e; + --color-primary-dark-7: #226b33; + --color-primary-light-1: #64fa89; + --color-primary-light-2: #78fa98; + --color-primary-light-3: #8cfaa7; + --color-primary-light-4: #a0fab6; + --color-primary-light-5: #b4fac5; + --color-primary-light-6: #c8fad4; + --color-primary-light-7: #dcfae3; + --color-primary-alpha-10: rgba(80, 250, 123, 0.1); + --color-primary-alpha-20: rgba(80, 250, 123, 0.2); + --color-primary-alpha-30: rgba(80, 250, 123, 0.3); + --color-primary-alpha-40: rgba(80, 250, 123, 0.4); + --color-primary-alpha-50: rgba(80, 250, 123, 0.5); + --color-primary-alpha-60: rgba(80, 250, 123, 0.6); + --color-primary-alpha-70: rgba(80, 250, 123, 0.7); + --color-primary-alpha-80: rgba(80, 250, 123, 0.8); + --color-primary-alpha-90: rgba(80, 250, 123, 0.9); + --color-secondary: #45475a; + --color-secondary-dark-1: #37394d; + --color-secondary-dark-2: #3e3f56; + --color-secondary-dark-3: #44465f; + --color-secondary-dark-4: #4b4c68; + --color-secondary-dark-5: #515370; + --color-secondary-dark-6: #575979; + --color-secondary-dark-7: #5e6082; + --color-secondary-dark-8: #64668b; + --color-secondary-dark-9: #6b6d94; + --color-secondary-dark-10: #74769a; + --color-secondary-dark-11: #7c7ea1; + --color-secondary-dark-12: #8587a7; + --color-secondary-dark-13: #8e90ae; + --color-secondary-light-1: #2b2b3b; + --color-secondary-light-2: #242532; + --color-secondary-light-3: #1e1e29; + --color-secondary-light-4: #171820; + --color-secondary-alpha-10: rgba(49, 50, 68, 0.1); + --color-secondary-alpha-20: rgba(49, 50, 68, 0.2); + --color-secondary-alpha-30: rgba(49, 50, 68, 0.3); + --color-secondary-alpha-40: rgba(49, 50, 68, 0.4); + --color-secondary-alpha-50: rgba(49, 50, 68, 0.5); + --color-secondary-alpha-60: rgba(49, 50, 68, 0.6); + --color-secondary-alpha-70: rgba(49, 50, 68, 0.7); + --color-secondary-alpha-80: rgba(49, 50, 68, 0.8); + --color-secondary-alpha-90: rgba(49, 50, 68, 0.9); + /* colors */ + --color-red: #ff5555; + --color-orange: #ffb86c; + --color-yellow: #f1fa8c; + --color-olive: #50fa7b; + --color-green: #50fa7b; + --color-teal: #72e3fc; + --color-blue: #72e3fc; + --color-violet: #bd93f9; + --color-purple: #bd93f9; + --color-pink: #ff79c6; + --color-brown: #ffb86c; + --color-grey: #44475a; + --color-black: #282a36; + /* light variants - produced via Sass scale-color(color, $lightness: -10%) */ + --color-red-light: #ff3b3b; + --color-orange-light: #ffab52; + --color-yellow-light: #effa73; + --color-olive-light: #37fa68; + --color-green-light: #37fa68; + --color-teal-light: #72e3fc; + --color-blue-light: #72e3fc; + --color-violet-light: #b07afa; + --color-purple-light: #b07afa; + --color-pink-light: #ff5eb9; + --color-brown-light: #ffab52; + --color-grey-light: #757d9d; + --color-black-light: #3337af; + /* other colors */ + --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(139, 233, 253, 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(139, 233, 253, 0.07); + --color-diff-added-row-border: rgba(80, 250, 123, 0.07); + --color-diff-inactive: #44475a; + --color-error-border: #ff5555; + --color-error-bg: #ff5555; + --color-error-bg-active: #f17497; + --color-error-bg-hover: #ff3b3b; + --color-error-text: #282a36; + --color-success-border: #37fa68; + --color-success-bg: #50fa7b; + --color-success-text: #282a36; + --color-warning-border: #effa73; + --color-warning-bg: #f1fa8c; + --color-warning-text: #282a36; + --color-info-border: #5895f8; + --color-info-bg: #282a36; + --color-info-text: #f8f8f2; + --color-red-badge: #ff3b3b; + --color-red-badge-bg: #282a36; + --color-red-badge-hover-bg: #f17497; + --color-green-badge: #50fa7b; + --color-green-badge-bg: #50fa7b; + --color-green-badge-hover-bg: #93dd8d; + --color-yellow-badge: #f1fa8c; + --color-yellow-badge-bg: #282a36; + --color-yellow-badge-hover-bg: #f7d997; + --color-orange-badge: #ffb86c; + --color-orange-badge-bg: #282a36; + --color-orange-badge-hover-bg: #f9a36f; + --color-git: #ffb86c; + /* target-based colors */ + --color-body: #282a36; + --color-box-header: #282a36; + --color-box-body: #282a36; + --color-box-body-highlight: #44475a; + --color-text-dark: #a6adc8; + --color-text: #f8f8f2; + --color-text-light: #bac2de; + --color-text-light-1: #bac2de; + --color-text-light-2: #bac2de; + --color-text-light-3: #bac2de; + --color-footer: #282a36; + --color-timeline: #44475a; + --color-input-text: #f8f8f2; + --color-input-background: #44475a; + --color-input-toggle-background: #44475a; + --color-input-border: #45475a; + --color-input-border-hover: #585b70; + --color-nav-bg: #282a36; + --color-nav-hover-bg: #44475a; + --color-navbar: #282a36; + --color-navbar-transparent: rgba(17, 17, 27, 0); + --color-light: rgba(88, 91, 112, 0.3); + --color-light-mimic-enabled: rgba( + 0, + 0, + 0, + calc(40 / 255 * 222 / 255 / var(--opacity-disabled)) + ); + --color-light-border: #585b70; + --color-hover: rgba(68, 71, 90, 0.1); + --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-button: #44475a; + --color-code-bg: #282a36; + --color-code-sidebar-bg: #44475a; + --color-shadow: rgba(17, 17, 27, 0.1); + --color-secondary-bg: #44475a; + --color-text-focus: #f8f8f2; + --color-expand-button: #585b70; + --color-placeholder-text: rgba(248, 248, 242, 0.35); + --color-editor-line-highlight: var(--color-primary-light-5); + --color-project-board-bg: var(--color-secondary-light-2); + /* gitea source code: */ + /* should ideally be --color-text-dark, see go-gitea/gitea#15651 */ + --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(24, 24, 37, 0); + --color-label-text: #282a36; + --color-label-bg: #50fa7b; + --color-label-hover-bg: #6ca1f9; + --color-label-active-bg: #7aabf9; + --color-accent: var(--color-primary-light-1); + --color-small-accent: var(--color-primary-light-5); + --color-active-line: #45475a; +} + +/* invert emojis that are hard to read otherwise */ +.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: #282a36; +} +.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: #282a36; +} + +.ui.basic.modal { + background-color: #282a36; +} + +.ui.commit-header-row .svg.gitea-lock ~ a { + color: #282a36; +} + +.ui.sha.isSigned.isVerified .shortsha { + color: #282a36; +} +.ui.sha.isSigned.isVerified svg.gitea-lock { + fill: #282a36; +} + +.ui.basic.modal, +.ui.basic.modal > .header, +.ui.inverted.button { + color: #f8f8f2 !important; +} + +::selection { + background: rgba(245, 224, 220, 0.3) !important; +} + +/* NameBuiltinPseudo */ +.chroma .bp { + color: #ffb86c; +} + +/* Comment */ +.chroma .c { + color: #6c7086; +} + +/* CommentSingle */ +.chroma .c1 { + color: #6c7086; +} + +/* CommentHashbang */ +.chroma .ch { + color: #6c7086; +} + +/* CommentMultiline */ +.chroma .cm { + color: #6c7086; +} + +/* CommentPreproc */ +.chroma .cp { + color: #50fa7b; +} + +/* CommentPreprocFile */ +.chroma .cpf { + color: #50fa7b; +} + +/* CommentSpecial */ +.chroma .cs { + color: #6c7086; +} + +/* LiteralStringDelimiter */ +.chroma .dl { + color: #50fa7b; +} + +/* NameFunctionMagic */ +/* Generic */ +/* GenericDeleted */ +.chroma .gd { + color: #f8f8f2; + background-color: rgba(255, 85, 85, 0.15); +} + +/* GenericEmph */ +.chroma .ge { + font-style: italic; +} + +/* GenericHeading */ +.chroma .gh { + color: #89dceb; +} + +/* GenericInserted */ +.chroma .gi { + color: #f8f8f2; + background-color: rgba(80, 250, 123, 0.15); +} + +/* GenericUnderline */ +/* GenericOutput */ +.chroma .go { + color: #ffb86c; +} + +/* GenericPrompt */ +.chroma .gp { + color: #6c7086; + font-weight: bold; +} + +/* GenericError */ +.chroma .gr { + color: #eba0ac; +} + +/* GenericStrong */ +.chroma .gs { + font-weight: bold; +} + +/* GenericTraceback */ +.chroma .gt { + color: #eba0ac; +} + +/* GenericSubheading */ +.chroma .gu { + color: #89dceb; +} + +/* LiteralNumberIntegerLong */ +.chroma .il { + color: #ffb86c; +} + +/* Keyword */ +.chroma .k { + color: #bd93f9; +} + +/* KeywordConstant */ +.chroma .kc { + color: #f1fa8c; +} + +/* KeywordDeclaration */ +.chroma .kd { + color: #bd93f9; +} + +/* KeywordNamespace */ +.chroma .kn { + color: #f1fa8c; +} + +/* KeywordPseudo */ +.chroma .kp { + color: #bd93f9; + font-weight: bold; +} + +/* KeywordReserved */ +.chroma .kr { + color: #bd93f9; +} + +/* KeywordType */ +.chroma .kt { + color: #f1fa8c; +} + +/* Literal */ +/* LiteralDate */ +/* LiteralNumber */ +.chroma .m { + color: #ffb86c; +} + +/* LiteralNumberBin */ +.chroma .mb { + color: #ffb86c; +} + +/* LiteralNumberFloat */ +.chroma .mf { + color: #ffb86c; +} + +/* LiteralNumberHex */ +.chroma .mh { + color: #ffb86c; +} + +/* LiteralNumberInteger */ +.chroma .mi { + color: #ffb86c; +} + +/* LiteralNumberOct */ +.chroma .mo { + color: #ffb86c; +} + +/* Name */ +.chroma .n { + color: #bd93f9; +} + +/* NameAttribute */ +.chroma .na { + color: #f1fa8c; +} + +/* NameBuiltin */ +.chroma .nb { + color: #ffb86c; +} + +/* NameClass */ +.chroma .nc { + color: #f1fa8c; +} + +/* NameDecorator */ +.chroma .nd { + color: #ff79c6; +} + +/* NameException */ +.chroma .ne { + color: #eba0ac; +} + +/* NameFunction */ +.chroma .nf { + color: #50fa7b; +} + +/* NameEntity */ +.chroma .ni { + color: #ff79c6; +} + +/* NameLabel */ +.chroma .nl { + color: #f1fa8c; +} + +/* NameNamespace */ +.chroma .nn { + color: #f1fa8c; +} + +/* NameConstant */ +.chroma .no { + color: #f1fa8c; +} + +/* NameTag */ +.chroma .nt { + color: #bd93f9; +} + +/* NameVariable */ +.chroma .nv { + color: #ffb86c; +} + +/* NameOther */ +.chroma .nx { + color: #ffb86c; +} + +/* Operator */ +.chroma .o { + color: #89dceb; +} + +/* OperatorWord */ +.chroma .ow { + color: #89dceb; + font-weight: bold; +} + +/* Punctuation */ +.chroma .p { + color: #44475a; +} + +/* NameProperty */ +/* LiteralString */ +.chroma .s { + color: #50fa7b; +} + +/* LiteralStringSingle */ +.chroma .s1 { + color: #50fa7b; +} + +/* LiteralStringDouble */ +.chroma .s2 { + color: #50fa7b; +} + +/* LiteralStringAffix */ +.chroma .sa { + color: #50fa7b; +} + +/* LiteralStringBacktick */ +.chroma .sb { + color: #50fa7b; +} + +/* LiteralStringChar */ +.chroma .sc { + color: #50fa7b; +} + +/* LiteralStringDoc */ +.chroma .sd { + color: #50fa7b; +} + +/* LiteralStringEscape */ +.chroma .se { + color: #50fa7b; +} + +/* LiteralStringHeredoc */ +.chroma .sh { + color: #50fa7b; +} + +/* LiteralStringInterpol */ +.chroma .si { + color: #50fa7b; +} + +/* LiteralStringRegex */ +.chroma .sr { + color: #50fa7b; +} + +/* LiteralStringSymbol */ +.chroma .ss { + color: #50fa7b; +} + +/* LiteralStringOther */ +.chroma .sx { + color: #50fa7b; +} + +/* NameVariableClass */ +.chroma .vc { + color: #f1fa8c; +} + +/* NameVariableGlobal */ +.chroma .vg { + color: #ffb86c; +} + +/* NameVariableInstance */ +.chroma .vi { + color: #f1fa8c; +} + +/* NameVariableMagic */ +/* TextWhitespace */ +.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: #f8f8f2; +} +.CodeMirror .cm-quote, +.CodeMirror.cm-s-default .cm-quote, +.CodeMirror.cm-s-paper .cm-quote { + color: #50fa7b; +} +.CodeMirror .cm-keyword, +.CodeMirror.cm-s-default .cm-keyword, +.CodeMirror.cm-s-paper .cm-keyword { + color: #bd93f9; +} +.CodeMirror .cm-atom, +.CodeMirror.cm-s-default .cm-atom, +.CodeMirror.cm-s-paper .cm-atom { + color: #ff5555; +} +.CodeMirror .cm-number, +.CodeMirror.cm-s-default .cm-number, +.CodeMirror.cm-s-paper .cm-number { + color: #ffb86c; +} +.CodeMirror .cm-def, +.CodeMirror.cm-s-default .cm-def, +.CodeMirror.cm-s-paper .cm-def { + color: #f8f8f2; +} +.CodeMirror .cm-variable-2, +.CodeMirror.cm-s-default .cm-variable-2, +.CodeMirror.cm-s-paper .cm-variable-2 { + color: #89dceb; +} +.CodeMirror .cm-variable-3, +.CodeMirror.cm-s-default .cm-variable-3, +.CodeMirror.cm-s-paper .cm-variable-3 { + color: #72e3fc; +} +.CodeMirror .cm-comment, +.CodeMirror.cm-s-default .cm-comment, +.CodeMirror.cm-s-paper .cm-comment { + color: #585b70; +} +.CodeMirror .cm-string, +.CodeMirror.cm-s-default .cm-string, +.CodeMirror.cm-s-paper .cm-string { + color: #50fa7b; +} +.CodeMirror .cm-string-2, +.CodeMirror.cm-s-default .cm-string-2, +.CodeMirror.cm-s-paper .cm-string-2 { + color: #50fa7b; +} +.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: #ffb86c; +} +.CodeMirror .cm-builtin, +.CodeMirror.cm-s-default .cm-builtin, +.CodeMirror.cm-s-paper .cm-builtin { + color: #ffb86c; +} +.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: #f1fa8c; +} +.CodeMirror .cm-attribute, +.CodeMirror.cm-s-default .cm-attribute, +.CodeMirror.cm-s-paper .cm-attribute { + color: #f1fa8c; +} +.CodeMirror .cm-hr, +.CodeMirror.cm-s-default .cm-hr, +.CodeMirror.cm-s-paper .cm-hr { + color: #44475a; +} +.CodeMirror .cm-url, +.CodeMirror.cm-s-default .cm-url, +.CodeMirror.cm-s-paper .cm-url { + color: #50fa7b; +} +.CodeMirror .cm-link, +.CodeMirror.cm-s-default .cm-link, +.CodeMirror.cm-s-paper .cm-link { + color: #50fa7b; +} +.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: #a6adc8 !important; +} +.monaco-editor .line-numbers.active-line-number { + color: #50fa7b !important; +} +.monaco-editor .view-overlays .current-line, +.monaco-editor .margin-view-overlays .current-line-margin { + background-color: #2a2b3c !important; +} +.monaco-editor .mtk1 { + color: #f8f8f2 !important; +} +.monaco-editor .mtk2 { + color: #ff69b4 !important; +} +.monaco-editor .mtk3 { + color: #ffb86c !important; +} +.monaco-editor .mtk4 { + color: #72e3fc !important; +} +.monaco-editor .mtk5 { + color: #f8f8f2 !important; +} +.monaco-editor .mtk6 { + color: #bd93f9 !important; +} +.monaco-editor .mtk7 { + color: #ffb86c !important; +} +.monaco-editor .mtk8 { + color: #44475a !important; +} +.monaco-editor .mtk9 { + color: #bd93f9 !important; +} +.monaco-editor .mtk10 { + color: #a6adc8 !important; +} +.monaco-editor .mtk11 { + color: #72e3fc !important; +} +.monaco-editor .mtk12 { + color: #72e3fc !important; +} +.monaco-editor .mtk13 { + color: #ff69b4 !important; +} +.monaco-editor .mtk14 { + color: #ff69b4 !important; +} +.monaco-editor .mtk15 { + color: #bd93f9 !important; +} +.monaco-editor .mtk16 { + color: #44475a !important; +} +.monaco-editor .mtk17 { + color: #ff69b4 !important; +} +.monaco-editor .mtk18 { + color: #ff69b4 !important; +} +.monaco-editor .mtk19 { + color: #72e3fc !important; +} +.monaco-editor .mtk20 { + color: #ff69b4 !important; +} +.monaco-editor .mtk21 { + color: #50fa7b !important; +} +.monaco-editor .mtk22 { + color: #ff69b4 !important; +} +.monaco-editor .mtk23 { + color: #50fa7b !important; +} +.monaco-editor .mtk24 { + color: #ffb86c !important; +} +.monaco-editor .mtk25 { + color: #ff79c6 !important; +} +.monaco-editor .bracket-highlighting-0 { + color: #e4a9c6 !important; +} +.monaco-editor .bracket-highlighting-1 { + color: #e8c1b3 !important; +} +.monaco-editor .bracket-highlighting-2 { + color: #e7ddcb !important; +} +.monaco-editor .bracket-highlighting-3 { + color: #b6dec2 !important; +} +.monaco-editor .bracket-highlighting-4 { + color: #a4c2f8 !important; +} +.monaco-editor .bracket-highlighting-5 { + color: #ccb9f6 !important; +} + +.inline-code-block { + color: var(--color-black) !important; +}