Themes/theme-Catppuccin Mocha.css

: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);
  /* ansi colors used for actions console and console files */
  --color-ansi-black: #1d2328;
  --color-ansi-red: #cc4848;
  --color-ansi-green: #87ab63;
  --color-ansi-yellow: #cc9903;
  --color-ansi-blue: #3a8ac6;
  --color-ansi-magenta: #d22e8b;
  --color-ansi-cyan: #00918a;
  --color-ansi-white: var(--color-console-fg-subtle);
  --color-ansi-bright-black: #424851;
  --color-ansi-bright-red: #d15a5a;
  --color-ansi-bright-green: #93b373;
  --color-ansi-bright-yellow: #eaaf03;
  --color-ansi-bright-blue: #4e96cc;
  --color-ansi-bright-magenta: #d74397;
  --color-ansi-bright-cyan: #00b6ad;
  --color-ansi-bright-white: var(--color-console-fg);
    /* 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;
    --color-markup-code-inline: #313244;
    --color-tooltip-bg: #313244;
    --color-tooltip-text: var(--color-text);
  }

  /* 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;
  }