commit e3460b74a954e409b090793b92f18b22fdc45d4b Author: Akumatic Date: Mon Jan 27 23:35:33 2025 +0000 Add Catppuccin Theme diff --git a/public/assets/css/LICENSE b/public/assets/css/LICENSE new file mode 100644 index 0000000..006383b --- /dev/null +++ b/public/assets/css/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2021 Catppuccin + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/public/assets/css/theme-catppuccin-frappe-mauve.css b/public/assets/css/theme-catppuccin-frappe-mauve.css new file mode 100644 index 0000000..1304b30 --- /dev/null +++ b/public/assets/css/theme-catppuccin-frappe-mauve.css @@ -0,0 +1,852 @@ +:root { + color-scheme: dark; + --is-dark-theme: true; + accent-color: #ca9ee6; + --color-primary: #ca9ee6; + --color-primary-contrast: #232634; + --color-primary-hover: #bf8ae1; + --color-primary-dark-1: #c392e3; + --color-primary-dark-2: #bd86e0; + --color-primary-dark-3: #b67add; + --color-primary-dark-4: #af6dd9; + --color-primary-dark-5: #a961d6; + --color-primary-dark-6: #a255d3; + --color-primary-dark-7: #9b49d0; + --color-primary-light-1: #d1aae9; + --color-primary-light-2: #d7b6ec; + --color-primary-light-3: #dec2ef; + --color-primary-light-4: #e5cff3; + --color-primary-light-5: #ebdbf6; + --color-primary-light-6: #f2e7f9; + --color-primary-light-7: #f9f3fc; + --color-primary-alpha-10: rgba(202, 158, 230, 0.1); + --color-primary-alpha-20: rgba(202, 158, 230, 0.2); + --color-primary-alpha-30: rgba(202, 158, 230, 0.3); + --color-primary-alpha-40: rgba(202, 158, 230, 0.4); + --color-primary-alpha-50: rgba(202, 158, 230, 0.5); + --color-primary-alpha-60: rgba(202, 158, 230, 0.6); + --color-primary-alpha-70: rgba(202, 158, 230, 0.7); + --color-primary-alpha-80: rgba(202, 158, 230, 0.8); + --color-primary-alpha-90: rgba(202, 158, 230, 0.9); + --color-secondary: #51576d; + --color-secondary-dark-1: #474c62; + --color-secondary-dark-2: #4e536b; + --color-secondary-dark-3: #545a74; + --color-secondary-dark-4: #5b607c; + --color-secondary-dark-5: #616785; + --color-secondary-dark-6: #686e8e; + --color-secondary-dark-7: #6f7696; + --color-secondary-dark-8: #787e9c; + --color-secondary-dark-9: #8187a3; + --color-secondary-dark-10: #8a8fa9; + --color-secondary-dark-11: #9397b0; + --color-secondary-dark-12: #9ba0b6; + --color-secondary-dark-13: #a4a8bd; + --color-secondary-light-1: #3b3e50; + --color-secondary-light-2: #343747; + --color-secondary-light-3: #2e303e; + --color-secondary-light-4: #272a36; + --color-secondary-alpha-10: rgba(65, 69, 89, 0.1); + --color-secondary-alpha-20: rgba(65, 69, 89, 0.2); + --color-secondary-alpha-30: rgba(65, 69, 89, 0.3); + --color-secondary-alpha-40: rgba(65, 69, 89, 0.4); + --color-secondary-alpha-50: rgba(65, 69, 89, 0.5); + --color-secondary-alpha-60: rgba(65, 69, 89, 0.6); + --color-secondary-alpha-70: rgba(65, 69, 89, 0.7); + --color-secondary-alpha-80: rgba(65, 69, 89, 0.8); + --color-secondary-alpha-90: rgba(65, 69, 89, 0.9); + /* colors */ + --color-red: #e78284; + --color-orange: #ef9f76; + --color-yellow: #e5c890; + --color-olive: #a6d189; + --color-green: #a6d189; + --color-teal: #81c8be; + --color-blue: #8caaee; + --color-violet: #babbf1; + --color-purple: #ca9ee6; + --color-pink: #f4b8e4; + --color-brown: #eebebe; + --color-grey: #949cbb; + --color-black: #292c3c; + /* light variants - produced via Sass scale-color(color, $lightness: -10%) */ + --color-red-light: #df575a; + --color-orange-light: #ea7f48; + --color-yellow-light: #dbb467; + --color-olive-light: #8ac364; + --color-green-light: #8ac364; + --color-teal-light: #5db9ac; + --color-blue-light: #6089e7; + --color-violet-light: #9091e8; + --color-purple-light: #b475dc; + --color-pink-light: #ed8cd3; + --color-brown-light: #e39696; + --color-grey-light: #757fa7; + --color-black-light: #14161e; + /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */ + --color-red-dark-1: #df575a; + --color-orange-dark-1: #ea7f48; + --color-yellow-dark-1: #dbb467; + --color-olive-dark-1: #8ac364; + --color-green-dark-1: #8ac364; + --color-teal-dark-1: #5db9ac; + --color-blue-dark-1: #6089e7; + --color-violet-dark-1: #9091e8; + --color-purple-dark-1: #b475dc; + --color-pink-dark-1: #ed8cd3; + --color-brown-dark-1: #e39696; + --color-black-dark-1: #14161e; + /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */ + --color-red-dark-2: #d72c30; + --color-orange-dark-2: #e45f1b; + --color-yellow-dark-2: #d29f3d; + --color-olive-dark-2: #70b044; + --color-green-dark-2: #70b044; + --color-teal-dark-2: #459e91; + --color-blue-dark-2: #3368e1; + --color-violet-dark-2: #6567e0; + --color-purple-dark-2: #9e4dd1; + --color-pink-dark-2: #e660c2; + --color-brown-dark-2: #d96d6d; + --color-black-dark-2: black; + /* other colors */ + --color-gold: #f2d5cf; + --color-white: #c6d0f5; + --color-diff-removed-word-bg: rgba(231, 130, 132, 0.15); + --color-diff-added-word-bg: rgba(166, 209, 137, 0.15); + --color-diff-removed-row-bg: rgba(231, 130, 132, 0.07); + --color-diff-moved-row-bg: rgba(229, 200, 144, 0.07); + --color-diff-added-row-bg: rgba(166, 209, 137, 0.07); + --color-diff-removed-row-border: rgba(231, 130, 132, 0.07); + --color-diff-moved-row-border: rgba(229, 200, 144, 0.07); + --color-diff-added-row-border: rgba(166, 209, 137, 0.07); + --color-diff-inactive: #949cbb; + --color-error-border: #e78284; + --color-error-bg: #e78284; + --color-error-bg-active: #e36d6f; + --color-error-bg-hover: #df575a; + --color-error-text: #232634; + --color-success-border: #8ac364; + --color-success-bg: #a6d189; + --color-success-text: #232634; + --color-warning-border: #dbb467; + --color-warning-bg: #e5c890; + --color-warning-text: #232634; + --color-info-border: #6089e7; + --color-info-bg: #232634; + --color-info-text: #c6d0f5; + --color-red-badge: #df575a; + --color-red-badge-bg: #232634; + --color-red-badge-hover-bg: #e36d6f; + --color-green-badge: #a6d189; + --color-green-badge-bg: #a6d189; + --color-green-badge-hover-bg: #98ca77; + --color-yellow-badge: #e5c890; + --color-yellow-badge-bg: #232634; + --color-yellow-badge-hover-bg: #e0be7b; + --color-orange-badge: #ef9f76; + --color-orange-badge-bg: #232634; + --color-orange-badge-hover-bg: #ec8f5f; + --color-git: #ef9f76; + --color-highlight-bg: rgba(229, 200, 144, 0.15); + /* target-based colors */ + --color-body: #232634; + --color-box-header: #292c3c; + --color-box-body: #292c3c; + --color-box-body-highlight: #414559; + --color-text-dark: #a5adce; + --color-text: #c6d0f5; + --color-text-light: #b5bfe2; + --color-text-light-1: #b5bfe2; + --color-text-light-2: #b5bfe2; + --color-text-light-3: #b5bfe2; + --color-footer: #292c3c; + --color-timeline: #414559; + --color-input-text: #c6d0f5; + --color-input-background: #414559; + --color-input-toggle-background: #414559; + --color-input-border: #51576d; + --color-input-border-hover: #626880; + --color-nav-bg: #292c3c; + --color-nav-hover-bg: #414559; + --color-navbar: #292c3c; + --color-navbar-transparent: rgba(35, 38, 52, 0); + --color-light: rgba(98, 104, 128, 0.3); + --color-light-mimic-enabled: rgba( + 0, + 0, + 0, + calc(40 / 255 * 222 / 255 / var(--opacity-disabled)) + ); + --color-light-border: #626880; + --color-hover: rgba(115, 121, 148, 0.1); + --color-active: rgba(198, 208, 245, 0.1); + --color-menu: #414559; + --color-card: #414559; + --color-markup-table-row: rgba(198, 208, 245, 0.02); + --color-markup-code-block: rgba(198, 208, 245, 0.05); + --color-markup-code-inline: #414559; + --color-button: #414559; + --color-code-bg: #303446; + --color-code-sidebar-bg: #414559; + --color-shadow: rgba(35, 38, 52, 0.1); + --color-tooltip-bg: #414559; + --color-tooltip-text: var(--color-text); + --color-secondary-bg: #414559; + --color-text-focus: #c6d0f5; + --color-expand-button: #626880; + --color-placeholder-text: #a5adce; + --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(198, 208, 245, 0.07); + --color-reaction-active-bg: var(--color-primary-alpha-40); + --color-header-wrapper: #292c3c; + --color-header-wrapper-transparent: rgba(41, 44, 60, 0); + --color-label-text: #232634; + --color-label-bg: #ca9ee6; + --color-label-hover-bg: #bd86e0; + --color-label-active-bg: #c392e3; + --color-accent: var(--color-primary-light-1); + --color-small-accent: var(--color-primary-light-5); + --color-active-line: #51576d; +} + +/* 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: #232634; +} +.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: #303446; +} + +.ui.basic.modal { + background-color: #303446; +} + +.ui.commit-header-row .svg.gitea-lock ~ a { + color: #232634; +} + +.ui.negative.message .header { + color: var(--color-error-text); +} + +.ui.sha.isSigned.isVerified .shortsha { + color: #232634; +} +.ui.sha.isSigned.isVerified svg.gitea-lock { + fill: #232634; +} + +.ui.basic.modal, +.ui.basic.modal > .header, +.ui.inverted.button { + color: #c6d0f5 !important; +} + +.inline-code-block { + color: #232634; +} + +::selection { + background: rgba(202, 158, 230, 0.3) !important; +} + +/* NameBuiltinPseudo */ +.chroma .bp { + color: #ef9f76; +} + +/* Comment */ +.chroma .c { + color: #737994; +} + +/* CommentSingle */ +.chroma .c1 { + color: #737994; +} + +/* CommentHashbang */ +.chroma .ch { + color: #737994; +} + +/* CommentMultiline */ +.chroma .cm { + color: #737994; +} + +/* CommentPreproc */ +.chroma .cp { + color: #8caaee; +} + +/* CommentPreprocFile */ +.chroma .cpf { + color: #8caaee; +} + +/* CommentSpecial */ +.chroma .cs { + color: #737994; +} + +/* LiteralStringDelimiter */ +.chroma .dl { + color: #8caaee; +} + +/* NameFunctionMagic */ +/* Generic */ +/* GenericDeleted */ +.chroma .gd { + color: #c6d0f5; + background-color: rgba(231, 130, 132, 0.15); +} + +/* GenericEmph */ +.chroma .ge { + font-style: italic; +} + +/* GenericHeading */ +.chroma .gh { + color: #99d1db; +} + +/* GenericInserted */ +.chroma .gi { + color: #c6d0f5; + background-color: rgba(166, 209, 137, 0.15); +} + +/* GenericUnderline */ +/* GenericOutput */ +.chroma .go { + color: #ef9f76; +} + +/* GenericPrompt */ +.chroma .gp { + color: #737994; + font-weight: bold; +} + +/* GenericError */ +.chroma .gr { + color: #ea999c; +} + +/* GenericStrong */ +.chroma .gs { + font-weight: bold; +} + +/* GenericTraceback */ +.chroma .gt { + color: #ea999c; +} + +/* GenericSubheading */ +.chroma .gu { + color: #99d1db; +} + +/* LiteralNumberIntegerLong */ +.chroma .il { + color: #ef9f76; +} + +/* Keyword */ +.chroma .k { + color: #ca9ee6; +} + +/* KeywordConstant */ +.chroma .kc { + color: #e5c890; +} + +/* KeywordDeclaration */ +.chroma .kd { + color: #ca9ee6; +} + +/* KeywordNamespace */ +.chroma .kn { + color: #e5c890; +} + +/* KeywordPseudo */ +.chroma .kp { + color: #ca9ee6; + font-weight: bold; +} + +/* KeywordReserved */ +.chroma .kr { + color: #ca9ee6; +} + +/* KeywordType */ +.chroma .kt { + color: #e5c890; +} + +/* Literal */ +/* LiteralDate */ +/* LiteralNumber */ +.chroma .m { + color: #ef9f76; +} + +/* LiteralNumberBin */ +.chroma .mb { + color: #ef9f76; +} + +/* LiteralNumberFloat */ +.chroma .mf { + color: #ef9f76; +} + +/* LiteralNumberHex */ +.chroma .mh { + color: #ef9f76; +} + +/* LiteralNumberInteger */ +.chroma .mi { + color: #ef9f76; +} + +/* LiteralNumberOct */ +.chroma .mo { + color: #ef9f76; +} + +/* Name */ +.chroma .n { + color: #babbf1; +} + +/* NameAttribute */ +.chroma .na { + color: #e5c890; +} + +/* NameBuiltin */ +.chroma .nb { + color: #ef9f76; +} + +/* NameClass */ +.chroma .nc { + color: #e5c890; +} + +/* NameDecorator */ +.chroma .nd { + color: #f4b8e4; +} + +/* NameException */ +.chroma .ne { + color: #ea999c; +} + +/* NameFunction */ +.chroma .nf { + color: #8caaee; +} + +/* NameEntity */ +.chroma .ni { + color: #f4b8e4; +} + +/* NameLabel */ +.chroma .nl { + color: #e5c890; +} + +/* NameNamespace */ +.chroma .nn { + color: #e5c890; +} + +/* NameConstant */ +.chroma .no { + color: #e5c890; +} + +/* NameTag */ +.chroma .nt { + color: #ca9ee6; +} + +/* NameVariable */ +.chroma .nv { + color: #ef9f76; +} + +/* NameOther */ +.chroma .nx { + color: #ef9f76; +} + +/* Operator */ +.chroma .o { + color: #99d1db; +} + +/* OperatorWord */ +.chroma .ow { + color: #99d1db; + font-weight: bold; +} + +/* Punctuation */ +.chroma .p { + color: #949cbb; +} + +/* NameProperty */ +/* LiteralString */ +.chroma .s { + color: #a6d189; +} + +/* LiteralStringSingle */ +.chroma .s1 { + color: #a6d189; +} + +/* LiteralStringDouble */ +.chroma .s2 { + color: #a6d189; +} + +/* LiteralStringAffix */ +.chroma .sa { + color: #a6d189; +} + +/* LiteralStringBacktick */ +.chroma .sb { + color: #a6d189; +} + +/* LiteralStringChar */ +.chroma .sc { + color: #a6d189; +} + +/* LiteralStringDoc */ +.chroma .sd { + color: #a6d189; +} + +/* LiteralStringEscape */ +.chroma .se { + color: #8caaee; +} + +/* LiteralStringHeredoc */ +.chroma .sh { + color: #a6d189; +} + +/* LiteralStringInterpol */ +.chroma .si { + color: #a6d189; +} + +/* LiteralStringRegex */ +.chroma .sr { + color: #8caaee; +} + +/* LiteralStringSymbol */ +.chroma .ss { + color: #a6d189; +} + +/* LiteralStringOther */ +.chroma .sx { + color: #a6d189; +} + +/* NameVariableClass */ +.chroma .vc { + color: #e5c890; +} + +/* NameVariableGlobal */ +.chroma .vg { + color: #ef9f76; +} + +/* NameVariableInstance */ +.chroma .vi { + color: #e5c890; +} + +/* NameVariableMagic */ +/* TextWhitespace */ +.chroma .w { + color: #414559; +} + +.CodeMirror .cm-property, +.CodeMirror.cm-s-default .cm-property, +.CodeMirror.cm-s-paper .cm-property { + color: #c6d0f5; +} +.CodeMirror .cm-header, +.CodeMirror.cm-s-default .cm-header, +.CodeMirror.cm-s-paper .cm-header { + color: #c6d0f5; +} +.CodeMirror .cm-quote, +.CodeMirror.cm-s-default .cm-quote, +.CodeMirror.cm-s-paper .cm-quote { + color: #a6d189; +} +.CodeMirror .cm-keyword, +.CodeMirror.cm-s-default .cm-keyword, +.CodeMirror.cm-s-paper .cm-keyword { + color: #ca9ee6; +} +.CodeMirror .cm-atom, +.CodeMirror.cm-s-default .cm-atom, +.CodeMirror.cm-s-paper .cm-atom { + color: #e78284; +} +.CodeMirror .cm-number, +.CodeMirror.cm-s-default .cm-number, +.CodeMirror.cm-s-paper .cm-number { + color: #ef9f76; +} +.CodeMirror .cm-def, +.CodeMirror.cm-s-default .cm-def, +.CodeMirror.cm-s-paper .cm-def { + color: #c6d0f5; +} +.CodeMirror .cm-variable-2, +.CodeMirror.cm-s-default .cm-variable-2, +.CodeMirror.cm-s-paper .cm-variable-2 { + color: #99d1db; +} +.CodeMirror .cm-variable-3, +.CodeMirror.cm-s-default .cm-variable-3, +.CodeMirror.cm-s-paper .cm-variable-3 { + color: #81c8be; +} +.CodeMirror .cm-comment, +.CodeMirror.cm-s-default .cm-comment, +.CodeMirror.cm-s-paper .cm-comment { + color: #626880; +} +.CodeMirror .cm-string, +.CodeMirror.cm-s-default .cm-string, +.CodeMirror.cm-s-paper .cm-string { + color: #a6d189; +} +.CodeMirror .cm-string-2, +.CodeMirror.cm-s-default .cm-string-2, +.CodeMirror.cm-s-paper .cm-string-2 { + color: #a6d189; +} +.CodeMirror .cm-meta, +.CodeMirror.cm-s-default .cm-meta, +.CodeMirror.cm-s-paper .cm-meta { + color: #ef9f76; +} +.CodeMirror .cm-qualifier, +.CodeMirror.cm-s-default .cm-qualifier, +.CodeMirror.cm-s-paper .cm-qualifier { + color: #ef9f76; +} +.CodeMirror .cm-builtin, +.CodeMirror.cm-s-default .cm-builtin, +.CodeMirror.cm-s-paper .cm-builtin { + color: #ef9f76; +} +.CodeMirror .cm-bracket, +.CodeMirror.cm-s-default .cm-bracket, +.CodeMirror.cm-s-paper .cm-bracket { + color: #c6d0f5; +} +.CodeMirror .cm-tag, +.CodeMirror.cm-s-default .cm-tag, +.CodeMirror.cm-s-paper .cm-tag { + color: #e5c890; +} +.CodeMirror .cm-attribute, +.CodeMirror.cm-s-default .cm-attribute, +.CodeMirror.cm-s-paper .cm-attribute { + color: #e5c890; +} +.CodeMirror .cm-hr, +.CodeMirror.cm-s-default .cm-hr, +.CodeMirror.cm-s-paper .cm-hr { + color: #949cbb; +} +.CodeMirror .cm-url, +.CodeMirror.cm-s-default .cm-url, +.CodeMirror.cm-s-paper .cm-url { + color: #8caaee; +} +.CodeMirror .cm-link, +.CodeMirror.cm-s-default .cm-link, +.CodeMirror.cm-s-paper .cm-link { + color: #8caaee; +} +.CodeMirror .cm-error, +.CodeMirror.cm-s-default .cm-error, +.CodeMirror.cm-s-paper .cm-error { + color: #e78284; +} + +.monaco-editor .selected-text { + background-color: #414559 !important; +} +.monaco-editor .margin-view-overlays .line-numbers { + color: #a5adce !important; +} +.monaco-editor .line-numbers.active-line-number { + color: #ca9ee6 !important; +} +.monaco-editor .view-overlays .current-line, +.monaco-editor .margin-view-overlays .current-line-margin { + background-color: #3b3f52 !important; +} +.monaco-editor .mtk1 { + color: #c6d0f5 !important; +} +.monaco-editor .mtk2 { + color: #ff69b4 !important; +} +.monaco-editor .mtk3 { + color: #ef9f76 !important; +} +.monaco-editor .mtk4 { + color: #81c8be !important; +} +.monaco-editor .mtk5 { + color: #c6d0f5 !important; +} +.monaco-editor .mtk6 { + color: #ca9ee6 !important; +} +.monaco-editor .mtk7 { + color: #ef9f76 !important; +} +.monaco-editor .mtk8 { + color: #949cbb !important; +} +.monaco-editor .mtk9 { + color: #ca9ee6 !important; +} +.monaco-editor .mtk10 { + color: #a5adce !important; +} +.monaco-editor .mtk11 { + color: #81c8be !important; +} +.monaco-editor .mtk12 { + color: #81c8be !important; +} +.monaco-editor .mtk13 { + color: #ff69b4 !important; +} +.monaco-editor .mtk14 { + color: #ff69b4 !important; +} +.monaco-editor .mtk15 { + color: #ca9ee6 !important; +} +.monaco-editor .mtk16 { + color: #949cbb !important; +} +.monaco-editor .mtk17 { + color: #ff69b4 !important; +} +.monaco-editor .mtk18 { + color: #ff69b4 !important; +} +.monaco-editor .mtk19 { + color: #81c8be !important; +} +.monaco-editor .mtk20 { + color: #ff69b4 !important; +} +.monaco-editor .mtk21 { + color: #a6d189 !important; +} +.monaco-editor .mtk22 { + color: #ff69b4 !important; +} +.monaco-editor .mtk23 { + color: #8caaee !important; +} +.monaco-editor .mtk24 { + color: #ef9f76 !important; +} +.monaco-editor .mtk25 { + color: #f4b8e4 !important; +} +.monaco-editor .bracket-highlighting-0 { + color: #daa1b1 !important; +} +.monaco-editor .bracket-highlighting-1 { + color: #dfb3a9 !important; +} +.monaco-editor .bracket-highlighting-2 { + color: #d9cbb8 !important; +} +.monaco-editor .bracket-highlighting-3 { + color: #b3d1b4 !important; +} +.monaco-editor .bracket-highlighting-4 { + color: #a3b9f1 !important; +} +.monaco-editor .bracket-highlighting-5 { + color: #c8b2ec !important; +} \ No newline at end of file diff --git a/public/assets/css/theme-catppuccin-latte-mauve.css b/public/assets/css/theme-catppuccin-latte-mauve.css new file mode 100644 index 0000000..4e840c7 --- /dev/null +++ b/public/assets/css/theme-catppuccin-latte-mauve.css @@ -0,0 +1,828 @@ +:root { + color-scheme: light; + --is-dark-theme: false; + accent-color: #8839ef; + --color-primary: #8839ef; + --color-primary-contrast: #eff1f5; + --color-primary-hover: #9651f1; + --color-primary-dark-1: #9147f0; + --color-primary-dark-2: #9955f1; + --color-primary-dark-3: #a263f2; + --color-primary-dark-4: #aa72f4; + --color-primary-dark-5: #b380f5; + --color-primary-dark-6: #bb8ef6; + --color-primary-dark-7: #c49cf7; + --color-primary-light-1: #7f2bee; + --color-primary-light-2: #771ded; + --color-primary-light-3: #6f13e7; + --color-primary-light-4: #6812d9; + --color-primary-light-5: #6110cb; + --color-primary-light-6: #5b0fbd; + --color-primary-light-7: #540eaf; + --color-primary-alpha-10: rgba(136, 57, 239, 0.1); + --color-primary-alpha-20: rgba(136, 57, 239, 0.2); + --color-primary-alpha-30: rgba(136, 57, 239, 0.3); + --color-primary-alpha-40: rgba(136, 57, 239, 0.4); + --color-primary-alpha-50: rgba(136, 57, 239, 0.5); + --color-primary-alpha-60: rgba(136, 57, 239, 0.6); + --color-primary-alpha-70: rgba(136, 57, 239, 0.7); + --color-primary-alpha-80: rgba(136, 57, 239, 0.8); + --color-primary-alpha-90: rgba(136, 57, 239, 0.9); + --color-secondary: #bcc0cc; + --color-secondary-dark-1: #c3c8d4; + --color-secondary-dark-2: #bac0cd; + --color-secondary-dark-3: #b1b7c7; + --color-secondary-dark-4: #a9afc0; + --color-secondary-dark-5: #a0a7ba; + --color-secondary-dark-6: #979fb3; + --color-secondary-dark-7: #8e97ad; + --color-secondary-dark-8: #858fa7; + --color-secondary-dark-9: #7c86a0; + --color-secondary-dark-10: #737e9a; + --color-secondary-dark-11: #6b7693; + --color-secondary-dark-12: #646f8a; + --color-secondary-dark-13: #5e6881; + --color-secondary-light-1: #d5d8e0; + --color-secondary-light-2: #dee0e7; + --color-secondary-light-3: #e7e9ed; + --color-secondary-light-4: #eff1f4; + --color-secondary-alpha-10: rgba(204, 208, 218, 0.1); + --color-secondary-alpha-20: rgba(204, 208, 218, 0.2); + --color-secondary-alpha-30: rgba(204, 208, 218, 0.3); + --color-secondary-alpha-40: rgba(204, 208, 218, 0.4); + --color-secondary-alpha-50: rgba(204, 208, 218, 0.5); + --color-secondary-alpha-60: rgba(204, 208, 218, 0.6); + --color-secondary-alpha-70: rgba(204, 208, 218, 0.7); + --color-secondary-alpha-80: rgba(204, 208, 218, 0.8); + --color-secondary-alpha-90: rgba(204, 208, 218, 0.9); + /* colors */ + --color-red: #d20f39; + --color-orange: #fe640b; + --color-yellow: #df8e1d; + --color-olive: #40a02b; + --color-green: #40a02b; + --color-teal: #179299; + --color-blue: #1e66f5; + --color-violet: #7287fd; + --color-purple: #8839ef; + --color-pink: #ea76cb; + --color-brown: #dd7878; + --color-grey: #7c7f93; + --color-black: #e6e9ef; + /* light variants - produced via Sass scale-color(color, $lightness: -10%) */ + --color-red-light: #ef2550; + --color-orange-light: #fe843e; + --color-yellow-light: #e7a548; + --color-olive-light: #50c836; + --color-green-light: #50c836; + --color-teal-light: #1ebcc5; + --color-blue-light: #4f87f7; + --color-violet-light: #a4b2fe; + --color-purple-light: #a468f3; + --color-pink-light: #f1a2dc; + --color-brown-light: #e7a1a1; + --color-grey-light: #989aaa; + --color-black-light: white; + /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */ + --color-red-dark-1: #ef2550; + --color-orange-dark-1: #fe843e; + --color-yellow-dark-1: #e7a548; + --color-olive-dark-1: #50c836; + --color-green-dark-1: #50c836; + --color-teal-dark-1: #1ebcc5; + --color-blue-dark-1: #4f87f7; + --color-violet-dark-1: #a4b2fe; + --color-purple-dark-1: #a468f3; + --color-pink-dark-1: #f1a2dc; + --color-brown-dark-1: #e7a1a1; + --color-black-dark-1: white; + /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */ + --color-red-dark-2: #f35476; + --color-orange-dark-2: #fea571; + --color-yellow-dark-2: #edbb75; + --color-olive-dark-2: #73d45d; + --color-green-dark-2: #73d45d; + --color-teal-dark-2: #35d7e1; + --color-blue-dark-2: #80a8f9; + --color-violet-dark-2: #d7ddfe; + --color-purple-dark-2: #c197f7; + --color-pink-dark-2: #f8ceed; + --color-brown-dark-2: #f2c9c9; + --color-black-dark-2: white; + /* other colors */ + --color-gold: #dc8a78; + --color-white: #4c4f69; + --color-diff-removed-word-bg: rgba(210, 15, 57, 0.15); + --color-diff-added-word-bg: rgba(64, 160, 43, 0.15); + --color-diff-removed-row-bg: rgba(210, 15, 57, 0.07); + --color-diff-moved-row-bg: rgba(223, 142, 29, 0.07); + --color-diff-added-row-bg: rgba(64, 160, 43, 0.07); + --color-diff-removed-row-border: rgba(210, 15, 57, 0.07); + --color-diff-moved-row-border: rgba(223, 142, 29, 0.07); + --color-diff-added-row-border: rgba(64, 160, 43, 0.07); + --color-diff-inactive: #7c7f93; + --color-error-border: #d20f39; + --color-error-bg: #d20f39; + --color-error-bg-active: #ea113f; + --color-error-bg-hover: #ef2550; + --color-error-text: #eff1f5; + --color-success-border: #50c836; + --color-success-bg: #40a02b; + --color-success-text: #eff1f5; + --color-warning-border: #e7a548; + --color-warning-bg: #df8e1d; + --color-warning-text: #eff1f5; + --color-info-border: #4f87f7; + --color-info-bg: #eff1f5; + --color-info-text: #4c4f69; + --color-red-badge: #ef2550; + --color-red-badge-bg: #eff1f5; + --color-red-badge-hover-bg: #ea113f; + --color-green-badge: #40a02b; + --color-green-badge-bg: #40a02b; + --color-green-badge-hover-bg: #48b430; + --color-yellow-badge: #df8e1d; + --color-yellow-badge-bg: #eff1f5; + --color-yellow-badge-hover-bg: #e49a31; + --color-orange-badge: #fe640b; + --color-orange-badge-bg: #eff1f5; + --color-orange-badge-hover-bg: #fe7424; + --color-git: #fe640b; + --color-highlight-bg: rgba(223, 142, 29, 0.15); + /* target-based colors */ + --color-body: #eff1f5; + --color-box-header: #e6e9ef; + --color-box-body: #e6e9ef; + --color-box-body-highlight: #ccd0da; + --color-text-dark: #6c6f85; + --color-text: #4c4f69; + --color-text-light: #5c5f77; + --color-text-light-1: #5c5f77; + --color-text-light-2: #5c5f77; + --color-text-light-3: #5c5f77; + --color-footer: #e6e9ef; + --color-timeline: #ccd0da; + --color-input-text: #4c4f69; + --color-input-background: #ccd0da; + --color-input-toggle-background: #ccd0da; + --color-input-border: #bcc0cc; + --color-input-border-hover: #acb0be; + --color-nav-bg: #e6e9ef; + --color-nav-hover-bg: #ccd0da; + --color-navbar: #e6e9ef; + --color-navbar-transparent: rgba(239, 241, 245, 0); + --color-light: rgba(172, 176, 190, 0.3); + --color-light-mimic-enabled: rgba( + 0, + 0, + 0, + calc(40 / 255 * 222 / 255 / var(--opacity-disabled)) + ); + --color-light-border: #acb0be; + --color-hover: rgba(156, 160, 176, 0.1); + --color-active: rgba(76, 79, 105, 0.1); + --color-menu: #ccd0da; + --color-card: #ccd0da; + --color-markup-table-row: rgba(76, 79, 105, 0.02); + --color-markup-code-block: rgba(76, 79, 105, 0.05); + --color-markup-code-inline: #ccd0da; + --color-button: #ccd0da; + --color-code-bg: #eff1f5; + --color-code-sidebar-bg: #ccd0da; + --color-shadow: rgba(239, 241, 245, 0.1); + --color-tooltip-bg: #ccd0da; + --color-tooltip-text: var(--color-text); + --color-secondary-bg: #ccd0da; + --color-text-focus: #4c4f69; + --color-expand-button: #acb0be; + --color-placeholder-text: #6c6f85; + --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(76, 79, 105, 0.07); + --color-reaction-active-bg: var(--color-primary-alpha-40); + --color-header-wrapper: #e6e9ef; + --color-header-wrapper-transparent: rgba(230, 233, 239, 0); + --color-label-text: #dce0e8; + --color-label-bg: #8839ef; + --color-label-hover-bg: #9955f1; + --color-label-active-bg: #9147f0; + --color-accent: var(--color-primary-light-1); + --color-small-accent: var(--color-primary-light-5); + --color-active-line: #bcc0cc; +} + +.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: #eff1f5; +} +.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: #dce0e8; +} + +.ui.basic.modal { + background-color: #dce0e8; +} + +.ui.commit-header-row .svg.gitea-lock ~ a { + color: #eff1f5; +} + +.ui.negative.message .header { + color: var(--color-error-text); +} + +.ui.sha.isSigned.isVerified .shortsha { + color: #eff1f5; +} +.ui.sha.isSigned.isVerified svg.gitea-lock { + fill: #eff1f5; +} + +.ui.basic.modal, +.ui.basic.modal > .header, +.ui.inverted.button { + color: #4c4f69 !important; +} + +.inline-code-block { + color: #dce0e8; +} + +::selection { + background: rgba(136, 57, 239, 0.3) !important; +} + +/* NameBuiltinPseudo */ +.chroma .bp { + color: #fe640b; +} + +/* Comment */ +.chroma .c { + color: #9ca0b0; +} + +/* CommentSingle */ +.chroma .c1 { + color: #9ca0b0; +} + +/* CommentHashbang */ +.chroma .ch { + color: #9ca0b0; +} + +/* CommentMultiline */ +.chroma .cm { + color: #9ca0b0; +} + +/* CommentPreproc */ +.chroma .cp { + color: #1e66f5; +} + +/* CommentPreprocFile */ +.chroma .cpf { + color: #1e66f5; +} + +/* CommentSpecial */ +.chroma .cs { + color: #9ca0b0; +} + +/* LiteralStringDelimiter */ +.chroma .dl { + color: #1e66f5; +} + +/* NameFunctionMagic */ +/* Generic */ +/* GenericDeleted */ +.chroma .gd { + color: #4c4f69; + background-color: rgba(210, 15, 57, 0.15); +} + +/* GenericEmph */ +.chroma .ge { + font-style: italic; +} + +/* GenericHeading */ +.chroma .gh { + color: #04a5e5; +} + +/* GenericInserted */ +.chroma .gi { + color: #4c4f69; + background-color: rgba(64, 160, 43, 0.15); +} + +/* GenericUnderline */ +/* GenericOutput */ +.chroma .go { + color: #fe640b; +} + +/* GenericPrompt */ +.chroma .gp { + color: #9ca0b0; + font-weight: bold; +} + +/* GenericError */ +.chroma .gr { + color: #e64553; +} + +/* GenericStrong */ +.chroma .gs { + font-weight: bold; +} + +/* GenericTraceback */ +.chroma .gt { + color: #e64553; +} + +/* GenericSubheading */ +.chroma .gu { + color: #04a5e5; +} + +/* LiteralNumberIntegerLong */ +.chroma .il { + color: #fe640b; +} + +/* Keyword */ +.chroma .k { + color: #8839ef; +} + +/* KeywordConstant */ +.chroma .kc { + color: #df8e1d; +} + +/* KeywordDeclaration */ +.chroma .kd { + color: #8839ef; +} + +/* KeywordNamespace */ +.chroma .kn { + color: #df8e1d; +} + +/* KeywordPseudo */ +.chroma .kp { + color: #8839ef; + font-weight: bold; +} + +/* KeywordReserved */ +.chroma .kr { + color: #8839ef; +} + +/* KeywordType */ +.chroma .kt { + color: #df8e1d; +} + +/* Literal */ +/* LiteralDate */ +/* LiteralNumber */ +.chroma .m { + color: #fe640b; +} + +/* LiteralNumberBin */ +.chroma .mb { + color: #fe640b; +} + +/* LiteralNumberFloat */ +.chroma .mf { + color: #fe640b; +} + +/* LiteralNumberHex */ +.chroma .mh { + color: #fe640b; +} + +/* LiteralNumberInteger */ +.chroma .mi { + color: #fe640b; +} + +/* LiteralNumberOct */ +.chroma .mo { + color: #fe640b; +} + +/* Name */ +.chroma .n { + color: #7287fd; +} + +/* NameAttribute */ +.chroma .na { + color: #df8e1d; +} + +/* NameBuiltin */ +.chroma .nb { + color: #fe640b; +} + +/* NameClass */ +.chroma .nc { + color: #df8e1d; +} + +/* NameDecorator */ +.chroma .nd { + color: #ea76cb; +} + +/* NameException */ +.chroma .ne { + color: #e64553; +} + +/* NameFunction */ +.chroma .nf { + color: #1e66f5; +} + +/* NameEntity */ +.chroma .ni { + color: #ea76cb; +} + +/* NameLabel */ +.chroma .nl { + color: #df8e1d; +} + +/* NameNamespace */ +.chroma .nn { + color: #df8e1d; +} + +/* NameConstant */ +.chroma .no { + color: #df8e1d; +} + +/* NameTag */ +.chroma .nt { + color: #8839ef; +} + +/* NameVariable */ +.chroma .nv { + color: #fe640b; +} + +/* NameOther */ +.chroma .nx { + color: #fe640b; +} + +/* Operator */ +.chroma .o { + color: #04a5e5; +} + +/* OperatorWord */ +.chroma .ow { + color: #04a5e5; + font-weight: bold; +} + +/* Punctuation */ +.chroma .p { + color: #7c7f93; +} + +/* NameProperty */ +/* LiteralString */ +.chroma .s { + color: #40a02b; +} + +/* LiteralStringSingle */ +.chroma .s1 { + color: #40a02b; +} + +/* LiteralStringDouble */ +.chroma .s2 { + color: #40a02b; +} + +/* LiteralStringAffix */ +.chroma .sa { + color: #40a02b; +} + +/* LiteralStringBacktick */ +.chroma .sb { + color: #40a02b; +} + +/* LiteralStringChar */ +.chroma .sc { + color: #40a02b; +} + +/* LiteralStringDoc */ +.chroma .sd { + color: #40a02b; +} + +/* LiteralStringEscape */ +.chroma .se { + color: #1e66f5; +} + +/* LiteralStringHeredoc */ +.chroma .sh { + color: #40a02b; +} + +/* LiteralStringInterpol */ +.chroma .si { + color: #40a02b; +} + +/* LiteralStringRegex */ +.chroma .sr { + color: #1e66f5; +} + +/* LiteralStringSymbol */ +.chroma .ss { + color: #40a02b; +} + +/* LiteralStringOther */ +.chroma .sx { + color: #40a02b; +} + +/* NameVariableClass */ +.chroma .vc { + color: #df8e1d; +} + +/* NameVariableGlobal */ +.chroma .vg { + color: #fe640b; +} + +/* NameVariableInstance */ +.chroma .vi { + color: #df8e1d; +} + +/* NameVariableMagic */ +/* TextWhitespace */ +.chroma .w { + color: #ccd0da; +} + +.CodeMirror .cm-property, +.CodeMirror.cm-s-default .cm-property, +.CodeMirror.cm-s-paper .cm-property { + color: #4c4f69; +} +.CodeMirror .cm-header, +.CodeMirror.cm-s-default .cm-header, +.CodeMirror.cm-s-paper .cm-header { + color: #4c4f69; +} +.CodeMirror .cm-quote, +.CodeMirror.cm-s-default .cm-quote, +.CodeMirror.cm-s-paper .cm-quote { + color: #40a02b; +} +.CodeMirror .cm-keyword, +.CodeMirror.cm-s-default .cm-keyword, +.CodeMirror.cm-s-paper .cm-keyword { + color: #8839ef; +} +.CodeMirror .cm-atom, +.CodeMirror.cm-s-default .cm-atom, +.CodeMirror.cm-s-paper .cm-atom { + color: #d20f39; +} +.CodeMirror .cm-number, +.CodeMirror.cm-s-default .cm-number, +.CodeMirror.cm-s-paper .cm-number { + color: #fe640b; +} +.CodeMirror .cm-def, +.CodeMirror.cm-s-default .cm-def, +.CodeMirror.cm-s-paper .cm-def { + color: #4c4f69; +} +.CodeMirror .cm-variable-2, +.CodeMirror.cm-s-default .cm-variable-2, +.CodeMirror.cm-s-paper .cm-variable-2 { + color: #04a5e5; +} +.CodeMirror .cm-variable-3, +.CodeMirror.cm-s-default .cm-variable-3, +.CodeMirror.cm-s-paper .cm-variable-3 { + color: #179299; +} +.CodeMirror .cm-comment, +.CodeMirror.cm-s-default .cm-comment, +.CodeMirror.cm-s-paper .cm-comment { + color: #acb0be; +} +.CodeMirror .cm-string, +.CodeMirror.cm-s-default .cm-string, +.CodeMirror.cm-s-paper .cm-string { + color: #40a02b; +} +.CodeMirror .cm-string-2, +.CodeMirror.cm-s-default .cm-string-2, +.CodeMirror.cm-s-paper .cm-string-2 { + color: #40a02b; +} +.CodeMirror .cm-meta, +.CodeMirror.cm-s-default .cm-meta, +.CodeMirror.cm-s-paper .cm-meta { + color: #fe640b; +} +.CodeMirror .cm-qualifier, +.CodeMirror.cm-s-default .cm-qualifier, +.CodeMirror.cm-s-paper .cm-qualifier { + color: #fe640b; +} +.CodeMirror .cm-builtin, +.CodeMirror.cm-s-default .cm-builtin, +.CodeMirror.cm-s-paper .cm-builtin { + color: #fe640b; +} +.CodeMirror .cm-bracket, +.CodeMirror.cm-s-default .cm-bracket, +.CodeMirror.cm-s-paper .cm-bracket { + color: #4c4f69; +} +.CodeMirror .cm-tag, +.CodeMirror.cm-s-default .cm-tag, +.CodeMirror.cm-s-paper .cm-tag { + color: #df8e1d; +} +.CodeMirror .cm-attribute, +.CodeMirror.cm-s-default .cm-attribute, +.CodeMirror.cm-s-paper .cm-attribute { + color: #df8e1d; +} +.CodeMirror .cm-hr, +.CodeMirror.cm-s-default .cm-hr, +.CodeMirror.cm-s-paper .cm-hr { + color: #7c7f93; +} +.CodeMirror .cm-url, +.CodeMirror.cm-s-default .cm-url, +.CodeMirror.cm-s-paper .cm-url { + color: #1e66f5; +} +.CodeMirror .cm-link, +.CodeMirror.cm-s-default .cm-link, +.CodeMirror.cm-s-paper .cm-link { + color: #1e66f5; +} +.CodeMirror .cm-error, +.CodeMirror.cm-s-default .cm-error, +.CodeMirror.cm-s-paper .cm-error { + color: #d20f39; +} + +.monaco-editor .selected-text { + background-color: #ccd0da !important; +} +.monaco-editor .margin-view-overlays .line-numbers { + color: #6c6f85 !important; +} +.monaco-editor .line-numbers.active-line-number { + color: #8839ef !important; +} +.monaco-editor .view-overlays .current-line, +.monaco-editor .margin-view-overlays .current-line-margin { + background-color: #e9ebf1 !important; +} +.monaco-editor .mtk1 { + color: #4c4f69 !important; +} +.monaco-editor .mtk2 { + color: #ff69b4 !important; +} +.monaco-editor .mtk3 { + color: #fe640b !important; +} +.monaco-editor .mtk4 { + color: #179299 !important; +} +.monaco-editor .mtk5 { + color: #4c4f69 !important; +} +.monaco-editor .mtk6 { + color: #8839ef !important; +} +.monaco-editor .mtk7 { + color: #fe640b !important; +} +.monaco-editor .mtk8 { + color: #7c7f93 !important; +} +.monaco-editor .mtk9 { + color: #8839ef !important; +} +.monaco-editor .mtk10 { + color: #6c6f85 !important; +} +.monaco-editor .mtk11 { + color: #179299 !important; +} +.monaco-editor .mtk12 { + color: #179299 !important; +} +.monaco-editor .mtk13 { + color: #ff69b4 !important; +} +.monaco-editor .mtk14 { + color: #ff69b4 !important; +} +.monaco-editor .mtk15 { + color: #8839ef !important; +} +.monaco-editor .mtk16 { + color: #7c7f93 !important; +} +.monaco-editor .mtk17 { + color: #ff69b4 !important; +} +.monaco-editor .mtk18 { + color: #ff69b4 !important; +} +.monaco-editor .mtk19 { + color: #179299 !important; +} +.monaco-editor .mtk20 { + color: #ff69b4 !important; +} +.monaco-editor .mtk21 { + color: #40a02b !important; +} +.monaco-editor .mtk22 { + color: #ff69b4 !important; +} +.monaco-editor .mtk23 { + color: #1e66f5 !important; +} +.monaco-editor .mtk24 { + color: #fe640b !important; +} +.monaco-editor .mtk25 { + color: #ea76cb !important; +} +.monaco-editor .bracket-highlighting-0 { + color: #9c294c !important; +} +.monaco-editor .bracket-highlighting-1 { + color: #b75c31 !important; +} +.monaco-editor .bracket-highlighting-2 { + color: #a4753b !important; +} +.monaco-editor .bracket-highlighting-3 { + color: #458044 !important; +} +.monaco-editor .bracket-highlighting-4 { + color: #305dbd !important; +} +.monaco-editor .bracket-highlighting-5 { + color: #7042b9 !important; +} \ No newline at end of file diff --git a/public/assets/css/theme-catppuccin-macchiato-mauve.css b/public/assets/css/theme-catppuccin-macchiato-mauve.css new file mode 100644 index 0000000..fcccf4c --- /dev/null +++ b/public/assets/css/theme-catppuccin-macchiato-mauve.css @@ -0,0 +1,852 @@ +:root { + color-scheme: dark; + --is-dark-theme: true; + accent-color: #c6a0f6; + --color-primary: #c6a0f6; + --color-primary-contrast: #181926; + --color-primary-hover: #b889f4; + --color-primary-dark-1: #be92f5; + --color-primary-dark-2: #b584f3; + --color-primary-dark-3: #ad76f2; + --color-primary-dark-4: #a468f1; + --color-primary-dark-5: #9c5aef; + --color-primary-dark-6: #944cee; + --color-primary-dark-7: #8b3eed; + --color-primary-light-1: #ceaef7; + --color-primary-light-2: #d7bcf9; + --color-primary-light-3: #dfcafa; + --color-primary-light-4: #e8d8fb; + --color-primary-light-5: #f0e6fd; + --color-primary-light-6: #f8f4fe; + --color-primary-light-7: white; + --color-primary-alpha-10: rgba(198, 160, 246, 0.1); + --color-primary-alpha-20: rgba(198, 160, 246, 0.2); + --color-primary-alpha-30: rgba(198, 160, 246, 0.3); + --color-primary-alpha-40: rgba(198, 160, 246, 0.4); + --color-primary-alpha-50: rgba(198, 160, 246, 0.5); + --color-primary-alpha-60: rgba(198, 160, 246, 0.6); + --color-primary-alpha-70: rgba(198, 160, 246, 0.7); + --color-primary-alpha-80: rgba(198, 160, 246, 0.8); + --color-primary-alpha-90: rgba(198, 160, 246, 0.9); + --color-secondary: #494d64; + --color-secondary-dark-1: #3c4158; + --color-secondary-dark-2: #424761; + --color-secondary-dark-3: #494e6a; + --color-secondary-dark-4: #4f5573; + --color-secondary-dark-5: #555b7c; + --color-secondary-dark-6: #5b6286; + --color-secondary-dark-7: #61698f; + --color-secondary-dark-8: #686f98; + --color-secondary-dark-9: #71789e; + --color-secondary-dark-10: #7a81a4; + --color-secondary-dark-11: #8389aa; + --color-secondary-dark-12: #8c92b0; + --color-secondary-dark-13: #959bb7; + --color-secondary-light-1: #303346; + --color-secondary-light-2: #2a2d3d; + --color-secondary-light-3: #232634; + --color-secondary-light-4: #1d1f2b; + --color-secondary-alpha-10: rgba(54, 58, 79, 0.1); + --color-secondary-alpha-20: rgba(54, 58, 79, 0.2); + --color-secondary-alpha-30: rgba(54, 58, 79, 0.3); + --color-secondary-alpha-40: rgba(54, 58, 79, 0.4); + --color-secondary-alpha-50: rgba(54, 58, 79, 0.5); + --color-secondary-alpha-60: rgba(54, 58, 79, 0.6); + --color-secondary-alpha-70: rgba(54, 58, 79, 0.7); + --color-secondary-alpha-80: rgba(54, 58, 79, 0.8); + --color-secondary-alpha-90: rgba(54, 58, 79, 0.9); + /* colors */ + --color-red: #ed8796; + --color-orange: #f5a97f; + --color-yellow: #eed49f; + --color-olive: #a6da95; + --color-green: #a6da95; + --color-teal: #8bd5ca; + --color-blue: #8aadf4; + --color-violet: #b7bdf8; + --color-purple: #c6a0f6; + --color-pink: #f5bde6; + --color-brown: #f0c6c6; + --color-grey: #939ab7; + --color-black: #1e2030; + /* light variants - produced via Sass scale-color(color, $lightness: -10%) */ + --color-red-light: #e65b6f; + --color-orange-light: #f18950; + --color-yellow-light: #e6c174; + --color-olive-light: #86cd6f; + --color-green-light: #86cd6f; + --color-teal-light: #66c7b9; + --color-blue-light: #5b8cf0; + --color-violet-light: #8992f3; + --color-purple-light: #aa71f2; + --color-pink-light: #ee91d5; + --color-brown-light: #e59e9e; + --color-grey-light: #747da3; + --color-black-light: #0a0b11; + /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */ + --color-red-dark-1: #e65b6f; + --color-orange-dark-1: #f18950; + --color-yellow-dark-1: #e6c174; + --color-olive-dark-1: #86cd6f; + --color-green-dark-1: #86cd6f; + --color-teal-dark-1: #66c7b9; + --color-blue-dark-1: #5b8cf0; + --color-violet-dark-1: #8992f3; + --color-purple-dark-1: #aa71f2; + --color-pink-dark-1: #ee91d5; + --color-brown-dark-1: #e59e9e; + --color-black-dark-1: #0a0b11; + /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */ + --color-red-dark-2: #e02e48; + --color-orange-dark-2: #ee6920; + --color-yellow-dark-2: #dfad48; + --color-olive-dark-2: #67c049; + --color-green-dark-2: #67c049; + --color-teal-dark-2: #42b8a6; + --color-blue-dark-2: #2d6ceb; + --color-violet-dark-2: #5a68ef; + --color-purple-dark-2: #8e43ed; + --color-pink-dark-2: #e864c4; + --color-brown-dark-2: #db7575; + --color-black-dark-2: black; + /* other colors */ + --color-gold: #f4dbd6; + --color-white: #cad3f5; + --color-diff-removed-word-bg: rgba(237, 135, 150, 0.15); + --color-diff-added-word-bg: rgba(166, 218, 149, 0.15); + --color-diff-removed-row-bg: rgba(237, 135, 150, 0.07); + --color-diff-moved-row-bg: rgba(238, 212, 159, 0.07); + --color-diff-added-row-bg: rgba(166, 218, 149, 0.07); + --color-diff-removed-row-border: rgba(237, 135, 150, 0.07); + --color-diff-moved-row-border: rgba(238, 212, 159, 0.07); + --color-diff-added-row-border: rgba(166, 218, 149, 0.07); + --color-diff-inactive: #939ab7; + --color-error-border: #ed8796; + --color-error-bg: #ed8796; + --color-error-bg-active: #ea7183; + --color-error-bg-hover: #e65b6f; + --color-error-text: #181926; + --color-success-border: #86cd6f; + --color-success-bg: #a6da95; + --color-success-text: #181926; + --color-warning-border: #e6c174; + --color-warning-bg: #eed49f; + --color-warning-text: #181926; + --color-info-border: #5b8cf0; + --color-info-bg: #181926; + --color-info-text: #cad3f5; + --color-red-badge: #e65b6f; + --color-red-badge-bg: #181926; + --color-red-badge-hover-bg: #ea7183; + --color-green-badge: #a6da95; + --color-green-badge-bg: #a6da95; + --color-green-badge-hover-bg: #96d382; + --color-yellow-badge: #eed49f; + --color-yellow-badge-bg: #181926; + --color-yellow-badge-hover-bg: #eaca89; + --color-orange-badge: #f5a97f; + --color-orange-badge-bg: #181926; + --color-orange-badge-hover-bg: #f39967; + --color-git: #f5a97f; + --color-highlight-bg: rgba(238, 212, 159, 0.15); + /* target-based colors */ + --color-body: #181926; + --color-box-header: #1e2030; + --color-box-body: #1e2030; + --color-box-body-highlight: #363a4f; + --color-text-dark: #a5adcb; + --color-text: #cad3f5; + --color-text-light: #b8c0e0; + --color-text-light-1: #b8c0e0; + --color-text-light-2: #b8c0e0; + --color-text-light-3: #b8c0e0; + --color-footer: #1e2030; + --color-timeline: #363a4f; + --color-input-text: #cad3f5; + --color-input-background: #363a4f; + --color-input-toggle-background: #363a4f; + --color-input-border: #494d64; + --color-input-border-hover: #5b6078; + --color-nav-bg: #1e2030; + --color-nav-hover-bg: #363a4f; + --color-navbar: #1e2030; + --color-navbar-transparent: rgba(24, 25, 38, 0); + --color-light: rgba(91, 96, 120, 0.3); + --color-light-mimic-enabled: rgba( + 0, + 0, + 0, + calc(40 / 255 * 222 / 255 / var(--opacity-disabled)) + ); + --color-light-border: #5b6078; + --color-hover: rgba(110, 115, 141, 0.1); + --color-active: rgba(202, 211, 245, 0.1); + --color-menu: #363a4f; + --color-card: #363a4f; + --color-markup-table-row: rgba(202, 211, 245, 0.02); + --color-markup-code-block: rgba(202, 211, 245, 0.05); + --color-markup-code-inline: #363a4f; + --color-button: #363a4f; + --color-code-bg: #24273a; + --color-code-sidebar-bg: #363a4f; + --color-shadow: rgba(24, 25, 38, 0.1); + --color-tooltip-bg: #363a4f; + --color-tooltip-text: var(--color-text); + --color-secondary-bg: #363a4f; + --color-text-focus: #cad3f5; + --color-expand-button: #5b6078; + --color-placeholder-text: #a5adcb; + --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(202, 211, 245, 0.07); + --color-reaction-active-bg: var(--color-primary-alpha-40); + --color-header-wrapper: #1e2030; + --color-header-wrapper-transparent: rgba(30, 32, 48, 0); + --color-label-text: #181926; + --color-label-bg: #c6a0f6; + --color-label-hover-bg: #b584f3; + --color-label-active-bg: #be92f5; + --color-accent: var(--color-primary-light-1); + --color-small-accent: var(--color-primary-light-5); + --color-active-line: #494d64; +} + +/* 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: #181926; +} +.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: #24273a; +} + +.ui.basic.modal { + background-color: #24273a; +} + +.ui.commit-header-row .svg.gitea-lock ~ a { + color: #181926; +} + +.ui.negative.message .header { + color: var(--color-error-text); +} + +.ui.sha.isSigned.isVerified .shortsha { + color: #181926; +} +.ui.sha.isSigned.isVerified svg.gitea-lock { + fill: #181926; +} + +.ui.basic.modal, +.ui.basic.modal > .header, +.ui.inverted.button { + color: #cad3f5 !important; +} + +.inline-code-block { + color: #181926; +} + +::selection { + background: rgba(198, 160, 246, 0.3) !important; +} + +/* NameBuiltinPseudo */ +.chroma .bp { + color: #f5a97f; +} + +/* Comment */ +.chroma .c { + color: #6e738d; +} + +/* CommentSingle */ +.chroma .c1 { + color: #6e738d; +} + +/* CommentHashbang */ +.chroma .ch { + color: #6e738d; +} + +/* CommentMultiline */ +.chroma .cm { + color: #6e738d; +} + +/* CommentPreproc */ +.chroma .cp { + color: #8aadf4; +} + +/* CommentPreprocFile */ +.chroma .cpf { + color: #8aadf4; +} + +/* CommentSpecial */ +.chroma .cs { + color: #6e738d; +} + +/* LiteralStringDelimiter */ +.chroma .dl { + color: #8aadf4; +} + +/* NameFunctionMagic */ +/* Generic */ +/* GenericDeleted */ +.chroma .gd { + color: #cad3f5; + background-color: rgba(237, 135, 150, 0.15); +} + +/* GenericEmph */ +.chroma .ge { + font-style: italic; +} + +/* GenericHeading */ +.chroma .gh { + color: #91d7e3; +} + +/* GenericInserted */ +.chroma .gi { + color: #cad3f5; + background-color: rgba(166, 218, 149, 0.15); +} + +/* GenericUnderline */ +/* GenericOutput */ +.chroma .go { + color: #f5a97f; +} + +/* GenericPrompt */ +.chroma .gp { + color: #6e738d; + font-weight: bold; +} + +/* GenericError */ +.chroma .gr { + color: #ee99a0; +} + +/* GenericStrong */ +.chroma .gs { + font-weight: bold; +} + +/* GenericTraceback */ +.chroma .gt { + color: #ee99a0; +} + +/* GenericSubheading */ +.chroma .gu { + color: #91d7e3; +} + +/* LiteralNumberIntegerLong */ +.chroma .il { + color: #f5a97f; +} + +/* Keyword */ +.chroma .k { + color: #c6a0f6; +} + +/* KeywordConstant */ +.chroma .kc { + color: #eed49f; +} + +/* KeywordDeclaration */ +.chroma .kd { + color: #c6a0f6; +} + +/* KeywordNamespace */ +.chroma .kn { + color: #eed49f; +} + +/* KeywordPseudo */ +.chroma .kp { + color: #c6a0f6; + font-weight: bold; +} + +/* KeywordReserved */ +.chroma .kr { + color: #c6a0f6; +} + +/* KeywordType */ +.chroma .kt { + color: #eed49f; +} + +/* Literal */ +/* LiteralDate */ +/* LiteralNumber */ +.chroma .m { + color: #f5a97f; +} + +/* LiteralNumberBin */ +.chroma .mb { + color: #f5a97f; +} + +/* LiteralNumberFloat */ +.chroma .mf { + color: #f5a97f; +} + +/* LiteralNumberHex */ +.chroma .mh { + color: #f5a97f; +} + +/* LiteralNumberInteger */ +.chroma .mi { + color: #f5a97f; +} + +/* LiteralNumberOct */ +.chroma .mo { + color: #f5a97f; +} + +/* Name */ +.chroma .n { + color: #b7bdf8; +} + +/* NameAttribute */ +.chroma .na { + color: #eed49f; +} + +/* NameBuiltin */ +.chroma .nb { + color: #f5a97f; +} + +/* NameClass */ +.chroma .nc { + color: #eed49f; +} + +/* NameDecorator */ +.chroma .nd { + color: #f5bde6; +} + +/* NameException */ +.chroma .ne { + color: #ee99a0; +} + +/* NameFunction */ +.chroma .nf { + color: #8aadf4; +} + +/* NameEntity */ +.chroma .ni { + color: #f5bde6; +} + +/* NameLabel */ +.chroma .nl { + color: #eed49f; +} + +/* NameNamespace */ +.chroma .nn { + color: #eed49f; +} + +/* NameConstant */ +.chroma .no { + color: #eed49f; +} + +/* NameTag */ +.chroma .nt { + color: #c6a0f6; +} + +/* NameVariable */ +.chroma .nv { + color: #f5a97f; +} + +/* NameOther */ +.chroma .nx { + color: #f5a97f; +} + +/* Operator */ +.chroma .o { + color: #91d7e3; +} + +/* OperatorWord */ +.chroma .ow { + color: #91d7e3; + font-weight: bold; +} + +/* Punctuation */ +.chroma .p { + color: #939ab7; +} + +/* NameProperty */ +/* LiteralString */ +.chroma .s { + color: #a6da95; +} + +/* LiteralStringSingle */ +.chroma .s1 { + color: #a6da95; +} + +/* LiteralStringDouble */ +.chroma .s2 { + color: #a6da95; +} + +/* LiteralStringAffix */ +.chroma .sa { + color: #a6da95; +} + +/* LiteralStringBacktick */ +.chroma .sb { + color: #a6da95; +} + +/* LiteralStringChar */ +.chroma .sc { + color: #a6da95; +} + +/* LiteralStringDoc */ +.chroma .sd { + color: #a6da95; +} + +/* LiteralStringEscape */ +.chroma .se { + color: #8aadf4; +} + +/* LiteralStringHeredoc */ +.chroma .sh { + color: #a6da95; +} + +/* LiteralStringInterpol */ +.chroma .si { + color: #a6da95; +} + +/* LiteralStringRegex */ +.chroma .sr { + color: #8aadf4; +} + +/* LiteralStringSymbol */ +.chroma .ss { + color: #a6da95; +} + +/* LiteralStringOther */ +.chroma .sx { + color: #a6da95; +} + +/* NameVariableClass */ +.chroma .vc { + color: #eed49f; +} + +/* NameVariableGlobal */ +.chroma .vg { + color: #f5a97f; +} + +/* NameVariableInstance */ +.chroma .vi { + color: #eed49f; +} + +/* NameVariableMagic */ +/* TextWhitespace */ +.chroma .w { + color: #363a4f; +} + +.CodeMirror .cm-property, +.CodeMirror.cm-s-default .cm-property, +.CodeMirror.cm-s-paper .cm-property { + color: #cad3f5; +} +.CodeMirror .cm-header, +.CodeMirror.cm-s-default .cm-header, +.CodeMirror.cm-s-paper .cm-header { + color: #cad3f5; +} +.CodeMirror .cm-quote, +.CodeMirror.cm-s-default .cm-quote, +.CodeMirror.cm-s-paper .cm-quote { + color: #a6da95; +} +.CodeMirror .cm-keyword, +.CodeMirror.cm-s-default .cm-keyword, +.CodeMirror.cm-s-paper .cm-keyword { + color: #c6a0f6; +} +.CodeMirror .cm-atom, +.CodeMirror.cm-s-default .cm-atom, +.CodeMirror.cm-s-paper .cm-atom { + color: #ed8796; +} +.CodeMirror .cm-number, +.CodeMirror.cm-s-default .cm-number, +.CodeMirror.cm-s-paper .cm-number { + color: #f5a97f; +} +.CodeMirror .cm-def, +.CodeMirror.cm-s-default .cm-def, +.CodeMirror.cm-s-paper .cm-def { + color: #cad3f5; +} +.CodeMirror .cm-variable-2, +.CodeMirror.cm-s-default .cm-variable-2, +.CodeMirror.cm-s-paper .cm-variable-2 { + color: #91d7e3; +} +.CodeMirror .cm-variable-3, +.CodeMirror.cm-s-default .cm-variable-3, +.CodeMirror.cm-s-paper .cm-variable-3 { + color: #8bd5ca; +} +.CodeMirror .cm-comment, +.CodeMirror.cm-s-default .cm-comment, +.CodeMirror.cm-s-paper .cm-comment { + color: #5b6078; +} +.CodeMirror .cm-string, +.CodeMirror.cm-s-default .cm-string, +.CodeMirror.cm-s-paper .cm-string { + color: #a6da95; +} +.CodeMirror .cm-string-2, +.CodeMirror.cm-s-default .cm-string-2, +.CodeMirror.cm-s-paper .cm-string-2 { + color: #a6da95; +} +.CodeMirror .cm-meta, +.CodeMirror.cm-s-default .cm-meta, +.CodeMirror.cm-s-paper .cm-meta { + color: #f5a97f; +} +.CodeMirror .cm-qualifier, +.CodeMirror.cm-s-default .cm-qualifier, +.CodeMirror.cm-s-paper .cm-qualifier { + color: #f5a97f; +} +.CodeMirror .cm-builtin, +.CodeMirror.cm-s-default .cm-builtin, +.CodeMirror.cm-s-paper .cm-builtin { + color: #f5a97f; +} +.CodeMirror .cm-bracket, +.CodeMirror.cm-s-default .cm-bracket, +.CodeMirror.cm-s-paper .cm-bracket { + color: #cad3f5; +} +.CodeMirror .cm-tag, +.CodeMirror.cm-s-default .cm-tag, +.CodeMirror.cm-s-paper .cm-tag { + color: #eed49f; +} +.CodeMirror .cm-attribute, +.CodeMirror.cm-s-default .cm-attribute, +.CodeMirror.cm-s-paper .cm-attribute { + color: #eed49f; +} +.CodeMirror .cm-hr, +.CodeMirror.cm-s-default .cm-hr, +.CodeMirror.cm-s-paper .cm-hr { + color: #939ab7; +} +.CodeMirror .cm-url, +.CodeMirror.cm-s-default .cm-url, +.CodeMirror.cm-s-paper .cm-url { + color: #8aadf4; +} +.CodeMirror .cm-link, +.CodeMirror.cm-s-default .cm-link, +.CodeMirror.cm-s-paper .cm-link { + color: #8aadf4; +} +.CodeMirror .cm-error, +.CodeMirror.cm-s-default .cm-error, +.CodeMirror.cm-s-paper .cm-error { + color: #ed8796; +} + +.monaco-editor .selected-text { + background-color: #363a4f !important; +} +.monaco-editor .margin-view-overlays .line-numbers { + color: #a5adcb !important; +} +.monaco-editor .line-numbers.active-line-number { + color: #c6a0f6 !important; +} +.monaco-editor .view-overlays .current-line, +.monaco-editor .margin-view-overlays .current-line-margin { + background-color: #303347 !important; +} +.monaco-editor .mtk1 { + color: #cad3f5 !important; +} +.monaco-editor .mtk2 { + color: #ff69b4 !important; +} +.monaco-editor .mtk3 { + color: #f5a97f !important; +} +.monaco-editor .mtk4 { + color: #8bd5ca !important; +} +.monaco-editor .mtk5 { + color: #cad3f5 !important; +} +.monaco-editor .mtk6 { + color: #c6a0f6 !important; +} +.monaco-editor .mtk7 { + color: #f5a97f !important; +} +.monaco-editor .mtk8 { + color: #939ab7 !important; +} +.monaco-editor .mtk9 { + color: #c6a0f6 !important; +} +.monaco-editor .mtk10 { + color: #a5adcb !important; +} +.monaco-editor .mtk11 { + color: #8bd5ca !important; +} +.monaco-editor .mtk12 { + color: #8bd5ca !important; +} +.monaco-editor .mtk13 { + color: #ff69b4 !important; +} +.monaco-editor .mtk14 { + color: #ff69b4 !important; +} +.monaco-editor .mtk15 { + color: #c6a0f6 !important; +} +.monaco-editor .mtk16 { + color: #939ab7 !important; +} +.monaco-editor .mtk17 { + color: #ff69b4 !important; +} +.monaco-editor .mtk18 { + color: #ff69b4 !important; +} +.monaco-editor .mtk19 { + color: #8bd5ca !important; +} +.monaco-editor .mtk20 { + color: #ff69b4 !important; +} +.monaco-editor .mtk21 { + color: #a6da95 !important; +} +.monaco-editor .mtk22 { + color: #ff69b4 !important; +} +.monaco-editor .mtk23 { + color: #8aadf4 !important; +} +.monaco-editor .mtk24 { + color: #f5a97f !important; +} +.monaco-editor .mtk25 { + color: #f5bde6 !important; +} +.monaco-editor .bracket-highlighting-0 { + color: #dfa5bc !important; +} +.monaco-editor .bracket-highlighting-1 { + color: #e4baae !important; +} +.monaco-editor .bracket-highlighting-2 { + color: #e0d4c1 !important; +} +.monaco-editor .bracket-highlighting-3 { + color: #b4d7bb !important; +} +.monaco-editor .bracket-highlighting-4 { + color: #a4bcf4 !important; +} +.monaco-editor .bracket-highlighting-5 { + color: #c8b4f6 !important; +} \ No newline at end of file diff --git a/public/assets/css/theme-catppuccin-mauve-auto.css b/public/assets/css/theme-catppuccin-mauve-auto.css new file mode 100644 index 0000000..b23a97b --- /dev/null +++ b/public/assets/css/theme-catppuccin-mauve-auto.css @@ -0,0 +1,2 @@ +@import "./theme-catppuccin-latte-mauve.css" (prefers-color-scheme: light); +@import "./theme-catppuccin-mocha-mauve.css" (prefers-color-scheme: dark); diff --git a/public/assets/css/theme-catppuccin-mocha-mauve.css b/public/assets/css/theme-catppuccin-mocha-mauve.css new file mode 100644 index 0000000..759cd04 --- /dev/null +++ b/public/assets/css/theme-catppuccin-mocha-mauve.css @@ -0,0 +1,852 @@ +:root { + color-scheme: dark; + --is-dark-theme: true; + accent-color: #cba6f7; + --color-primary: #cba6f7; + --color-primary-contrast: #11111b; + --color-primary-hover: #bd8ff5; + --color-primary-dark-1: #c398f6; + --color-primary-dark-2: #bb8af4; + --color-primary-dark-3: #b27cf3; + --color-primary-dark-4: #aa6ef2; + --color-primary-dark-5: #a260f1; + --color-primary-dark-6: #9a52ef; + --color-primary-dark-7: #9244ee; + --color-primary-light-1: #d3b4f8; + --color-primary-light-2: #dbc2fa; + --color-primary-light-3: #e4d0fb; + --color-primary-light-4: #ecdefc; + --color-primary-light-5: #f4ecfd; + --color-primary-light-6: #fcfaff; + --color-primary-light-7: white; + --color-primary-alpha-10: rgba(203, 166, 247, 0.1); + --color-primary-alpha-20: rgba(203, 166, 247, 0.2); + --color-primary-alpha-30: rgba(203, 166, 247, 0.3); + --color-primary-alpha-40: rgba(203, 166, 247, 0.4); + --color-primary-alpha-50: rgba(203, 166, 247, 0.5); + --color-primary-alpha-60: rgba(203, 166, 247, 0.6); + --color-primary-alpha-70: rgba(203, 166, 247, 0.7); + --color-primary-alpha-80: rgba(203, 166, 247, 0.8); + --color-primary-alpha-90: rgba(203, 166, 247, 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: #f38ba8; + --color-orange: #fab387; + --color-yellow: #f9e2af; + --color-olive: #a6e3a1; + --color-green: #a6e3a1; + --color-teal: #94e2d5; + --color-blue: #89b4fa; + --color-violet: #b4befe; + --color-purple: #cba6f7; + --color-pink: #f5c2e7; + --color-brown: #f2cdcd; + --color-grey: #9399b2; + --color-black: #181825; + /* light variants - produced via Sass scale-color(color, $lightness: -10%) */ + --color-red-light: #ee5d85; + --color-orange-light: #f89456; + --color-yellow-light: #f5d180; + --color-olive-light: #81d77a; + --color-green-light: #81d77a; + --color-teal-light: #6cd7c5; + --color-blue-light: #5895f8; + --color-violet-light: #8292fd; + --color-purple-light: #b077f3; + --color-pink-light: #ee96d6; + --color-brown-light: #e7a5a5; + --color-grey-light: #757d9d; + --color-black-light: #040406; + /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */ + --color-red-dark-1: #ee5d85; + --color-orange-dark-1: #f89456; + --color-yellow-dark-1: #f5d180; + --color-olive-dark-1: #81d77a; + --color-green-dark-1: #81d77a; + --color-teal-dark-1: #6cd7c5; + --color-blue-dark-1: #5895f8; + --color-violet-dark-1: #8292fd; + --color-purple-dark-1: #b077f3; + --color-pink-dark-1: #ee96d6; + --color-brown-dark-1: #e7a5a5; + --color-black-dark-1: #040406; + /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */ + --color-red-dark-2: #e92f63; + --color-orange-dark-2: #f67525; + --color-yellow-dark-2: #f2c050; + --color-olive-dark-2: #5ccc52; + --color-green-dark-2: #5ccc52; + --color-teal-dark-2: #44ccb6; + --color-blue-dark-2: #2776f6; + --color-violet-dark-2: #4f67fd; + --color-purple-dark-2: #9448ef; + --color-pink-dark-2: #e76ac5; + --color-brown-dark-2: #dd7c7c; + --color-black-dark-2: black; + /* other colors */ + --color-gold: #f5e0dc; + --color-white: #cdd6f4; + --color-diff-removed-word-bg: rgba(243, 139, 168, 0.15); + --color-diff-added-word-bg: rgba(166, 227, 161, 0.15); + --color-diff-removed-row-bg: rgba(243, 139, 168, 0.07); + --color-diff-moved-row-bg: rgba(249, 226, 175, 0.07); + --color-diff-added-row-bg: rgba(166, 227, 161, 0.07); + --color-diff-removed-row-border: rgba(243, 139, 168, 0.07); + --color-diff-moved-row-border: rgba(249, 226, 175, 0.07); + --color-diff-added-row-border: rgba(166, 227, 161, 0.07); + --color-diff-inactive: #9399b2; + --color-error-border: #f38ba8; + --color-error-bg: #f38ba8; + --color-error-bg-active: #f17497; + --color-error-bg-hover: #ee5d85; + --color-error-text: #11111b; + --color-success-border: #81d77a; + --color-success-bg: #a6e3a1; + --color-success-text: #11111b; + --color-warning-border: #f5d180; + --color-warning-bg: #f9e2af; + --color-warning-text: #11111b; + --color-info-border: #5895f8; + --color-info-bg: #11111b; + --color-info-text: #cdd6f4; + --color-red-badge: #ee5d85; + --color-red-badge-bg: #11111b; + --color-red-badge-hover-bg: #f17497; + --color-green-badge: #a6e3a1; + --color-green-badge-bg: #a6e3a1; + --color-green-badge-hover-bg: #93dd8d; + --color-yellow-badge: #f9e2af; + --color-yellow-badge-bg: #11111b; + --color-yellow-badge-hover-bg: #f7d997; + --color-orange-badge: #fab387; + --color-orange-badge-bg: #11111b; + --color-orange-badge-hover-bg: #f9a36f; + --color-git: #fab387; + --color-highlight-bg: rgba(249, 226, 175, 0.15); + /* target-based colors */ + --color-body: #11111b; + --color-box-header: #181825; + --color-box-body: #181825; + --color-box-body-highlight: #313244; + --color-text-dark: #a6adc8; + --color-text: #cdd6f4; + --color-text-light: #bac2de; + --color-text-light-1: #bac2de; + --color-text-light-2: #bac2de; + --color-text-light-3: #bac2de; + --color-footer: #181825; + --color-timeline: #313244; + --color-input-text: #cdd6f4; + --color-input-background: #313244; + --color-input-toggle-background: #313244; + --color-input-border: #45475a; + --color-input-border-hover: #585b70; + --color-nav-bg: #181825; + --color-nav-hover-bg: #313244; + --color-navbar: #181825; + --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(108, 112, 134, 0.1); + --color-active: rgba(205, 214, 244, 0.1); + --color-menu: #313244; + --color-card: #313244; + --color-markup-table-row: rgba(205, 214, 244, 0.02); + --color-markup-code-block: rgba(205, 214, 244, 0.05); + --color-markup-code-inline: #313244; + --color-button: #313244; + --color-code-bg: #1e1e2e; + --color-code-sidebar-bg: #313244; + --color-shadow: rgba(17, 17, 27, 0.1); + --color-tooltip-bg: #313244; + --color-tooltip-text: var(--color-text); + --color-secondary-bg: #313244; + --color-text-focus: #cdd6f4; + --color-expand-button: #585b70; + --color-placeholder-text: #a6adc8; + --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(205, 214, 244, 0.07); + --color-reaction-active-bg: var(--color-primary-alpha-40); + --color-header-wrapper: #181825; + --color-header-wrapper-transparent: rgba(24, 24, 37, 0); + --color-label-text: #11111b; + --color-label-bg: #cba6f7; + --color-label-hover-bg: #bb8af4; + --color-label-active-bg: #c398f6; + --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: #11111b; +} +.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: #1e1e2e; +} + +.ui.basic.modal { + background-color: #1e1e2e; +} + +.ui.commit-header-row .svg.gitea-lock ~ a { + color: #11111b; +} + +.ui.negative.message .header { + color: var(--color-error-text); +} + +.ui.sha.isSigned.isVerified .shortsha { + color: #11111b; +} +.ui.sha.isSigned.isVerified svg.gitea-lock { + fill: #11111b; +} + +.ui.basic.modal, +.ui.basic.modal > .header, +.ui.inverted.button { + color: #cdd6f4 !important; +} + +.inline-code-block { + color: #11111b; +} + +::selection { + background: rgba(203, 166, 247, 0.3) !important; +} + +/* NameBuiltinPseudo */ +.chroma .bp { + color: #fab387; +} + +/* Comment */ +.chroma .c { + color: #6c7086; +} + +/* CommentSingle */ +.chroma .c1 { + color: #6c7086; +} + +/* CommentHashbang */ +.chroma .ch { + color: #6c7086; +} + +/* CommentMultiline */ +.chroma .cm { + color: #6c7086; +} + +/* CommentPreproc */ +.chroma .cp { + color: #89b4fa; +} + +/* CommentPreprocFile */ +.chroma .cpf { + color: #89b4fa; +} + +/* CommentSpecial */ +.chroma .cs { + color: #6c7086; +} + +/* LiteralStringDelimiter */ +.chroma .dl { + color: #89b4fa; +} + +/* NameFunctionMagic */ +/* Generic */ +/* GenericDeleted */ +.chroma .gd { + color: #cdd6f4; + background-color: rgba(243, 139, 168, 0.15); +} + +/* GenericEmph */ +.chroma .ge { + font-style: italic; +} + +/* GenericHeading */ +.chroma .gh { + color: #89dceb; +} + +/* GenericInserted */ +.chroma .gi { + color: #cdd6f4; + background-color: rgba(166, 227, 161, 0.15); +} + +/* GenericUnderline */ +/* GenericOutput */ +.chroma .go { + color: #fab387; +} + +/* 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: #fab387; +} + +/* Keyword */ +.chroma .k { + color: #cba6f7; +} + +/* KeywordConstant */ +.chroma .kc { + color: #f9e2af; +} + +/* KeywordDeclaration */ +.chroma .kd { + color: #cba6f7; +} + +/* KeywordNamespace */ +.chroma .kn { + color: #f9e2af; +} + +/* KeywordPseudo */ +.chroma .kp { + color: #cba6f7; + font-weight: bold; +} + +/* KeywordReserved */ +.chroma .kr { + color: #cba6f7; +} + +/* KeywordType */ +.chroma .kt { + color: #f9e2af; +} + +/* Literal */ +/* LiteralDate */ +/* LiteralNumber */ +.chroma .m { + color: #fab387; +} + +/* LiteralNumberBin */ +.chroma .mb { + color: #fab387; +} + +/* LiteralNumberFloat */ +.chroma .mf { + color: #fab387; +} + +/* LiteralNumberHex */ +.chroma .mh { + color: #fab387; +} + +/* LiteralNumberInteger */ +.chroma .mi { + color: #fab387; +} + +/* LiteralNumberOct */ +.chroma .mo { + color: #fab387; +} + +/* Name */ +.chroma .n { + color: #b4befe; +} + +/* NameAttribute */ +.chroma .na { + color: #f9e2af; +} + +/* NameBuiltin */ +.chroma .nb { + color: #fab387; +} + +/* NameClass */ +.chroma .nc { + color: #f9e2af; +} + +/* NameDecorator */ +.chroma .nd { + color: #f5c2e7; +} + +/* NameException */ +.chroma .ne { + color: #eba0ac; +} + +/* NameFunction */ +.chroma .nf { + color: #89b4fa; +} + +/* NameEntity */ +.chroma .ni { + color: #f5c2e7; +} + +/* NameLabel */ +.chroma .nl { + color: #f9e2af; +} + +/* NameNamespace */ +.chroma .nn { + color: #f9e2af; +} + +/* NameConstant */ +.chroma .no { + color: #f9e2af; +} + +/* NameTag */ +.chroma .nt { + color: #cba6f7; +} + +/* NameVariable */ +.chroma .nv { + color: #fab387; +} + +/* NameOther */ +.chroma .nx { + color: #fab387; +} + +/* Operator */ +.chroma .o { + color: #89dceb; +} + +/* OperatorWord */ +.chroma .ow { + color: #89dceb; + font-weight: bold; +} + +/* Punctuation */ +.chroma .p { + color: #9399b2; +} + +/* NameProperty */ +/* LiteralString */ +.chroma .s { + color: #a6e3a1; +} + +/* LiteralStringSingle */ +.chroma .s1 { + color: #a6e3a1; +} + +/* LiteralStringDouble */ +.chroma .s2 { + color: #a6e3a1; +} + +/* LiteralStringAffix */ +.chroma .sa { + color: #a6e3a1; +} + +/* LiteralStringBacktick */ +.chroma .sb { + color: #a6e3a1; +} + +/* LiteralStringChar */ +.chroma .sc { + color: #a6e3a1; +} + +/* LiteralStringDoc */ +.chroma .sd { + color: #a6e3a1; +} + +/* LiteralStringEscape */ +.chroma .se { + color: #89b4fa; +} + +/* LiteralStringHeredoc */ +.chroma .sh { + color: #a6e3a1; +} + +/* LiteralStringInterpol */ +.chroma .si { + color: #a6e3a1; +} + +/* LiteralStringRegex */ +.chroma .sr { + color: #89b4fa; +} + +/* LiteralStringSymbol */ +.chroma .ss { + color: #a6e3a1; +} + +/* LiteralStringOther */ +.chroma .sx { + color: #a6e3a1; +} + +/* NameVariableClass */ +.chroma .vc { + color: #f9e2af; +} + +/* NameVariableGlobal */ +.chroma .vg { + color: #fab387; +} + +/* NameVariableInstance */ +.chroma .vi { + color: #f9e2af; +} + +/* NameVariableMagic */ +/* TextWhitespace */ +.chroma .w { + color: #313244; +} + +.CodeMirror .cm-property, +.CodeMirror.cm-s-default .cm-property, +.CodeMirror.cm-s-paper .cm-property { + color: #cdd6f4; +} +.CodeMirror .cm-header, +.CodeMirror.cm-s-default .cm-header, +.CodeMirror.cm-s-paper .cm-header { + color: #cdd6f4; +} +.CodeMirror .cm-quote, +.CodeMirror.cm-s-default .cm-quote, +.CodeMirror.cm-s-paper .cm-quote { + color: #a6e3a1; +} +.CodeMirror .cm-keyword, +.CodeMirror.cm-s-default .cm-keyword, +.CodeMirror.cm-s-paper .cm-keyword { + color: #cba6f7; +} +.CodeMirror .cm-atom, +.CodeMirror.cm-s-default .cm-atom, +.CodeMirror.cm-s-paper .cm-atom { + color: #f38ba8; +} +.CodeMirror .cm-number, +.CodeMirror.cm-s-default .cm-number, +.CodeMirror.cm-s-paper .cm-number { + color: #fab387; +} +.CodeMirror .cm-def, +.CodeMirror.cm-s-default .cm-def, +.CodeMirror.cm-s-paper .cm-def { + color: #cdd6f4; +} +.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: #94e2d5; +} +.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: #a6e3a1; +} +.CodeMirror .cm-string-2, +.CodeMirror.cm-s-default .cm-string-2, +.CodeMirror.cm-s-paper .cm-string-2 { + color: #a6e3a1; +} +.CodeMirror .cm-meta, +.CodeMirror.cm-s-default .cm-meta, +.CodeMirror.cm-s-paper .cm-meta { + color: #fab387; +} +.CodeMirror .cm-qualifier, +.CodeMirror.cm-s-default .cm-qualifier, +.CodeMirror.cm-s-paper .cm-qualifier { + color: #fab387; +} +.CodeMirror .cm-builtin, +.CodeMirror.cm-s-default .cm-builtin, +.CodeMirror.cm-s-paper .cm-builtin { + color: #fab387; +} +.CodeMirror .cm-bracket, +.CodeMirror.cm-s-default .cm-bracket, +.CodeMirror.cm-s-paper .cm-bracket { + color: #cdd6f4; +} +.CodeMirror .cm-tag, +.CodeMirror.cm-s-default .cm-tag, +.CodeMirror.cm-s-paper .cm-tag { + color: #f9e2af; +} +.CodeMirror .cm-attribute, +.CodeMirror.cm-s-default .cm-attribute, +.CodeMirror.cm-s-paper .cm-attribute { + color: #f9e2af; +} +.CodeMirror .cm-hr, +.CodeMirror.cm-s-default .cm-hr, +.CodeMirror.cm-s-paper .cm-hr { + color: #9399b2; +} +.CodeMirror .cm-url, +.CodeMirror.cm-s-default .cm-url, +.CodeMirror.cm-s-paper .cm-url { + color: #89b4fa; +} +.CodeMirror .cm-link, +.CodeMirror.cm-s-default .cm-link, +.CodeMirror.cm-s-paper .cm-link { + color: #89b4fa; +} +.CodeMirror .cm-error, +.CodeMirror.cm-s-default .cm-error, +.CodeMirror.cm-s-paper .cm-error { + color: #f38ba8; +} + +.monaco-editor .selected-text { + background-color: #313244 !important; +} +.monaco-editor .margin-view-overlays .line-numbers { + color: #a6adc8 !important; +} +.monaco-editor .line-numbers.active-line-number { + color: #cba6f7 !important; +} +.monaco-editor .view-overlays .current-line, +.monaco-editor .margin-view-overlays .current-line-margin { + background-color: #2a2b3c !important; +} +.monaco-editor .mtk1 { + color: #cdd6f4 !important; +} +.monaco-editor .mtk2 { + color: #ff69b4 !important; +} +.monaco-editor .mtk3 { + color: #fab387 !important; +} +.monaco-editor .mtk4 { + color: #94e2d5 !important; +} +.monaco-editor .mtk5 { + color: #cdd6f4 !important; +} +.monaco-editor .mtk6 { + color: #cba6f7 !important; +} +.monaco-editor .mtk7 { + color: #fab387 !important; +} +.monaco-editor .mtk8 { + color: #9399b2 !important; +} +.monaco-editor .mtk9 { + color: #cba6f7 !important; +} +.monaco-editor .mtk10 { + color: #a6adc8 !important; +} +.monaco-editor .mtk11 { + color: #94e2d5 !important; +} +.monaco-editor .mtk12 { + color: #94e2d5 !important; +} +.monaco-editor .mtk13 { + color: #ff69b4 !important; +} +.monaco-editor .mtk14 { + color: #ff69b4 !important; +} +.monaco-editor .mtk15 { + color: #cba6f7 !important; +} +.monaco-editor .mtk16 { + color: #9399b2 !important; +} +.monaco-editor .mtk17 { + color: #ff69b4 !important; +} +.monaco-editor .mtk18 { + color: #ff69b4 !important; +} +.monaco-editor .mtk19 { + color: #94e2d5 !important; +} +.monaco-editor .mtk20 { + color: #ff69b4 !important; +} +.monaco-editor .mtk21 { + color: #a6e3a1 !important; +} +.monaco-editor .mtk22 { + color: #ff69b4 !important; +} +.monaco-editor .mtk23 { + color: #89b4fa !important; +} +.monaco-editor .mtk24 { + color: #fab387 !important; +} +.monaco-editor .mtk25 { + color: #f5c2e7 !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; +} \ No newline at end of file