From fedc78b1328eb9089448aa1ffc1498c3d0e73c9b Mon Sep 17 00:00:00 2001 From: Seaswimmer Date: Mon, 3 Jun 2024 23:05:37 -0400 Subject: [PATCH] added Catpuccin Mocha theme --- theme-Catppuccin Mocha.css | 813 +++++++++++++++++++++++++++++++++++++ 1 file changed, 813 insertions(+) create mode 100644 theme-Catppuccin Mocha.css diff --git a/theme-Catppuccin Mocha.css b/theme-Catppuccin Mocha.css new file mode 100644 index 0000000..9848644 --- /dev/null +++ b/theme-Catppuccin Mocha.css @@ -0,0 +1,813 @@ +:root { + color-scheme: dark; + --is-dark-theme: true; + accent-color: #3d86ff; + --color-primary: #3d86ff; + --color-primary-contrast: #11111b; + --color-primary-dark-1: #7aabf9; + --color-primary-dark-2: #6ca1f9; + --color-primary-dark-3: #5d98f8; + --color-primary-dark-4: #4e8ff8; + --color-primary-dark-5: #4085f7; + --color-primary-dark-6: #317cf6; + --color-primary-dark-7: #2273f6; + --color-primary-light-1: #70a6ff; + --color-primary-light-2: #a6c7fb; + --color-primary-light-3: #b5d0fc; + --color-primary-light-4: #c4d9fc; + --color-primary-light-5: #d2e3fd; + --color-primary-light-6: #e1ecfe; + --color-primary-light-7: #f0f5fe; + --color-primary-alpha-10: rgba(137, 180, 250, 0.1); + --color-primary-alpha-20: rgba(137, 180, 250, 0.2); + --color-primary-alpha-30: rgba(137, 180, 250, 0.3); + --color-primary-alpha-40: rgba(137, 180, 250, 0.4); + --color-primary-alpha-50: rgba(137, 180, 250, 0.5); + --color-primary-alpha-60: rgba(137, 180, 250, 0.6); + --color-primary-alpha-70: rgba(137, 180, 250, 0.7); + --color-primary-alpha-80: rgba(137, 180, 250, 0.8); + --color-primary-alpha-90: rgba(137, 180, 250, 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: #3d86ff; + --color-violet: #865aed; + --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; + /* 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; + /* 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-button: #313244; + --color-code-bg: #1e1e2e; + --color-code-sidebar-bg: #313244; + --color-shadow: rgba(17, 17, 27, 0.1); + --color-secondary-bg: #313244; + --color-text-focus: #cdd6f4; + --color-expand-button: #585b70; + --color-placeholder-text: #585b70; + --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: #3d86ff; + --color-label-hover-bg: #6ca1f9; + --color-label-active-bg: #7aabf9; + --color-accent: var(--color-primary-light-1); + --color-small-accent: var(--color-primary-light-5); + --color-active-line: #45475a; + } + + /* invert emojis that are hard to read otherwise */ + .emoji[aria-label="check mark"], + .emoji[aria-label="currency exchange"], + .emoji[aria-label="TOP arrow"], + .emoji[aria-label="END arrow"], + .emoji[aria-label="ON! arrow"], + .emoji[aria-label="SOON arrow"], + .emoji[aria-label="heavy dollar sign"], + .emoji[aria-label=copyright], + .emoji[aria-label=registered], + .emoji[aria-label="trade mark"], + .emoji[aria-label=multiply], + .emoji[aria-label=plus], + .emoji[aria-label=minus], + .emoji[aria-label=divide], + .emoji[aria-label="curly loop"], + .emoji[aria-label="double curly loop"], + .emoji[aria-label="wavy dash"], + .emoji[aria-label="paw prints"], + .emoji[aria-label="musical note"], + .emoji[aria-label="musical notes"] { + filter: invert(100%) hue-rotate(180deg); + } + + .ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal, + .ui.ui.ui.label:not(.inverted, .basic).primary, + .ui.ui.ui.label:not(.inverted, .basic).green, + .ui.ui.ui.label:not(.inverted, .basic).red, + .ui.ui.ui.label:not(.inverted, .basic).teal { + color: #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.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; + } + + ::selection { + background: rgba(245, 224, 220, 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: #3d86ff; + } + + /* CommentPreprocFile */ + .chroma .cpf { + color: #3d86ff; + } + + /* CommentSpecial */ + .chroma .cs { + color: #6c7086; + } + + /* LiteralStringDelimiter */ + .chroma .dl { + color: #3d86ff; + } + + /* 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: #3d86ff; + } + + /* 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: #3d86ff; + } + + /* LiteralStringHeredoc */ + .chroma .sh { + color: #a6e3a1; + } + + /* LiteralStringInterpol */ + .chroma .si { + color: #a6e3a1; + } + + /* LiteralStringRegex */ + .chroma .sr { + color: #3d86ff; + } + + /* 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: #3d86ff; + } + .CodeMirror .cm-link, + .CodeMirror.cm-s-default .cm-link, + .CodeMirror.cm-s-paper .cm-link { + color: #3d86ff; + } + .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: #3d86ff !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: #3d86ff !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; + }