@import url("./kanagawa-compat.css");

gitea-theme-meta-info {
  --theme-display-name: "Kanagawa Wave";
  --theme-color-scheme: "dark";
}

:root {
  color-scheme: dark;
  --is-dark-theme: true;

  --fonts-proportional:
    "Inter", -apple-system, "Segoe UI", system-ui, Roboto, "Helvetica Neue",
    Arial, sans-serif;
  --fonts-monospace:
    "Fantasque Sans Mono", "Fantasque Nerd Font Mono", "JetBrains Mono",
    ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;

  /* Kanagawa palette */
  --kg-sumiInk0: #16161d;
  --kg-sumiInk1: #1f1f28;
  --kg-sumiInk2: #2a2a37;
  --kg-sumiInk3: #363646;
  --kg-sumiInk4: #54546d;

  --kg-waveBlue1: #223249;
  --kg-waveBlue2: #2d4f67;

  --kg-fujiWhite: #dcd7ba;
  --kg-oldWhite: #c8c093;
  --kg-fujiGray: #727169;

  --kg-oniViolet: #957fb8;
  --kg-crystalBlue: #7e9cd8;
  --kg-springBlue: #7fb4ca;
  --kg-waveAqua1: #6a9589;
  --kg-waveAqua2: #7aa89f;
  --kg-springGreen: #98bb6c;

  --kg-carpYellow: #e6c384;
  --kg-roninYellow: #ff9e3b;
  --kg-surimiOrange: #ffa066;

  --kg-waveRed: #e46876;
  --kg-autumnRed: #c34043;
  --kg-samuraiRed: #e82424;
  --kg-sakuraPink: #d27e99;

  accent-color: var(--kg-crystalBlue);

  /* primary */
  --color-primary: var(--kg-crystalBlue);
  --color-primary-contrast: var(--kg-sumiInk0);
  --color-primary-hover: var(--kg-springBlue);
  --color-primary-dark-1: #7391cc;
  --color-primary-dark-2: #6785c0;
  --color-primary-dark-3: #5b79b4;
  --color-primary-dark-4: #4f6da8;
  --color-primary-dark-5: #43619c;
  --color-primary-dark-6: #375590;
  --color-primary-dark-7: var(--kg-waveBlue2);
  --color-primary-light-1: #8aa7df;
  --color-primary-light-2: #96b1e3;
  --color-primary-light-3: #a2bbe7;
  --color-primary-light-4: #aec5eb;
  --color-primary-light-5: #bacfef;
  --color-primary-light-6: #c6d9f3;
  --color-primary-light-7: #d2e3f7;
  --color-primary-alpha-10: rgba(126, 156, 216, 0.1);
  --color-primary-alpha-20: rgba(126, 156, 216, 0.2);
  --color-primary-alpha-30: rgba(126, 156, 216, 0.3);
  --color-primary-alpha-40: rgba(126, 156, 216, 0.4);
  --color-primary-alpha-50: rgba(126, 156, 216, 0.5);
  --color-primary-alpha-60: rgba(126, 156, 216, 0.6);
  --color-primary-alpha-70: rgba(126, 156, 216, 0.7);
  --color-primary-alpha-80: rgba(126, 156, 216, 0.8);
  --color-primary-alpha-90: rgba(126, 156, 216, 0.9);

  /* secondary */
  --color-secondary: var(--kg-sumiInk3);
  --color-secondary-dark-1: #404050;
  --color-secondary-dark-2: #4a4a5a;
  --color-secondary-dark-3: #545464;
  --color-secondary-dark-4: #5e5e6e;
  --color-secondary-dark-5: #686878;
  --color-secondary-dark-6: #727282;
  --color-secondary-dark-7: #7c7c8c;
  --color-secondary-dark-8: #868696;
  --color-secondary-dark-9: #9090a0;
  --color-secondary-dark-10: #9a9aaa;
  --color-secondary-dark-11: #a4a4b4;
  --color-secondary-dark-12: #aeaebe;
  --color-secondary-dark-13: #b8b8c8;
  --color-secondary-light-1: var(--kg-sumiInk2);
  --color-secondary-light-2: #252530;
  --color-secondary-light-3: #202029;
  --color-secondary-light-4: #1b1b22;
  --color-secondary-alpha-10: rgba(54, 54, 70, 0.1);
  --color-secondary-alpha-20: rgba(54, 54, 70, 0.2);
  --color-secondary-alpha-30: rgba(54, 54, 70, 0.3);
  --color-secondary-alpha-40: rgba(54, 54, 70, 0.4);
  --color-secondary-alpha-50: rgba(54, 54, 70, 0.5);
  --color-secondary-alpha-60: rgba(54, 54, 70, 0.6);
  --color-secondary-alpha-70: rgba(54, 54, 70, 0.7);
  --color-secondary-alpha-80: rgba(54, 54, 70, 0.8);
  --color-secondary-alpha-90: rgba(54, 54, 70, 0.9);

  /* base colors */
  --color-red: var(--kg-waveRed);
  --color-orange: var(--kg-surimiOrange);
  --color-yellow: var(--kg-carpYellow);
  --color-olive: var(--kg-springGreen);
  --color-green: var(--kg-springGreen);
  --color-teal: var(--kg-waveAqua2);
  --color-blue: var(--kg-crystalBlue);
  --color-violet: var(--kg-oniViolet);
  --color-purple: var(--kg-oniViolet);
  --color-pink: var(--kg-sakuraPink);
  --color-brown: var(--kg-oldWhite);
  --color-grey: var(--kg-fujiGray);
  --color-black: var(--kg-sumiInk0);

  --color-red-light: #ea7f8b;
  --color-orange-light: #ffb37a;
  --color-yellow-light: #eccf98;
  --color-olive-light: #a5c97c;
  --color-green-light: #a5c97c;
  --color-teal-light: #86b3aa;
  --color-blue-light: #90ace0;
  --color-violet-light: #a38bc6;
  --color-purple-light: #a38bc6;
  --color-pink-light: #db8ba4;
  --color-brown-light: #d4cca2;
  --color-grey-light: #8a8880;
  --color-black-light: #1f1f28;

  --color-red-dark-1: #d85f6f;
  --color-orange-dark-1: #f39157;
  --color-yellow-dark-1: #d6b26b;
  --color-olive-dark-1: #86aa5a;
  --color-green-dark-1: #86aa5a;
  --color-teal-dark-1: #648f87;
  --color-blue-dark-1: #6c89c2;
  --color-violet-dark-1: #826ca7;
  --color-purple-dark-1: #826ca7;
  --color-pink-dark-1: #be6f89;
  --color-brown-dark-1: #b8b083;
  --color-black-dark-1: #14141a;

  --color-red-dark-2: var(--kg-autumnRed);
  --color-orange-dark-2: var(--kg-roninYellow);
  --color-yellow-dark-2: #c7a25a;
  --color-olive-dark-2: #76946a;
  --color-green-dark-2: #76946a;
  --color-teal-dark-2: var(--kg-waveAqua1);
  --color-blue-dark-2: var(--kg-waveBlue2);
  --color-violet-dark-2: #6f5a92;
  --color-purple-dark-2: #6f5a92;
  --color-pink-dark-2: #a95f79;
  --color-brown-dark-2: #a39b72;
  --color-black-dark-2: #101015;

  /* misc */
  --color-gold: var(--kg-carpYellow);
  --color-white: var(--kg-fujiWhite);

  --color-diff-removed-word-bg: rgba(228, 104, 118, 0.18);
  --color-diff-added-word-bg: rgba(152, 187, 108, 0.18);
  --color-diff-removed-row-bg: rgba(228, 104, 118, 0.08);
  --color-diff-moved-row-bg: rgba(230, 195, 132, 0.08);
  --color-diff-added-row-bg: rgba(152, 187, 108, 0.08);
  --color-diff-removed-row-border: rgba(228, 104, 118, 0.12);
  --color-diff-moved-row-border: rgba(230, 195, 132, 0.12);
  --color-diff-added-row-border: rgba(152, 187, 108, 0.12);
  --color-diff-inactive: var(--kg-fujiGray);

  --color-error-border: var(--kg-waveRed);
  --color-error-bg: var(--kg-waveRed);
  --color-error-bg-active: #ea7f8b;
  --color-error-bg-hover: #d85f6f;
  --color-error-text: var(--kg-sumiInk0);

  --color-success-border: var(--kg-springGreen);
  --color-success-bg: var(--kg-springGreen);
  --color-success-text: var(--kg-sumiInk0);

  --color-warning-border: var(--kg-carpYellow);
  --color-warning-bg: var(--kg-carpYellow);
  --color-warning-text: var(--kg-sumiInk0);

  --color-info-border: var(--kg-crystalBlue);
  --color-info-bg: var(--kg-waveBlue1);
  --color-info-text: var(--kg-fujiWhite);

  --color-red-badge: var(--kg-waveRed);
  --color-red-badge-bg: var(--kg-sumiInk0);
  --color-red-badge-hover-bg: #ea7f8b;
  --color-green-badge: #98bb6c;
  --color-green-badge-bg: rgba(152, 187, 108, 0.16);
  --color-green-badge-hover-bg: rgba(152, 187, 108, 0.24);
  --color-yellow-badge: var(--kg-carpYellow);
  --color-yellow-badge-bg: var(--kg-sumiInk0);
  --color-yellow-badge-hover-bg: #eccf98;
  --color-orange-badge: var(--kg-surimiOrange);
  --color-orange-badge-bg: var(--kg-sumiInk0);
  --color-orange-badge-hover-bg: #ffb37a;

  --color-git: var(--kg-surimiOrange);
  --color-highlight-bg: rgba(230, 195, 132, 0.18);

  /* target-based colors */
  --color-body: var(--kg-sumiInk1);
  --color-box-header: var(--kg-sumiInk0);
  --color-box-body: var(--kg-sumiInk1);
  --color-box-body-highlight: var(--kg-sumiInk2);

  --color-text-dark: var(--kg-fujiGray);
  --color-text: var(--kg-fujiWhite);
  --color-text-light: var(--kg-oldWhite);
  --color-text-light-1: var(--kg-oldWhite);
  --color-text-light-2: var(--kg-oldWhite);
  --color-text-light-3: var(--kg-oldWhite);

  --color-footer: var(--kg-sumiInk0);
  --color-timeline: var(--kg-sumiInk3);

  --color-input-text: var(--kg-fujiWhite);
  --color-input-background: var(--kg-sumiInk2);
  --color-input-toggle-background: var(--kg-sumiInk2);
  --color-input-border: var(--kg-sumiInk3);
  --color-input-border-hover: var(--kg-sumiInk4);

  --color-nav-bg: var(--kg-sumiInk0);
  --color-nav-hover-bg: var(--color-hover);
  --color-navbar: var(--kg-sumiInk0);
  --color-navbar-transparent: rgba(22, 22, 29, 0);

  --color-light: rgba(84, 84, 109, 0.3);
  --color-light-mimic-enabled: rgba(0, 0, 0, 0.25);
  --color-light-border: var(--kg-sumiInk4);
  --color-hover: rgba(126, 156, 216, 0.12);
  --color-active: rgba(126, 156, 216, 0.18);

  --color-menu: var(--kg-sumiInk2);
  --color-card: var(--kg-sumiInk2);
  --color-markup-table-row: rgba(220, 215, 186, 0.03);
  --color-markup-code-block: rgba(220, 215, 186, 0.05);
  --color-markup-code-inline: var(--kg-sumiInk2);

  --color-button: var(--kg-sumiInk2);
  --color-code-bg: var(--kg-sumiInk0);
  --color-code-sidebar-bg: var(--kg-sumiInk2);
  --color-shadow: rgba(0, 0, 0, 0.22);

  --color-tooltip-bg: var(--kg-sumiInk2);
  --color-tooltip-text: var(--color-text);
  --color-secondary-bg: var(--kg-sumiInk2);
  --color-text-focus: var(--kg-fujiWhite);
  --color-expand-button: var(--kg-sumiInk4);
  --color-placeholder-text: var(--kg-fujiGray);

  --color-editor-line-highlight: rgba(126, 156, 216, 0.12);
  --color-project-board-bg: var(--kg-sumiInk1);

  --color-caret: var(--color-text);
  --color-reaction-bg: rgba(220, 215, 186, 0.08);
  --color-reaction-active-bg: var(--color-primary-alpha-30);

  --color-header-wrapper: var(--kg-sumiInk0);
  --color-header-wrapper-transparent: rgba(22, 22, 29, 0);

  --color-label-text: var(--kg-sumiInk0);
  --color-label-bg: var(--kg-springBlue);
  --color-label-hover-bg: var(--kg-crystalBlue);
  --color-label-active-bg: #90ace0;

  --color-accent: var(--kg-springBlue);
  --color-small-accent: var(--kg-waveAqua2);
  --color-active-line: var(--kg-sumiInk3);
}

