Add theme-sunset.css

This commit is contained in:
2026-02-15 01:24:08 -07:00
parent f2f6db91bb
commit 3c45b6b51b

886
theme-sunset.css Normal file
View File

@@ -0,0 +1,886 @@
:root {
color-scheme: dark;
--is-dark-theme: true;
accent-color: #ff865b;
--color-primary: #ff865b;
--color-primary-contrast: #1e1208;
--color-primary-hover: rgb(255, 150, 115);
--color-primary-dark-1: rgb(244, 128, 83);
--color-primary-dark-2: rgb(233, 121, 75);
--color-primary-dark-3: rgb(222, 115, 67);
--color-primary-dark-4: rgb(211, 108, 59);
--color-primary-dark-5: rgb(200, 102, 51);
--color-primary-dark-6: rgb(189, 95, 43);
--color-primary-dark-7: rgb(178, 89, 35);
--color-primary-light-1: rgb(255, 155, 118);
--color-primary-light-2: rgb(255, 170, 140);
--color-primary-light-3: rgb(255, 186, 162);
--color-primary-light-4: rgb(255, 201, 184);
--color-primary-light-5: rgb(255, 217, 206);
--color-primary-light-6: rgb(255, 232, 228);
--color-primary-light-7: rgb(255, 248, 246);
--color-primary-alpha-10: rgba(255, 134, 91, 0.1);
--color-primary-alpha-20: rgba(255, 134, 91, 0.2);
--color-primary-alpha-30: rgba(255, 134, 91, 0.3);
--color-primary-alpha-40: rgba(255, 134, 91, 0.4);
--color-primary-alpha-50: rgba(255, 134, 91, 0.5);
--color-primary-alpha-60: rgba(255, 134, 91, 0.6);
--color-primary-alpha-70: rgba(255, 134, 91, 0.7);
--color-primary-alpha-80: rgba(255, 134, 91, 0.8);
--color-primary-alpha-90: rgba(255, 134, 91, 0.9);
--color-secondary: #272b33;
--color-secondary-dark-1: rgb(45, 50, 59);
--color-secondary-dark-2: rgb(51, 56, 66);
--color-secondary-dark-3: rgb(57, 63, 74);
--color-secondary-dark-4: rgb(63, 69, 81);
--color-secondary-dark-5: rgb(69, 75, 88);
--color-secondary-dark-6: rgb(75, 82, 96);
--color-secondary-dark-7: rgb(81, 88, 103);
--color-secondary-dark-8: rgb(87, 94, 110);
--color-secondary-dark-9: rgb(96, 103, 118);
--color-secondary-dark-10: rgb(105, 112, 126);
--color-secondary-dark-11: rgb(114, 121, 134);
--color-secondary-dark-12: rgb(123, 130, 142);
--color-secondary-dark-13: rgb(132, 139, 150);
--color-secondary-light-1: rgb(33, 37, 44);
--color-secondary-light-2: rgb(29, 33, 39);
--color-secondary-light-3: rgb(25, 28, 34);
--color-secondary-light-4: rgb(21, 24, 29);
--color-secondary-alpha-10: rgba(39, 43, 51, 0.1);
--color-secondary-alpha-20: rgba(39, 43, 51, 0.2);
--color-secondary-alpha-30: rgba(39, 43, 51, 0.3);
--color-secondary-alpha-40: rgba(39, 43, 51, 0.4);
--color-secondary-alpha-50: rgba(39, 43, 51, 0.5);
--color-secondary-alpha-60: rgba(39, 43, 51, 0.6);
--color-secondary-alpha-70: rgba(39, 43, 51, 0.7);
--color-secondary-alpha-80: rgba(39, 43, 51, 0.8);
--color-secondary-alpha-90: rgba(39, 43, 51, 0.9);
--color-red: #ff6b6b;
--color-orange: #ff865b;
--color-yellow: #d5ca8a;
--color-olive: #8eda9f;
--color-green: #8eda9f;
--color-teal: #8bd8e0;
--color-blue: #7ba4e0;
--color-violet: #a06ce0;
--color-purple: #a06ce0;
--color-pink: #fd6f9c;
--color-brown: #d4a88a;
--color-grey: #8892a6;
--color-black: #14171e;
--color-red-light: rgb(230, 77, 77);
--color-orange-light: rgb(244, 128, 83);
--color-yellow-light: rgb(199, 188, 114);
--color-olive-light: rgb(112, 218, 135);
--color-green-light: rgb(112, 218, 135);
--color-teal-light: rgb(108, 211, 220);
--color-blue-light: rgb(94, 145, 220);
--color-violet-light: rgb(132, 78, 220);
--color-purple-light: rgb(132, 78, 220);
--color-pink-light: rgb(240, 82, 133);
--color-brown-light: rgb(199, 147, 106);
--color-grey-light: rgb(110, 120, 140);
--color-black-light: rgb(8, 10, 14);
--color-red-dark-1: rgb(230, 77, 77);
--color-orange-dark-1: rgb(244, 128, 83);
--color-yellow-dark-1: rgb(199, 188, 114);
--color-olive-dark-1: rgb(112, 218, 135);
--color-green-dark-1: rgb(112, 218, 135);
--color-teal-dark-1: rgb(108, 211, 220);
--color-blue-dark-1: rgb(94, 145, 220);
--color-violet-dark-1: rgb(132, 78, 220);
--color-purple-dark-1: rgb(132, 78, 220);
--color-pink-dark-1: rgb(240, 82, 133);
--color-brown-dark-1: rgb(199, 147, 106);
--color-black-dark-1: rgb(8, 10, 14);
--color-red-dark-2: rgb(204, 43, 43);
--color-orange-dark-2: rgb(233, 102, 54);
--color-yellow-dark-2: rgb(185, 174, 82);
--color-olive-dark-2: rgb(80, 206, 105);
--color-green-dark-2: rgb(80, 206, 105);
--color-teal-dark-2: rgb(72, 195, 206);
--color-blue-dark-2: rgb(53, 126, 210);
--color-violet-dark-2: rgb(102, 38, 204);
--color-purple-dark-2: rgb(102, 38, 204);
--color-pink-dark-2: rgb(228, 38, 102);
--color-brown-dark-2: rgb(183, 121, 74);
--color-black-dark-2: hsl(225, 23%, -5%);
--color-gold: #d4a88a;
--color-white: #a5b4ca;
--color-diff-removed-word-bg: rgba(255, 107, 107, 0.15);
--color-diff-added-word-bg: rgba(142, 218, 159, 0.15);
--color-diff-removed-row-bg: rgba(255, 107, 107, 0.07);
--color-diff-moved-row-bg: rgba(213, 202, 138, 0.07);
--color-diff-added-row-bg: rgba(142, 218, 159, 0.07);
--color-diff-removed-row-border: rgba(255, 107, 107, 0.07);
--color-diff-moved-row-border: rgba(213, 202, 138, 0.07);
--color-diff-added-row-border: rgba(142, 218, 159, 0.07);
--color-diff-inactive: #8892a6;
--color-error-border: #ff6b6b;
--color-error-bg: #ff6b6b;
--color-error-bg-active: rgb(255, 100, 100);
--color-error-bg-hover: rgb(230, 77, 77);
--color-error-text: #1e1208;
--color-success-border: rgb(112, 218, 135);
--color-success-bg: #8eda9f;
--color-success-text: #1e1208;
--color-warning-border: rgb(199, 188, 114);
--color-warning-bg: #d5ca8a;
--color-warning-text: #1e1208;
--color-info-border: rgb(94, 145, 220);
--color-info-bg: #181b23;
--color-info-text: #a5b4ca;
--color-red-badge: rgb(230, 77, 77);
--color-red-badge-bg: #181b23;
--color-red-badge-hover-bg: rgb(255, 100, 100);
--color-green-badge: #8eda9f;
--color-green-badge-bg: #8eda9f;
--color-green-badge-hover-bg: rgb(130, 228, 155);
--color-yellow-badge: #d5ca8a;
--color-yellow-badge-bg: #181b23;
--color-yellow-badge-hover-bg: rgb(215, 208, 130);
--color-orange-badge: #ff865b;
--color-orange-badge-bg: #181b23;
--color-orange-badge-hover-bg: rgb(255, 150, 115);
--color-git: #ff865b;
--color-highlight-bg: rgba(213, 202, 138, 0.15);
--color-body: #181b23;
--color-box-header: #1c2028;
--color-box-body: #1c2028;
--color-box-body-highlight: #252930;
--color-text-dark: #8892a6;
--color-text: #a5b4ca;
--color-text-light: #95a0b8;
--color-text-light-1: #95a0b8;
--color-text-light-2: #95a0b8;
--color-text-light-3: #95a0b8;
--color-footer: #1c2028;
--color-timeline: #252930;
--color-input-text: #a5b4ca;
--color-input-background: #252930;
--color-input-toggle-background: #252930;
--color-input-border: #272b33;
--color-input-border-hover: #3a3f4c;
--color-nav-bg: #1c2028;
--color-nav-hover-bg: var(--color-hover);
--color-navbar: #1c2028;
--color-navbar-transparent: rgba(24, 27, 35, 0);
--color-light: rgba(58, 63, 76, 0.3);
--color-light-mimic-enabled: rgba(
0,
0,
0,
calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
);
--color-light-border: #3a3f4c;
--color-hover: rgba(80, 86, 100, 0.2);
--color-active: rgba(165, 180, 202, 0.1);
--color-menu: #252930;
--color-card: #252930;
--color-markup-table-row: rgba(165, 180, 202, 0.02);
--color-markup-code-block: rgba(165, 180, 202, 0.05);
--color-markup-code-inline: #252930;
--color-button: #252930;
--color-code-bg: #14171e;
--color-code-sidebar-bg: #252930;
--color-shadow: rgba(20, 23, 30, 0.1);
--color-tooltip-bg: #252930;
--color-tooltip-text: var(--color-text);
--color-secondary-bg: #252930;
--color-text-focus: #a5b4ca;
--color-expand-button: #3a3f4c;
--color-placeholder-text: #8892a6;
--color-editor-line-highlight: var(--color-primary-light-5);
--color-project-board-bg: var(--color-secondary-light-2);
--color-caret: var(--color-text);
--color-reaction-bg: rgba(165, 180, 202, 0.07);
--color-reaction-active-bg: var(--color-primary-alpha-40);
--color-header-wrapper: #1c2028;
--color-header-wrapper-transparent: rgba(28, 32, 40, 0);
--color-label-text: #1e1208;
--color-label-bg: #ff865b;
--color-label-hover-bg: rgb(233, 121, 75);
--color-label-active-bg: rgb(244, 128, 83);
--color-accent: var(--color-primary-light-1);
--color-small-accent: var(--color-primary-light-5);
--color-active-line: #272b33;
}
.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: #1e1208;
}
.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: #14171e;
}
.ui.basic.modal {
background-color: #14171e;
}
.ui.commit-header-row .svg.gitea-lock ~ a {
color: #1e1208;
}
.ui.negative.message .header {
color: var(--color-error-text);
}
.ui.sha.isSigned.isVerified .shortsha {
color: #1e1208;
}
.ui.sha.isSigned.isVerified svg.gitea-lock {
fill: #1e1208;
}
.ui.basic.modal,
.ui.basic.modal > .header,
.ui.inverted.button {
color: #a5b4ca !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);
}
.inline-code-block {
color: var(--color-markup-code-inline);
}
::selection {
background: rgba(255, 134, 91, 0.3) !important;
}
.chroma .bp {
color: #ff865b;
}
.chroma .c {
color: #6b7389;
}
.chroma .c1 {
color: #6b7389;
}
.chroma .ch {
color: #6b7389;
}
.chroma .cm {
color: #6b7389;
}
.chroma .cp {
color: #7ba4e0;
}
.chroma .cpf {
color: #7ba4e0;
}
.chroma .cs {
color: #6b7389;
}
.chroma .dl {
color: #7ba4e0;
}
.chroma .gd {
color: #a5b4ca;
background-color: rgba(255, 107, 107, 0.15);
}
.chroma .ge {
font-style: italic;
}
.chroma .gh {
color: #8bd8e0;
}
.chroma .gi {
color: #a5b4ca;
background-color: rgba(142, 218, 159, 0.15);
}
.chroma .go {
color: #ff865b;
}
.chroma .gp {
color: #6b7389;
font-weight: bold;
}
.chroma .gr {
color: #ff6b6b;
}
.chroma .gs {
font-weight: bold;
}
.chroma .gt {
color: #ff6b6b;
}
.chroma .gu {
color: #8bd8e0;
}
.chroma .il {
color: #ff865b;
}
.chroma .k {
color: #a06ce0;
}
.chroma .kc {
color: #d5ca8a;
}
.chroma .kd {
color: #a06ce0;
}
.chroma .kn {
color: #d5ca8a;
}
.chroma .kp {
color: #a06ce0;
font-weight: bold;
}
.chroma .kr {
color: #a06ce0;
}
.chroma .kt {
color: #d5ca8a;
}
.chroma .m {
color: #ff865b;
}
.chroma .mb {
color: #ff865b;
}
.chroma .mf {
color: #ff865b;
}
.chroma .mh {
color: #ff865b;
}
.chroma .mi {
color: #ff865b;
}
.chroma .mo {
color: #ff865b;
}
.chroma .n {
color: #fd6f9c;
}
.chroma .na {
color: #d5ca8a;
}
.chroma .nb {
color: #ff865b;
}
.chroma .nc {
color: #d5ca8a;
}
.chroma .nd {
color: #fd6f9c;
}
.chroma .ne {
color: #ff6b6b;
}
.chroma .nf {
color: #7ba4e0;
}
.chroma .ni {
color: #fd6f9c;
}
.chroma .nl {
color: #d5ca8a;
}
.chroma .nn {
color: #d5ca8a;
}
.chroma .no {
color: #d5ca8a;
}
.chroma .nt {
color: #a06ce0;
}
.chroma .nv {
color: #ff865b;
}
.chroma .nx {
color: #ff865b;
}
.chroma .o {
color: #8bd8e0;
}
.chroma .ow {
color: #8bd8e0;
font-weight: bold;
}
.chroma .p {
color: #8892a6;
}
.chroma .s {
color: #8eda9f;
}
.chroma .s1 {
color: #8eda9f;
}
.chroma .s2 {
color: #8eda9f;
}
.chroma .sa {
color: #8eda9f;
}
.chroma .sb {
color: #8eda9f;
}
.chroma .sc {
color: #8eda9f;
}
.chroma .sd {
color: #8eda9f;
}
.chroma .se {
color: #7ba4e0;
}
.chroma .sh {
color: #8eda9f;
}
.chroma .si {
color: #8eda9f;
}
.chroma .sr {
color: #7ba4e0;
}
.chroma .ss {
color: #8eda9f;
}
.chroma .sx {
color: #8eda9f;
}
.chroma .vc {
color: #d5ca8a;
}
.chroma .vg {
color: #ff865b;
}
.chroma .vi {
color: #d5ca8a;
}
.chroma .w {
color: #252930;
}
.CodeMirror .cm-property,
.CodeMirror.cm-s-default .cm-property,
.CodeMirror.cm-s-paper .cm-property {
color: #a5b4ca;
}
.CodeMirror .cm-header,
.CodeMirror.cm-s-default .cm-header,
.CodeMirror.cm-s-paper .cm-header {
color: #a5b4ca;
}
.CodeMirror .cm-quote,
.CodeMirror.cm-s-default .cm-quote,
.CodeMirror.cm-s-paper .cm-quote {
color: #8eda9f;
}
.CodeMirror .cm-keyword,
.CodeMirror.cm-s-default .cm-keyword,
.CodeMirror.cm-s-paper .cm-keyword {
color: #a06ce0;
}
.CodeMirror .cm-atom,
.CodeMirror.cm-s-default .cm-atom,
.CodeMirror.cm-s-paper .cm-atom {
color: #ff6b6b;
}
.CodeMirror .cm-number,
.CodeMirror.cm-s-default .cm-number,
.CodeMirror.cm-s-paper .cm-number {
color: #ff865b;
}
.CodeMirror .cm-def,
.CodeMirror.cm-s-default .cm-def,
.CodeMirror.cm-s-paper .cm-def {
color: #a5b4ca;
}
.CodeMirror .cm-variable-2,
.CodeMirror.cm-s-default .cm-variable-2,
.CodeMirror.cm-s-paper .cm-variable-2 {
color: #8bd8e0;
}
.CodeMirror .cm-variable-3,
.CodeMirror.cm-s-default .cm-variable-3,
.CodeMirror.cm-s-paper .cm-variable-3 {
color: #8bd8e0;
}
.CodeMirror .cm-comment,
.CodeMirror.cm-s-default .cm-comment,
.CodeMirror.cm-s-paper .cm-comment {
color: #6b7389;
}
.CodeMirror .cm-string,
.CodeMirror.cm-s-default .cm-string,
.CodeMirror.cm-s-paper .cm-string {
color: #8eda9f;
}
.CodeMirror .cm-string-2,
.CodeMirror.cm-s-default .cm-string-2,
.CodeMirror.cm-s-paper .cm-string-2 {
color: #8eda9f;
}
.CodeMirror .cm-meta,
.CodeMirror.cm-s-default .cm-meta,
.CodeMirror.cm-s-paper .cm-meta {
color: #ff865b;
}
.CodeMirror .cm-qualifier,
.CodeMirror.cm-s-default .cm-qualifier,
.CodeMirror.cm-s-paper .cm-qualifier {
color: #ff865b;
}
.CodeMirror .cm-builtin,
.CodeMirror.cm-s-default .cm-builtin,
.CodeMirror.cm-s-paper .cm-builtin {
color: #ff865b;
}
.CodeMirror .cm-bracket,
.CodeMirror.cm-s-default .cm-bracket,
.CodeMirror.cm-s-paper .cm-bracket {
color: #a5b4ca;
}
.CodeMirror .cm-tag,
.CodeMirror.cm-s-default .cm-tag,
.CodeMirror.cm-s-paper .cm-tag {
color: #d5ca8a;
}
.CodeMirror .cm-attribute,
.CodeMirror.cm-s-default .cm-attribute,
.CodeMirror.cm-s-paper .cm-attribute {
color: #d5ca8a;
}
.CodeMirror .cm-hr,
.CodeMirror.cm-s-default .cm-hr,
.CodeMirror.cm-s-paper .cm-hr {
color: #8892a6;
}
.CodeMirror .cm-url,
.CodeMirror.cm-s-default .cm-url,
.CodeMirror.cm-s-paper .cm-url {
color: #7ba4e0;
}
.CodeMirror .cm-link,
.CodeMirror.cm-s-default .cm-link,
.CodeMirror.cm-s-paper .cm-link {
color: #7ba4e0;
}
.CodeMirror .cm-error,
.CodeMirror.cm-s-default .cm-error,
.CodeMirror.cm-s-paper .cm-error {
color: #ff6b6b;
}
.monaco-editor .selected-text {
background-color: #252930 !important;
}
.monaco-editor .margin-view-overlays .line-numbers {
color: #8892a6 !important;
}
.monaco-editor .line-numbers.active-line-number {
color: #ff865b !important;
}
.monaco-editor .view-overlays .current-line,
.monaco-editor .margin-view-overlays .current-line-margin {
background-color: rgb(30, 34, 42) !important;
}
.monaco-editor .mtk1 {
color: #a5b4ca !important;
}
.monaco-editor .mtk2 {
color: #fd6f9c !important;
}
.monaco-editor .mtk3 {
color: #ff865b !important;
}
.monaco-editor .mtk4 {
color: #8bd8e0 !important;
}
.monaco-editor .mtk5 {
color: #a5b4ca !important;
}
.monaco-editor .mtk6 {
color: #a06ce0 !important;
}
.monaco-editor .mtk7 {
color: #ff865b !important;
}
.monaco-editor .mtk8 {
color: #8892a6 !important;
}
.monaco-editor .mtk9 {
color: #a06ce0 !important;
}
.monaco-editor .mtk10 {
color: #8892a6 !important;
}
.monaco-editor .mtk11 {
color: #8bd8e0 !important;
}
.monaco-editor .mtk12 {
color: #8bd8e0 !important;
}
.monaco-editor .mtk13 {
color: #fd6f9c !important;
}
.monaco-editor .mtk14 {
color: #fd6f9c !important;
}
.monaco-editor .mtk15 {
color: #a06ce0 !important;
}
.monaco-editor .mtk16 {
color: #8892a6 !important;
}
.monaco-editor .mtk17 {
color: #fd6f9c !important;
}
.monaco-editor .mtk18 {
color: #fd6f9c !important;
}
.monaco-editor .mtk19 {
color: #8bd8e0 !important;
}
.monaco-editor .mtk20 {
color: #fd6f9c !important;
}
.monaco-editor .mtk21 {
color: #8eda9f !important;
}
.monaco-editor .mtk22 {
color: #fd6f9c !important;
}
.monaco-editor .mtk23 {
color: #7ba4e0 !important;
}
.monaco-editor .mtk24 {
color: #ff865b !important;
}
.monaco-editor .mtk25 {
color: #fd6f9c !important;
}
.monaco-editor .bracket-highlighting-0 {
color: rgb(223, 130, 155) !important;
}
.monaco-editor .bracket-highlighting-1 {
color: rgb(230, 165, 140) !important;
}
.monaco-editor .bracket-highlighting-2 {
color: rgb(215, 205, 160) !important;
}
.monaco-editor .bracket-highlighting-3 {
color: rgb(150, 218, 165) !important;
}
.monaco-editor .bracket-highlighting-4 {
color: rgb(140, 170, 230) !important;
}
.monaco-editor .bracket-highlighting-5 {
color: rgb(175, 140, 230) !important;
}
.file-view.markup p code,
.file-view.markup li code,
.file-view.markup strong code,
.file-view.markup em code,
.file-view.markup td code,
.file-view.markup th code,
.ui.tab p code,
.ui.tab li code,
.ui.tab strong code,
.ui.tab em code,
.ui.tab td code,
.ui.tab th code {
color: var(--color-primary-contrast);
}