:root {
    color-scheme: light;
    --is-dark-theme: false;
    accent-color: #1e66f5;
    --color-primary: #1e66f5;
    --color-primary-contrast: #eff1f5;
    --color-primary-dark-1: #2d70f6;
    --color-primary-dark-2: #3b7af6;
    --color-primary-dark-3: #4a84f7;
    --color-primary-dark-4: #598ef8;
    --color-primary-dark-5: #6798f8;
    --color-primary-dark-6: #76a2f9;
    --color-primary-dark-7: #85acfa;
    --color-primary-light-1: #0f5cf4;
    --color-primary-light-2: #0a55ea;
    --color-primary-light-3: #0a50db;
    --color-primary-light-4: #094bcd;
    --color-primary-light-5: #0845be;
    --color-primary-light-6: #0840af;
    --color-primary-light-7: #073ba1;
    --color-primary-alpha-10: rgba(30, 102, 245, 0.1);
    --color-primary-alpha-20: rgba(30, 102, 245, 0.2);
    --color-primary-alpha-30: rgba(30, 102, 245, 0.3);
    --color-primary-alpha-40: rgba(30, 102, 245, 0.4);
    --color-primary-alpha-50: rgba(30, 102, 245, 0.5);
    --color-primary-alpha-60: rgba(30, 102, 245, 0.6);
    --color-primary-alpha-70: rgba(30, 102, 245, 0.7);
    --color-primary-alpha-80: rgba(30, 102, 245, 0.8);
    --color-primary-alpha-90: rgba(30, 102, 245, 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: #1e66f5;
    --color-label-hover-bg: #3b7af6;
    --color-label-active-bg: #2d70f6;
    --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: #1e66f5 !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;
  }
  
  @media (prefers-color-scheme:dark) {
    :root {
      color-scheme: dark;
      --is-dark-theme: true;
    accent-color: #8aadf4;
    --color-primary: #8aadf4;
    --color-primary-contrast: #181926;
    --color-primary-dark-1: #7ca3f3;
    --color-primary-dark-2: #6e99f1;
    --color-primary-dark-3: #6090f0;
    --color-primary-dark-4: #5286ef;
    --color-primary-dark-5: #447ced;
    --color-primary-dark-6: #3672ec;
    --color-primary-dark-7: #2868eb;
    --color-primary-light-1: #98b7f5;
    --color-primary-light-2: #a6c1f7;
    --color-primary-light-3: #b4caf8;
    --color-primary-light-4: #c2d4f9;
    --color-primary-light-5: #d0defb;
    --color-primary-light-6: #dee8fc;
    --color-primary-light-7: #ecf2fd;
    --color-primary-alpha-10: rgba(138, 173, 244, 0.1);
    --color-primary-alpha-20: rgba(138, 173, 244, 0.2);
    --color-primary-alpha-30: rgba(138, 173, 244, 0.3);
    --color-primary-alpha-40: rgba(138, 173, 244, 0.4);
    --color-primary-alpha-50: rgba(138, 173, 244, 0.5);
    --color-primary-alpha-60: rgba(138, 173, 244, 0.6);
    --color-primary-alpha-70: rgba(138, 173, 244, 0.7);
    --color-primary-alpha-80: rgba(138, 173, 244, 0.8);
    --color-primary-alpha-90: rgba(138, 173, 244, 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;
    /* 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;
    /* 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-button: #363a4f;
    --color-code-bg: #24273a;
    --color-code-sidebar-bg: #363a4f;
    --color-shadow: rgba(24, 25, 38, 0.1);
    --color-secondary-bg: #363a4f;
    --color-text-focus: #cad3f5;
    --color-expand-button: #5b6078;
    --color-placeholder-text: #5b6078;
    --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: #8aadf4;
    --color-label-hover-bg: #6e99f1;
    --color-label-active-bg: #7ca3f3;
    --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.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;
    }
    
    ::selection {
    background: rgba(244, 219, 214, 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: #8aadf4 !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;
    }
  }