/* selections */
::selection {
  background: rgba(126, 156, 216, 0.3) !important;
}

/* buttons / labels */
.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: var(--kg-sumiInk0);
}

.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: var(--kg-sumiInk1);
}

.ui.basic.modal {
  background-color: var(--kg-sumiInk1);
}

.ui.commit-header-row .svg.gitea-lock ~ a,
.inline-code-block,
.ui.sha.isSigned.isVerified .shortsha,
.ui.sha.isSigned.isVerified svg.gitea-lock {
  color: var(--kg-sumiInk0);
  fill: var(--kg-sumiInk0);
}

.ui.basic.modal,
.ui.basic.modal > .header,
.ui.inverted.button {
  color: var(--kg-fujiWhite) !important;
}

#repo-topics,
#topic_edit > .ui.selection.dropdown {
  color: var(--color-label-text) !important;
}

blockquote.attention-tip {
  border-left-color: var(--color-success-bg);
}
blockquote.attention-warning {
  border-left-color: var(--color-warning-bg);
}

svg.attention-tip,
strong.attention-tip {
  color: var(--color-success-bg);
}
svg.attention-warning,
strong.attention-warning {
  color: var(--color-warning-bg);
}

/* Chroma */
.chroma .bp {
  color: var(--kg-surimiOrange);
}
.chroma .c,
.chroma .c1,
.chroma .ch,
.chroma .cm,
.chroma .cs {
  color: var(--kg-fujiGray);
}
.chroma .cp,
.chroma .cpf {
  color: var(--kg-springBlue);
}
.chroma .dl {
  color: var(--kg-springBlue);
}
.chroma .gd {
  color: var(--kg-fujiWhite);
  background-color: rgba(228, 104, 118, 0.15);
}
.chroma .gh,
.chroma .gu {
  color: var(--kg-waveAqua2);
}
.chroma .gi {
  color: var(--kg-fujiWhite);
  background-color: rgba(152, 187, 108, 0.15);
}
.chroma .go,
.chroma .il,
.chroma .m,
.chroma .mb,
.chroma .mf,
.chroma .mh,
.chroma .mi,
.chroma .mo,
.chroma .nb,
.chroma .nv,
.chroma .nx,
.chroma .vg {
  color: var(--kg-surimiOrange);
}
.chroma .gp {
  color: var(--kg-fujiGray);
  font-weight: bold;
}
.chroma .gr,
.chroma .gt,
.chroma .ne {
  color: var(--kg-waveRed);
}
.chroma .k,
.chroma .kd,
.chroma .kp,
.chroma .kr,
.chroma .nt {
  color: var(--kg-oniViolet);
}
.chroma .kc,
.chroma .kn,
.chroma .kt,
.chroma .na,
.chroma .nc,
.chroma .nl,
.chroma .nn,
.chroma .no,
.chroma .vc,
.chroma .vi {
  color: var(--kg-carpYellow);
}
.chroma .n {
  color: var(--kg-fujiWhite);
}
.chroma .nd,
.chroma .ni {
  color: var(--kg-sakuraPink);
}
.chroma .nf,
.chroma .se,
.chroma .sr,
.chroma .o,
.chroma .ow {
  color: var(--kg-crystalBlue);
}
.chroma .p {
  color: var(--kg-fujiGray);
}
.chroma .s,
.chroma .s1,
.chroma .s2,
.chroma .sa,
.chroma .sb,
.chroma .sc,
.chroma .sd,
.chroma .sh,
.chroma .si,
.chroma .ss,
.chroma .sx {
  color: var(--kg-springGreen);
}
.chroma .w {
  color: var(--kg-sumiInk2);
}

