From 8e76461d8ff96b49033e971aedb6c4dc31cf11b5 Mon Sep 17 00:00:00 2001 From: Sangelo Date: Mon, 15 Jan 2024 14:36:11 +0100 Subject: [PATCH] Add Catppuccin Themes --- theme-catppuccin-frappe-lavender.css | 813 +++++++++++++++++++++++++++ theme-catppuccin-latte-lavender.css | 789 ++++++++++++++++++++++++++ 2 files changed, 1602 insertions(+) create mode 100644 theme-catppuccin-frappe-lavender.css create mode 100644 theme-catppuccin-latte-lavender.css diff --git a/theme-catppuccin-frappe-lavender.css b/theme-catppuccin-frappe-lavender.css new file mode 100644 index 0000000..a56414f --- /dev/null +++ b/theme-catppuccin-frappe-lavender.css @@ -0,0 +1,813 @@ +:root { + color-scheme: dark; + --is-dark-theme: true; + accent-color: #babbf1; + --color-primary: #babbf1; + --color-primary-contrast: #232634; + --color-primary-dark-1: #adaeee; + --color-primary-dark-2: #a1a2ec; + --color-primary-dark-3: #9495e9; + --color-primary-dark-4: #8789e7; + --color-primary-dark-5: #7a7ce4; + --color-primary-dark-6: #6e70e2; + --color-primary-dark-7: #6163df; + --color-primary-light-1: #c7c8f4; + --color-primary-light-2: #d3d4f6; + --color-primary-light-3: #e0e1f9; + --color-primary-light-4: #ededfb; + --color-primary-light-5: #fafafe; + --color-primary-light-6: white; + --color-primary-light-7: white; + --color-primary-alpha-10: rgba(186, 187, 241, 0.1); + --color-primary-alpha-20: rgba(186, 187, 241, 0.2); + --color-primary-alpha-30: rgba(186, 187, 241, 0.3); + --color-primary-alpha-40: rgba(186, 187, 241, 0.4); + --color-primary-alpha-50: rgba(186, 187, 241, 0.5); + --color-primary-alpha-60: rgba(186, 187, 241, 0.6); + --color-primary-alpha-70: rgba(186, 187, 241, 0.7); + --color-primary-alpha-80: rgba(186, 187, 241, 0.8); + --color-primary-alpha-90: rgba(186, 187, 241, 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; + /* 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; + /* 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-button: #414559; + --color-code-bg: #303446; + --color-code-sidebar-bg: #414559; + --color-shadow: rgba(35, 38, 52, 0.1); + --color-secondary-bg: #414559; + --color-text-focus: #c6d0f5; + --color-expand-button: #626880; + --color-placeholder-text: #626880; + --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: #babbf1; + --color-label-hover-bg: #a1a2ec; + --color-label-active-bg: #adaeee; + --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.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; +} + +::selection { + background: rgba(242, 213, 207, 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: #babbf1 !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/theme-catppuccin-latte-lavender.css b/theme-catppuccin-latte-lavender.css new file mode 100644 index 0000000..4154cb8 --- /dev/null +++ b/theme-catppuccin-latte-lavender.css @@ -0,0 +1,789 @@ +:root { + color-scheme: light; + --is-dark-theme: false; + accent-color: #7287fd; + --color-primary: #7287fd; + --color-primary-contrast: #eff1f5; + --color-primary-dark-1: #8194fd; + --color-primary-dark-2: #90a1fd; + --color-primary-dark-3: #9faefe; + --color-primary-dark-4: #aebafe; + --color-primary-dark-5: #bdc7fe; + --color-primary-dark-6: #cdd4fe; + --color-primary-dark-7: #dce1fe; + --color-primary-light-1: #637afd; + --color-primary-light-2: #546dfd; + --color-primary-light-3: #4560fc; + --color-primary-light-4: #3654fc; + --color-primary-light-5: #2747fc; + --color-primary-light-6: #173afc; + --color-primary-light-7: #082dfc; + --color-primary-alpha-10: rgba(114, 135, 253, 0.1); + --color-primary-alpha-20: rgba(114, 135, 253, 0.2); + --color-primary-alpha-30: rgba(114, 135, 253, 0.3); + --color-primary-alpha-40: rgba(114, 135, 253, 0.4); + --color-primary-alpha-50: rgba(114, 135, 253, 0.5); + --color-primary-alpha-60: rgba(114, 135, 253, 0.6); + --color-primary-alpha-70: rgba(114, 135, 253, 0.7); + --color-primary-alpha-80: rgba(114, 135, 253, 0.8); + --color-primary-alpha-90: rgba(114, 135, 253, 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; + /* 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; + /* 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-button: #ccd0da; + --color-code-bg: #eff1f5; + --color-code-sidebar-bg: #ccd0da; + --color-shadow: rgba(239, 241, 245, 0.1); + --color-secondary-bg: #ccd0da; + --color-text-focus: #4c4f69; + --color-expand-button: #acb0be; + --color-placeholder-text: #acb0be; + --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: #7287fd; + --color-label-hover-bg: #90a1fd; + --color-label-active-bg: #8194fd; + --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.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; +} + +::selection { + background: rgba(220, 138, 120, 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: #7287fd !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