/* CodeMirror */
.CodeMirror .cm-property,
.CodeMirror.cm-s-default .cm-property,
.CodeMirror.cm-s-paper .cm-property,
.CodeMirror .cm-header,
.CodeMirror.cm-s-default .cm-header,
.CodeMirror.cm-s-paper .cm-header,
.CodeMirror .cm-def,
.CodeMirror.cm-s-default .cm-def,
.CodeMirror.cm-s-paper .cm-def,
.CodeMirror .cm-bracket,
.CodeMirror.cm-s-default .cm-bracket,
.CodeMirror.cm-s-paper .cm-bracket {
  color: var(--kg-fujiWhite);
}
.CodeMirror .cm-quote,
.CodeMirror.cm-s-default .cm-quote,
.CodeMirror.cm-s-paper .cm-quote,
.CodeMirror .cm-string,
.CodeMirror.cm-s-default .cm-string,
.CodeMirror.cm-s-paper .cm-string,
.CodeMirror .cm-string-2,
.CodeMirror.cm-s-default .cm-string-2,
.CodeMirror.cm-s-paper .cm-string-2 {
  color: var(--kg-springGreen);
}
.CodeMirror .cm-keyword,
.CodeMirror.cm-s-default .cm-keyword,
.CodeMirror.cm-s-paper .cm-keyword {
  color: var(--kg-oniViolet);
}
.CodeMirror .cm-atom,
.CodeMirror.cm-s-default .cm-atom,
.CodeMirror.cm-s-paper .cm-atom,
.CodeMirror .cm-error,
.CodeMirror.cm-s-default .cm-error,
.CodeMirror.cm-s-paper .cm-error {
  color: var(--kg-waveRed);
}
.CodeMirror .cm-number,
.CodeMirror.cm-s-default .cm-number,
.CodeMirror.cm-s-paper .cm-number,
.CodeMirror .cm-meta,
.CodeMirror.cm-s-default .cm-meta,
.CodeMirror.cm-s-paper .cm-meta,
.CodeMirror .cm-qualifier,
.CodeMirror.cm-s-default .cm-qualifier,
.CodeMirror.cm-s-paper .cm-qualifier,
.CodeMirror .cm-builtin,
.CodeMirror.cm-s-default .cm-builtin,
.CodeMirror.cm-s-paper .cm-builtin {
  color: var(--kg-surimiOrange);
}
.CodeMirror .cm-variable-2,
.CodeMirror.cm-s-default .cm-variable-2,
.CodeMirror.cm-s-paper .cm-variable-2 {
  color: var(--kg-crystalBlue);
}
.CodeMirror .cm-variable-3,
.CodeMirror.cm-s-default .cm-variable-3,
.CodeMirror.cm-s-paper .cm-variable-3 {
  color: var(--kg-waveAqua2);
}
.CodeMirror .cm-comment,
.CodeMirror.cm-s-default .cm-comment,
.CodeMirror.cm-s-paper .cm-comment {
  color: var(--kg-fujiGray);
}
.CodeMirror .cm-tag,
.CodeMirror.cm-s-default .cm-tag,
.CodeMirror.cm-s-paper .cm-tag,
.CodeMirror .cm-attribute,
.CodeMirror.cm-s-default .cm-attribute,
.CodeMirror.cm-s-paper .cm-attribute {
  color: var(--kg-carpYellow);
}
.CodeMirror .cm-hr,
.CodeMirror.cm-s-default .cm-hr,
.CodeMirror.cm-s-paper .cm-hr {
  color: var(--kg-fujiGray);
}
.CodeMirror .cm-url,
.CodeMirror.cm-s-default .cm-url,
.CodeMirror.cm-s-paper .cm-url,
.CodeMirror .cm-link,
.CodeMirror.cm-s-default .cm-link,
.CodeMirror.cm-s-paper .cm-link {
  color: var(--kg-springBlue);
}

/* Monaco */
.monaco-editor .selected-text {
  background-color: rgba(126, 156, 216, 0.22) !important;
}
.monaco-editor .margin-view-overlays .line-numbers {
  color: var(--kg-fujiGray) !important;
}
.monaco-editor .line-numbers.active-line-number {
  color: var(--kg-crystalBlue) !important;
}
.monaco-editor .view-overlays .current-line,
.monaco-editor .margin-view-overlays .current-line-margin {
  background-color: rgba(45, 79, 103, 0.22) !important;
}
.monaco-editor .mtk1 {
  color: var(--kg-fujiWhite) !important;
}
.monaco-editor .mtk2 {
  color: var(--kg-waveRed) !important;
}
.monaco-editor .mtk3 {
  color: var(--kg-surimiOrange) !important;
}
.monaco-editor .mtk4 {
  color: var(--kg-waveAqua2) !important;
}
.monaco-editor .mtk5 {
  color: var(--kg-fujiWhite) !important;
}
.monaco-editor .mtk6 {
  color: var(--kg-oniViolet) !important;
}
.monaco-editor .mtk7 {
  color: var(--kg-surimiOrange) !important;
}
.monaco-editor .mtk8 {
  color: var(--kg-fujiGray) !important;
}
.monaco-editor .mtk9 {
  color: var(--kg-oniViolet) !important;
}
.monaco-editor .mtk10 {
  color: var(--kg-oldWhite) !important;
}
.monaco-editor .mtk11 {
  color: var(--kg-waveAqua2) !important;
}
.monaco-editor .mtk12 {
  color: var(--kg-waveAqua2) !important;
}
.monaco-editor .mtk13 {
  color: var(--kg-sakuraPink) !important;
}
.monaco-editor .mtk14 {
  color: var(--kg-sakuraPink) !important;
}
.monaco-editor .mtk15 {
  color: var(--kg-oniViolet) !important;
}
.monaco-editor .mtk16 {
  color: var(--kg-fujiGray) !important;
}
.monaco-editor .mtk17 {
  color: var(--kg-waveRed) !important;
}
.monaco-editor .mtk18 {
  color: var(--kg-waveRed) !important;
}
.monaco-editor .mtk19 {
  color: var(--kg-waveAqua2) !important;
}
.monaco-editor .mtk20 {
  color: var(--kg-waveRed) !important;
}
.monaco-editor .mtk21 {
  color: var(--kg-springGreen) !important;
}
.monaco-editor .mtk22 {
  color: var(--kg-waveRed) !important;
}
.monaco-editor .mtk23 {
  color: var(--kg-crystalBlue) !important;
}
.monaco-editor .mtk24 {
  color: var(--kg-surimiOrange) !important;
}
.monaco-editor .mtk25 {
  color: var(--kg-sakuraPink) !important;
}

.monaco-editor .bracket-highlighting-0 {
  color: var(--kg-sakuraPink) !important;
}
.monaco-editor .bracket-highlighting-1 {
  color: var(--kg-surimiOrange) !important;
}
.monaco-editor .bracket-highlighting-2 {
  color: var(--kg-carpYellow) !important;
}
.monaco-editor .bracket-highlighting-3 {
  color: var(--kg-springGreen) !important;
}
.monaco-editor .bracket-highlighting-4 {
  color: var(--kg-crystalBlue) !important;
}
.monaco-editor .bracket-highlighting-5 {
  color: var(--kg-oniViolet) !important;
}
.commit-is-signed.sign-trusted,
.commit-is-signed.sign-trusted .shortsha,
.commit-is-signed.sign-trusted svg {
  color: var(--color-green) !important;
  fill: var(--color-green) !important;
}
code:not(.code-inner), .markup pre code {
  color: var(--color-accent);
}