Add themes
This commit is contained in:
parent
9b9356d8a6
commit
2419c8cbac
GPG key ID:
0B696A86A853E955
56 changed files with 38864 additions and 0 deletions
700
public/css/theme-catppuccin-frappe-blue.css
Normal file
700
public/css/theme-catppuccin-frappe-blue.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #8caaee;
|
||||
--color-primary: #8caaee;
|
||||
--color-primary-contrast: #232634;
|
||||
--color-primary-dark-1: #7fa0ec;
|
||||
--color-primary-dark-2: #7196ea;
|
||||
--color-primary-dark-3: #648ce8;
|
||||
--color-primary-dark-4: #5783e6;
|
||||
--color-primary-dark-5: #4979e4;
|
||||
--color-primary-dark-6: #3c6fe2;
|
||||
--color-primary-dark-7: #2f65e0;
|
||||
--color-primary-light-1: #99b4f0;
|
||||
--color-primary-light-2: #a7bef2;
|
||||
--color-primary-light-3: #b4c8f4;
|
||||
--color-primary-light-4: #c1d1f6;
|
||||
--color-primary-light-5: #cfdbf8;
|
||||
--color-primary-light-6: #dce5fa;
|
||||
--color-primary-light-7: #e9effc;
|
||||
--color-primary-alpha-10: rgba(140, 170, 238, 0.1);
|
||||
--color-primary-alpha-20: rgba(140, 170, 238, 0.2);
|
||||
--color-primary-alpha-30: rgba(140, 170, 238, 0.3);
|
||||
--color-primary-alpha-40: rgba(140, 170, 238, 0.4);
|
||||
--color-primary-alpha-50: rgba(140, 170, 238, 0.5);
|
||||
--color-primary-alpha-60: rgba(140, 170, 238, 0.6);
|
||||
--color-primary-alpha-70: rgba(140, 170, 238, 0.7);
|
||||
--color-primary-alpha-80: rgba(140, 170, 238, 0.8);
|
||||
--color-primary-alpha-90: rgba(140, 170, 238, 0.9);
|
||||
--color-secondary: #51576d;
|
||||
--color-secondary-dark-1: #474c62;
|
||||
--color-secondary-dark-2: #4e536b;
|
||||
--color-secondary-dark-3: #545a74;
|
||||
--color-secondary-dark-4: #5b607c;
|
||||
--color-secondary-dark-5: #616785;
|
||||
--color-secondary-dark-6: #686e8e;
|
||||
--color-secondary-dark-7: #6f7696;
|
||||
--color-secondary-dark-8: #787e9c;
|
||||
--color-secondary-dark-9: #8187a3;
|
||||
--color-secondary-dark-10: #8a8fa9;
|
||||
--color-secondary-dark-11: #9397b0;
|
||||
--color-secondary-dark-12: #9ba0b6;
|
||||
--color-secondary-dark-13: #a4a8bd;
|
||||
--color-secondary-light-1: #3b3e50;
|
||||
--color-secondary-light-2: #343747;
|
||||
--color-secondary-light-3: #2e303e;
|
||||
--color-secondary-light-4: #272a36;
|
||||
--color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
|
||||
--color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
|
||||
--color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
|
||||
--color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
|
||||
--color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
|
||||
--color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
|
||||
--color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
|
||||
--color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
|
||||
--color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
|
||||
/* colors */
|
||||
--color-red: #e78284;
|
||||
--color-orange: #ef9f76;
|
||||
--color-yellow: #e5c890;
|
||||
--color-olive: #a6d189;
|
||||
--color-green: #a6d189;
|
||||
--color-teal: #81c8be;
|
||||
--color-blue: #8caaee;
|
||||
--color-violet: #babbf1;
|
||||
--color-purple: #ca9ee6;
|
||||
--color-pink: #f4b8e4;
|
||||
--color-brown: #eebebe;
|
||||
--color-grey: #949cbb;
|
||||
--color-black: #292c3c;
|
||||
/* light variants - produced via Sass scale-color(color, $lightness: -10%) */
|
||||
--color-red-light: #df575a;
|
||||
--color-orange-light: #ea7f48;
|
||||
--color-yellow-light: #dbb467;
|
||||
--color-olive-light: #8ac364;
|
||||
--color-green-light: #8ac364;
|
||||
--color-teal-light: #5db9ac;
|
||||
--color-blue-light: #6089e7;
|
||||
--color-violet-light: #9091e8;
|
||||
--color-purple-light: #b475dc;
|
||||
--color-pink-light: #ed8cd3;
|
||||
--color-brown-light: #e39696;
|
||||
--color-grey-light: #757fa7;
|
||||
--color-black-light: #14161e;
|
||||
/* other colors */
|
||||
--color-gold: #f2d5cf;
|
||||
--color-white: #c6d0f5;
|
||||
--color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
|
||||
--color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
|
||||
--color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
|
||||
--color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
|
||||
--color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
|
||||
--color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
|
||||
--color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
|
||||
--color-diff-added-row-border: rgba(166, 209, 137, 0.07);
|
||||
--color-diff-inactive: #949cbb;
|
||||
--color-error-border: #e78284;
|
||||
--color-error-bg: #e78284;
|
||||
--color-error-bg-active: #e36d6f;
|
||||
--color-error-bg-hover: #df575a;
|
||||
--color-error-text: #232634;
|
||||
--color-success-border: #8ac364;
|
||||
--color-success-bg: #a6d189;
|
||||
--color-success-text: #232634;
|
||||
--color-warning-border: #dbb467;
|
||||
--color-warning-bg: #e5c890;
|
||||
--color-warning-text: #232634;
|
||||
--color-info-border: #6089e7;
|
||||
--color-info-bg: #232634;
|
||||
--color-info-text: #c6d0f5;
|
||||
--color-red-badge: #df575a;
|
||||
--color-red-badge-bg: #232634;
|
||||
--color-red-badge-hover-bg: #e36d6f;
|
||||
--color-green-badge: #a6d189;
|
||||
--color-green-badge-bg: #232634;
|
||||
--color-green-badge-hover-bg: #98ca77;
|
||||
--color-yellow-badge: #e5c890;
|
||||
--color-yellow-badge-bg: #232634;
|
||||
--color-yellow-badge-hover-bg: #e0be7b;
|
||||
--color-orange-badge: #ef9f76;
|
||||
--color-orange-badge-bg: #232634;
|
||||
--color-orange-badge-hover-bg: #ec8f5f;
|
||||
--color-git: #ef9f76;
|
||||
/* target-based colors */
|
||||
--color-body: #232634;
|
||||
--color-box-header: #292c3c;
|
||||
--color-box-body: #292c3c;
|
||||
--color-box-body-highlight: #414559;
|
||||
--color-text-dark: #a5adce;
|
||||
--color-text: #c6d0f5;
|
||||
--color-text-light: #b5bfe2;
|
||||
--color-text-light-1: #b5bfe2;
|
||||
--color-text-light-2: #b5bfe2;
|
||||
--color-text-light-3: #b5bfe2;
|
||||
--color-footer: #292c3c;
|
||||
--color-timeline: #414559;
|
||||
--color-input-text: #c6d0f5;
|
||||
--color-input-background: #414559;
|
||||
--color-input-toggle-background: #414559;
|
||||
--color-input-border: #51576d;
|
||||
--color-input-border-hover: #626880;
|
||||
--color-navbar: #292c3c;
|
||||
--color-navbar-transparent: rgba(35, 38, 52, 0);
|
||||
--color-light: rgba(98, 104, 128, 0.3);
|
||||
--color-light-mimic-enabled: rgba(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
|
||||
);
|
||||
--color-light-border: #626880;
|
||||
--color-hover: rgba(115, 121, 148, 0.1);
|
||||
--color-active: rgba(198, 208, 245, 0.1);
|
||||
--color-menu: #414559;
|
||||
--color-card: #414559;
|
||||
--color-markup-table-row: rgba(198, 208, 245, 0.02);
|
||||
--color-markup-code-block: rgba(198, 208, 245, 0.05);
|
||||
--color-button: #414559;
|
||||
--color-code-bg: #303446;
|
||||
--color-code-sidebar-bg: #414559;
|
||||
--color-shadow: rgba(35, 38, 52, 0.1);
|
||||
--color-secondary-bg: #414559;
|
||||
--color-text-focus: #c6d0f5;
|
||||
--color-expand-button: #626880;
|
||||
--color-placeholder-text: #626880;
|
||||
--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(198, 208, 245, 0.07);
|
||||
--color-reaction-active-bg: var(--color-primary-alpha-40);
|
||||
--color-header-bar: #292c3c;
|
||||
--color-label-active-bg: #626880;
|
||||
--color-accent: var(--color-primary-light-1);
|
||||
--color-small-accent: var(--color-primary-light-5);
|
||||
--color-active-line: #51576d;
|
||||
}
|
||||
|
||||
/* 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: #232634;
|
||||
}
|
||||
.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: #303446;
|
||||
}
|
||||
|
||||
.ui.basic.modal {
|
||||
background-color: #303446;
|
||||
}
|
||||
|
||||
.ui.commit-header-row .svg.gitea-lock ~ a {
|
||||
color: #232634;
|
||||
}
|
||||
|
||||
.ui.sha.isSigned.isVerified:hover .shortsha {
|
||||
color: #232634;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
|
||||
fill: #232634;
|
||||
}
|
||||
|
||||
.ui.basic.modal,
|
||||
.ui.basic.modal > .header,
|
||||
.ui.inverted.button {
|
||||
color: #c6d0f5 !important;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: rgba(242, 213, 207, 0.3) !important;
|
||||
}
|
||||
|
||||
/* NameBuiltinPseudo */
|
||||
.chroma .bp {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Comment */
|
||||
.chroma .c {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentSingle */
|
||||
.chroma .c1 {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentHashbang */
|
||||
.chroma .ch {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentMultiline */
|
||||
.chroma .cm {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentPreproc */
|
||||
.chroma .cp {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* CommentPreprocFile */
|
||||
.chroma .cpf {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* CommentSpecial */
|
||||
.chroma .cs {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* LiteralStringDelimiter */
|
||||
.chroma .dl {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* NameFunctionMagic */
|
||||
/* Generic */
|
||||
/* GenericDeleted */
|
||||
.chroma .gd {
|
||||
color: #c6d0f5;
|
||||
background-color: rgba(231, 130, 132, 0.15);
|
||||
}
|
||||
|
||||
/* GenericEmph */
|
||||
.chroma .ge {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* GenericHeading */
|
||||
.chroma .gh {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* GenericInserted */
|
||||
.chroma .gi {
|
||||
color: #c6d0f5;
|
||||
background-color: rgba(166, 209, 137, 0.15);
|
||||
}
|
||||
|
||||
/* GenericUnderline */
|
||||
/* GenericOutput */
|
||||
.chroma .go {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* GenericPrompt */
|
||||
.chroma .gp {
|
||||
color: #737994;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* GenericError */
|
||||
.chroma .gr {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* GenericStrong */
|
||||
.chroma .gs {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* GenericTraceback */
|
||||
.chroma .gt {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* GenericSubheading */
|
||||
.chroma .gu {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* LiteralNumberIntegerLong */
|
||||
.chroma .il {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Keyword */
|
||||
.chroma .k {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordConstant */
|
||||
.chroma .kc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* KeywordDeclaration */
|
||||
.chroma .kd {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordNamespace */
|
||||
.chroma .kn {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* KeywordPseudo */
|
||||
.chroma .kp {
|
||||
color: #ca9ee6;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* KeywordReserved */
|
||||
.chroma .kr {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordType */
|
||||
.chroma .kt {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* Literal */
|
||||
/* LiteralDate */
|
||||
/* LiteralNumber */
|
||||
.chroma .m {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberBin */
|
||||
.chroma .mb {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberFloat */
|
||||
.chroma .mf {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberHex */
|
||||
.chroma .mh {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberInteger */
|
||||
.chroma .mi {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberOct */
|
||||
.chroma .mo {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Name */
|
||||
.chroma .n {
|
||||
color: #babbf1;
|
||||
}
|
||||
|
||||
/* NameAttribute */
|
||||
.chroma .na {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameBuiltin */
|
||||
.chroma .nb {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameClass */
|
||||
.chroma .nc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameDecorator */
|
||||
.chroma .nd {
|
||||
color: #f4b8e4;
|
||||
}
|
||||
|
||||
/* NameException */
|
||||
.chroma .ne {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* NameFunction */
|
||||
.chroma .nf {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* NameEntity */
|
||||
.chroma .ni {
|
||||
color: #f4b8e4;
|
||||
}
|
||||
|
||||
/* NameLabel */
|
||||
.chroma .nl {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameNamespace */
|
||||
.chroma .nn {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameConstant */
|
||||
.chroma .no {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameTag */
|
||||
.chroma .nt {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* NameVariable */
|
||||
.chroma .nv {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameOther */
|
||||
.chroma .nx {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Operator */
|
||||
.chroma .o {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* OperatorWord */
|
||||
.chroma .ow {
|
||||
color: #99d1db;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Punctuation */
|
||||
.chroma .p {
|
||||
color: #949cbb;
|
||||
}
|
||||
|
||||
/* NameProperty */
|
||||
/* LiteralString */
|
||||
.chroma .s {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringSingle */
|
||||
.chroma .s1 {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringDouble */
|
||||
.chroma .s2 {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringAffix */
|
||||
.chroma .sa {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringBacktick */
|
||||
.chroma .sb {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringChar */
|
||||
.chroma .sc {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringDoc */
|
||||
.chroma .sd {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringEscape */
|
||||
.chroma .se {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* LiteralStringHeredoc */
|
||||
.chroma .sh {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringInterpol */
|
||||
.chroma .si {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringRegex */
|
||||
.chroma .sr {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* LiteralStringSymbol */
|
||||
.chroma .ss {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringOther */
|
||||
.chroma .sx {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* NameVariableClass */
|
||||
.chroma .vc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameVariableGlobal */
|
||||
.chroma .vg {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameVariableInstance */
|
||||
.chroma .vi {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameVariableMagic */
|
||||
/* TextWhitespace */
|
||||
.chroma .w {
|
||||
color: #414559;
|
||||
}
|
||||
|
||||
.CodeMirror .cm-property,
|
||||
.CodeMirror.cm-s-default .cm-property,
|
||||
.CodeMirror.cm-s-paper .cm-property {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-header,
|
||||
.CodeMirror.cm-s-default .cm-header,
|
||||
.CodeMirror.cm-s-paper .cm-header {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-quote,
|
||||
.CodeMirror.cm-s-default .cm-quote,
|
||||
.CodeMirror.cm-s-paper .cm-quote {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-keyword,
|
||||
.CodeMirror.cm-s-default .cm-keyword,
|
||||
.CodeMirror.cm-s-paper .cm-keyword {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
.CodeMirror .cm-atom,
|
||||
.CodeMirror.cm-s-default .cm-atom,
|
||||
.CodeMirror.cm-s-paper .cm-atom {
|
||||
color: #e78284;
|
||||
}
|
||||
.CodeMirror .cm-number,
|
||||
.CodeMirror.cm-s-default .cm-number,
|
||||
.CodeMirror.cm-s-paper .cm-number {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-def,
|
||||
.CodeMirror.cm-s-default .cm-def,
|
||||
.CodeMirror.cm-s-paper .cm-def {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-variable-2,
|
||||
.CodeMirror.cm-s-default .cm-variable-2,
|
||||
.CodeMirror.cm-s-paper .cm-variable-2 {
|
||||
color: #99d1db;
|
||||
}
|
||||
.CodeMirror .cm-variable-3,
|
||||
.CodeMirror.cm-s-default .cm-variable-3,
|
||||
.CodeMirror.cm-s-paper .cm-variable-3 {
|
||||
color: #81c8be;
|
||||
}
|
||||
.CodeMirror .cm-comment,
|
||||
.CodeMirror.cm-s-default .cm-comment,
|
||||
.CodeMirror.cm-s-paper .cm-comment {
|
||||
color: #626880;
|
||||
}
|
||||
.CodeMirror .cm-string,
|
||||
.CodeMirror.cm-s-default .cm-string,
|
||||
.CodeMirror.cm-s-paper .cm-string {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-string-2,
|
||||
.CodeMirror.cm-s-default .cm-string-2,
|
||||
.CodeMirror.cm-s-paper .cm-string-2 {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-meta,
|
||||
.CodeMirror.cm-s-default .cm-meta,
|
||||
.CodeMirror.cm-s-paper .cm-meta {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-qualifier,
|
||||
.CodeMirror.cm-s-default .cm-qualifier,
|
||||
.CodeMirror.cm-s-paper .cm-qualifier {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-builtin,
|
||||
.CodeMirror.cm-s-default .cm-builtin,
|
||||
.CodeMirror.cm-s-paper .cm-builtin {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-bracket,
|
||||
.CodeMirror.cm-s-default .cm-bracket,
|
||||
.CodeMirror.cm-s-paper .cm-bracket {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-tag,
|
||||
.CodeMirror.cm-s-default .cm-tag,
|
||||
.CodeMirror.cm-s-paper .cm-tag {
|
||||
color: #e5c890;
|
||||
}
|
||||
.CodeMirror .cm-attribute,
|
||||
.CodeMirror.cm-s-default .cm-attribute,
|
||||
.CodeMirror.cm-s-paper .cm-attribute {
|
||||
color: #e5c890;
|
||||
}
|
||||
.CodeMirror .cm-hr,
|
||||
.CodeMirror.cm-s-default .cm-hr,
|
||||
.CodeMirror.cm-s-paper .cm-hr {
|
||||
color: #949cbb;
|
||||
}
|
||||
.CodeMirror .cm-url,
|
||||
.CodeMirror.cm-s-default .cm-url,
|
||||
.CodeMirror.cm-s-paper .cm-url {
|
||||
color: #8caaee;
|
||||
}
|
||||
.CodeMirror .cm-link,
|
||||
.CodeMirror.cm-s-default .cm-link,
|
||||
.CodeMirror.cm-s-paper .cm-link {
|
||||
color: #8caaee;
|
||||
}
|
||||
.CodeMirror .cm-error,
|
||||
.CodeMirror.cm-s-default .cm-error,
|
||||
.CodeMirror.cm-s-paper .cm-error {
|
||||
color: #e78284;
|
||||
}
|
||||
700
public/css/theme-catppuccin-frappe-flamingo.css
Normal file
700
public/css/theme-catppuccin-frappe-flamingo.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #eebebe;
|
||||
--color-primary: #eebebe;
|
||||
--color-primary-contrast: #232634;
|
||||
--color-primary-dark-1: #ebb2b2;
|
||||
--color-primary-dark-2: #e8a6a6;
|
||||
--color-primary-dark-3: #e49a9a;
|
||||
--color-primary-dark-4: #e18d8d;
|
||||
--color-primary-dark-5: #de8181;
|
||||
--color-primary-dark-6: #db7575;
|
||||
--color-primary-dark-7: #d86969;
|
||||
--color-primary-light-1: #f1caca;
|
||||
--color-primary-light-2: #f4d6d6;
|
||||
--color-primary-light-3: #f8e2e2;
|
||||
--color-primary-light-4: #fbefef;
|
||||
--color-primary-light-5: #fefbfb;
|
||||
--color-primary-light-6: white;
|
||||
--color-primary-light-7: white;
|
||||
--color-primary-alpha-10: rgba(238, 190, 190, 0.1);
|
||||
--color-primary-alpha-20: rgba(238, 190, 190, 0.2);
|
||||
--color-primary-alpha-30: rgba(238, 190, 190, 0.3);
|
||||
--color-primary-alpha-40: rgba(238, 190, 190, 0.4);
|
||||
--color-primary-alpha-50: rgba(238, 190, 190, 0.5);
|
||||
--color-primary-alpha-60: rgba(238, 190, 190, 0.6);
|
||||
--color-primary-alpha-70: rgba(238, 190, 190, 0.7);
|
||||
--color-primary-alpha-80: rgba(238, 190, 190, 0.8);
|
||||
--color-primary-alpha-90: rgba(238, 190, 190, 0.9);
|
||||
--color-secondary: #51576d;
|
||||
--color-secondary-dark-1: #474c62;
|
||||
--color-secondary-dark-2: #4e536b;
|
||||
--color-secondary-dark-3: #545a74;
|
||||
--color-secondary-dark-4: #5b607c;
|
||||
--color-secondary-dark-5: #616785;
|
||||
--color-secondary-dark-6: #686e8e;
|
||||
--color-secondary-dark-7: #6f7696;
|
||||
--color-secondary-dark-8: #787e9c;
|
||||
--color-secondary-dark-9: #8187a3;
|
||||
--color-secondary-dark-10: #8a8fa9;
|
||||
--color-secondary-dark-11: #9397b0;
|
||||
--color-secondary-dark-12: #9ba0b6;
|
||||
--color-secondary-dark-13: #a4a8bd;
|
||||
--color-secondary-light-1: #3b3e50;
|
||||
--color-secondary-light-2: #343747;
|
||||
--color-secondary-light-3: #2e303e;
|
||||
--color-secondary-light-4: #272a36;
|
||||
--color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
|
||||
--color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
|
||||
--color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
|
||||
--color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
|
||||
--color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
|
||||
--color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
|
||||
--color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
|
||||
--color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
|
||||
--color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
|
||||
/* colors */
|
||||
--color-red: #e78284;
|
||||
--color-orange: #ef9f76;
|
||||
--color-yellow: #e5c890;
|
||||
--color-olive: #a6d189;
|
||||
--color-green: #a6d189;
|
||||
--color-teal: #81c8be;
|
||||
--color-blue: #8caaee;
|
||||
--color-violet: #babbf1;
|
||||
--color-purple: #ca9ee6;
|
||||
--color-pink: #f4b8e4;
|
||||
--color-brown: #eebebe;
|
||||
--color-grey: #949cbb;
|
||||
--color-black: #292c3c;
|
||||
/* light variants - produced via Sass scale-color(color, $lightness: -10%) */
|
||||
--color-red-light: #df575a;
|
||||
--color-orange-light: #ea7f48;
|
||||
--color-yellow-light: #dbb467;
|
||||
--color-olive-light: #8ac364;
|
||||
--color-green-light: #8ac364;
|
||||
--color-teal-light: #5db9ac;
|
||||
--color-blue-light: #6089e7;
|
||||
--color-violet-light: #9091e8;
|
||||
--color-purple-light: #b475dc;
|
||||
--color-pink-light: #ed8cd3;
|
||||
--color-brown-light: #e39696;
|
||||
--color-grey-light: #757fa7;
|
||||
--color-black-light: #14161e;
|
||||
/* other colors */
|
||||
--color-gold: #f2d5cf;
|
||||
--color-white: #c6d0f5;
|
||||
--color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
|
||||
--color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
|
||||
--color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
|
||||
--color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
|
||||
--color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
|
||||
--color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
|
||||
--color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
|
||||
--color-diff-added-row-border: rgba(166, 209, 137, 0.07);
|
||||
--color-diff-inactive: #949cbb;
|
||||
--color-error-border: #e78284;
|
||||
--color-error-bg: #e78284;
|
||||
--color-error-bg-active: #e36d6f;
|
||||
--color-error-bg-hover: #df575a;
|
||||
--color-error-text: #232634;
|
||||
--color-success-border: #8ac364;
|
||||
--color-success-bg: #a6d189;
|
||||
--color-success-text: #232634;
|
||||
--color-warning-border: #dbb467;
|
||||
--color-warning-bg: #e5c890;
|
||||
--color-warning-text: #232634;
|
||||
--color-info-border: #6089e7;
|
||||
--color-info-bg: #232634;
|
||||
--color-info-text: #c6d0f5;
|
||||
--color-red-badge: #df575a;
|
||||
--color-red-badge-bg: #232634;
|
||||
--color-red-badge-hover-bg: #e36d6f;
|
||||
--color-green-badge: #a6d189;
|
||||
--color-green-badge-bg: #232634;
|
||||
--color-green-badge-hover-bg: #98ca77;
|
||||
--color-yellow-badge: #e5c890;
|
||||
--color-yellow-badge-bg: #232634;
|
||||
--color-yellow-badge-hover-bg: #e0be7b;
|
||||
--color-orange-badge: #ef9f76;
|
||||
--color-orange-badge-bg: #232634;
|
||||
--color-orange-badge-hover-bg: #ec8f5f;
|
||||
--color-git: #ef9f76;
|
||||
/* target-based colors */
|
||||
--color-body: #232634;
|
||||
--color-box-header: #292c3c;
|
||||
--color-box-body: #292c3c;
|
||||
--color-box-body-highlight: #414559;
|
||||
--color-text-dark: #a5adce;
|
||||
--color-text: #c6d0f5;
|
||||
--color-text-light: #b5bfe2;
|
||||
--color-text-light-1: #b5bfe2;
|
||||
--color-text-light-2: #b5bfe2;
|
||||
--color-text-light-3: #b5bfe2;
|
||||
--color-footer: #292c3c;
|
||||
--color-timeline: #414559;
|
||||
--color-input-text: #c6d0f5;
|
||||
--color-input-background: #414559;
|
||||
--color-input-toggle-background: #414559;
|
||||
--color-input-border: #51576d;
|
||||
--color-input-border-hover: #626880;
|
||||
--color-navbar: #292c3c;
|
||||
--color-navbar-transparent: rgba(35, 38, 52, 0);
|
||||
--color-light: rgba(98, 104, 128, 0.3);
|
||||
--color-light-mimic-enabled: rgba(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
|
||||
);
|
||||
--color-light-border: #626880;
|
||||
--color-hover: rgba(115, 121, 148, 0.1);
|
||||
--color-active: rgba(198, 208, 245, 0.1);
|
||||
--color-menu: #414559;
|
||||
--color-card: #414559;
|
||||
--color-markup-table-row: rgba(198, 208, 245, 0.02);
|
||||
--color-markup-code-block: rgba(198, 208, 245, 0.05);
|
||||
--color-button: #414559;
|
||||
--color-code-bg: #303446;
|
||||
--color-code-sidebar-bg: #414559;
|
||||
--color-shadow: rgba(35, 38, 52, 0.1);
|
||||
--color-secondary-bg: #414559;
|
||||
--color-text-focus: #c6d0f5;
|
||||
--color-expand-button: #626880;
|
||||
--color-placeholder-text: #626880;
|
||||
--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(198, 208, 245, 0.07);
|
||||
--color-reaction-active-bg: var(--color-primary-alpha-40);
|
||||
--color-header-bar: #292c3c;
|
||||
--color-label-active-bg: #626880;
|
||||
--color-accent: var(--color-primary-light-1);
|
||||
--color-small-accent: var(--color-primary-light-5);
|
||||
--color-active-line: #51576d;
|
||||
}
|
||||
|
||||
/* 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: #232634;
|
||||
}
|
||||
.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: #303446;
|
||||
}
|
||||
|
||||
.ui.basic.modal {
|
||||
background-color: #303446;
|
||||
}
|
||||
|
||||
.ui.commit-header-row .svg.gitea-lock ~ a {
|
||||
color: #232634;
|
||||
}
|
||||
|
||||
.ui.sha.isSigned.isVerified:hover .shortsha {
|
||||
color: #232634;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
|
||||
fill: #232634;
|
||||
}
|
||||
|
||||
.ui.basic.modal,
|
||||
.ui.basic.modal > .header,
|
||||
.ui.inverted.button {
|
||||
color: #c6d0f5 !important;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: rgba(242, 213, 207, 0.3) !important;
|
||||
}
|
||||
|
||||
/* NameBuiltinPseudo */
|
||||
.chroma .bp {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Comment */
|
||||
.chroma .c {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentSingle */
|
||||
.chroma .c1 {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentHashbang */
|
||||
.chroma .ch {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentMultiline */
|
||||
.chroma .cm {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentPreproc */
|
||||
.chroma .cp {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* CommentPreprocFile */
|
||||
.chroma .cpf {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* CommentSpecial */
|
||||
.chroma .cs {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* LiteralStringDelimiter */
|
||||
.chroma .dl {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* NameFunctionMagic */
|
||||
/* Generic */
|
||||
/* GenericDeleted */
|
||||
.chroma .gd {
|
||||
color: #c6d0f5;
|
||||
background-color: rgba(231, 130, 132, 0.15);
|
||||
}
|
||||
|
||||
/* GenericEmph */
|
||||
.chroma .ge {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* GenericHeading */
|
||||
.chroma .gh {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* GenericInserted */
|
||||
.chroma .gi {
|
||||
color: #c6d0f5;
|
||||
background-color: rgba(166, 209, 137, 0.15);
|
||||
}
|
||||
|
||||
/* GenericUnderline */
|
||||
/* GenericOutput */
|
||||
.chroma .go {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* GenericPrompt */
|
||||
.chroma .gp {
|
||||
color: #737994;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* GenericError */
|
||||
.chroma .gr {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* GenericStrong */
|
||||
.chroma .gs {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* GenericTraceback */
|
||||
.chroma .gt {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* GenericSubheading */
|
||||
.chroma .gu {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* LiteralNumberIntegerLong */
|
||||
.chroma .il {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Keyword */
|
||||
.chroma .k {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordConstant */
|
||||
.chroma .kc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* KeywordDeclaration */
|
||||
.chroma .kd {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordNamespace */
|
||||
.chroma .kn {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* KeywordPseudo */
|
||||
.chroma .kp {
|
||||
color: #ca9ee6;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* KeywordReserved */
|
||||
.chroma .kr {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordType */
|
||||
.chroma .kt {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* Literal */
|
||||
/* LiteralDate */
|
||||
/* LiteralNumber */
|
||||
.chroma .m {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberBin */
|
||||
.chroma .mb {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberFloat */
|
||||
.chroma .mf {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberHex */
|
||||
.chroma .mh {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberInteger */
|
||||
.chroma .mi {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberOct */
|
||||
.chroma .mo {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Name */
|
||||
.chroma .n {
|
||||
color: #babbf1;
|
||||
}
|
||||
|
||||
/* NameAttribute */
|
||||
.chroma .na {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameBuiltin */
|
||||
.chroma .nb {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameClass */
|
||||
.chroma .nc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameDecorator */
|
||||
.chroma .nd {
|
||||
color: #f4b8e4;
|
||||
}
|
||||
|
||||
/* NameException */
|
||||
.chroma .ne {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* NameFunction */
|
||||
.chroma .nf {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* NameEntity */
|
||||
.chroma .ni {
|
||||
color: #f4b8e4;
|
||||
}
|
||||
|
||||
/* NameLabel */
|
||||
.chroma .nl {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameNamespace */
|
||||
.chroma .nn {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameConstant */
|
||||
.chroma .no {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameTag */
|
||||
.chroma .nt {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* NameVariable */
|
||||
.chroma .nv {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameOther */
|
||||
.chroma .nx {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Operator */
|
||||
.chroma .o {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* OperatorWord */
|
||||
.chroma .ow {
|
||||
color: #99d1db;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Punctuation */
|
||||
.chroma .p {
|
||||
color: #949cbb;
|
||||
}
|
||||
|
||||
/* NameProperty */
|
||||
/* LiteralString */
|
||||
.chroma .s {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringSingle */
|
||||
.chroma .s1 {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringDouble */
|
||||
.chroma .s2 {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringAffix */
|
||||
.chroma .sa {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringBacktick */
|
||||
.chroma .sb {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringChar */
|
||||
.chroma .sc {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringDoc */
|
||||
.chroma .sd {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringEscape */
|
||||
.chroma .se {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* LiteralStringHeredoc */
|
||||
.chroma .sh {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringInterpol */
|
||||
.chroma .si {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringRegex */
|
||||
.chroma .sr {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* LiteralStringSymbol */
|
||||
.chroma .ss {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringOther */
|
||||
.chroma .sx {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* NameVariableClass */
|
||||
.chroma .vc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameVariableGlobal */
|
||||
.chroma .vg {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameVariableInstance */
|
||||
.chroma .vi {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameVariableMagic */
|
||||
/* TextWhitespace */
|
||||
.chroma .w {
|
||||
color: #414559;
|
||||
}
|
||||
|
||||
.CodeMirror .cm-property,
|
||||
.CodeMirror.cm-s-default .cm-property,
|
||||
.CodeMirror.cm-s-paper .cm-property {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-header,
|
||||
.CodeMirror.cm-s-default .cm-header,
|
||||
.CodeMirror.cm-s-paper .cm-header {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-quote,
|
||||
.CodeMirror.cm-s-default .cm-quote,
|
||||
.CodeMirror.cm-s-paper .cm-quote {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-keyword,
|
||||
.CodeMirror.cm-s-default .cm-keyword,
|
||||
.CodeMirror.cm-s-paper .cm-keyword {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
.CodeMirror .cm-atom,
|
||||
.CodeMirror.cm-s-default .cm-atom,
|
||||
.CodeMirror.cm-s-paper .cm-atom {
|
||||
color: #e78284;
|
||||
}
|
||||
.CodeMirror .cm-number,
|
||||
.CodeMirror.cm-s-default .cm-number,
|
||||
.CodeMirror.cm-s-paper .cm-number {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-def,
|
||||
.CodeMirror.cm-s-default .cm-def,
|
||||
.CodeMirror.cm-s-paper .cm-def {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-variable-2,
|
||||
.CodeMirror.cm-s-default .cm-variable-2,
|
||||
.CodeMirror.cm-s-paper .cm-variable-2 {
|
||||
color: #99d1db;
|
||||
}
|
||||
.CodeMirror .cm-variable-3,
|
||||
.CodeMirror.cm-s-default .cm-variable-3,
|
||||
.CodeMirror.cm-s-paper .cm-variable-3 {
|
||||
color: #81c8be;
|
||||
}
|
||||
.CodeMirror .cm-comment,
|
||||
.CodeMirror.cm-s-default .cm-comment,
|
||||
.CodeMirror.cm-s-paper .cm-comment {
|
||||
color: #626880;
|
||||
}
|
||||
.CodeMirror .cm-string,
|
||||
.CodeMirror.cm-s-default .cm-string,
|
||||
.CodeMirror.cm-s-paper .cm-string {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-string-2,
|
||||
.CodeMirror.cm-s-default .cm-string-2,
|
||||
.CodeMirror.cm-s-paper .cm-string-2 {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-meta,
|
||||
.CodeMirror.cm-s-default .cm-meta,
|
||||
.CodeMirror.cm-s-paper .cm-meta {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-qualifier,
|
||||
.CodeMirror.cm-s-default .cm-qualifier,
|
||||
.CodeMirror.cm-s-paper .cm-qualifier {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-builtin,
|
||||
.CodeMirror.cm-s-default .cm-builtin,
|
||||
.CodeMirror.cm-s-paper .cm-builtin {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-bracket,
|
||||
.CodeMirror.cm-s-default .cm-bracket,
|
||||
.CodeMirror.cm-s-paper .cm-bracket {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-tag,
|
||||
.CodeMirror.cm-s-default .cm-tag,
|
||||
.CodeMirror.cm-s-paper .cm-tag {
|
||||
color: #e5c890;
|
||||
}
|
||||
.CodeMirror .cm-attribute,
|
||||
.CodeMirror.cm-s-default .cm-attribute,
|
||||
.CodeMirror.cm-s-paper .cm-attribute {
|
||||
color: #e5c890;
|
||||
}
|
||||
.CodeMirror .cm-hr,
|
||||
.CodeMirror.cm-s-default .cm-hr,
|
||||
.CodeMirror.cm-s-paper .cm-hr {
|
||||
color: #949cbb;
|
||||
}
|
||||
.CodeMirror .cm-url,
|
||||
.CodeMirror.cm-s-default .cm-url,
|
||||
.CodeMirror.cm-s-paper .cm-url {
|
||||
color: #8caaee;
|
||||
}
|
||||
.CodeMirror .cm-link,
|
||||
.CodeMirror.cm-s-default .cm-link,
|
||||
.CodeMirror.cm-s-paper .cm-link {
|
||||
color: #8caaee;
|
||||
}
|
||||
.CodeMirror .cm-error,
|
||||
.CodeMirror.cm-s-default .cm-error,
|
||||
.CodeMirror.cm-s-paper .cm-error {
|
||||
color: #e78284;
|
||||
}
|
||||
700
public/css/theme-catppuccin-frappe-green.css
Normal file
700
public/css/theme-catppuccin-frappe-green.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #a6d189;
|
||||
--color-primary: #a6d189;
|
||||
--color-primary-contrast: #232634;
|
||||
--color-primary-dark-1: #9ecd7e;
|
||||
--color-primary-dark-2: #95c873;
|
||||
--color-primary-dark-3: #8dc468;
|
||||
--color-primary-dark-4: #85c05d;
|
||||
--color-primary-dark-5: #7cbc52;
|
||||
--color-primary-dark-6: #74b747;
|
||||
--color-primary-dark-7: #6dac43;
|
||||
--color-primary-light-1: #aed594;
|
||||
--color-primary-light-2: #b7da9f;
|
||||
--color-primary-light-3: #bfdeaa;
|
||||
--color-primary-light-4: #c7e2b5;
|
||||
--color-primary-light-5: #d0e6c0;
|
||||
--color-primary-light-6: #d8ebcb;
|
||||
--color-primary-light-7: #e0efd6;
|
||||
--color-primary-alpha-10: rgba(166, 209, 137, 0.1);
|
||||
--color-primary-alpha-20: rgba(166, 209, 137, 0.2);
|
||||
--color-primary-alpha-30: rgba(166, 209, 137, 0.3);
|
||||
--color-primary-alpha-40: rgba(166, 209, 137, 0.4);
|
||||
--color-primary-alpha-50: rgba(166, 209, 137, 0.5);
|
||||
--color-primary-alpha-60: rgba(166, 209, 137, 0.6);
|
||||
--color-primary-alpha-70: rgba(166, 209, 137, 0.7);
|
||||
--color-primary-alpha-80: rgba(166, 209, 137, 0.8);
|
||||
--color-primary-alpha-90: rgba(166, 209, 137, 0.9);
|
||||
--color-secondary: #51576d;
|
||||
--color-secondary-dark-1: #474c62;
|
||||
--color-secondary-dark-2: #4e536b;
|
||||
--color-secondary-dark-3: #545a74;
|
||||
--color-secondary-dark-4: #5b607c;
|
||||
--color-secondary-dark-5: #616785;
|
||||
--color-secondary-dark-6: #686e8e;
|
||||
--color-secondary-dark-7: #6f7696;
|
||||
--color-secondary-dark-8: #787e9c;
|
||||
--color-secondary-dark-9: #8187a3;
|
||||
--color-secondary-dark-10: #8a8fa9;
|
||||
--color-secondary-dark-11: #9397b0;
|
||||
--color-secondary-dark-12: #9ba0b6;
|
||||
--color-secondary-dark-13: #a4a8bd;
|
||||
--color-secondary-light-1: #3b3e50;
|
||||
--color-secondary-light-2: #343747;
|
||||
--color-secondary-light-3: #2e303e;
|
||||
--color-secondary-light-4: #272a36;
|
||||
--color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
|
||||
--color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
|
||||
--color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
|
||||
--color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
|
||||
--color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
|
||||
--color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
|
||||
--color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
|
||||
--color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
|
||||
--color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
|
||||
/* colors */
|
||||
--color-red: #e78284;
|
||||
--color-orange: #ef9f76;
|
||||
--color-yellow: #e5c890;
|
||||
--color-olive: #a6d189;
|
||||
--color-green: #a6d189;
|
||||
--color-teal: #81c8be;
|
||||
--color-blue: #8caaee;
|
||||
--color-violet: #babbf1;
|
||||
--color-purple: #ca9ee6;
|
||||
--color-pink: #f4b8e4;
|
||||
--color-brown: #eebebe;
|
||||
--color-grey: #949cbb;
|
||||
--color-black: #292c3c;
|
||||
/* light variants - produced via Sass scale-color(color, $lightness: -10%) */
|
||||
--color-red-light: #df575a;
|
||||
--color-orange-light: #ea7f48;
|
||||
--color-yellow-light: #dbb467;
|
||||
--color-olive-light: #8ac364;
|
||||
--color-green-light: #8ac364;
|
||||
--color-teal-light: #5db9ac;
|
||||
--color-blue-light: #6089e7;
|
||||
--color-violet-light: #9091e8;
|
||||
--color-purple-light: #b475dc;
|
||||
--color-pink-light: #ed8cd3;
|
||||
--color-brown-light: #e39696;
|
||||
--color-grey-light: #757fa7;
|
||||
--color-black-light: #14161e;
|
||||
/* other colors */
|
||||
--color-gold: #f2d5cf;
|
||||
--color-white: #c6d0f5;
|
||||
--color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
|
||||
--color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
|
||||
--color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
|
||||
--color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
|
||||
--color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
|
||||
--color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
|
||||
--color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
|
||||
--color-diff-added-row-border: rgba(166, 209, 137, 0.07);
|
||||
--color-diff-inactive: #949cbb;
|
||||
--color-error-border: #e78284;
|
||||
--color-error-bg: #e78284;
|
||||
--color-error-bg-active: #e36d6f;
|
||||
--color-error-bg-hover: #df575a;
|
||||
--color-error-text: #232634;
|
||||
--color-success-border: #8ac364;
|
||||
--color-success-bg: #a6d189;
|
||||
--color-success-text: #232634;
|
||||
--color-warning-border: #dbb467;
|
||||
--color-warning-bg: #e5c890;
|
||||
--color-warning-text: #232634;
|
||||
--color-info-border: #6089e7;
|
||||
--color-info-bg: #232634;
|
||||
--color-info-text: #c6d0f5;
|
||||
--color-red-badge: #df575a;
|
||||
--color-red-badge-bg: #232634;
|
||||
--color-red-badge-hover-bg: #e36d6f;
|
||||
--color-green-badge: #a6d189;
|
||||
--color-green-badge-bg: #232634;
|
||||
--color-green-badge-hover-bg: #98ca77;
|
||||
--color-yellow-badge: #e5c890;
|
||||
--color-yellow-badge-bg: #232634;
|
||||
--color-yellow-badge-hover-bg: #e0be7b;
|
||||
--color-orange-badge: #ef9f76;
|
||||
--color-orange-badge-bg: #232634;
|
||||
--color-orange-badge-hover-bg: #ec8f5f;
|
||||
--color-git: #ef9f76;
|
||||
/* target-based colors */
|
||||
--color-body: #232634;
|
||||
--color-box-header: #292c3c;
|
||||
--color-box-body: #292c3c;
|
||||
--color-box-body-highlight: #414559;
|
||||
--color-text-dark: #a5adce;
|
||||
--color-text: #c6d0f5;
|
||||
--color-text-light: #b5bfe2;
|
||||
--color-text-light-1: #b5bfe2;
|
||||
--color-text-light-2: #b5bfe2;
|
||||
--color-text-light-3: #b5bfe2;
|
||||
--color-footer: #292c3c;
|
||||
--color-timeline: #414559;
|
||||
--color-input-text: #c6d0f5;
|
||||
--color-input-background: #414559;
|
||||
--color-input-toggle-background: #414559;
|
||||
--color-input-border: #51576d;
|
||||
--color-input-border-hover: #626880;
|
||||
--color-navbar: #292c3c;
|
||||
--color-navbar-transparent: rgba(35, 38, 52, 0);
|
||||
--color-light: rgba(98, 104, 128, 0.3);
|
||||
--color-light-mimic-enabled: rgba(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
|
||||
);
|
||||
--color-light-border: #626880;
|
||||
--color-hover: rgba(115, 121, 148, 0.1);
|
||||
--color-active: rgba(198, 208, 245, 0.1);
|
||||
--color-menu: #414559;
|
||||
--color-card: #414559;
|
||||
--color-markup-table-row: rgba(198, 208, 245, 0.02);
|
||||
--color-markup-code-block: rgba(198, 208, 245, 0.05);
|
||||
--color-button: #414559;
|
||||
--color-code-bg: #303446;
|
||||
--color-code-sidebar-bg: #414559;
|
||||
--color-shadow: rgba(35, 38, 52, 0.1);
|
||||
--color-secondary-bg: #414559;
|
||||
--color-text-focus: #c6d0f5;
|
||||
--color-expand-button: #626880;
|
||||
--color-placeholder-text: #626880;
|
||||
--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(198, 208, 245, 0.07);
|
||||
--color-reaction-active-bg: var(--color-primary-alpha-40);
|
||||
--color-header-bar: #292c3c;
|
||||
--color-label-active-bg: #626880;
|
||||
--color-accent: var(--color-primary-light-1);
|
||||
--color-small-accent: var(--color-primary-light-5);
|
||||
--color-active-line: #51576d;
|
||||
}
|
||||
|
||||
/* 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: #232634;
|
||||
}
|
||||
.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: #303446;
|
||||
}
|
||||
|
||||
.ui.basic.modal {
|
||||
background-color: #303446;
|
||||
}
|
||||
|
||||
.ui.commit-header-row .svg.gitea-lock ~ a {
|
||||
color: #232634;
|
||||
}
|
||||
|
||||
.ui.sha.isSigned.isVerified:hover .shortsha {
|
||||
color: #232634;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
|
||||
fill: #232634;
|
||||
}
|
||||
|
||||
.ui.basic.modal,
|
||||
.ui.basic.modal > .header,
|
||||
.ui.inverted.button {
|
||||
color: #c6d0f5 !important;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: rgba(242, 213, 207, 0.3) !important;
|
||||
}
|
||||
|
||||
/* NameBuiltinPseudo */
|
||||
.chroma .bp {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Comment */
|
||||
.chroma .c {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentSingle */
|
||||
.chroma .c1 {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentHashbang */
|
||||
.chroma .ch {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentMultiline */
|
||||
.chroma .cm {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentPreproc */
|
||||
.chroma .cp {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* CommentPreprocFile */
|
||||
.chroma .cpf {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* CommentSpecial */
|
||||
.chroma .cs {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* LiteralStringDelimiter */
|
||||
.chroma .dl {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* NameFunctionMagic */
|
||||
/* Generic */
|
||||
/* GenericDeleted */
|
||||
.chroma .gd {
|
||||
color: #c6d0f5;
|
||||
background-color: rgba(231, 130, 132, 0.15);
|
||||
}
|
||||
|
||||
/* GenericEmph */
|
||||
.chroma .ge {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* GenericHeading */
|
||||
.chroma .gh {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* GenericInserted */
|
||||
.chroma .gi {
|
||||
color: #c6d0f5;
|
||||
background-color: rgba(166, 209, 137, 0.15);
|
||||
}
|
||||
|
||||
/* GenericUnderline */
|
||||
/* GenericOutput */
|
||||
.chroma .go {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* GenericPrompt */
|
||||
.chroma .gp {
|
||||
color: #737994;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* GenericError */
|
||||
.chroma .gr {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* GenericStrong */
|
||||
.chroma .gs {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* GenericTraceback */
|
||||
.chroma .gt {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* GenericSubheading */
|
||||
.chroma .gu {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* LiteralNumberIntegerLong */
|
||||
.chroma .il {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Keyword */
|
||||
.chroma .k {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordConstant */
|
||||
.chroma .kc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* KeywordDeclaration */
|
||||
.chroma .kd {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordNamespace */
|
||||
.chroma .kn {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* KeywordPseudo */
|
||||
.chroma .kp {
|
||||
color: #ca9ee6;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* KeywordReserved */
|
||||
.chroma .kr {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordType */
|
||||
.chroma .kt {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* Literal */
|
||||
/* LiteralDate */
|
||||
/* LiteralNumber */
|
||||
.chroma .m {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberBin */
|
||||
.chroma .mb {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberFloat */
|
||||
.chroma .mf {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberHex */
|
||||
.chroma .mh {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberInteger */
|
||||
.chroma .mi {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberOct */
|
||||
.chroma .mo {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Name */
|
||||
.chroma .n {
|
||||
color: #babbf1;
|
||||
}
|
||||
|
||||
/* NameAttribute */
|
||||
.chroma .na {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameBuiltin */
|
||||
.chroma .nb {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameClass */
|
||||
.chroma .nc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameDecorator */
|
||||
.chroma .nd {
|
||||
color: #f4b8e4;
|
||||
}
|
||||
|
||||
/* NameException */
|
||||
.chroma .ne {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* NameFunction */
|
||||
.chroma .nf {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* NameEntity */
|
||||
.chroma .ni {
|
||||
color: #f4b8e4;
|
||||
}
|
||||
|
||||
/* NameLabel */
|
||||
.chroma .nl {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameNamespace */
|
||||
.chroma .nn {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameConstant */
|
||||
.chroma .no {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameTag */
|
||||
.chroma .nt {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* NameVariable */
|
||||
.chroma .nv {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameOther */
|
||||
.chroma .nx {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Operator */
|
||||
.chroma .o {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* OperatorWord */
|
||||
.chroma .ow {
|
||||
color: #99d1db;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Punctuation */
|
||||
.chroma .p {
|
||||
color: #949cbb;
|
||||
}
|
||||
|
||||
/* NameProperty */
|
||||
/* LiteralString */
|
||||
.chroma .s {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringSingle */
|
||||
.chroma .s1 {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringDouble */
|
||||
.chroma .s2 {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringAffix */
|
||||
.chroma .sa {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringBacktick */
|
||||
.chroma .sb {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringChar */
|
||||
.chroma .sc {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringDoc */
|
||||
.chroma .sd {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringEscape */
|
||||
.chroma .se {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* LiteralStringHeredoc */
|
||||
.chroma .sh {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringInterpol */
|
||||
.chroma .si {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringRegex */
|
||||
.chroma .sr {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* LiteralStringSymbol */
|
||||
.chroma .ss {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringOther */
|
||||
.chroma .sx {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* NameVariableClass */
|
||||
.chroma .vc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameVariableGlobal */
|
||||
.chroma .vg {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameVariableInstance */
|
||||
.chroma .vi {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameVariableMagic */
|
||||
/* TextWhitespace */
|
||||
.chroma .w {
|
||||
color: #414559;
|
||||
}
|
||||
|
||||
.CodeMirror .cm-property,
|
||||
.CodeMirror.cm-s-default .cm-property,
|
||||
.CodeMirror.cm-s-paper .cm-property {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-header,
|
||||
.CodeMirror.cm-s-default .cm-header,
|
||||
.CodeMirror.cm-s-paper .cm-header {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-quote,
|
||||
.CodeMirror.cm-s-default .cm-quote,
|
||||
.CodeMirror.cm-s-paper .cm-quote {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-keyword,
|
||||
.CodeMirror.cm-s-default .cm-keyword,
|
||||
.CodeMirror.cm-s-paper .cm-keyword {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
.CodeMirror .cm-atom,
|
||||
.CodeMirror.cm-s-default .cm-atom,
|
||||
.CodeMirror.cm-s-paper .cm-atom {
|
||||
color: #e78284;
|
||||
}
|
||||
.CodeMirror .cm-number,
|
||||
.CodeMirror.cm-s-default .cm-number,
|
||||
.CodeMirror.cm-s-paper .cm-number {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-def,
|
||||
.CodeMirror.cm-s-default .cm-def,
|
||||
.CodeMirror.cm-s-paper .cm-def {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-variable-2,
|
||||
.CodeMirror.cm-s-default .cm-variable-2,
|
||||
.CodeMirror.cm-s-paper .cm-variable-2 {
|
||||
color: #99d1db;
|
||||
}
|
||||
.CodeMirror .cm-variable-3,
|
||||
.CodeMirror.cm-s-default .cm-variable-3,
|
||||
.CodeMirror.cm-s-paper .cm-variable-3 {
|
||||
color: #81c8be;
|
||||
}
|
||||
.CodeMirror .cm-comment,
|
||||
.CodeMirror.cm-s-default .cm-comment,
|
||||
.CodeMirror.cm-s-paper .cm-comment {
|
||||
color: #626880;
|
||||
}
|
||||
.CodeMirror .cm-string,
|
||||
.CodeMirror.cm-s-default .cm-string,
|
||||
.CodeMirror.cm-s-paper .cm-string {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-string-2,
|
||||
.CodeMirror.cm-s-default .cm-string-2,
|
||||
.CodeMirror.cm-s-paper .cm-string-2 {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-meta,
|
||||
.CodeMirror.cm-s-default .cm-meta,
|
||||
.CodeMirror.cm-s-paper .cm-meta {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-qualifier,
|
||||
.CodeMirror.cm-s-default .cm-qualifier,
|
||||
.CodeMirror.cm-s-paper .cm-qualifier {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-builtin,
|
||||
.CodeMirror.cm-s-default .cm-builtin,
|
||||
.CodeMirror.cm-s-paper .cm-builtin {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-bracket,
|
||||
.CodeMirror.cm-s-default .cm-bracket,
|
||||
.CodeMirror.cm-s-paper .cm-bracket {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-tag,
|
||||
.CodeMirror.cm-s-default .cm-tag,
|
||||
.CodeMirror.cm-s-paper .cm-tag {
|
||||
color: #e5c890;
|
||||
}
|
||||
.CodeMirror .cm-attribute,
|
||||
.CodeMirror.cm-s-default .cm-attribute,
|
||||
.CodeMirror.cm-s-paper .cm-attribute {
|
||||
color: #e5c890;
|
||||
}
|
||||
.CodeMirror .cm-hr,
|
||||
.CodeMirror.cm-s-default .cm-hr,
|
||||
.CodeMirror.cm-s-paper .cm-hr {
|
||||
color: #949cbb;
|
||||
}
|
||||
.CodeMirror .cm-url,
|
||||
.CodeMirror.cm-s-default .cm-url,
|
||||
.CodeMirror.cm-s-paper .cm-url {
|
||||
color: #8caaee;
|
||||
}
|
||||
.CodeMirror .cm-link,
|
||||
.CodeMirror.cm-s-default .cm-link,
|
||||
.CodeMirror.cm-s-paper .cm-link {
|
||||
color: #8caaee;
|
||||
}
|
||||
.CodeMirror .cm-error,
|
||||
.CodeMirror.cm-s-default .cm-error,
|
||||
.CodeMirror.cm-s-paper .cm-error {
|
||||
color: #e78284;
|
||||
}
|
||||
700
public/css/theme-catppuccin-frappe-lavender.css
Normal file
700
public/css/theme-catppuccin-frappe-lavender.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #babbf1;
|
||||
--color-primary: #babbf1;
|
||||
--color-primary-contrast: #232634;
|
||||
--color-primary-dark-1: #adaeee;
|
||||
--color-primary-dark-2: #a1a2ec;
|
||||
--color-primary-dark-3: #9495e9;
|
||||
--color-primary-dark-4: #8789e7;
|
||||
--color-primary-dark-5: #7a7ce4;
|
||||
--color-primary-dark-6: #6e70e2;
|
||||
--color-primary-dark-7: #6163df;
|
||||
--color-primary-light-1: #c7c8f4;
|
||||
--color-primary-light-2: #d3d4f6;
|
||||
--color-primary-light-3: #e0e1f9;
|
||||
--color-primary-light-4: #ededfb;
|
||||
--color-primary-light-5: #fafafe;
|
||||
--color-primary-light-6: white;
|
||||
--color-primary-light-7: white;
|
||||
--color-primary-alpha-10: rgba(186, 187, 241, 0.1);
|
||||
--color-primary-alpha-20: rgba(186, 187, 241, 0.2);
|
||||
--color-primary-alpha-30: rgba(186, 187, 241, 0.3);
|
||||
--color-primary-alpha-40: rgba(186, 187, 241, 0.4);
|
||||
--color-primary-alpha-50: rgba(186, 187, 241, 0.5);
|
||||
--color-primary-alpha-60: rgba(186, 187, 241, 0.6);
|
||||
--color-primary-alpha-70: rgba(186, 187, 241, 0.7);
|
||||
--color-primary-alpha-80: rgba(186, 187, 241, 0.8);
|
||||
--color-primary-alpha-90: rgba(186, 187, 241, 0.9);
|
||||
--color-secondary: #51576d;
|
||||
--color-secondary-dark-1: #474c62;
|
||||
--color-secondary-dark-2: #4e536b;
|
||||
--color-secondary-dark-3: #545a74;
|
||||
--color-secondary-dark-4: #5b607c;
|
||||
--color-secondary-dark-5: #616785;
|
||||
--color-secondary-dark-6: #686e8e;
|
||||
--color-secondary-dark-7: #6f7696;
|
||||
--color-secondary-dark-8: #787e9c;
|
||||
--color-secondary-dark-9: #8187a3;
|
||||
--color-secondary-dark-10: #8a8fa9;
|
||||
--color-secondary-dark-11: #9397b0;
|
||||
--color-secondary-dark-12: #9ba0b6;
|
||||
--color-secondary-dark-13: #a4a8bd;
|
||||
--color-secondary-light-1: #3b3e50;
|
||||
--color-secondary-light-2: #343747;
|
||||
--color-secondary-light-3: #2e303e;
|
||||
--color-secondary-light-4: #272a36;
|
||||
--color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
|
||||
--color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
|
||||
--color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
|
||||
--color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
|
||||
--color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
|
||||
--color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
|
||||
--color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
|
||||
--color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
|
||||
--color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
|
||||
/* colors */
|
||||
--color-red: #e78284;
|
||||
--color-orange: #ef9f76;
|
||||
--color-yellow: #e5c890;
|
||||
--color-olive: #a6d189;
|
||||
--color-green: #a6d189;
|
||||
--color-teal: #81c8be;
|
||||
--color-blue: #8caaee;
|
||||
--color-violet: #babbf1;
|
||||
--color-purple: #ca9ee6;
|
||||
--color-pink: #f4b8e4;
|
||||
--color-brown: #eebebe;
|
||||
--color-grey: #949cbb;
|
||||
--color-black: #292c3c;
|
||||
/* light variants - produced via Sass scale-color(color, $lightness: -10%) */
|
||||
--color-red-light: #df575a;
|
||||
--color-orange-light: #ea7f48;
|
||||
--color-yellow-light: #dbb467;
|
||||
--color-olive-light: #8ac364;
|
||||
--color-green-light: #8ac364;
|
||||
--color-teal-light: #5db9ac;
|
||||
--color-blue-light: #6089e7;
|
||||
--color-violet-light: #9091e8;
|
||||
--color-purple-light: #b475dc;
|
||||
--color-pink-light: #ed8cd3;
|
||||
--color-brown-light: #e39696;
|
||||
--color-grey-light: #757fa7;
|
||||
--color-black-light: #14161e;
|
||||
/* other colors */
|
||||
--color-gold: #f2d5cf;
|
||||
--color-white: #c6d0f5;
|
||||
--color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
|
||||
--color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
|
||||
--color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
|
||||
--color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
|
||||
--color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
|
||||
--color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
|
||||
--color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
|
||||
--color-diff-added-row-border: rgba(166, 209, 137, 0.07);
|
||||
--color-diff-inactive: #949cbb;
|
||||
--color-error-border: #e78284;
|
||||
--color-error-bg: #e78284;
|
||||
--color-error-bg-active: #e36d6f;
|
||||
--color-error-bg-hover: #df575a;
|
||||
--color-error-text: #232634;
|
||||
--color-success-border: #8ac364;
|
||||
--color-success-bg: #a6d189;
|
||||
--color-success-text: #232634;
|
||||
--color-warning-border: #dbb467;
|
||||
--color-warning-bg: #e5c890;
|
||||
--color-warning-text: #232634;
|
||||
--color-info-border: #6089e7;
|
||||
--color-info-bg: #232634;
|
||||
--color-info-text: #c6d0f5;
|
||||
--color-red-badge: #df575a;
|
||||
--color-red-badge-bg: #232634;
|
||||
--color-red-badge-hover-bg: #e36d6f;
|
||||
--color-green-badge: #a6d189;
|
||||
--color-green-badge-bg: #232634;
|
||||
--color-green-badge-hover-bg: #98ca77;
|
||||
--color-yellow-badge: #e5c890;
|
||||
--color-yellow-badge-bg: #232634;
|
||||
--color-yellow-badge-hover-bg: #e0be7b;
|
||||
--color-orange-badge: #ef9f76;
|
||||
--color-orange-badge-bg: #232634;
|
||||
--color-orange-badge-hover-bg: #ec8f5f;
|
||||
--color-git: #ef9f76;
|
||||
/* target-based colors */
|
||||
--color-body: #232634;
|
||||
--color-box-header: #292c3c;
|
||||
--color-box-body: #292c3c;
|
||||
--color-box-body-highlight: #414559;
|
||||
--color-text-dark: #a5adce;
|
||||
--color-text: #c6d0f5;
|
||||
--color-text-light: #b5bfe2;
|
||||
--color-text-light-1: #b5bfe2;
|
||||
--color-text-light-2: #b5bfe2;
|
||||
--color-text-light-3: #b5bfe2;
|
||||
--color-footer: #292c3c;
|
||||
--color-timeline: #414559;
|
||||
--color-input-text: #c6d0f5;
|
||||
--color-input-background: #414559;
|
||||
--color-input-toggle-background: #414559;
|
||||
--color-input-border: #51576d;
|
||||
--color-input-border-hover: #626880;
|
||||
--color-navbar: #292c3c;
|
||||
--color-navbar-transparent: rgba(35, 38, 52, 0);
|
||||
--color-light: rgba(98, 104, 128, 0.3);
|
||||
--color-light-mimic-enabled: rgba(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
|
||||
);
|
||||
--color-light-border: #626880;
|
||||
--color-hover: rgba(115, 121, 148, 0.1);
|
||||
--color-active: rgba(198, 208, 245, 0.1);
|
||||
--color-menu: #414559;
|
||||
--color-card: #414559;
|
||||
--color-markup-table-row: rgba(198, 208, 245, 0.02);
|
||||
--color-markup-code-block: rgba(198, 208, 245, 0.05);
|
||||
--color-button: #414559;
|
||||
--color-code-bg: #303446;
|
||||
--color-code-sidebar-bg: #414559;
|
||||
--color-shadow: rgba(35, 38, 52, 0.1);
|
||||
--color-secondary-bg: #414559;
|
||||
--color-text-focus: #c6d0f5;
|
||||
--color-expand-button: #626880;
|
||||
--color-placeholder-text: #626880;
|
||||
--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(198, 208, 245, 0.07);
|
||||
--color-reaction-active-bg: var(--color-primary-alpha-40);
|
||||
--color-header-bar: #292c3c;
|
||||
--color-label-active-bg: #626880;
|
||||
--color-accent: var(--color-primary-light-1);
|
||||
--color-small-accent: var(--color-primary-light-5);
|
||||
--color-active-line: #51576d;
|
||||
}
|
||||
|
||||
/* 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: #232634;
|
||||
}
|
||||
.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: #303446;
|
||||
}
|
||||
|
||||
.ui.basic.modal {
|
||||
background-color: #303446;
|
||||
}
|
||||
|
||||
.ui.commit-header-row .svg.gitea-lock ~ a {
|
||||
color: #232634;
|
||||
}
|
||||
|
||||
.ui.sha.isSigned.isVerified:hover .shortsha {
|
||||
color: #232634;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
|
||||
fill: #232634;
|
||||
}
|
||||
|
||||
.ui.basic.modal,
|
||||
.ui.basic.modal > .header,
|
||||
.ui.inverted.button {
|
||||
color: #c6d0f5 !important;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: rgba(242, 213, 207, 0.3) !important;
|
||||
}
|
||||
|
||||
/* NameBuiltinPseudo */
|
||||
.chroma .bp {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Comment */
|
||||
.chroma .c {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentSingle */
|
||||
.chroma .c1 {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentHashbang */
|
||||
.chroma .ch {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentMultiline */
|
||||
.chroma .cm {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentPreproc */
|
||||
.chroma .cp {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* CommentPreprocFile */
|
||||
.chroma .cpf {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* CommentSpecial */
|
||||
.chroma .cs {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* LiteralStringDelimiter */
|
||||
.chroma .dl {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* NameFunctionMagic */
|
||||
/* Generic */
|
||||
/* GenericDeleted */
|
||||
.chroma .gd {
|
||||
color: #c6d0f5;
|
||||
background-color: rgba(231, 130, 132, 0.15);
|
||||
}
|
||||
|
||||
/* GenericEmph */
|
||||
.chroma .ge {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* GenericHeading */
|
||||
.chroma .gh {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* GenericInserted */
|
||||
.chroma .gi {
|
||||
color: #c6d0f5;
|
||||
background-color: rgba(166, 209, 137, 0.15);
|
||||
}
|
||||
|
||||
/* GenericUnderline */
|
||||
/* GenericOutput */
|
||||
.chroma .go {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* GenericPrompt */
|
||||
.chroma .gp {
|
||||
color: #737994;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* GenericError */
|
||||
.chroma .gr {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* GenericStrong */
|
||||
.chroma .gs {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* GenericTraceback */
|
||||
.chroma .gt {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* GenericSubheading */
|
||||
.chroma .gu {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* LiteralNumberIntegerLong */
|
||||
.chroma .il {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Keyword */
|
||||
.chroma .k {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordConstant */
|
||||
.chroma .kc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* KeywordDeclaration */
|
||||
.chroma .kd {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordNamespace */
|
||||
.chroma .kn {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* KeywordPseudo */
|
||||
.chroma .kp {
|
||||
color: #ca9ee6;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* KeywordReserved */
|
||||
.chroma .kr {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordType */
|
||||
.chroma .kt {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* Literal */
|
||||
/* LiteralDate */
|
||||
/* LiteralNumber */
|
||||
.chroma .m {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberBin */
|
||||
.chroma .mb {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberFloat */
|
||||
.chroma .mf {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberHex */
|
||||
.chroma .mh {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberInteger */
|
||||
.chroma .mi {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberOct */
|
||||
.chroma .mo {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Name */
|
||||
.chroma .n {
|
||||
color: #babbf1;
|
||||
}
|
||||
|
||||
/* NameAttribute */
|
||||
.chroma .na {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameBuiltin */
|
||||
.chroma .nb {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameClass */
|
||||
.chroma .nc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameDecorator */
|
||||
.chroma .nd {
|
||||
color: #f4b8e4;
|
||||
}
|
||||
|
||||
/* NameException */
|
||||
.chroma .ne {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* NameFunction */
|
||||
.chroma .nf {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* NameEntity */
|
||||
.chroma .ni {
|
||||
color: #f4b8e4;
|
||||
}
|
||||
|
||||
/* NameLabel */
|
||||
.chroma .nl {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameNamespace */
|
||||
.chroma .nn {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameConstant */
|
||||
.chroma .no {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameTag */
|
||||
.chroma .nt {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* NameVariable */
|
||||
.chroma .nv {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameOther */
|
||||
.chroma .nx {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Operator */
|
||||
.chroma .o {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* OperatorWord */
|
||||
.chroma .ow {
|
||||
color: #99d1db;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Punctuation */
|
||||
.chroma .p {
|
||||
color: #949cbb;
|
||||
}
|
||||
|
||||
/* NameProperty */
|
||||
/* LiteralString */
|
||||
.chroma .s {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringSingle */
|
||||
.chroma .s1 {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringDouble */
|
||||
.chroma .s2 {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringAffix */
|
||||
.chroma .sa {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringBacktick */
|
||||
.chroma .sb {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringChar */
|
||||
.chroma .sc {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringDoc */
|
||||
.chroma .sd {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringEscape */
|
||||
.chroma .se {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* LiteralStringHeredoc */
|
||||
.chroma .sh {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringInterpol */
|
||||
.chroma .si {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringRegex */
|
||||
.chroma .sr {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* LiteralStringSymbol */
|
||||
.chroma .ss {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringOther */
|
||||
.chroma .sx {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* NameVariableClass */
|
||||
.chroma .vc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameVariableGlobal */
|
||||
.chroma .vg {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameVariableInstance */
|
||||
.chroma .vi {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameVariableMagic */
|
||||
/* TextWhitespace */
|
||||
.chroma .w {
|
||||
color: #414559;
|
||||
}
|
||||
|
||||
.CodeMirror .cm-property,
|
||||
.CodeMirror.cm-s-default .cm-property,
|
||||
.CodeMirror.cm-s-paper .cm-property {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-header,
|
||||
.CodeMirror.cm-s-default .cm-header,
|
||||
.CodeMirror.cm-s-paper .cm-header {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-quote,
|
||||
.CodeMirror.cm-s-default .cm-quote,
|
||||
.CodeMirror.cm-s-paper .cm-quote {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-keyword,
|
||||
.CodeMirror.cm-s-default .cm-keyword,
|
||||
.CodeMirror.cm-s-paper .cm-keyword {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
.CodeMirror .cm-atom,
|
||||
.CodeMirror.cm-s-default .cm-atom,
|
||||
.CodeMirror.cm-s-paper .cm-atom {
|
||||
color: #e78284;
|
||||
}
|
||||
.CodeMirror .cm-number,
|
||||
.CodeMirror.cm-s-default .cm-number,
|
||||
.CodeMirror.cm-s-paper .cm-number {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-def,
|
||||
.CodeMirror.cm-s-default .cm-def,
|
||||
.CodeMirror.cm-s-paper .cm-def {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-variable-2,
|
||||
.CodeMirror.cm-s-default .cm-variable-2,
|
||||
.CodeMirror.cm-s-paper .cm-variable-2 {
|
||||
color: #99d1db;
|
||||
}
|
||||
.CodeMirror .cm-variable-3,
|
||||
.CodeMirror.cm-s-default .cm-variable-3,
|
||||
.CodeMirror.cm-s-paper .cm-variable-3 {
|
||||
color: #81c8be;
|
||||
}
|
||||
.CodeMirror .cm-comment,
|
||||
.CodeMirror.cm-s-default .cm-comment,
|
||||
.CodeMirror.cm-s-paper .cm-comment {
|
||||
color: #626880;
|
||||
}
|
||||
.CodeMirror .cm-string,
|
||||
.CodeMirror.cm-s-default .cm-string,
|
||||
.CodeMirror.cm-s-paper .cm-string {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-string-2,
|
||||
.CodeMirror.cm-s-default .cm-string-2,
|
||||
.CodeMirror.cm-s-paper .cm-string-2 {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-meta,
|
||||
.CodeMirror.cm-s-default .cm-meta,
|
||||
.CodeMirror.cm-s-paper .cm-meta {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-qualifier,
|
||||
.CodeMirror.cm-s-default .cm-qualifier,
|
||||
.CodeMirror.cm-s-paper .cm-qualifier {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-builtin,
|
||||
.CodeMirror.cm-s-default .cm-builtin,
|
||||
.CodeMirror.cm-s-paper .cm-builtin {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-bracket,
|
||||
.CodeMirror.cm-s-default .cm-bracket,
|
||||
.CodeMirror.cm-s-paper .cm-bracket {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-tag,
|
||||
.CodeMirror.cm-s-default .cm-tag,
|
||||
.CodeMirror.cm-s-paper .cm-tag {
|
||||
color: #e5c890;
|
||||
}
|
||||
.CodeMirror .cm-attribute,
|
||||
.CodeMirror.cm-s-default .cm-attribute,
|
||||
.CodeMirror.cm-s-paper .cm-attribute {
|
||||
color: #e5c890;
|
||||
}
|
||||
.CodeMirror .cm-hr,
|
||||
.CodeMirror.cm-s-default .cm-hr,
|
||||
.CodeMirror.cm-s-paper .cm-hr {
|
||||
color: #949cbb;
|
||||
}
|
||||
.CodeMirror .cm-url,
|
||||
.CodeMirror.cm-s-default .cm-url,
|
||||
.CodeMirror.cm-s-paper .cm-url {
|
||||
color: #8caaee;
|
||||
}
|
||||
.CodeMirror .cm-link,
|
||||
.CodeMirror.cm-s-default .cm-link,
|
||||
.CodeMirror.cm-s-paper .cm-link {
|
||||
color: #8caaee;
|
||||
}
|
||||
.CodeMirror .cm-error,
|
||||
.CodeMirror.cm-s-default .cm-error,
|
||||
.CodeMirror.cm-s-paper .cm-error {
|
||||
color: #e78284;
|
||||
}
|
||||
700
public/css/theme-catppuccin-frappe-maroon.css
Normal file
700
public/css/theme-catppuccin-frappe-maroon.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #ea999c;
|
||||
--color-primary: #ea999c;
|
||||
--color-primary-contrast: #232634;
|
||||
--color-primary-dark-1: #e78c90;
|
||||
--color-primary-dark-2: #e58083;
|
||||
--color-primary-dark-3: #e27377;
|
||||
--color-primary-dark-4: #e0666b;
|
||||
--color-primary-dark-5: #dd5a5e;
|
||||
--color-primary-dark-6: #da4d52;
|
||||
--color-primary-dark-7: #d84046;
|
||||
--color-primary-light-1: #eda6a8;
|
||||
--color-primary-light-2: #efb2b5;
|
||||
--color-primary-light-3: #f2bfc1;
|
||||
--color-primary-light-4: #f4cccd;
|
||||
--color-primary-light-5: #f7d8da;
|
||||
--color-primary-light-6: #fae5e6;
|
||||
--color-primary-light-7: #fcf2f2;
|
||||
--color-primary-alpha-10: rgba(234, 153, 156, 0.1);
|
||||
--color-primary-alpha-20: rgba(234, 153, 156, 0.2);
|
||||
--color-primary-alpha-30: rgba(234, 153, 156, 0.3);
|
||||
--color-primary-alpha-40: rgba(234, 153, 156, 0.4);
|
||||
--color-primary-alpha-50: rgba(234, 153, 156, 0.5);
|
||||
--color-primary-alpha-60: rgba(234, 153, 156, 0.6);
|
||||
--color-primary-alpha-70: rgba(234, 153, 156, 0.7);
|
||||
--color-primary-alpha-80: rgba(234, 153, 156, 0.8);
|
||||
--color-primary-alpha-90: rgba(234, 153, 156, 0.9);
|
||||
--color-secondary: #51576d;
|
||||
--color-secondary-dark-1: #474c62;
|
||||
--color-secondary-dark-2: #4e536b;
|
||||
--color-secondary-dark-3: #545a74;
|
||||
--color-secondary-dark-4: #5b607c;
|
||||
--color-secondary-dark-5: #616785;
|
||||
--color-secondary-dark-6: #686e8e;
|
||||
--color-secondary-dark-7: #6f7696;
|
||||
--color-secondary-dark-8: #787e9c;
|
||||
--color-secondary-dark-9: #8187a3;
|
||||
--color-secondary-dark-10: #8a8fa9;
|
||||
--color-secondary-dark-11: #9397b0;
|
||||
--color-secondary-dark-12: #9ba0b6;
|
||||
--color-secondary-dark-13: #a4a8bd;
|
||||
--color-secondary-light-1: #3b3e50;
|
||||
--color-secondary-light-2: #343747;
|
||||
--color-secondary-light-3: #2e303e;
|
||||
--color-secondary-light-4: #272a36;
|
||||
--color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
|
||||
--color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
|
||||
--color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
|
||||
--color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
|
||||
--color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
|
||||
--color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
|
||||
--color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
|
||||
--color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
|
||||
--color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
|
||||
/* colors */
|
||||
--color-red: #e78284;
|
||||
--color-orange: #ef9f76;
|
||||
--color-yellow: #e5c890;
|
||||
--color-olive: #a6d189;
|
||||
--color-green: #a6d189;
|
||||
--color-teal: #81c8be;
|
||||
--color-blue: #8caaee;
|
||||
--color-violet: #babbf1;
|
||||
--color-purple: #ca9ee6;
|
||||
--color-pink: #f4b8e4;
|
||||
--color-brown: #eebebe;
|
||||
--color-grey: #949cbb;
|
||||
--color-black: #292c3c;
|
||||
/* light variants - produced via Sass scale-color(color, $lightness: -10%) */
|
||||
--color-red-light: #df575a;
|
||||
--color-orange-light: #ea7f48;
|
||||
--color-yellow-light: #dbb467;
|
||||
--color-olive-light: #8ac364;
|
||||
--color-green-light: #8ac364;
|
||||
--color-teal-light: #5db9ac;
|
||||
--color-blue-light: #6089e7;
|
||||
--color-violet-light: #9091e8;
|
||||
--color-purple-light: #b475dc;
|
||||
--color-pink-light: #ed8cd3;
|
||||
--color-brown-light: #e39696;
|
||||
--color-grey-light: #757fa7;
|
||||
--color-black-light: #14161e;
|
||||
/* other colors */
|
||||
--color-gold: #f2d5cf;
|
||||
--color-white: #c6d0f5;
|
||||
--color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
|
||||
--color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
|
||||
--color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
|
||||
--color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
|
||||
--color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
|
||||
--color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
|
||||
--color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
|
||||
--color-diff-added-row-border: rgba(166, 209, 137, 0.07);
|
||||
--color-diff-inactive: #949cbb;
|
||||
--color-error-border: #e78284;
|
||||
--color-error-bg: #e78284;
|
||||
--color-error-bg-active: #e36d6f;
|
||||
--color-error-bg-hover: #df575a;
|
||||
--color-error-text: #232634;
|
||||
--color-success-border: #8ac364;
|
||||
--color-success-bg: #a6d189;
|
||||
--color-success-text: #232634;
|
||||
--color-warning-border: #dbb467;
|
||||
--color-warning-bg: #e5c890;
|
||||
--color-warning-text: #232634;
|
||||
--color-info-border: #6089e7;
|
||||
--color-info-bg: #232634;
|
||||
--color-info-text: #c6d0f5;
|
||||
--color-red-badge: #df575a;
|
||||
--color-red-badge-bg: #232634;
|
||||
--color-red-badge-hover-bg: #e36d6f;
|
||||
--color-green-badge: #a6d189;
|
||||
--color-green-badge-bg: #232634;
|
||||
--color-green-badge-hover-bg: #98ca77;
|
||||
--color-yellow-badge: #e5c890;
|
||||
--color-yellow-badge-bg: #232634;
|
||||
--color-yellow-badge-hover-bg: #e0be7b;
|
||||
--color-orange-badge: #ef9f76;
|
||||
--color-orange-badge-bg: #232634;
|
||||
--color-orange-badge-hover-bg: #ec8f5f;
|
||||
--color-git: #ef9f76;
|
||||
/* target-based colors */
|
||||
--color-body: #232634;
|
||||
--color-box-header: #292c3c;
|
||||
--color-box-body: #292c3c;
|
||||
--color-box-body-highlight: #414559;
|
||||
--color-text-dark: #a5adce;
|
||||
--color-text: #c6d0f5;
|
||||
--color-text-light: #b5bfe2;
|
||||
--color-text-light-1: #b5bfe2;
|
||||
--color-text-light-2: #b5bfe2;
|
||||
--color-text-light-3: #b5bfe2;
|
||||
--color-footer: #292c3c;
|
||||
--color-timeline: #414559;
|
||||
--color-input-text: #c6d0f5;
|
||||
--color-input-background: #414559;
|
||||
--color-input-toggle-background: #414559;
|
||||
--color-input-border: #51576d;
|
||||
--color-input-border-hover: #626880;
|
||||
--color-navbar: #292c3c;
|
||||
--color-navbar-transparent: rgba(35, 38, 52, 0);
|
||||
--color-light: rgba(98, 104, 128, 0.3);
|
||||
--color-light-mimic-enabled: rgba(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
|
||||
);
|
||||
--color-light-border: #626880;
|
||||
--color-hover: rgba(115, 121, 148, 0.1);
|
||||
--color-active: rgba(198, 208, 245, 0.1);
|
||||
--color-menu: #414559;
|
||||
--color-card: #414559;
|
||||
--color-markup-table-row: rgba(198, 208, 245, 0.02);
|
||||
--color-markup-code-block: rgba(198, 208, 245, 0.05);
|
||||
--color-button: #414559;
|
||||
--color-code-bg: #303446;
|
||||
--color-code-sidebar-bg: #414559;
|
||||
--color-shadow: rgba(35, 38, 52, 0.1);
|
||||
--color-secondary-bg: #414559;
|
||||
--color-text-focus: #c6d0f5;
|
||||
--color-expand-button: #626880;
|
||||
--color-placeholder-text: #626880;
|
||||
--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(198, 208, 245, 0.07);
|
||||
--color-reaction-active-bg: var(--color-primary-alpha-40);
|
||||
--color-header-bar: #292c3c;
|
||||
--color-label-active-bg: #626880;
|
||||
--color-accent: var(--color-primary-light-1);
|
||||
--color-small-accent: var(--color-primary-light-5);
|
||||
--color-active-line: #51576d;
|
||||
}
|
||||
|
||||
/* 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: #232634;
|
||||
}
|
||||
.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: #303446;
|
||||
}
|
||||
|
||||
.ui.basic.modal {
|
||||
background-color: #303446;
|
||||
}
|
||||
|
||||
.ui.commit-header-row .svg.gitea-lock ~ a {
|
||||
color: #232634;
|
||||
}
|
||||
|
||||
.ui.sha.isSigned.isVerified:hover .shortsha {
|
||||
color: #232634;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
|
||||
fill: #232634;
|
||||
}
|
||||
|
||||
.ui.basic.modal,
|
||||
.ui.basic.modal > .header,
|
||||
.ui.inverted.button {
|
||||
color: #c6d0f5 !important;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: rgba(242, 213, 207, 0.3) !important;
|
||||
}
|
||||
|
||||
/* NameBuiltinPseudo */
|
||||
.chroma .bp {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Comment */
|
||||
.chroma .c {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentSingle */
|
||||
.chroma .c1 {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentHashbang */
|
||||
.chroma .ch {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentMultiline */
|
||||
.chroma .cm {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentPreproc */
|
||||
.chroma .cp {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* CommentPreprocFile */
|
||||
.chroma .cpf {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* CommentSpecial */
|
||||
.chroma .cs {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* LiteralStringDelimiter */
|
||||
.chroma .dl {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* NameFunctionMagic */
|
||||
/* Generic */
|
||||
/* GenericDeleted */
|
||||
.chroma .gd {
|
||||
color: #c6d0f5;
|
||||
background-color: rgba(231, 130, 132, 0.15);
|
||||
}
|
||||
|
||||
/* GenericEmph */
|
||||
.chroma .ge {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* GenericHeading */
|
||||
.chroma .gh {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* GenericInserted */
|
||||
.chroma .gi {
|
||||
color: #c6d0f5;
|
||||
background-color: rgba(166, 209, 137, 0.15);
|
||||
}
|
||||
|
||||
/* GenericUnderline */
|
||||
/* GenericOutput */
|
||||
.chroma .go {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* GenericPrompt */
|
||||
.chroma .gp {
|
||||
color: #737994;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* GenericError */
|
||||
.chroma .gr {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* GenericStrong */
|
||||
.chroma .gs {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* GenericTraceback */
|
||||
.chroma .gt {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* GenericSubheading */
|
||||
.chroma .gu {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* LiteralNumberIntegerLong */
|
||||
.chroma .il {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Keyword */
|
||||
.chroma .k {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordConstant */
|
||||
.chroma .kc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* KeywordDeclaration */
|
||||
.chroma .kd {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordNamespace */
|
||||
.chroma .kn {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* KeywordPseudo */
|
||||
.chroma .kp {
|
||||
color: #ca9ee6;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* KeywordReserved */
|
||||
.chroma .kr {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordType */
|
||||
.chroma .kt {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* Literal */
|
||||
/* LiteralDate */
|
||||
/* LiteralNumber */
|
||||
.chroma .m {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberBin */
|
||||
.chroma .mb {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberFloat */
|
||||
.chroma .mf {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberHex */
|
||||
.chroma .mh {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberInteger */
|
||||
.chroma .mi {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberOct */
|
||||
.chroma .mo {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Name */
|
||||
.chroma .n {
|
||||
color: #babbf1;
|
||||
}
|
||||
|
||||
/* NameAttribute */
|
||||
.chroma .na {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameBuiltin */
|
||||
.chroma .nb {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameClass */
|
||||
.chroma .nc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameDecorator */
|
||||
.chroma .nd {
|
||||
color: #f4b8e4;
|
||||
}
|
||||
|
||||
/* NameException */
|
||||
.chroma .ne {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* NameFunction */
|
||||
.chroma .nf {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* NameEntity */
|
||||
.chroma .ni {
|
||||
color: #f4b8e4;
|
||||
}
|
||||
|
||||
/* NameLabel */
|
||||
.chroma .nl {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameNamespace */
|
||||
.chroma .nn {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameConstant */
|
||||
.chroma .no {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameTag */
|
||||
.chroma .nt {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* NameVariable */
|
||||
.chroma .nv {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameOther */
|
||||
.chroma .nx {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Operator */
|
||||
.chroma .o {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* OperatorWord */
|
||||
.chroma .ow {
|
||||
color: #99d1db;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Punctuation */
|
||||
.chroma .p {
|
||||
color: #949cbb;
|
||||
}
|
||||
|
||||
/* NameProperty */
|
||||
/* LiteralString */
|
||||
.chroma .s {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringSingle */
|
||||
.chroma .s1 {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringDouble */
|
||||
.chroma .s2 {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringAffix */
|
||||
.chroma .sa {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringBacktick */
|
||||
.chroma .sb {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringChar */
|
||||
.chroma .sc {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringDoc */
|
||||
.chroma .sd {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringEscape */
|
||||
.chroma .se {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* LiteralStringHeredoc */
|
||||
.chroma .sh {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringInterpol */
|
||||
.chroma .si {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringRegex */
|
||||
.chroma .sr {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* LiteralStringSymbol */
|
||||
.chroma .ss {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringOther */
|
||||
.chroma .sx {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* NameVariableClass */
|
||||
.chroma .vc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameVariableGlobal */
|
||||
.chroma .vg {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameVariableInstance */
|
||||
.chroma .vi {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameVariableMagic */
|
||||
/* TextWhitespace */
|
||||
.chroma .w {
|
||||
color: #414559;
|
||||
}
|
||||
|
||||
.CodeMirror .cm-property,
|
||||
.CodeMirror.cm-s-default .cm-property,
|
||||
.CodeMirror.cm-s-paper .cm-property {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-header,
|
||||
.CodeMirror.cm-s-default .cm-header,
|
||||
.CodeMirror.cm-s-paper .cm-header {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-quote,
|
||||
.CodeMirror.cm-s-default .cm-quote,
|
||||
.CodeMirror.cm-s-paper .cm-quote {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-keyword,
|
||||
.CodeMirror.cm-s-default .cm-keyword,
|
||||
.CodeMirror.cm-s-paper .cm-keyword {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
.CodeMirror .cm-atom,
|
||||
.CodeMirror.cm-s-default .cm-atom,
|
||||
.CodeMirror.cm-s-paper .cm-atom {
|
||||
color: #e78284;
|
||||
}
|
||||
.CodeMirror .cm-number,
|
||||
.CodeMirror.cm-s-default .cm-number,
|
||||
.CodeMirror.cm-s-paper .cm-number {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-def,
|
||||
.CodeMirror.cm-s-default .cm-def,
|
||||
.CodeMirror.cm-s-paper .cm-def {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-variable-2,
|
||||
.CodeMirror.cm-s-default .cm-variable-2,
|
||||
.CodeMirror.cm-s-paper .cm-variable-2 {
|
||||
color: #99d1db;
|
||||
}
|
||||
.CodeMirror .cm-variable-3,
|
||||
.CodeMirror.cm-s-default .cm-variable-3,
|
||||
.CodeMirror.cm-s-paper .cm-variable-3 {
|
||||
color: #81c8be;
|
||||
}
|
||||
.CodeMirror .cm-comment,
|
||||
.CodeMirror.cm-s-default .cm-comment,
|
||||
.CodeMirror.cm-s-paper .cm-comment {
|
||||
color: #626880;
|
||||
}
|
||||
.CodeMirror .cm-string,
|
||||
.CodeMirror.cm-s-default .cm-string,
|
||||
.CodeMirror.cm-s-paper .cm-string {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-string-2,
|
||||
.CodeMirror.cm-s-default .cm-string-2,
|
||||
.CodeMirror.cm-s-paper .cm-string-2 {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-meta,
|
||||
.CodeMirror.cm-s-default .cm-meta,
|
||||
.CodeMirror.cm-s-paper .cm-meta {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-qualifier,
|
||||
.CodeMirror.cm-s-default .cm-qualifier,
|
||||
.CodeMirror.cm-s-paper .cm-qualifier {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-builtin,
|
||||
.CodeMirror.cm-s-default .cm-builtin,
|
||||
.CodeMirror.cm-s-paper .cm-builtin {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-bracket,
|
||||
.CodeMirror.cm-s-default .cm-bracket,
|
||||
.CodeMirror.cm-s-paper .cm-bracket {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-tag,
|
||||
.CodeMirror.cm-s-default .cm-tag,
|
||||
.CodeMirror.cm-s-paper .cm-tag {
|
||||
color: #e5c890;
|
||||
}
|
||||
.CodeMirror .cm-attribute,
|
||||
.CodeMirror.cm-s-default .cm-attribute,
|
||||
.CodeMirror.cm-s-paper .cm-attribute {
|
||||
color: #e5c890;
|
||||
}
|
||||
.CodeMirror .cm-hr,
|
||||
.CodeMirror.cm-s-default .cm-hr,
|
||||
.CodeMirror.cm-s-paper .cm-hr {
|
||||
color: #949cbb;
|
||||
}
|
||||
.CodeMirror .cm-url,
|
||||
.CodeMirror.cm-s-default .cm-url,
|
||||
.CodeMirror.cm-s-paper .cm-url {
|
||||
color: #8caaee;
|
||||
}
|
||||
.CodeMirror .cm-link,
|
||||
.CodeMirror.cm-s-default .cm-link,
|
||||
.CodeMirror.cm-s-paper .cm-link {
|
||||
color: #8caaee;
|
||||
}
|
||||
.CodeMirror .cm-error,
|
||||
.CodeMirror.cm-s-default .cm-error,
|
||||
.CodeMirror.cm-s-paper .cm-error {
|
||||
color: #e78284;
|
||||
}
|
||||
700
public/css/theme-catppuccin-frappe-mauve.css
Normal file
700
public/css/theme-catppuccin-frappe-mauve.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #ca9ee6;
|
||||
--color-primary: #ca9ee6;
|
||||
--color-primary-contrast: #232634;
|
||||
--color-primary-dark-1: #c392e3;
|
||||
--color-primary-dark-2: #bd86e0;
|
||||
--color-primary-dark-3: #b67add;
|
||||
--color-primary-dark-4: #af6dd9;
|
||||
--color-primary-dark-5: #a961d6;
|
||||
--color-primary-dark-6: #a255d3;
|
||||
--color-primary-dark-7: #9b49d0;
|
||||
--color-primary-light-1: #d1aae9;
|
||||
--color-primary-light-2: #d7b6ec;
|
||||
--color-primary-light-3: #dec2ef;
|
||||
--color-primary-light-4: #e5cff3;
|
||||
--color-primary-light-5: #ebdbf6;
|
||||
--color-primary-light-6: #f2e7f9;
|
||||
--color-primary-light-7: #f9f3fc;
|
||||
--color-primary-alpha-10: rgba(202, 158, 230, 0.1);
|
||||
--color-primary-alpha-20: rgba(202, 158, 230, 0.2);
|
||||
--color-primary-alpha-30: rgba(202, 158, 230, 0.3);
|
||||
--color-primary-alpha-40: rgba(202, 158, 230, 0.4);
|
||||
--color-primary-alpha-50: rgba(202, 158, 230, 0.5);
|
||||
--color-primary-alpha-60: rgba(202, 158, 230, 0.6);
|
||||
--color-primary-alpha-70: rgba(202, 158, 230, 0.7);
|
||||
--color-primary-alpha-80: rgba(202, 158, 230, 0.8);
|
||||
--color-primary-alpha-90: rgba(202, 158, 230, 0.9);
|
||||
--color-secondary: #51576d;
|
||||
--color-secondary-dark-1: #474c62;
|
||||
--color-secondary-dark-2: #4e536b;
|
||||
--color-secondary-dark-3: #545a74;
|
||||
--color-secondary-dark-4: #5b607c;
|
||||
--color-secondary-dark-5: #616785;
|
||||
--color-secondary-dark-6: #686e8e;
|
||||
--color-secondary-dark-7: #6f7696;
|
||||
--color-secondary-dark-8: #787e9c;
|
||||
--color-secondary-dark-9: #8187a3;
|
||||
--color-secondary-dark-10: #8a8fa9;
|
||||
--color-secondary-dark-11: #9397b0;
|
||||
--color-secondary-dark-12: #9ba0b6;
|
||||
--color-secondary-dark-13: #a4a8bd;
|
||||
--color-secondary-light-1: #3b3e50;
|
||||
--color-secondary-light-2: #343747;
|
||||
--color-secondary-light-3: #2e303e;
|
||||
--color-secondary-light-4: #272a36;
|
||||
--color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
|
||||
--color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
|
||||
--color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
|
||||
--color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
|
||||
--color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
|
||||
--color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
|
||||
--color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
|
||||
--color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
|
||||
--color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
|
||||
/* colors */
|
||||
--color-red: #e78284;
|
||||
--color-orange: #ef9f76;
|
||||
--color-yellow: #e5c890;
|
||||
--color-olive: #a6d189;
|
||||
--color-green: #a6d189;
|
||||
--color-teal: #81c8be;
|
||||
--color-blue: #8caaee;
|
||||
--color-violet: #babbf1;
|
||||
--color-purple: #ca9ee6;
|
||||
--color-pink: #f4b8e4;
|
||||
--color-brown: #eebebe;
|
||||
--color-grey: #949cbb;
|
||||
--color-black: #292c3c;
|
||||
/* light variants - produced via Sass scale-color(color, $lightness: -10%) */
|
||||
--color-red-light: #df575a;
|
||||
--color-orange-light: #ea7f48;
|
||||
--color-yellow-light: #dbb467;
|
||||
--color-olive-light: #8ac364;
|
||||
--color-green-light: #8ac364;
|
||||
--color-teal-light: #5db9ac;
|
||||
--color-blue-light: #6089e7;
|
||||
--color-violet-light: #9091e8;
|
||||
--color-purple-light: #b475dc;
|
||||
--color-pink-light: #ed8cd3;
|
||||
--color-brown-light: #e39696;
|
||||
--color-grey-light: #757fa7;
|
||||
--color-black-light: #14161e;
|
||||
/* other colors */
|
||||
--color-gold: #f2d5cf;
|
||||
--color-white: #c6d0f5;
|
||||
--color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
|
||||
--color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
|
||||
--color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
|
||||
--color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
|
||||
--color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
|
||||
--color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
|
||||
--color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
|
||||
--color-diff-added-row-border: rgba(166, 209, 137, 0.07);
|
||||
--color-diff-inactive: #949cbb;
|
||||
--color-error-border: #e78284;
|
||||
--color-error-bg: #e78284;
|
||||
--color-error-bg-active: #e36d6f;
|
||||
--color-error-bg-hover: #df575a;
|
||||
--color-error-text: #232634;
|
||||
--color-success-border: #8ac364;
|
||||
--color-success-bg: #a6d189;
|
||||
--color-success-text: #232634;
|
||||
--color-warning-border: #dbb467;
|
||||
--color-warning-bg: #e5c890;
|
||||
--color-warning-text: #232634;
|
||||
--color-info-border: #6089e7;
|
||||
--color-info-bg: #232634;
|
||||
--color-info-text: #c6d0f5;
|
||||
--color-red-badge: #df575a;
|
||||
--color-red-badge-bg: #232634;
|
||||
--color-red-badge-hover-bg: #e36d6f;
|
||||
--color-green-badge: #a6d189;
|
||||
--color-green-badge-bg: #232634;
|
||||
--color-green-badge-hover-bg: #98ca77;
|
||||
--color-yellow-badge: #e5c890;
|
||||
--color-yellow-badge-bg: #232634;
|
||||
--color-yellow-badge-hover-bg: #e0be7b;
|
||||
--color-orange-badge: #ef9f76;
|
||||
--color-orange-badge-bg: #232634;
|
||||
--color-orange-badge-hover-bg: #ec8f5f;
|
||||
--color-git: #ef9f76;
|
||||
/* target-based colors */
|
||||
--color-body: #232634;
|
||||
--color-box-header: #292c3c;
|
||||
--color-box-body: #292c3c;
|
||||
--color-box-body-highlight: #414559;
|
||||
--color-text-dark: #a5adce;
|
||||
--color-text: #c6d0f5;
|
||||
--color-text-light: #b5bfe2;
|
||||
--color-text-light-1: #b5bfe2;
|
||||
--color-text-light-2: #b5bfe2;
|
||||
--color-text-light-3: #b5bfe2;
|
||||
--color-footer: #292c3c;
|
||||
--color-timeline: #414559;
|
||||
--color-input-text: #c6d0f5;
|
||||
--color-input-background: #414559;
|
||||
--color-input-toggle-background: #414559;
|
||||
--color-input-border: #51576d;
|
||||
--color-input-border-hover: #626880;
|
||||
--color-navbar: #292c3c;
|
||||
--color-navbar-transparent: rgba(35, 38, 52, 0);
|
||||
--color-light: rgba(98, 104, 128, 0.3);
|
||||
--color-light-mimic-enabled: rgba(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
|
||||
);
|
||||
--color-light-border: #626880;
|
||||
--color-hover: rgba(115, 121, 148, 0.1);
|
||||
--color-active: rgba(198, 208, 245, 0.1);
|
||||
--color-menu: #414559;
|
||||
--color-card: #414559;
|
||||
--color-markup-table-row: rgba(198, 208, 245, 0.02);
|
||||
--color-markup-code-block: rgba(198, 208, 245, 0.05);
|
||||
--color-button: #414559;
|
||||
--color-code-bg: #303446;
|
||||
--color-code-sidebar-bg: #414559;
|
||||
--color-shadow: rgba(35, 38, 52, 0.1);
|
||||
--color-secondary-bg: #414559;
|
||||
--color-text-focus: #c6d0f5;
|
||||
--color-expand-button: #626880;
|
||||
--color-placeholder-text: #626880;
|
||||
--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(198, 208, 245, 0.07);
|
||||
--color-reaction-active-bg: var(--color-primary-alpha-40);
|
||||
--color-header-bar: #292c3c;
|
||||
--color-label-active-bg: #626880;
|
||||
--color-accent: var(--color-primary-light-1);
|
||||
--color-small-accent: var(--color-primary-light-5);
|
||||
--color-active-line: #51576d;
|
||||
}
|
||||
|
||||
/* 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: #232634;
|
||||
}
|
||||
.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: #303446;
|
||||
}
|
||||
|
||||
.ui.basic.modal {
|
||||
background-color: #303446;
|
||||
}
|
||||
|
||||
.ui.commit-header-row .svg.gitea-lock ~ a {
|
||||
color: #232634;
|
||||
}
|
||||
|
||||
.ui.sha.isSigned.isVerified:hover .shortsha {
|
||||
color: #232634;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
|
||||
fill: #232634;
|
||||
}
|
||||
|
||||
.ui.basic.modal,
|
||||
.ui.basic.modal > .header,
|
||||
.ui.inverted.button {
|
||||
color: #c6d0f5 !important;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: rgba(242, 213, 207, 0.3) !important;
|
||||
}
|
||||
|
||||
/* NameBuiltinPseudo */
|
||||
.chroma .bp {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Comment */
|
||||
.chroma .c {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentSingle */
|
||||
.chroma .c1 {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentHashbang */
|
||||
.chroma .ch {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentMultiline */
|
||||
.chroma .cm {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentPreproc */
|
||||
.chroma .cp {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* CommentPreprocFile */
|
||||
.chroma .cpf {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* CommentSpecial */
|
||||
.chroma .cs {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* LiteralStringDelimiter */
|
||||
.chroma .dl {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* NameFunctionMagic */
|
||||
/* Generic */
|
||||
/* GenericDeleted */
|
||||
.chroma .gd {
|
||||
color: #c6d0f5;
|
||||
background-color: rgba(231, 130, 132, 0.15);
|
||||
}
|
||||
|
||||
/* GenericEmph */
|
||||
.chroma .ge {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* GenericHeading */
|
||||
.chroma .gh {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* GenericInserted */
|
||||
.chroma .gi {
|
||||
color: #c6d0f5;
|
||||
background-color: rgba(166, 209, 137, 0.15);
|
||||
}
|
||||
|
||||
/* GenericUnderline */
|
||||
/* GenericOutput */
|
||||
.chroma .go {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* GenericPrompt */
|
||||
.chroma .gp {
|
||||
color: #737994;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* GenericError */
|
||||
.chroma .gr {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* GenericStrong */
|
||||
.chroma .gs {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* GenericTraceback */
|
||||
.chroma .gt {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* GenericSubheading */
|
||||
.chroma .gu {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* LiteralNumberIntegerLong */
|
||||
.chroma .il {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Keyword */
|
||||
.chroma .k {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordConstant */
|
||||
.chroma .kc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* KeywordDeclaration */
|
||||
.chroma .kd {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordNamespace */
|
||||
.chroma .kn {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* KeywordPseudo */
|
||||
.chroma .kp {
|
||||
color: #ca9ee6;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* KeywordReserved */
|
||||
.chroma .kr {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordType */
|
||||
.chroma .kt {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* Literal */
|
||||
/* LiteralDate */
|
||||
/* LiteralNumber */
|
||||
.chroma .m {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberBin */
|
||||
.chroma .mb {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberFloat */
|
||||
.chroma .mf {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberHex */
|
||||
.chroma .mh {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberInteger */
|
||||
.chroma .mi {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberOct */
|
||||
.chroma .mo {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Name */
|
||||
.chroma .n {
|
||||
color: #babbf1;
|
||||
}
|
||||
|
||||
/* NameAttribute */
|
||||
.chroma .na {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameBuiltin */
|
||||
.chroma .nb {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameClass */
|
||||
.chroma .nc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameDecorator */
|
||||
.chroma .nd {
|
||||
color: #f4b8e4;
|
||||
}
|
||||
|
||||
/* NameException */
|
||||
.chroma .ne {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* NameFunction */
|
||||
.chroma .nf {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* NameEntity */
|
||||
.chroma .ni {
|
||||
color: #f4b8e4;
|
||||
}
|
||||
|
||||
/* NameLabel */
|
||||
.chroma .nl {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameNamespace */
|
||||
.chroma .nn {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameConstant */
|
||||
.chroma .no {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameTag */
|
||||
.chroma .nt {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* NameVariable */
|
||||
.chroma .nv {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameOther */
|
||||
.chroma .nx {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Operator */
|
||||
.chroma .o {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* OperatorWord */
|
||||
.chroma .ow {
|
||||
color: #99d1db;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Punctuation */
|
||||
.chroma .p {
|
||||
color: #949cbb;
|
||||
}
|
||||
|
||||
/* NameProperty */
|
||||
/* LiteralString */
|
||||
.chroma .s {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringSingle */
|
||||
.chroma .s1 {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringDouble */
|
||||
.chroma .s2 {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringAffix */
|
||||
.chroma .sa {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringBacktick */
|
||||
.chroma .sb {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringChar */
|
||||
.chroma .sc {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringDoc */
|
||||
.chroma .sd {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringEscape */
|
||||
.chroma .se {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* LiteralStringHeredoc */
|
||||
.chroma .sh {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringInterpol */
|
||||
.chroma .si {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringRegex */
|
||||
.chroma .sr {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* LiteralStringSymbol */
|
||||
.chroma .ss {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringOther */
|
||||
.chroma .sx {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* NameVariableClass */
|
||||
.chroma .vc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameVariableGlobal */
|
||||
.chroma .vg {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameVariableInstance */
|
||||
.chroma .vi {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameVariableMagic */
|
||||
/* TextWhitespace */
|
||||
.chroma .w {
|
||||
color: #414559;
|
||||
}
|
||||
|
||||
.CodeMirror .cm-property,
|
||||
.CodeMirror.cm-s-default .cm-property,
|
||||
.CodeMirror.cm-s-paper .cm-property {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-header,
|
||||
.CodeMirror.cm-s-default .cm-header,
|
||||
.CodeMirror.cm-s-paper .cm-header {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-quote,
|
||||
.CodeMirror.cm-s-default .cm-quote,
|
||||
.CodeMirror.cm-s-paper .cm-quote {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-keyword,
|
||||
.CodeMirror.cm-s-default .cm-keyword,
|
||||
.CodeMirror.cm-s-paper .cm-keyword {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
.CodeMirror .cm-atom,
|
||||
.CodeMirror.cm-s-default .cm-atom,
|
||||
.CodeMirror.cm-s-paper .cm-atom {
|
||||
color: #e78284;
|
||||
}
|
||||
.CodeMirror .cm-number,
|
||||
.CodeMirror.cm-s-default .cm-number,
|
||||
.CodeMirror.cm-s-paper .cm-number {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-def,
|
||||
.CodeMirror.cm-s-default .cm-def,
|
||||
.CodeMirror.cm-s-paper .cm-def {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-variable-2,
|
||||
.CodeMirror.cm-s-default .cm-variable-2,
|
||||
.CodeMirror.cm-s-paper .cm-variable-2 {
|
||||
color: #99d1db;
|
||||
}
|
||||
.CodeMirror .cm-variable-3,
|
||||
.CodeMirror.cm-s-default .cm-variable-3,
|
||||
.CodeMirror.cm-s-paper .cm-variable-3 {
|
||||
color: #81c8be;
|
||||
}
|
||||
.CodeMirror .cm-comment,
|
||||
.CodeMirror.cm-s-default .cm-comment,
|
||||
.CodeMirror.cm-s-paper .cm-comment {
|
||||
color: #626880;
|
||||
}
|
||||
.CodeMirror .cm-string,
|
||||
.CodeMirror.cm-s-default .cm-string,
|
||||
.CodeMirror.cm-s-paper .cm-string {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-string-2,
|
||||
.CodeMirror.cm-s-default .cm-string-2,
|
||||
.CodeMirror.cm-s-paper .cm-string-2 {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-meta,
|
||||
.CodeMirror.cm-s-default .cm-meta,
|
||||
.CodeMirror.cm-s-paper .cm-meta {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-qualifier,
|
||||
.CodeMirror.cm-s-default .cm-qualifier,
|
||||
.CodeMirror.cm-s-paper .cm-qualifier {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-builtin,
|
||||
.CodeMirror.cm-s-default .cm-builtin,
|
||||
.CodeMirror.cm-s-paper .cm-builtin {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-bracket,
|
||||
.CodeMirror.cm-s-default .cm-bracket,
|
||||
.CodeMirror.cm-s-paper .cm-bracket {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-tag,
|
||||
.CodeMirror.cm-s-default .cm-tag,
|
||||
.CodeMirror.cm-s-paper .cm-tag {
|
||||
color: #e5c890;
|
||||
}
|
||||
.CodeMirror .cm-attribute,
|
||||
.CodeMirror.cm-s-default .cm-attribute,
|
||||
.CodeMirror.cm-s-paper .cm-attribute {
|
||||
color: #e5c890;
|
||||
}
|
||||
.CodeMirror .cm-hr,
|
||||
.CodeMirror.cm-s-default .cm-hr,
|
||||
.CodeMirror.cm-s-paper .cm-hr {
|
||||
color: #949cbb;
|
||||
}
|
||||
.CodeMirror .cm-url,
|
||||
.CodeMirror.cm-s-default .cm-url,
|
||||
.CodeMirror.cm-s-paper .cm-url {
|
||||
color: #8caaee;
|
||||
}
|
||||
.CodeMirror .cm-link,
|
||||
.CodeMirror.cm-s-default .cm-link,
|
||||
.CodeMirror.cm-s-paper .cm-link {
|
||||
color: #8caaee;
|
||||
}
|
||||
.CodeMirror .cm-error,
|
||||
.CodeMirror.cm-s-default .cm-error,
|
||||
.CodeMirror.cm-s-paper .cm-error {
|
||||
color: #e78284;
|
||||
}
|
||||
700
public/css/theme-catppuccin-frappe-peach.css
Normal file
700
public/css/theme-catppuccin-frappe-peach.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #ef9f76;
|
||||
--color-primary: #ef9f76;
|
||||
--color-primary-contrast: #232634;
|
||||
--color-primary-dark-1: #ed9568;
|
||||
--color-primary-dark-2: #ec8c5b;
|
||||
--color-primary-dark-3: #ea824d;
|
||||
--color-primary-dark-4: #e9793f;
|
||||
--color-primary-dark-5: #e76f32;
|
||||
--color-primary-dark-6: #e56524;
|
||||
--color-primary-dark-7: #e05d1a;
|
||||
--color-primary-light-1: #f1a984;
|
||||
--color-primary-light-2: #f2b291;
|
||||
--color-primary-light-3: #f4bc9f;
|
||||
--color-primary-light-4: #f5c5ad;
|
||||
--color-primary-light-5: #f7cfbb;
|
||||
--color-primary-light-6: #f9d9c8;
|
||||
--color-primary-light-7: #fae2d6;
|
||||
--color-primary-alpha-10: rgba(239, 159, 118, 0.1);
|
||||
--color-primary-alpha-20: rgba(239, 159, 118, 0.2);
|
||||
--color-primary-alpha-30: rgba(239, 159, 118, 0.3);
|
||||
--color-primary-alpha-40: rgba(239, 159, 118, 0.4);
|
||||
--color-primary-alpha-50: rgba(239, 159, 118, 0.5);
|
||||
--color-primary-alpha-60: rgba(239, 159, 118, 0.6);
|
||||
--color-primary-alpha-70: rgba(239, 159, 118, 0.7);
|
||||
--color-primary-alpha-80: rgba(239, 159, 118, 0.8);
|
||||
--color-primary-alpha-90: rgba(239, 159, 118, 0.9);
|
||||
--color-secondary: #51576d;
|
||||
--color-secondary-dark-1: #474c62;
|
||||
--color-secondary-dark-2: #4e536b;
|
||||
--color-secondary-dark-3: #545a74;
|
||||
--color-secondary-dark-4: #5b607c;
|
||||
--color-secondary-dark-5: #616785;
|
||||
--color-secondary-dark-6: #686e8e;
|
||||
--color-secondary-dark-7: #6f7696;
|
||||
--color-secondary-dark-8: #787e9c;
|
||||
--color-secondary-dark-9: #8187a3;
|
||||
--color-secondary-dark-10: #8a8fa9;
|
||||
--color-secondary-dark-11: #9397b0;
|
||||
--color-secondary-dark-12: #9ba0b6;
|
||||
--color-secondary-dark-13: #a4a8bd;
|
||||
--color-secondary-light-1: #3b3e50;
|
||||
--color-secondary-light-2: #343747;
|
||||
--color-secondary-light-3: #2e303e;
|
||||
--color-secondary-light-4: #272a36;
|
||||
--color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
|
||||
--color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
|
||||
--color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
|
||||
--color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
|
||||
--color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
|
||||
--color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
|
||||
--color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
|
||||
--color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
|
||||
--color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
|
||||
/* colors */
|
||||
--color-red: #e78284;
|
||||
--color-orange: #ef9f76;
|
||||
--color-yellow: #e5c890;
|
||||
--color-olive: #a6d189;
|
||||
--color-green: #a6d189;
|
||||
--color-teal: #81c8be;
|
||||
--color-blue: #8caaee;
|
||||
--color-violet: #babbf1;
|
||||
--color-purple: #ca9ee6;
|
||||
--color-pink: #f4b8e4;
|
||||
--color-brown: #eebebe;
|
||||
--color-grey: #949cbb;
|
||||
--color-black: #292c3c;
|
||||
/* light variants - produced via Sass scale-color(color, $lightness: -10%) */
|
||||
--color-red-light: #df575a;
|
||||
--color-orange-light: #ea7f48;
|
||||
--color-yellow-light: #dbb467;
|
||||
--color-olive-light: #8ac364;
|
||||
--color-green-light: #8ac364;
|
||||
--color-teal-light: #5db9ac;
|
||||
--color-blue-light: #6089e7;
|
||||
--color-violet-light: #9091e8;
|
||||
--color-purple-light: #b475dc;
|
||||
--color-pink-light: #ed8cd3;
|
||||
--color-brown-light: #e39696;
|
||||
--color-grey-light: #757fa7;
|
||||
--color-black-light: #14161e;
|
||||
/* other colors */
|
||||
--color-gold: #f2d5cf;
|
||||
--color-white: #c6d0f5;
|
||||
--color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
|
||||
--color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
|
||||
--color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
|
||||
--color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
|
||||
--color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
|
||||
--color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
|
||||
--color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
|
||||
--color-diff-added-row-border: rgba(166, 209, 137, 0.07);
|
||||
--color-diff-inactive: #949cbb;
|
||||
--color-error-border: #e78284;
|
||||
--color-error-bg: #e78284;
|
||||
--color-error-bg-active: #e36d6f;
|
||||
--color-error-bg-hover: #df575a;
|
||||
--color-error-text: #232634;
|
||||
--color-success-border: #8ac364;
|
||||
--color-success-bg: #a6d189;
|
||||
--color-success-text: #232634;
|
||||
--color-warning-border: #dbb467;
|
||||
--color-warning-bg: #e5c890;
|
||||
--color-warning-text: #232634;
|
||||
--color-info-border: #6089e7;
|
||||
--color-info-bg: #232634;
|
||||
--color-info-text: #c6d0f5;
|
||||
--color-red-badge: #df575a;
|
||||
--color-red-badge-bg: #232634;
|
||||
--color-red-badge-hover-bg: #e36d6f;
|
||||
--color-green-badge: #a6d189;
|
||||
--color-green-badge-bg: #232634;
|
||||
--color-green-badge-hover-bg: #98ca77;
|
||||
--color-yellow-badge: #e5c890;
|
||||
--color-yellow-badge-bg: #232634;
|
||||
--color-yellow-badge-hover-bg: #e0be7b;
|
||||
--color-orange-badge: #ef9f76;
|
||||
--color-orange-badge-bg: #232634;
|
||||
--color-orange-badge-hover-bg: #ec8f5f;
|
||||
--color-git: #ef9f76;
|
||||
/* target-based colors */
|
||||
--color-body: #232634;
|
||||
--color-box-header: #292c3c;
|
||||
--color-box-body: #292c3c;
|
||||
--color-box-body-highlight: #414559;
|
||||
--color-text-dark: #a5adce;
|
||||
--color-text: #c6d0f5;
|
||||
--color-text-light: #b5bfe2;
|
||||
--color-text-light-1: #b5bfe2;
|
||||
--color-text-light-2: #b5bfe2;
|
||||
--color-text-light-3: #b5bfe2;
|
||||
--color-footer: #292c3c;
|
||||
--color-timeline: #414559;
|
||||
--color-input-text: #c6d0f5;
|
||||
--color-input-background: #414559;
|
||||
--color-input-toggle-background: #414559;
|
||||
--color-input-border: #51576d;
|
||||
--color-input-border-hover: #626880;
|
||||
--color-navbar: #292c3c;
|
||||
--color-navbar-transparent: rgba(35, 38, 52, 0);
|
||||
--color-light: rgba(98, 104, 128, 0.3);
|
||||
--color-light-mimic-enabled: rgba(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
|
||||
);
|
||||
--color-light-border: #626880;
|
||||
--color-hover: rgba(115, 121, 148, 0.1);
|
||||
--color-active: rgba(198, 208, 245, 0.1);
|
||||
--color-menu: #414559;
|
||||
--color-card: #414559;
|
||||
--color-markup-table-row: rgba(198, 208, 245, 0.02);
|
||||
--color-markup-code-block: rgba(198, 208, 245, 0.05);
|
||||
--color-button: #414559;
|
||||
--color-code-bg: #303446;
|
||||
--color-code-sidebar-bg: #414559;
|
||||
--color-shadow: rgba(35, 38, 52, 0.1);
|
||||
--color-secondary-bg: #414559;
|
||||
--color-text-focus: #c6d0f5;
|
||||
--color-expand-button: #626880;
|
||||
--color-placeholder-text: #626880;
|
||||
--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(198, 208, 245, 0.07);
|
||||
--color-reaction-active-bg: var(--color-primary-alpha-40);
|
||||
--color-header-bar: #292c3c;
|
||||
--color-label-active-bg: #626880;
|
||||
--color-accent: var(--color-primary-light-1);
|
||||
--color-small-accent: var(--color-primary-light-5);
|
||||
--color-active-line: #51576d;
|
||||
}
|
||||
|
||||
/* 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: #232634;
|
||||
}
|
||||
.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: #303446;
|
||||
}
|
||||
|
||||
.ui.basic.modal {
|
||||
background-color: #303446;
|
||||
}
|
||||
|
||||
.ui.commit-header-row .svg.gitea-lock ~ a {
|
||||
color: #232634;
|
||||
}
|
||||
|
||||
.ui.sha.isSigned.isVerified:hover .shortsha {
|
||||
color: #232634;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
|
||||
fill: #232634;
|
||||
}
|
||||
|
||||
.ui.basic.modal,
|
||||
.ui.basic.modal > .header,
|
||||
.ui.inverted.button {
|
||||
color: #c6d0f5 !important;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: rgba(242, 213, 207, 0.3) !important;
|
||||
}
|
||||
|
||||
/* NameBuiltinPseudo */
|
||||
.chroma .bp {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Comment */
|
||||
.chroma .c {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentSingle */
|
||||
.chroma .c1 {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentHashbang */
|
||||
.chroma .ch {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentMultiline */
|
||||
.chroma .cm {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentPreproc */
|
||||
.chroma .cp {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* CommentPreprocFile */
|
||||
.chroma .cpf {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* CommentSpecial */
|
||||
.chroma .cs {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* LiteralStringDelimiter */
|
||||
.chroma .dl {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* NameFunctionMagic */
|
||||
/* Generic */
|
||||
/* GenericDeleted */
|
||||
.chroma .gd {
|
||||
color: #c6d0f5;
|
||||
background-color: rgba(231, 130, 132, 0.15);
|
||||
}
|
||||
|
||||
/* GenericEmph */
|
||||
.chroma .ge {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* GenericHeading */
|
||||
.chroma .gh {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* GenericInserted */
|
||||
.chroma .gi {
|
||||
color: #c6d0f5;
|
||||
background-color: rgba(166, 209, 137, 0.15);
|
||||
}
|
||||
|
||||
/* GenericUnderline */
|
||||
/* GenericOutput */
|
||||
.chroma .go {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* GenericPrompt */
|
||||
.chroma .gp {
|
||||
color: #737994;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* GenericError */
|
||||
.chroma .gr {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* GenericStrong */
|
||||
.chroma .gs {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* GenericTraceback */
|
||||
.chroma .gt {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* GenericSubheading */
|
||||
.chroma .gu {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* LiteralNumberIntegerLong */
|
||||
.chroma .il {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Keyword */
|
||||
.chroma .k {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordConstant */
|
||||
.chroma .kc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* KeywordDeclaration */
|
||||
.chroma .kd {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordNamespace */
|
||||
.chroma .kn {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* KeywordPseudo */
|
||||
.chroma .kp {
|
||||
color: #ca9ee6;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* KeywordReserved */
|
||||
.chroma .kr {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordType */
|
||||
.chroma .kt {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* Literal */
|
||||
/* LiteralDate */
|
||||
/* LiteralNumber */
|
||||
.chroma .m {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberBin */
|
||||
.chroma .mb {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberFloat */
|
||||
.chroma .mf {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberHex */
|
||||
.chroma .mh {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberInteger */
|
||||
.chroma .mi {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberOct */
|
||||
.chroma .mo {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Name */
|
||||
.chroma .n {
|
||||
color: #babbf1;
|
||||
}
|
||||
|
||||
/* NameAttribute */
|
||||
.chroma .na {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameBuiltin */
|
||||
.chroma .nb {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameClass */
|
||||
.chroma .nc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameDecorator */
|
||||
.chroma .nd {
|
||||
color: #f4b8e4;
|
||||
}
|
||||
|
||||
/* NameException */
|
||||
.chroma .ne {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* NameFunction */
|
||||
.chroma .nf {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* NameEntity */
|
||||
.chroma .ni {
|
||||
color: #f4b8e4;
|
||||
}
|
||||
|
||||
/* NameLabel */
|
||||
.chroma .nl {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameNamespace */
|
||||
.chroma .nn {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameConstant */
|
||||
.chroma .no {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameTag */
|
||||
.chroma .nt {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* NameVariable */
|
||||
.chroma .nv {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameOther */
|
||||
.chroma .nx {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Operator */
|
||||
.chroma .o {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* OperatorWord */
|
||||
.chroma .ow {
|
||||
color: #99d1db;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Punctuation */
|
||||
.chroma .p {
|
||||
color: #949cbb;
|
||||
}
|
||||
|
||||
/* NameProperty */
|
||||
/* LiteralString */
|
||||
.chroma .s {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringSingle */
|
||||
.chroma .s1 {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringDouble */
|
||||
.chroma .s2 {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringAffix */
|
||||
.chroma .sa {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringBacktick */
|
||||
.chroma .sb {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringChar */
|
||||
.chroma .sc {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringDoc */
|
||||
.chroma .sd {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringEscape */
|
||||
.chroma .se {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* LiteralStringHeredoc */
|
||||
.chroma .sh {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringInterpol */
|
||||
.chroma .si {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringRegex */
|
||||
.chroma .sr {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* LiteralStringSymbol */
|
||||
.chroma .ss {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringOther */
|
||||
.chroma .sx {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* NameVariableClass */
|
||||
.chroma .vc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameVariableGlobal */
|
||||
.chroma .vg {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameVariableInstance */
|
||||
.chroma .vi {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameVariableMagic */
|
||||
/* TextWhitespace */
|
||||
.chroma .w {
|
||||
color: #414559;
|
||||
}
|
||||
|
||||
.CodeMirror .cm-property,
|
||||
.CodeMirror.cm-s-default .cm-property,
|
||||
.CodeMirror.cm-s-paper .cm-property {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-header,
|
||||
.CodeMirror.cm-s-default .cm-header,
|
||||
.CodeMirror.cm-s-paper .cm-header {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-quote,
|
||||
.CodeMirror.cm-s-default .cm-quote,
|
||||
.CodeMirror.cm-s-paper .cm-quote {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-keyword,
|
||||
.CodeMirror.cm-s-default .cm-keyword,
|
||||
.CodeMirror.cm-s-paper .cm-keyword {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
.CodeMirror .cm-atom,
|
||||
.CodeMirror.cm-s-default .cm-atom,
|
||||
.CodeMirror.cm-s-paper .cm-atom {
|
||||
color: #e78284;
|
||||
}
|
||||
.CodeMirror .cm-number,
|
||||
.CodeMirror.cm-s-default .cm-number,
|
||||
.CodeMirror.cm-s-paper .cm-number {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-def,
|
||||
.CodeMirror.cm-s-default .cm-def,
|
||||
.CodeMirror.cm-s-paper .cm-def {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-variable-2,
|
||||
.CodeMirror.cm-s-default .cm-variable-2,
|
||||
.CodeMirror.cm-s-paper .cm-variable-2 {
|
||||
color: #99d1db;
|
||||
}
|
||||
.CodeMirror .cm-variable-3,
|
||||
.CodeMirror.cm-s-default .cm-variable-3,
|
||||
.CodeMirror.cm-s-paper .cm-variable-3 {
|
||||
color: #81c8be;
|
||||
}
|
||||
.CodeMirror .cm-comment,
|
||||
.CodeMirror.cm-s-default .cm-comment,
|
||||
.CodeMirror.cm-s-paper .cm-comment {
|
||||
color: #626880;
|
||||
}
|
||||
.CodeMirror .cm-string,
|
||||
.CodeMirror.cm-s-default .cm-string,
|
||||
.CodeMirror.cm-s-paper .cm-string {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-string-2,
|
||||
.CodeMirror.cm-s-default .cm-string-2,
|
||||
.CodeMirror.cm-s-paper .cm-string-2 {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-meta,
|
||||
.CodeMirror.cm-s-default .cm-meta,
|
||||
.CodeMirror.cm-s-paper .cm-meta {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-qualifier,
|
||||
.CodeMirror.cm-s-default .cm-qualifier,
|
||||
.CodeMirror.cm-s-paper .cm-qualifier {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-builtin,
|
||||
.CodeMirror.cm-s-default .cm-builtin,
|
||||
.CodeMirror.cm-s-paper .cm-builtin {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-bracket,
|
||||
.CodeMirror.cm-s-default .cm-bracket,
|
||||
.CodeMirror.cm-s-paper .cm-bracket {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-tag,
|
||||
.CodeMirror.cm-s-default .cm-tag,
|
||||
.CodeMirror.cm-s-paper .cm-tag {
|
||||
color: #e5c890;
|
||||
}
|
||||
.CodeMirror .cm-attribute,
|
||||
.CodeMirror.cm-s-default .cm-attribute,
|
||||
.CodeMirror.cm-s-paper .cm-attribute {
|
||||
color: #e5c890;
|
||||
}
|
||||
.CodeMirror .cm-hr,
|
||||
.CodeMirror.cm-s-default .cm-hr,
|
||||
.CodeMirror.cm-s-paper .cm-hr {
|
||||
color: #949cbb;
|
||||
}
|
||||
.CodeMirror .cm-url,
|
||||
.CodeMirror.cm-s-default .cm-url,
|
||||
.CodeMirror.cm-s-paper .cm-url {
|
||||
color: #8caaee;
|
||||
}
|
||||
.CodeMirror .cm-link,
|
||||
.CodeMirror.cm-s-default .cm-link,
|
||||
.CodeMirror.cm-s-paper .cm-link {
|
||||
color: #8caaee;
|
||||
}
|
||||
.CodeMirror .cm-error,
|
||||
.CodeMirror.cm-s-default .cm-error,
|
||||
.CodeMirror.cm-s-paper .cm-error {
|
||||
color: #e78284;
|
||||
}
|
||||
700
public/css/theme-catppuccin-frappe-pink.css
Normal file
700
public/css/theme-catppuccin-frappe-pink.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #f4b8e4;
|
||||
--color-primary: #f4b8e4;
|
||||
--color-primary-contrast: #232634;
|
||||
--color-primary-dark-1: #f2abdf;
|
||||
--color-primary-dark-2: #f09eda;
|
||||
--color-primary-dark-3: #ee90d5;
|
||||
--color-primary-dark-4: #ec83d0;
|
||||
--color-primary-dark-5: #ea76cb;
|
||||
--color-primary-dark-6: #e869c6;
|
||||
--color-primary-dark-7: #e65bc1;
|
||||
--color-primary-light-1: #f6c5e9;
|
||||
--color-primary-light-2: #f8d2ee;
|
||||
--color-primary-light-3: #fae0f3;
|
||||
--color-primary-light-4: #fcedf8;
|
||||
--color-primary-light-5: #fefafd;
|
||||
--color-primary-light-6: white;
|
||||
--color-primary-light-7: white;
|
||||
--color-primary-alpha-10: rgba(244, 184, 228, 0.1);
|
||||
--color-primary-alpha-20: rgba(244, 184, 228, 0.2);
|
||||
--color-primary-alpha-30: rgba(244, 184, 228, 0.3);
|
||||
--color-primary-alpha-40: rgba(244, 184, 228, 0.4);
|
||||
--color-primary-alpha-50: rgba(244, 184, 228, 0.5);
|
||||
--color-primary-alpha-60: rgba(244, 184, 228, 0.6);
|
||||
--color-primary-alpha-70: rgba(244, 184, 228, 0.7);
|
||||
--color-primary-alpha-80: rgba(244, 184, 228, 0.8);
|
||||
--color-primary-alpha-90: rgba(244, 184, 228, 0.9);
|
||||
--color-secondary: #51576d;
|
||||
--color-secondary-dark-1: #474c62;
|
||||
--color-secondary-dark-2: #4e536b;
|
||||
--color-secondary-dark-3: #545a74;
|
||||
--color-secondary-dark-4: #5b607c;
|
||||
--color-secondary-dark-5: #616785;
|
||||
--color-secondary-dark-6: #686e8e;
|
||||
--color-secondary-dark-7: #6f7696;
|
||||
--color-secondary-dark-8: #787e9c;
|
||||
--color-secondary-dark-9: #8187a3;
|
||||
--color-secondary-dark-10: #8a8fa9;
|
||||
--color-secondary-dark-11: #9397b0;
|
||||
--color-secondary-dark-12: #9ba0b6;
|
||||
--color-secondary-dark-13: #a4a8bd;
|
||||
--color-secondary-light-1: #3b3e50;
|
||||
--color-secondary-light-2: #343747;
|
||||
--color-secondary-light-3: #2e303e;
|
||||
--color-secondary-light-4: #272a36;
|
||||
--color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
|
||||
--color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
|
||||
--color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
|
||||
--color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
|
||||
--color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
|
||||
--color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
|
||||
--color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
|
||||
--color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
|
||||
--color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
|
||||
/* colors */
|
||||
--color-red: #e78284;
|
||||
--color-orange: #ef9f76;
|
||||
--color-yellow: #e5c890;
|
||||
--color-olive: #a6d189;
|
||||
--color-green: #a6d189;
|
||||
--color-teal: #81c8be;
|
||||
--color-blue: #8caaee;
|
||||
--color-violet: #babbf1;
|
||||
--color-purple: #ca9ee6;
|
||||
--color-pink: #f4b8e4;
|
||||
--color-brown: #eebebe;
|
||||
--color-grey: #949cbb;
|
||||
--color-black: #292c3c;
|
||||
/* light variants - produced via Sass scale-color(color, $lightness: -10%) */
|
||||
--color-red-light: #df575a;
|
||||
--color-orange-light: #ea7f48;
|
||||
--color-yellow-light: #dbb467;
|
||||
--color-olive-light: #8ac364;
|
||||
--color-green-light: #8ac364;
|
||||
--color-teal-light: #5db9ac;
|
||||
--color-blue-light: #6089e7;
|
||||
--color-violet-light: #9091e8;
|
||||
--color-purple-light: #b475dc;
|
||||
--color-pink-light: #ed8cd3;
|
||||
--color-brown-light: #e39696;
|
||||
--color-grey-light: #757fa7;
|
||||
--color-black-light: #14161e;
|
||||
/* other colors */
|
||||
--color-gold: #f2d5cf;
|
||||
--color-white: #c6d0f5;
|
||||
--color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
|
||||
--color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
|
||||
--color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
|
||||
--color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
|
||||
--color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
|
||||
--color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
|
||||
--color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
|
||||
--color-diff-added-row-border: rgba(166, 209, 137, 0.07);
|
||||
--color-diff-inactive: #949cbb;
|
||||
--color-error-border: #e78284;
|
||||
--color-error-bg: #e78284;
|
||||
--color-error-bg-active: #e36d6f;
|
||||
--color-error-bg-hover: #df575a;
|
||||
--color-error-text: #232634;
|
||||
--color-success-border: #8ac364;
|
||||
--color-success-bg: #a6d189;
|
||||
--color-success-text: #232634;
|
||||
--color-warning-border: #dbb467;
|
||||
--color-warning-bg: #e5c890;
|
||||
--color-warning-text: #232634;
|
||||
--color-info-border: #6089e7;
|
||||
--color-info-bg: #232634;
|
||||
--color-info-text: #c6d0f5;
|
||||
--color-red-badge: #df575a;
|
||||
--color-red-badge-bg: #232634;
|
||||
--color-red-badge-hover-bg: #e36d6f;
|
||||
--color-green-badge: #a6d189;
|
||||
--color-green-badge-bg: #232634;
|
||||
--color-green-badge-hover-bg: #98ca77;
|
||||
--color-yellow-badge: #e5c890;
|
||||
--color-yellow-badge-bg: #232634;
|
||||
--color-yellow-badge-hover-bg: #e0be7b;
|
||||
--color-orange-badge: #ef9f76;
|
||||
--color-orange-badge-bg: #232634;
|
||||
--color-orange-badge-hover-bg: #ec8f5f;
|
||||
--color-git: #ef9f76;
|
||||
/* target-based colors */
|
||||
--color-body: #232634;
|
||||
--color-box-header: #292c3c;
|
||||
--color-box-body: #292c3c;
|
||||
--color-box-body-highlight: #414559;
|
||||
--color-text-dark: #a5adce;
|
||||
--color-text: #c6d0f5;
|
||||
--color-text-light: #b5bfe2;
|
||||
--color-text-light-1: #b5bfe2;
|
||||
--color-text-light-2: #b5bfe2;
|
||||
--color-text-light-3: #b5bfe2;
|
||||
--color-footer: #292c3c;
|
||||
--color-timeline: #414559;
|
||||
--color-input-text: #c6d0f5;
|
||||
--color-input-background: #414559;
|
||||
--color-input-toggle-background: #414559;
|
||||
--color-input-border: #51576d;
|
||||
--color-input-border-hover: #626880;
|
||||
--color-navbar: #292c3c;
|
||||
--color-navbar-transparent: rgba(35, 38, 52, 0);
|
||||
--color-light: rgba(98, 104, 128, 0.3);
|
||||
--color-light-mimic-enabled: rgba(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
|
||||
);
|
||||
--color-light-border: #626880;
|
||||
--color-hover: rgba(115, 121, 148, 0.1);
|
||||
--color-active: rgba(198, 208, 245, 0.1);
|
||||
--color-menu: #414559;
|
||||
--color-card: #414559;
|
||||
--color-markup-table-row: rgba(198, 208, 245, 0.02);
|
||||
--color-markup-code-block: rgba(198, 208, 245, 0.05);
|
||||
--color-button: #414559;
|
||||
--color-code-bg: #303446;
|
||||
--color-code-sidebar-bg: #414559;
|
||||
--color-shadow: rgba(35, 38, 52, 0.1);
|
||||
--color-secondary-bg: #414559;
|
||||
--color-text-focus: #c6d0f5;
|
||||
--color-expand-button: #626880;
|
||||
--color-placeholder-text: #626880;
|
||||
--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(198, 208, 245, 0.07);
|
||||
--color-reaction-active-bg: var(--color-primary-alpha-40);
|
||||
--color-header-bar: #292c3c;
|
||||
--color-label-active-bg: #626880;
|
||||
--color-accent: var(--color-primary-light-1);
|
||||
--color-small-accent: var(--color-primary-light-5);
|
||||
--color-active-line: #51576d;
|
||||
}
|
||||
|
||||
/* 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: #232634;
|
||||
}
|
||||
.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: #303446;
|
||||
}
|
||||
|
||||
.ui.basic.modal {
|
||||
background-color: #303446;
|
||||
}
|
||||
|
||||
.ui.commit-header-row .svg.gitea-lock ~ a {
|
||||
color: #232634;
|
||||
}
|
||||
|
||||
.ui.sha.isSigned.isVerified:hover .shortsha {
|
||||
color: #232634;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
|
||||
fill: #232634;
|
||||
}
|
||||
|
||||
.ui.basic.modal,
|
||||
.ui.basic.modal > .header,
|
||||
.ui.inverted.button {
|
||||
color: #c6d0f5 !important;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: rgba(242, 213, 207, 0.3) !important;
|
||||
}
|
||||
|
||||
/* NameBuiltinPseudo */
|
||||
.chroma .bp {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Comment */
|
||||
.chroma .c {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentSingle */
|
||||
.chroma .c1 {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentHashbang */
|
||||
.chroma .ch {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentMultiline */
|
||||
.chroma .cm {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentPreproc */
|
||||
.chroma .cp {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* CommentPreprocFile */
|
||||
.chroma .cpf {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* CommentSpecial */
|
||||
.chroma .cs {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* LiteralStringDelimiter */
|
||||
.chroma .dl {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* NameFunctionMagic */
|
||||
/* Generic */
|
||||
/* GenericDeleted */
|
||||
.chroma .gd {
|
||||
color: #c6d0f5;
|
||||
background-color: rgba(231, 130, 132, 0.15);
|
||||
}
|
||||
|
||||
/* GenericEmph */
|
||||
.chroma .ge {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* GenericHeading */
|
||||
.chroma .gh {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* GenericInserted */
|
||||
.chroma .gi {
|
||||
color: #c6d0f5;
|
||||
background-color: rgba(166, 209, 137, 0.15);
|
||||
}
|
||||
|
||||
/* GenericUnderline */
|
||||
/* GenericOutput */
|
||||
.chroma .go {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* GenericPrompt */
|
||||
.chroma .gp {
|
||||
color: #737994;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* GenericError */
|
||||
.chroma .gr {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* GenericStrong */
|
||||
.chroma .gs {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* GenericTraceback */
|
||||
.chroma .gt {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* GenericSubheading */
|
||||
.chroma .gu {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* LiteralNumberIntegerLong */
|
||||
.chroma .il {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Keyword */
|
||||
.chroma .k {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordConstant */
|
||||
.chroma .kc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* KeywordDeclaration */
|
||||
.chroma .kd {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordNamespace */
|
||||
.chroma .kn {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* KeywordPseudo */
|
||||
.chroma .kp {
|
||||
color: #ca9ee6;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* KeywordReserved */
|
||||
.chroma .kr {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordType */
|
||||
.chroma .kt {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* Literal */
|
||||
/* LiteralDate */
|
||||
/* LiteralNumber */
|
||||
.chroma .m {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberBin */
|
||||
.chroma .mb {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberFloat */
|
||||
.chroma .mf {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberHex */
|
||||
.chroma .mh {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberInteger */
|
||||
.chroma .mi {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberOct */
|
||||
.chroma .mo {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Name */
|
||||
.chroma .n {
|
||||
color: #babbf1;
|
||||
}
|
||||
|
||||
/* NameAttribute */
|
||||
.chroma .na {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameBuiltin */
|
||||
.chroma .nb {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameClass */
|
||||
.chroma .nc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameDecorator */
|
||||
.chroma .nd {
|
||||
color: #f4b8e4;
|
||||
}
|
||||
|
||||
/* NameException */
|
||||
.chroma .ne {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* NameFunction */
|
||||
.chroma .nf {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* NameEntity */
|
||||
.chroma .ni {
|
||||
color: #f4b8e4;
|
||||
}
|
||||
|
||||
/* NameLabel */
|
||||
.chroma .nl {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameNamespace */
|
||||
.chroma .nn {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameConstant */
|
||||
.chroma .no {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameTag */
|
||||
.chroma .nt {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* NameVariable */
|
||||
.chroma .nv {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameOther */
|
||||
.chroma .nx {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Operator */
|
||||
.chroma .o {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* OperatorWord */
|
||||
.chroma .ow {
|
||||
color: #99d1db;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Punctuation */
|
||||
.chroma .p {
|
||||
color: #949cbb;
|
||||
}
|
||||
|
||||
/* NameProperty */
|
||||
/* LiteralString */
|
||||
.chroma .s {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringSingle */
|
||||
.chroma .s1 {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringDouble */
|
||||
.chroma .s2 {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringAffix */
|
||||
.chroma .sa {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringBacktick */
|
||||
.chroma .sb {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringChar */
|
||||
.chroma .sc {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringDoc */
|
||||
.chroma .sd {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringEscape */
|
||||
.chroma .se {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* LiteralStringHeredoc */
|
||||
.chroma .sh {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringInterpol */
|
||||
.chroma .si {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringRegex */
|
||||
.chroma .sr {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* LiteralStringSymbol */
|
||||
.chroma .ss {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringOther */
|
||||
.chroma .sx {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* NameVariableClass */
|
||||
.chroma .vc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameVariableGlobal */
|
||||
.chroma .vg {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameVariableInstance */
|
||||
.chroma .vi {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameVariableMagic */
|
||||
/* TextWhitespace */
|
||||
.chroma .w {
|
||||
color: #414559;
|
||||
}
|
||||
|
||||
.CodeMirror .cm-property,
|
||||
.CodeMirror.cm-s-default .cm-property,
|
||||
.CodeMirror.cm-s-paper .cm-property {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-header,
|
||||
.CodeMirror.cm-s-default .cm-header,
|
||||
.CodeMirror.cm-s-paper .cm-header {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-quote,
|
||||
.CodeMirror.cm-s-default .cm-quote,
|
||||
.CodeMirror.cm-s-paper .cm-quote {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-keyword,
|
||||
.CodeMirror.cm-s-default .cm-keyword,
|
||||
.CodeMirror.cm-s-paper .cm-keyword {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
.CodeMirror .cm-atom,
|
||||
.CodeMirror.cm-s-default .cm-atom,
|
||||
.CodeMirror.cm-s-paper .cm-atom {
|
||||
color: #e78284;
|
||||
}
|
||||
.CodeMirror .cm-number,
|
||||
.CodeMirror.cm-s-default .cm-number,
|
||||
.CodeMirror.cm-s-paper .cm-number {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-def,
|
||||
.CodeMirror.cm-s-default .cm-def,
|
||||
.CodeMirror.cm-s-paper .cm-def {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-variable-2,
|
||||
.CodeMirror.cm-s-default .cm-variable-2,
|
||||
.CodeMirror.cm-s-paper .cm-variable-2 {
|
||||
color: #99d1db;
|
||||
}
|
||||
.CodeMirror .cm-variable-3,
|
||||
.CodeMirror.cm-s-default .cm-variable-3,
|
||||
.CodeMirror.cm-s-paper .cm-variable-3 {
|
||||
color: #81c8be;
|
||||
}
|
||||
.CodeMirror .cm-comment,
|
||||
.CodeMirror.cm-s-default .cm-comment,
|
||||
.CodeMirror.cm-s-paper .cm-comment {
|
||||
color: #626880;
|
||||
}
|
||||
.CodeMirror .cm-string,
|
||||
.CodeMirror.cm-s-default .cm-string,
|
||||
.CodeMirror.cm-s-paper .cm-string {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-string-2,
|
||||
.CodeMirror.cm-s-default .cm-string-2,
|
||||
.CodeMirror.cm-s-paper .cm-string-2 {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-meta,
|
||||
.CodeMirror.cm-s-default .cm-meta,
|
||||
.CodeMirror.cm-s-paper .cm-meta {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-qualifier,
|
||||
.CodeMirror.cm-s-default .cm-qualifier,
|
||||
.CodeMirror.cm-s-paper .cm-qualifier {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-builtin,
|
||||
.CodeMirror.cm-s-default .cm-builtin,
|
||||
.CodeMirror.cm-s-paper .cm-builtin {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-bracket,
|
||||
.CodeMirror.cm-s-default .cm-bracket,
|
||||
.CodeMirror.cm-s-paper .cm-bracket {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-tag,
|
||||
.CodeMirror.cm-s-default .cm-tag,
|
||||
.CodeMirror.cm-s-paper .cm-tag {
|
||||
color: #e5c890;
|
||||
}
|
||||
.CodeMirror .cm-attribute,
|
||||
.CodeMirror.cm-s-default .cm-attribute,
|
||||
.CodeMirror.cm-s-paper .cm-attribute {
|
||||
color: #e5c890;
|
||||
}
|
||||
.CodeMirror .cm-hr,
|
||||
.CodeMirror.cm-s-default .cm-hr,
|
||||
.CodeMirror.cm-s-paper .cm-hr {
|
||||
color: #949cbb;
|
||||
}
|
||||
.CodeMirror .cm-url,
|
||||
.CodeMirror.cm-s-default .cm-url,
|
||||
.CodeMirror.cm-s-paper .cm-url {
|
||||
color: #8caaee;
|
||||
}
|
||||
.CodeMirror .cm-link,
|
||||
.CodeMirror.cm-s-default .cm-link,
|
||||
.CodeMirror.cm-s-paper .cm-link {
|
||||
color: #8caaee;
|
||||
}
|
||||
.CodeMirror .cm-error,
|
||||
.CodeMirror.cm-s-default .cm-error,
|
||||
.CodeMirror.cm-s-paper .cm-error {
|
||||
color: #e78284;
|
||||
}
|
||||
700
public/css/theme-catppuccin-frappe-red.css
Normal file
700
public/css/theme-catppuccin-frappe-red.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #e78284;
|
||||
--color-primary: #e78284;
|
||||
--color-primary-contrast: #232634;
|
||||
--color-primary-dark-1: #e57577;
|
||||
--color-primary-dark-2: #e2686b;
|
||||
--color-primary-dark-3: #e05b5e;
|
||||
--color-primary-dark-4: #dd4f51;
|
||||
--color-primary-dark-5: #db4245;
|
||||
--color-primary-dark-6: #d83538;
|
||||
--color-primary-dark-7: #d5292c;
|
||||
--color-primary-light-1: #e98f91;
|
||||
--color-primary-light-2: #ec9c9d;
|
||||
--color-primary-light-3: #eea9aa;
|
||||
--color-primary-light-4: #f1b5b7;
|
||||
--color-primary-light-5: #f3c2c3;
|
||||
--color-primary-light-6: #f6cfd0;
|
||||
--color-primary-light-7: #f8dcdc;
|
||||
--color-primary-alpha-10: rgba(231, 130, 132, 0.1);
|
||||
--color-primary-alpha-20: rgba(231, 130, 132, 0.2);
|
||||
--color-primary-alpha-30: rgba(231, 130, 132, 0.3);
|
||||
--color-primary-alpha-40: rgba(231, 130, 132, 0.4);
|
||||
--color-primary-alpha-50: rgba(231, 130, 132, 0.5);
|
||||
--color-primary-alpha-60: rgba(231, 130, 132, 0.6);
|
||||
--color-primary-alpha-70: rgba(231, 130, 132, 0.7);
|
||||
--color-primary-alpha-80: rgba(231, 130, 132, 0.8);
|
||||
--color-primary-alpha-90: rgba(231, 130, 132, 0.9);
|
||||
--color-secondary: #51576d;
|
||||
--color-secondary-dark-1: #474c62;
|
||||
--color-secondary-dark-2: #4e536b;
|
||||
--color-secondary-dark-3: #545a74;
|
||||
--color-secondary-dark-4: #5b607c;
|
||||
--color-secondary-dark-5: #616785;
|
||||
--color-secondary-dark-6: #686e8e;
|
||||
--color-secondary-dark-7: #6f7696;
|
||||
--color-secondary-dark-8: #787e9c;
|
||||
--color-secondary-dark-9: #8187a3;
|
||||
--color-secondary-dark-10: #8a8fa9;
|
||||
--color-secondary-dark-11: #9397b0;
|
||||
--color-secondary-dark-12: #9ba0b6;
|
||||
--color-secondary-dark-13: #a4a8bd;
|
||||
--color-secondary-light-1: #3b3e50;
|
||||
--color-secondary-light-2: #343747;
|
||||
--color-secondary-light-3: #2e303e;
|
||||
--color-secondary-light-4: #272a36;
|
||||
--color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
|
||||
--color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
|
||||
--color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
|
||||
--color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
|
||||
--color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
|
||||
--color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
|
||||
--color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
|
||||
--color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
|
||||
--color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
|
||||
/* colors */
|
||||
--color-red: #e78284;
|
||||
--color-orange: #ef9f76;
|
||||
--color-yellow: #e5c890;
|
||||
--color-olive: #a6d189;
|
||||
--color-green: #a6d189;
|
||||
--color-teal: #81c8be;
|
||||
--color-blue: #8caaee;
|
||||
--color-violet: #babbf1;
|
||||
--color-purple: #ca9ee6;
|
||||
--color-pink: #f4b8e4;
|
||||
--color-brown: #eebebe;
|
||||
--color-grey: #949cbb;
|
||||
--color-black: #292c3c;
|
||||
/* light variants - produced via Sass scale-color(color, $lightness: -10%) */
|
||||
--color-red-light: #df575a;
|
||||
--color-orange-light: #ea7f48;
|
||||
--color-yellow-light: #dbb467;
|
||||
--color-olive-light: #8ac364;
|
||||
--color-green-light: #8ac364;
|
||||
--color-teal-light: #5db9ac;
|
||||
--color-blue-light: #6089e7;
|
||||
--color-violet-light: #9091e8;
|
||||
--color-purple-light: #b475dc;
|
||||
--color-pink-light: #ed8cd3;
|
||||
--color-brown-light: #e39696;
|
||||
--color-grey-light: #757fa7;
|
||||
--color-black-light: #14161e;
|
||||
/* other colors */
|
||||
--color-gold: #f2d5cf;
|
||||
--color-white: #c6d0f5;
|
||||
--color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
|
||||
--color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
|
||||
--color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
|
||||
--color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
|
||||
--color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
|
||||
--color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
|
||||
--color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
|
||||
--color-diff-added-row-border: rgba(166, 209, 137, 0.07);
|
||||
--color-diff-inactive: #949cbb;
|
||||
--color-error-border: #e78284;
|
||||
--color-error-bg: #e78284;
|
||||
--color-error-bg-active: #e36d6f;
|
||||
--color-error-bg-hover: #df575a;
|
||||
--color-error-text: #232634;
|
||||
--color-success-border: #8ac364;
|
||||
--color-success-bg: #a6d189;
|
||||
--color-success-text: #232634;
|
||||
--color-warning-border: #dbb467;
|
||||
--color-warning-bg: #e5c890;
|
||||
--color-warning-text: #232634;
|
||||
--color-info-border: #6089e7;
|
||||
--color-info-bg: #232634;
|
||||
--color-info-text: #c6d0f5;
|
||||
--color-red-badge: #df575a;
|
||||
--color-red-badge-bg: #232634;
|
||||
--color-red-badge-hover-bg: #e36d6f;
|
||||
--color-green-badge: #a6d189;
|
||||
--color-green-badge-bg: #232634;
|
||||
--color-green-badge-hover-bg: #98ca77;
|
||||
--color-yellow-badge: #e5c890;
|
||||
--color-yellow-badge-bg: #232634;
|
||||
--color-yellow-badge-hover-bg: #e0be7b;
|
||||
--color-orange-badge: #ef9f76;
|
||||
--color-orange-badge-bg: #232634;
|
||||
--color-orange-badge-hover-bg: #ec8f5f;
|
||||
--color-git: #ef9f76;
|
||||
/* target-based colors */
|
||||
--color-body: #232634;
|
||||
--color-box-header: #292c3c;
|
||||
--color-box-body: #292c3c;
|
||||
--color-box-body-highlight: #414559;
|
||||
--color-text-dark: #a5adce;
|
||||
--color-text: #c6d0f5;
|
||||
--color-text-light: #b5bfe2;
|
||||
--color-text-light-1: #b5bfe2;
|
||||
--color-text-light-2: #b5bfe2;
|
||||
--color-text-light-3: #b5bfe2;
|
||||
--color-footer: #292c3c;
|
||||
--color-timeline: #414559;
|
||||
--color-input-text: #c6d0f5;
|
||||
--color-input-background: #414559;
|
||||
--color-input-toggle-background: #414559;
|
||||
--color-input-border: #51576d;
|
||||
--color-input-border-hover: #626880;
|
||||
--color-navbar: #292c3c;
|
||||
--color-navbar-transparent: rgba(35, 38, 52, 0);
|
||||
--color-light: rgba(98, 104, 128, 0.3);
|
||||
--color-light-mimic-enabled: rgba(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
|
||||
);
|
||||
--color-light-border: #626880;
|
||||
--color-hover: rgba(115, 121, 148, 0.1);
|
||||
--color-active: rgba(198, 208, 245, 0.1);
|
||||
--color-menu: #414559;
|
||||
--color-card: #414559;
|
||||
--color-markup-table-row: rgba(198, 208, 245, 0.02);
|
||||
--color-markup-code-block: rgba(198, 208, 245, 0.05);
|
||||
--color-button: #414559;
|
||||
--color-code-bg: #303446;
|
||||
--color-code-sidebar-bg: #414559;
|
||||
--color-shadow: rgba(35, 38, 52, 0.1);
|
||||
--color-secondary-bg: #414559;
|
||||
--color-text-focus: #c6d0f5;
|
||||
--color-expand-button: #626880;
|
||||
--color-placeholder-text: #626880;
|
||||
--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(198, 208, 245, 0.07);
|
||||
--color-reaction-active-bg: var(--color-primary-alpha-40);
|
||||
--color-header-bar: #292c3c;
|
||||
--color-label-active-bg: #626880;
|
||||
--color-accent: var(--color-primary-light-1);
|
||||
--color-small-accent: var(--color-primary-light-5);
|
||||
--color-active-line: #51576d;
|
||||
}
|
||||
|
||||
/* 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: #232634;
|
||||
}
|
||||
.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: #303446;
|
||||
}
|
||||
|
||||
.ui.basic.modal {
|
||||
background-color: #303446;
|
||||
}
|
||||
|
||||
.ui.commit-header-row .svg.gitea-lock ~ a {
|
||||
color: #232634;
|
||||
}
|
||||
|
||||
.ui.sha.isSigned.isVerified:hover .shortsha {
|
||||
color: #232634;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
|
||||
fill: #232634;
|
||||
}
|
||||
|
||||
.ui.basic.modal,
|
||||
.ui.basic.modal > .header,
|
||||
.ui.inverted.button {
|
||||
color: #c6d0f5 !important;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: rgba(242, 213, 207, 0.3) !important;
|
||||
}
|
||||
|
||||
/* NameBuiltinPseudo */
|
||||
.chroma .bp {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Comment */
|
||||
.chroma .c {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentSingle */
|
||||
.chroma .c1 {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentHashbang */
|
||||
.chroma .ch {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentMultiline */
|
||||
.chroma .cm {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentPreproc */
|
||||
.chroma .cp {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* CommentPreprocFile */
|
||||
.chroma .cpf {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* CommentSpecial */
|
||||
.chroma .cs {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* LiteralStringDelimiter */
|
||||
.chroma .dl {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* NameFunctionMagic */
|
||||
/* Generic */
|
||||
/* GenericDeleted */
|
||||
.chroma .gd {
|
||||
color: #c6d0f5;
|
||||
background-color: rgba(231, 130, 132, 0.15);
|
||||
}
|
||||
|
||||
/* GenericEmph */
|
||||
.chroma .ge {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* GenericHeading */
|
||||
.chroma .gh {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* GenericInserted */
|
||||
.chroma .gi {
|
||||
color: #c6d0f5;
|
||||
background-color: rgba(166, 209, 137, 0.15);
|
||||
}
|
||||
|
||||
/* GenericUnderline */
|
||||
/* GenericOutput */
|
||||
.chroma .go {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* GenericPrompt */
|
||||
.chroma .gp {
|
||||
color: #737994;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* GenericError */
|
||||
.chroma .gr {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* GenericStrong */
|
||||
.chroma .gs {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* GenericTraceback */
|
||||
.chroma .gt {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* GenericSubheading */
|
||||
.chroma .gu {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* LiteralNumberIntegerLong */
|
||||
.chroma .il {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Keyword */
|
||||
.chroma .k {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordConstant */
|
||||
.chroma .kc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* KeywordDeclaration */
|
||||
.chroma .kd {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordNamespace */
|
||||
.chroma .kn {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* KeywordPseudo */
|
||||
.chroma .kp {
|
||||
color: #ca9ee6;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* KeywordReserved */
|
||||
.chroma .kr {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordType */
|
||||
.chroma .kt {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* Literal */
|
||||
/* LiteralDate */
|
||||
/* LiteralNumber */
|
||||
.chroma .m {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberBin */
|
||||
.chroma .mb {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberFloat */
|
||||
.chroma .mf {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberHex */
|
||||
.chroma .mh {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberInteger */
|
||||
.chroma .mi {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberOct */
|
||||
.chroma .mo {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Name */
|
||||
.chroma .n {
|
||||
color: #babbf1;
|
||||
}
|
||||
|
||||
/* NameAttribute */
|
||||
.chroma .na {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameBuiltin */
|
||||
.chroma .nb {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameClass */
|
||||
.chroma .nc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameDecorator */
|
||||
.chroma .nd {
|
||||
color: #f4b8e4;
|
||||
}
|
||||
|
||||
/* NameException */
|
||||
.chroma .ne {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* NameFunction */
|
||||
.chroma .nf {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* NameEntity */
|
||||
.chroma .ni {
|
||||
color: #f4b8e4;
|
||||
}
|
||||
|
||||
/* NameLabel */
|
||||
.chroma .nl {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameNamespace */
|
||||
.chroma .nn {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameConstant */
|
||||
.chroma .no {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameTag */
|
||||
.chroma .nt {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* NameVariable */
|
||||
.chroma .nv {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameOther */
|
||||
.chroma .nx {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Operator */
|
||||
.chroma .o {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* OperatorWord */
|
||||
.chroma .ow {
|
||||
color: #99d1db;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Punctuation */
|
||||
.chroma .p {
|
||||
color: #949cbb;
|
||||
}
|
||||
|
||||
/* NameProperty */
|
||||
/* LiteralString */
|
||||
.chroma .s {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringSingle */
|
||||
.chroma .s1 {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringDouble */
|
||||
.chroma .s2 {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringAffix */
|
||||
.chroma .sa {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringBacktick */
|
||||
.chroma .sb {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringChar */
|
||||
.chroma .sc {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringDoc */
|
||||
.chroma .sd {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringEscape */
|
||||
.chroma .se {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* LiteralStringHeredoc */
|
||||
.chroma .sh {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringInterpol */
|
||||
.chroma .si {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringRegex */
|
||||
.chroma .sr {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* LiteralStringSymbol */
|
||||
.chroma .ss {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringOther */
|
||||
.chroma .sx {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* NameVariableClass */
|
||||
.chroma .vc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameVariableGlobal */
|
||||
.chroma .vg {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameVariableInstance */
|
||||
.chroma .vi {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameVariableMagic */
|
||||
/* TextWhitespace */
|
||||
.chroma .w {
|
||||
color: #414559;
|
||||
}
|
||||
|
||||
.CodeMirror .cm-property,
|
||||
.CodeMirror.cm-s-default .cm-property,
|
||||
.CodeMirror.cm-s-paper .cm-property {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-header,
|
||||
.CodeMirror.cm-s-default .cm-header,
|
||||
.CodeMirror.cm-s-paper .cm-header {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-quote,
|
||||
.CodeMirror.cm-s-default .cm-quote,
|
||||
.CodeMirror.cm-s-paper .cm-quote {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-keyword,
|
||||
.CodeMirror.cm-s-default .cm-keyword,
|
||||
.CodeMirror.cm-s-paper .cm-keyword {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
.CodeMirror .cm-atom,
|
||||
.CodeMirror.cm-s-default .cm-atom,
|
||||
.CodeMirror.cm-s-paper .cm-atom {
|
||||
color: #e78284;
|
||||
}
|
||||
.CodeMirror .cm-number,
|
||||
.CodeMirror.cm-s-default .cm-number,
|
||||
.CodeMirror.cm-s-paper .cm-number {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-def,
|
||||
.CodeMirror.cm-s-default .cm-def,
|
||||
.CodeMirror.cm-s-paper .cm-def {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-variable-2,
|
||||
.CodeMirror.cm-s-default .cm-variable-2,
|
||||
.CodeMirror.cm-s-paper .cm-variable-2 {
|
||||
color: #99d1db;
|
||||
}
|
||||
.CodeMirror .cm-variable-3,
|
||||
.CodeMirror.cm-s-default .cm-variable-3,
|
||||
.CodeMirror.cm-s-paper .cm-variable-3 {
|
||||
color: #81c8be;
|
||||
}
|
||||
.CodeMirror .cm-comment,
|
||||
.CodeMirror.cm-s-default .cm-comment,
|
||||
.CodeMirror.cm-s-paper .cm-comment {
|
||||
color: #626880;
|
||||
}
|
||||
.CodeMirror .cm-string,
|
||||
.CodeMirror.cm-s-default .cm-string,
|
||||
.CodeMirror.cm-s-paper .cm-string {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-string-2,
|
||||
.CodeMirror.cm-s-default .cm-string-2,
|
||||
.CodeMirror.cm-s-paper .cm-string-2 {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-meta,
|
||||
.CodeMirror.cm-s-default .cm-meta,
|
||||
.CodeMirror.cm-s-paper .cm-meta {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-qualifier,
|
||||
.CodeMirror.cm-s-default .cm-qualifier,
|
||||
.CodeMirror.cm-s-paper .cm-qualifier {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-builtin,
|
||||
.CodeMirror.cm-s-default .cm-builtin,
|
||||
.CodeMirror.cm-s-paper .cm-builtin {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-bracket,
|
||||
.CodeMirror.cm-s-default .cm-bracket,
|
||||
.CodeMirror.cm-s-paper .cm-bracket {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-tag,
|
||||
.CodeMirror.cm-s-default .cm-tag,
|
||||
.CodeMirror.cm-s-paper .cm-tag {
|
||||
color: #e5c890;
|
||||
}
|
||||
.CodeMirror .cm-attribute,
|
||||
.CodeMirror.cm-s-default .cm-attribute,
|
||||
.CodeMirror.cm-s-paper .cm-attribute {
|
||||
color: #e5c890;
|
||||
}
|
||||
.CodeMirror .cm-hr,
|
||||
.CodeMirror.cm-s-default .cm-hr,
|
||||
.CodeMirror.cm-s-paper .cm-hr {
|
||||
color: #949cbb;
|
||||
}
|
||||
.CodeMirror .cm-url,
|
||||
.CodeMirror.cm-s-default .cm-url,
|
||||
.CodeMirror.cm-s-paper .cm-url {
|
||||
color: #8caaee;
|
||||
}
|
||||
.CodeMirror .cm-link,
|
||||
.CodeMirror.cm-s-default .cm-link,
|
||||
.CodeMirror.cm-s-paper .cm-link {
|
||||
color: #8caaee;
|
||||
}
|
||||
.CodeMirror .cm-error,
|
||||
.CodeMirror.cm-s-default .cm-error,
|
||||
.CodeMirror.cm-s-paper .cm-error {
|
||||
color: #e78284;
|
||||
}
|
||||
700
public/css/theme-catppuccin-frappe-rosewater.css
Normal file
700
public/css/theme-catppuccin-frappe-rosewater.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #f2d5cf;
|
||||
--color-primary: #f2d5cf;
|
||||
--color-primary-contrast: #232634;
|
||||
--color-primary-dark-1: #efcac3;
|
||||
--color-primary-dark-2: #ebc0b7;
|
||||
--color-primary-dark-3: #e8b5ab;
|
||||
--color-primary-dark-4: #e5ab9f;
|
||||
--color-primary-dark-5: #e2a093;
|
||||
--color-primary-dark-6: #de9687;
|
||||
--color-primary-dark-7: #db8b7b;
|
||||
--color-primary-light-1: #f5e0db;
|
||||
--color-primary-light-2: #f9eae7;
|
||||
--color-primary-light-3: #fcf5f3;
|
||||
--color-primary-light-4: white;
|
||||
--color-primary-light-5: white;
|
||||
--color-primary-light-6: white;
|
||||
--color-primary-light-7: white;
|
||||
--color-primary-alpha-10: rgba(242, 213, 207, 0.1);
|
||||
--color-primary-alpha-20: rgba(242, 213, 207, 0.2);
|
||||
--color-primary-alpha-30: rgba(242, 213, 207, 0.3);
|
||||
--color-primary-alpha-40: rgba(242, 213, 207, 0.4);
|
||||
--color-primary-alpha-50: rgba(242, 213, 207, 0.5);
|
||||
--color-primary-alpha-60: rgba(242, 213, 207, 0.6);
|
||||
--color-primary-alpha-70: rgba(242, 213, 207, 0.7);
|
||||
--color-primary-alpha-80: rgba(242, 213, 207, 0.8);
|
||||
--color-primary-alpha-90: rgba(242, 213, 207, 0.9);
|
||||
--color-secondary: #51576d;
|
||||
--color-secondary-dark-1: #474c62;
|
||||
--color-secondary-dark-2: #4e536b;
|
||||
--color-secondary-dark-3: #545a74;
|
||||
--color-secondary-dark-4: #5b607c;
|
||||
--color-secondary-dark-5: #616785;
|
||||
--color-secondary-dark-6: #686e8e;
|
||||
--color-secondary-dark-7: #6f7696;
|
||||
--color-secondary-dark-8: #787e9c;
|
||||
--color-secondary-dark-9: #8187a3;
|
||||
--color-secondary-dark-10: #8a8fa9;
|
||||
--color-secondary-dark-11: #9397b0;
|
||||
--color-secondary-dark-12: #9ba0b6;
|
||||
--color-secondary-dark-13: #a4a8bd;
|
||||
--color-secondary-light-1: #3b3e50;
|
||||
--color-secondary-light-2: #343747;
|
||||
--color-secondary-light-3: #2e303e;
|
||||
--color-secondary-light-4: #272a36;
|
||||
--color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
|
||||
--color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
|
||||
--color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
|
||||
--color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
|
||||
--color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
|
||||
--color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
|
||||
--color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
|
||||
--color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
|
||||
--color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
|
||||
/* colors */
|
||||
--color-red: #e78284;
|
||||
--color-orange: #ef9f76;
|
||||
--color-yellow: #e5c890;
|
||||
--color-olive: #a6d189;
|
||||
--color-green: #a6d189;
|
||||
--color-teal: #81c8be;
|
||||
--color-blue: #8caaee;
|
||||
--color-violet: #babbf1;
|
||||
--color-purple: #ca9ee6;
|
||||
--color-pink: #f4b8e4;
|
||||
--color-brown: #eebebe;
|
||||
--color-grey: #949cbb;
|
||||
--color-black: #292c3c;
|
||||
/* light variants - produced via Sass scale-color(color, $lightness: -10%) */
|
||||
--color-red-light: #df575a;
|
||||
--color-orange-light: #ea7f48;
|
||||
--color-yellow-light: #dbb467;
|
||||
--color-olive-light: #8ac364;
|
||||
--color-green-light: #8ac364;
|
||||
--color-teal-light: #5db9ac;
|
||||
--color-blue-light: #6089e7;
|
||||
--color-violet-light: #9091e8;
|
||||
--color-purple-light: #b475dc;
|
||||
--color-pink-light: #ed8cd3;
|
||||
--color-brown-light: #e39696;
|
||||
--color-grey-light: #757fa7;
|
||||
--color-black-light: #14161e;
|
||||
/* other colors */
|
||||
--color-gold: #f2d5cf;
|
||||
--color-white: #c6d0f5;
|
||||
--color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
|
||||
--color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
|
||||
--color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
|
||||
--color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
|
||||
--color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
|
||||
--color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
|
||||
--color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
|
||||
--color-diff-added-row-border: rgba(166, 209, 137, 0.07);
|
||||
--color-diff-inactive: #949cbb;
|
||||
--color-error-border: #e78284;
|
||||
--color-error-bg: #e78284;
|
||||
--color-error-bg-active: #e36d6f;
|
||||
--color-error-bg-hover: #df575a;
|
||||
--color-error-text: #232634;
|
||||
--color-success-border: #8ac364;
|
||||
--color-success-bg: #a6d189;
|
||||
--color-success-text: #232634;
|
||||
--color-warning-border: #dbb467;
|
||||
--color-warning-bg: #e5c890;
|
||||
--color-warning-text: #232634;
|
||||
--color-info-border: #6089e7;
|
||||
--color-info-bg: #232634;
|
||||
--color-info-text: #c6d0f5;
|
||||
--color-red-badge: #df575a;
|
||||
--color-red-badge-bg: #232634;
|
||||
--color-red-badge-hover-bg: #e36d6f;
|
||||
--color-green-badge: #a6d189;
|
||||
--color-green-badge-bg: #232634;
|
||||
--color-green-badge-hover-bg: #98ca77;
|
||||
--color-yellow-badge: #e5c890;
|
||||
--color-yellow-badge-bg: #232634;
|
||||
--color-yellow-badge-hover-bg: #e0be7b;
|
||||
--color-orange-badge: #ef9f76;
|
||||
--color-orange-badge-bg: #232634;
|
||||
--color-orange-badge-hover-bg: #ec8f5f;
|
||||
--color-git: #ef9f76;
|
||||
/* target-based colors */
|
||||
--color-body: #232634;
|
||||
--color-box-header: #292c3c;
|
||||
--color-box-body: #292c3c;
|
||||
--color-box-body-highlight: #414559;
|
||||
--color-text-dark: #a5adce;
|
||||
--color-text: #c6d0f5;
|
||||
--color-text-light: #b5bfe2;
|
||||
--color-text-light-1: #b5bfe2;
|
||||
--color-text-light-2: #b5bfe2;
|
||||
--color-text-light-3: #b5bfe2;
|
||||
--color-footer: #292c3c;
|
||||
--color-timeline: #414559;
|
||||
--color-input-text: #c6d0f5;
|
||||
--color-input-background: #414559;
|
||||
--color-input-toggle-background: #414559;
|
||||
--color-input-border: #51576d;
|
||||
--color-input-border-hover: #626880;
|
||||
--color-navbar: #292c3c;
|
||||
--color-navbar-transparent: rgba(35, 38, 52, 0);
|
||||
--color-light: rgba(98, 104, 128, 0.3);
|
||||
--color-light-mimic-enabled: rgba(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
|
||||
);
|
||||
--color-light-border: #626880;
|
||||
--color-hover: rgba(115, 121, 148, 0.1);
|
||||
--color-active: rgba(198, 208, 245, 0.1);
|
||||
--color-menu: #414559;
|
||||
--color-card: #414559;
|
||||
--color-markup-table-row: rgba(198, 208, 245, 0.02);
|
||||
--color-markup-code-block: rgba(198, 208, 245, 0.05);
|
||||
--color-button: #414559;
|
||||
--color-code-bg: #303446;
|
||||
--color-code-sidebar-bg: #414559;
|
||||
--color-shadow: rgba(35, 38, 52, 0.1);
|
||||
--color-secondary-bg: #414559;
|
||||
--color-text-focus: #c6d0f5;
|
||||
--color-expand-button: #626880;
|
||||
--color-placeholder-text: #626880;
|
||||
--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(198, 208, 245, 0.07);
|
||||
--color-reaction-active-bg: var(--color-primary-alpha-40);
|
||||
--color-header-bar: #292c3c;
|
||||
--color-label-active-bg: #626880;
|
||||
--color-accent: var(--color-primary-light-1);
|
||||
--color-small-accent: var(--color-primary-light-5);
|
||||
--color-active-line: #51576d;
|
||||
}
|
||||
|
||||
/* 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: #232634;
|
||||
}
|
||||
.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: #303446;
|
||||
}
|
||||
|
||||
.ui.basic.modal {
|
||||
background-color: #303446;
|
||||
}
|
||||
|
||||
.ui.commit-header-row .svg.gitea-lock ~ a {
|
||||
color: #232634;
|
||||
}
|
||||
|
||||
.ui.sha.isSigned.isVerified:hover .shortsha {
|
||||
color: #232634;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
|
||||
fill: #232634;
|
||||
}
|
||||
|
||||
.ui.basic.modal,
|
||||
.ui.basic.modal > .header,
|
||||
.ui.inverted.button {
|
||||
color: #c6d0f5 !important;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: rgba(242, 213, 207, 0.3) !important;
|
||||
}
|
||||
|
||||
/* NameBuiltinPseudo */
|
||||
.chroma .bp {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Comment */
|
||||
.chroma .c {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentSingle */
|
||||
.chroma .c1 {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentHashbang */
|
||||
.chroma .ch {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentMultiline */
|
||||
.chroma .cm {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentPreproc */
|
||||
.chroma .cp {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* CommentPreprocFile */
|
||||
.chroma .cpf {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* CommentSpecial */
|
||||
.chroma .cs {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* LiteralStringDelimiter */
|
||||
.chroma .dl {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* NameFunctionMagic */
|
||||
/* Generic */
|
||||
/* GenericDeleted */
|
||||
.chroma .gd {
|
||||
color: #c6d0f5;
|
||||
background-color: rgba(231, 130, 132, 0.15);
|
||||
}
|
||||
|
||||
/* GenericEmph */
|
||||
.chroma .ge {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* GenericHeading */
|
||||
.chroma .gh {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* GenericInserted */
|
||||
.chroma .gi {
|
||||
color: #c6d0f5;
|
||||
background-color: rgba(166, 209, 137, 0.15);
|
||||
}
|
||||
|
||||
/* GenericUnderline */
|
||||
/* GenericOutput */
|
||||
.chroma .go {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* GenericPrompt */
|
||||
.chroma .gp {
|
||||
color: #737994;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* GenericError */
|
||||
.chroma .gr {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* GenericStrong */
|
||||
.chroma .gs {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* GenericTraceback */
|
||||
.chroma .gt {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* GenericSubheading */
|
||||
.chroma .gu {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* LiteralNumberIntegerLong */
|
||||
.chroma .il {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Keyword */
|
||||
.chroma .k {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordConstant */
|
||||
.chroma .kc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* KeywordDeclaration */
|
||||
.chroma .kd {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordNamespace */
|
||||
.chroma .kn {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* KeywordPseudo */
|
||||
.chroma .kp {
|
||||
color: #ca9ee6;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* KeywordReserved */
|
||||
.chroma .kr {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordType */
|
||||
.chroma .kt {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* Literal */
|
||||
/* LiteralDate */
|
||||
/* LiteralNumber */
|
||||
.chroma .m {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberBin */
|
||||
.chroma .mb {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberFloat */
|
||||
.chroma .mf {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberHex */
|
||||
.chroma .mh {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberInteger */
|
||||
.chroma .mi {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberOct */
|
||||
.chroma .mo {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Name */
|
||||
.chroma .n {
|
||||
color: #babbf1;
|
||||
}
|
||||
|
||||
/* NameAttribute */
|
||||
.chroma .na {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameBuiltin */
|
||||
.chroma .nb {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameClass */
|
||||
.chroma .nc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameDecorator */
|
||||
.chroma .nd {
|
||||
color: #f4b8e4;
|
||||
}
|
||||
|
||||
/* NameException */
|
||||
.chroma .ne {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* NameFunction */
|
||||
.chroma .nf {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* NameEntity */
|
||||
.chroma .ni {
|
||||
color: #f4b8e4;
|
||||
}
|
||||
|
||||
/* NameLabel */
|
||||
.chroma .nl {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameNamespace */
|
||||
.chroma .nn {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameConstant */
|
||||
.chroma .no {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameTag */
|
||||
.chroma .nt {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* NameVariable */
|
||||
.chroma .nv {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameOther */
|
||||
.chroma .nx {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Operator */
|
||||
.chroma .o {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* OperatorWord */
|
||||
.chroma .ow {
|
||||
color: #99d1db;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Punctuation */
|
||||
.chroma .p {
|
||||
color: #949cbb;
|
||||
}
|
||||
|
||||
/* NameProperty */
|
||||
/* LiteralString */
|
||||
.chroma .s {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringSingle */
|
||||
.chroma .s1 {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringDouble */
|
||||
.chroma .s2 {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringAffix */
|
||||
.chroma .sa {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringBacktick */
|
||||
.chroma .sb {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringChar */
|
||||
.chroma .sc {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringDoc */
|
||||
.chroma .sd {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringEscape */
|
||||
.chroma .se {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* LiteralStringHeredoc */
|
||||
.chroma .sh {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringInterpol */
|
||||
.chroma .si {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringRegex */
|
||||
.chroma .sr {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* LiteralStringSymbol */
|
||||
.chroma .ss {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringOther */
|
||||
.chroma .sx {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* NameVariableClass */
|
||||
.chroma .vc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameVariableGlobal */
|
||||
.chroma .vg {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameVariableInstance */
|
||||
.chroma .vi {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameVariableMagic */
|
||||
/* TextWhitespace */
|
||||
.chroma .w {
|
||||
color: #414559;
|
||||
}
|
||||
|
||||
.CodeMirror .cm-property,
|
||||
.CodeMirror.cm-s-default .cm-property,
|
||||
.CodeMirror.cm-s-paper .cm-property {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-header,
|
||||
.CodeMirror.cm-s-default .cm-header,
|
||||
.CodeMirror.cm-s-paper .cm-header {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-quote,
|
||||
.CodeMirror.cm-s-default .cm-quote,
|
||||
.CodeMirror.cm-s-paper .cm-quote {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-keyword,
|
||||
.CodeMirror.cm-s-default .cm-keyword,
|
||||
.CodeMirror.cm-s-paper .cm-keyword {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
.CodeMirror .cm-atom,
|
||||
.CodeMirror.cm-s-default .cm-atom,
|
||||
.CodeMirror.cm-s-paper .cm-atom {
|
||||
color: #e78284;
|
||||
}
|
||||
.CodeMirror .cm-number,
|
||||
.CodeMirror.cm-s-default .cm-number,
|
||||
.CodeMirror.cm-s-paper .cm-number {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-def,
|
||||
.CodeMirror.cm-s-default .cm-def,
|
||||
.CodeMirror.cm-s-paper .cm-def {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-variable-2,
|
||||
.CodeMirror.cm-s-default .cm-variable-2,
|
||||
.CodeMirror.cm-s-paper .cm-variable-2 {
|
||||
color: #99d1db;
|
||||
}
|
||||
.CodeMirror .cm-variable-3,
|
||||
.CodeMirror.cm-s-default .cm-variable-3,
|
||||
.CodeMirror.cm-s-paper .cm-variable-3 {
|
||||
color: #81c8be;
|
||||
}
|
||||
.CodeMirror .cm-comment,
|
||||
.CodeMirror.cm-s-default .cm-comment,
|
||||
.CodeMirror.cm-s-paper .cm-comment {
|
||||
color: #626880;
|
||||
}
|
||||
.CodeMirror .cm-string,
|
||||
.CodeMirror.cm-s-default .cm-string,
|
||||
.CodeMirror.cm-s-paper .cm-string {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-string-2,
|
||||
.CodeMirror.cm-s-default .cm-string-2,
|
||||
.CodeMirror.cm-s-paper .cm-string-2 {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-meta,
|
||||
.CodeMirror.cm-s-default .cm-meta,
|
||||
.CodeMirror.cm-s-paper .cm-meta {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-qualifier,
|
||||
.CodeMirror.cm-s-default .cm-qualifier,
|
||||
.CodeMirror.cm-s-paper .cm-qualifier {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-builtin,
|
||||
.CodeMirror.cm-s-default .cm-builtin,
|
||||
.CodeMirror.cm-s-paper .cm-builtin {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-bracket,
|
||||
.CodeMirror.cm-s-default .cm-bracket,
|
||||
.CodeMirror.cm-s-paper .cm-bracket {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-tag,
|
||||
.CodeMirror.cm-s-default .cm-tag,
|
||||
.CodeMirror.cm-s-paper .cm-tag {
|
||||
color: #e5c890;
|
||||
}
|
||||
.CodeMirror .cm-attribute,
|
||||
.CodeMirror.cm-s-default .cm-attribute,
|
||||
.CodeMirror.cm-s-paper .cm-attribute {
|
||||
color: #e5c890;
|
||||
}
|
||||
.CodeMirror .cm-hr,
|
||||
.CodeMirror.cm-s-default .cm-hr,
|
||||
.CodeMirror.cm-s-paper .cm-hr {
|
||||
color: #949cbb;
|
||||
}
|
||||
.CodeMirror .cm-url,
|
||||
.CodeMirror.cm-s-default .cm-url,
|
||||
.CodeMirror.cm-s-paper .cm-url {
|
||||
color: #8caaee;
|
||||
}
|
||||
.CodeMirror .cm-link,
|
||||
.CodeMirror.cm-s-default .cm-link,
|
||||
.CodeMirror.cm-s-paper .cm-link {
|
||||
color: #8caaee;
|
||||
}
|
||||
.CodeMirror .cm-error,
|
||||
.CodeMirror.cm-s-default .cm-error,
|
||||
.CodeMirror.cm-s-paper .cm-error {
|
||||
color: #e78284;
|
||||
}
|
||||
700
public/css/theme-catppuccin-frappe-sapphire.css
Normal file
700
public/css/theme-catppuccin-frappe-sapphire.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #85c1dc;
|
||||
--color-primary: #85c1dc;
|
||||
--color-primary-contrast: #232634;
|
||||
--color-primary-dark-1: #79bbd9;
|
||||
--color-primary-dark-2: #6db5d5;
|
||||
--color-primary-dark-3: #61afd2;
|
||||
--color-primary-dark-4: #55a9ce;
|
||||
--color-primary-dark-5: #4aa3cb;
|
||||
--color-primary-dark-6: #3e9dc8;
|
||||
--color-primary-dark-7: #3795bf;
|
||||
--color-primary-light-1: #91c7df;
|
||||
--color-primary-light-2: #9dcde3;
|
||||
--color-primary-light-3: #a9d3e6;
|
||||
--color-primary-light-4: #b5d9ea;
|
||||
--color-primary-light-5: #c0dfed;
|
||||
--color-primary-light-6: #cce5f0;
|
||||
--color-primary-light-7: #d8ebf4;
|
||||
--color-primary-alpha-10: rgba(133, 193, 220, 0.1);
|
||||
--color-primary-alpha-20: rgba(133, 193, 220, 0.2);
|
||||
--color-primary-alpha-30: rgba(133, 193, 220, 0.3);
|
||||
--color-primary-alpha-40: rgba(133, 193, 220, 0.4);
|
||||
--color-primary-alpha-50: rgba(133, 193, 220, 0.5);
|
||||
--color-primary-alpha-60: rgba(133, 193, 220, 0.6);
|
||||
--color-primary-alpha-70: rgba(133, 193, 220, 0.7);
|
||||
--color-primary-alpha-80: rgba(133, 193, 220, 0.8);
|
||||
--color-primary-alpha-90: rgba(133, 193, 220, 0.9);
|
||||
--color-secondary: #51576d;
|
||||
--color-secondary-dark-1: #474c62;
|
||||
--color-secondary-dark-2: #4e536b;
|
||||
--color-secondary-dark-3: #545a74;
|
||||
--color-secondary-dark-4: #5b607c;
|
||||
--color-secondary-dark-5: #616785;
|
||||
--color-secondary-dark-6: #686e8e;
|
||||
--color-secondary-dark-7: #6f7696;
|
||||
--color-secondary-dark-8: #787e9c;
|
||||
--color-secondary-dark-9: #8187a3;
|
||||
--color-secondary-dark-10: #8a8fa9;
|
||||
--color-secondary-dark-11: #9397b0;
|
||||
--color-secondary-dark-12: #9ba0b6;
|
||||
--color-secondary-dark-13: #a4a8bd;
|
||||
--color-secondary-light-1: #3b3e50;
|
||||
--color-secondary-light-2: #343747;
|
||||
--color-secondary-light-3: #2e303e;
|
||||
--color-secondary-light-4: #272a36;
|
||||
--color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
|
||||
--color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
|
||||
--color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
|
||||
--color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
|
||||
--color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
|
||||
--color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
|
||||
--color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
|
||||
--color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
|
||||
--color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
|
||||
/* colors */
|
||||
--color-red: #e78284;
|
||||
--color-orange: #ef9f76;
|
||||
--color-yellow: #e5c890;
|
||||
--color-olive: #a6d189;
|
||||
--color-green: #a6d189;
|
||||
--color-teal: #81c8be;
|
||||
--color-blue: #8caaee;
|
||||
--color-violet: #babbf1;
|
||||
--color-purple: #ca9ee6;
|
||||
--color-pink: #f4b8e4;
|
||||
--color-brown: #eebebe;
|
||||
--color-grey: #949cbb;
|
||||
--color-black: #292c3c;
|
||||
/* light variants - produced via Sass scale-color(color, $lightness: -10%) */
|
||||
--color-red-light: #df575a;
|
||||
--color-orange-light: #ea7f48;
|
||||
--color-yellow-light: #dbb467;
|
||||
--color-olive-light: #8ac364;
|
||||
--color-green-light: #8ac364;
|
||||
--color-teal-light: #5db9ac;
|
||||
--color-blue-light: #6089e7;
|
||||
--color-violet-light: #9091e8;
|
||||
--color-purple-light: #b475dc;
|
||||
--color-pink-light: #ed8cd3;
|
||||
--color-brown-light: #e39696;
|
||||
--color-grey-light: #757fa7;
|
||||
--color-black-light: #14161e;
|
||||
/* other colors */
|
||||
--color-gold: #f2d5cf;
|
||||
--color-white: #c6d0f5;
|
||||
--color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
|
||||
--color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
|
||||
--color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
|
||||
--color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
|
||||
--color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
|
||||
--color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
|
||||
--color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
|
||||
--color-diff-added-row-border: rgba(166, 209, 137, 0.07);
|
||||
--color-diff-inactive: #949cbb;
|
||||
--color-error-border: #e78284;
|
||||
--color-error-bg: #e78284;
|
||||
--color-error-bg-active: #e36d6f;
|
||||
--color-error-bg-hover: #df575a;
|
||||
--color-error-text: #232634;
|
||||
--color-success-border: #8ac364;
|
||||
--color-success-bg: #a6d189;
|
||||
--color-success-text: #232634;
|
||||
--color-warning-border: #dbb467;
|
||||
--color-warning-bg: #e5c890;
|
||||
--color-warning-text: #232634;
|
||||
--color-info-border: #6089e7;
|
||||
--color-info-bg: #232634;
|
||||
--color-info-text: #c6d0f5;
|
||||
--color-red-badge: #df575a;
|
||||
--color-red-badge-bg: #232634;
|
||||
--color-red-badge-hover-bg: #e36d6f;
|
||||
--color-green-badge: #a6d189;
|
||||
--color-green-badge-bg: #232634;
|
||||
--color-green-badge-hover-bg: #98ca77;
|
||||
--color-yellow-badge: #e5c890;
|
||||
--color-yellow-badge-bg: #232634;
|
||||
--color-yellow-badge-hover-bg: #e0be7b;
|
||||
--color-orange-badge: #ef9f76;
|
||||
--color-orange-badge-bg: #232634;
|
||||
--color-orange-badge-hover-bg: #ec8f5f;
|
||||
--color-git: #ef9f76;
|
||||
/* target-based colors */
|
||||
--color-body: #232634;
|
||||
--color-box-header: #292c3c;
|
||||
--color-box-body: #292c3c;
|
||||
--color-box-body-highlight: #414559;
|
||||
--color-text-dark: #a5adce;
|
||||
--color-text: #c6d0f5;
|
||||
--color-text-light: #b5bfe2;
|
||||
--color-text-light-1: #b5bfe2;
|
||||
--color-text-light-2: #b5bfe2;
|
||||
--color-text-light-3: #b5bfe2;
|
||||
--color-footer: #292c3c;
|
||||
--color-timeline: #414559;
|
||||
--color-input-text: #c6d0f5;
|
||||
--color-input-background: #414559;
|
||||
--color-input-toggle-background: #414559;
|
||||
--color-input-border: #51576d;
|
||||
--color-input-border-hover: #626880;
|
||||
--color-navbar: #292c3c;
|
||||
--color-navbar-transparent: rgba(35, 38, 52, 0);
|
||||
--color-light: rgba(98, 104, 128, 0.3);
|
||||
--color-light-mimic-enabled: rgba(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
|
||||
);
|
||||
--color-light-border: #626880;
|
||||
--color-hover: rgba(115, 121, 148, 0.1);
|
||||
--color-active: rgba(198, 208, 245, 0.1);
|
||||
--color-menu: #414559;
|
||||
--color-card: #414559;
|
||||
--color-markup-table-row: rgba(198, 208, 245, 0.02);
|
||||
--color-markup-code-block: rgba(198, 208, 245, 0.05);
|
||||
--color-button: #414559;
|
||||
--color-code-bg: #303446;
|
||||
--color-code-sidebar-bg: #414559;
|
||||
--color-shadow: rgba(35, 38, 52, 0.1);
|
||||
--color-secondary-bg: #414559;
|
||||
--color-text-focus: #c6d0f5;
|
||||
--color-expand-button: #626880;
|
||||
--color-placeholder-text: #626880;
|
||||
--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(198, 208, 245, 0.07);
|
||||
--color-reaction-active-bg: var(--color-primary-alpha-40);
|
||||
--color-header-bar: #292c3c;
|
||||
--color-label-active-bg: #626880;
|
||||
--color-accent: var(--color-primary-light-1);
|
||||
--color-small-accent: var(--color-primary-light-5);
|
||||
--color-active-line: #51576d;
|
||||
}
|
||||
|
||||
/* 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: #232634;
|
||||
}
|
||||
.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: #303446;
|
||||
}
|
||||
|
||||
.ui.basic.modal {
|
||||
background-color: #303446;
|
||||
}
|
||||
|
||||
.ui.commit-header-row .svg.gitea-lock ~ a {
|
||||
color: #232634;
|
||||
}
|
||||
|
||||
.ui.sha.isSigned.isVerified:hover .shortsha {
|
||||
color: #232634;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
|
||||
fill: #232634;
|
||||
}
|
||||
|
||||
.ui.basic.modal,
|
||||
.ui.basic.modal > .header,
|
||||
.ui.inverted.button {
|
||||
color: #c6d0f5 !important;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: rgba(242, 213, 207, 0.3) !important;
|
||||
}
|
||||
|
||||
/* NameBuiltinPseudo */
|
||||
.chroma .bp {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Comment */
|
||||
.chroma .c {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentSingle */
|
||||
.chroma .c1 {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentHashbang */
|
||||
.chroma .ch {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentMultiline */
|
||||
.chroma .cm {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentPreproc */
|
||||
.chroma .cp {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* CommentPreprocFile */
|
||||
.chroma .cpf {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* CommentSpecial */
|
||||
.chroma .cs {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* LiteralStringDelimiter */
|
||||
.chroma .dl {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* NameFunctionMagic */
|
||||
/* Generic */
|
||||
/* GenericDeleted */
|
||||
.chroma .gd {
|
||||
color: #c6d0f5;
|
||||
background-color: rgba(231, 130, 132, 0.15);
|
||||
}
|
||||
|
||||
/* GenericEmph */
|
||||
.chroma .ge {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* GenericHeading */
|
||||
.chroma .gh {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* GenericInserted */
|
||||
.chroma .gi {
|
||||
color: #c6d0f5;
|
||||
background-color: rgba(166, 209, 137, 0.15);
|
||||
}
|
||||
|
||||
/* GenericUnderline */
|
||||
/* GenericOutput */
|
||||
.chroma .go {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* GenericPrompt */
|
||||
.chroma .gp {
|
||||
color: #737994;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* GenericError */
|
||||
.chroma .gr {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* GenericStrong */
|
||||
.chroma .gs {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* GenericTraceback */
|
||||
.chroma .gt {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* GenericSubheading */
|
||||
.chroma .gu {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* LiteralNumberIntegerLong */
|
||||
.chroma .il {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Keyword */
|
||||
.chroma .k {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordConstant */
|
||||
.chroma .kc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* KeywordDeclaration */
|
||||
.chroma .kd {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordNamespace */
|
||||
.chroma .kn {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* KeywordPseudo */
|
||||
.chroma .kp {
|
||||
color: #ca9ee6;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* KeywordReserved */
|
||||
.chroma .kr {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordType */
|
||||
.chroma .kt {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* Literal */
|
||||
/* LiteralDate */
|
||||
/* LiteralNumber */
|
||||
.chroma .m {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberBin */
|
||||
.chroma .mb {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberFloat */
|
||||
.chroma .mf {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberHex */
|
||||
.chroma .mh {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberInteger */
|
||||
.chroma .mi {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberOct */
|
||||
.chroma .mo {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Name */
|
||||
.chroma .n {
|
||||
color: #babbf1;
|
||||
}
|
||||
|
||||
/* NameAttribute */
|
||||
.chroma .na {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameBuiltin */
|
||||
.chroma .nb {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameClass */
|
||||
.chroma .nc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameDecorator */
|
||||
.chroma .nd {
|
||||
color: #f4b8e4;
|
||||
}
|
||||
|
||||
/* NameException */
|
||||
.chroma .ne {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* NameFunction */
|
||||
.chroma .nf {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* NameEntity */
|
||||
.chroma .ni {
|
||||
color: #f4b8e4;
|
||||
}
|
||||
|
||||
/* NameLabel */
|
||||
.chroma .nl {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameNamespace */
|
||||
.chroma .nn {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameConstant */
|
||||
.chroma .no {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameTag */
|
||||
.chroma .nt {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* NameVariable */
|
||||
.chroma .nv {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameOther */
|
||||
.chroma .nx {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Operator */
|
||||
.chroma .o {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* OperatorWord */
|
||||
.chroma .ow {
|
||||
color: #99d1db;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Punctuation */
|
||||
.chroma .p {
|
||||
color: #949cbb;
|
||||
}
|
||||
|
||||
/* NameProperty */
|
||||
/* LiteralString */
|
||||
.chroma .s {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringSingle */
|
||||
.chroma .s1 {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringDouble */
|
||||
.chroma .s2 {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringAffix */
|
||||
.chroma .sa {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringBacktick */
|
||||
.chroma .sb {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringChar */
|
||||
.chroma .sc {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringDoc */
|
||||
.chroma .sd {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringEscape */
|
||||
.chroma .se {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* LiteralStringHeredoc */
|
||||
.chroma .sh {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringInterpol */
|
||||
.chroma .si {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringRegex */
|
||||
.chroma .sr {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* LiteralStringSymbol */
|
||||
.chroma .ss {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringOther */
|
||||
.chroma .sx {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* NameVariableClass */
|
||||
.chroma .vc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameVariableGlobal */
|
||||
.chroma .vg {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameVariableInstance */
|
||||
.chroma .vi {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameVariableMagic */
|
||||
/* TextWhitespace */
|
||||
.chroma .w {
|
||||
color: #414559;
|
||||
}
|
||||
|
||||
.CodeMirror .cm-property,
|
||||
.CodeMirror.cm-s-default .cm-property,
|
||||
.CodeMirror.cm-s-paper .cm-property {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-header,
|
||||
.CodeMirror.cm-s-default .cm-header,
|
||||
.CodeMirror.cm-s-paper .cm-header {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-quote,
|
||||
.CodeMirror.cm-s-default .cm-quote,
|
||||
.CodeMirror.cm-s-paper .cm-quote {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-keyword,
|
||||
.CodeMirror.cm-s-default .cm-keyword,
|
||||
.CodeMirror.cm-s-paper .cm-keyword {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
.CodeMirror .cm-atom,
|
||||
.CodeMirror.cm-s-default .cm-atom,
|
||||
.CodeMirror.cm-s-paper .cm-atom {
|
||||
color: #e78284;
|
||||
}
|
||||
.CodeMirror .cm-number,
|
||||
.CodeMirror.cm-s-default .cm-number,
|
||||
.CodeMirror.cm-s-paper .cm-number {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-def,
|
||||
.CodeMirror.cm-s-default .cm-def,
|
||||
.CodeMirror.cm-s-paper .cm-def {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-variable-2,
|
||||
.CodeMirror.cm-s-default .cm-variable-2,
|
||||
.CodeMirror.cm-s-paper .cm-variable-2 {
|
||||
color: #99d1db;
|
||||
}
|
||||
.CodeMirror .cm-variable-3,
|
||||
.CodeMirror.cm-s-default .cm-variable-3,
|
||||
.CodeMirror.cm-s-paper .cm-variable-3 {
|
||||
color: #81c8be;
|
||||
}
|
||||
.CodeMirror .cm-comment,
|
||||
.CodeMirror.cm-s-default .cm-comment,
|
||||
.CodeMirror.cm-s-paper .cm-comment {
|
||||
color: #626880;
|
||||
}
|
||||
.CodeMirror .cm-string,
|
||||
.CodeMirror.cm-s-default .cm-string,
|
||||
.CodeMirror.cm-s-paper .cm-string {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-string-2,
|
||||
.CodeMirror.cm-s-default .cm-string-2,
|
||||
.CodeMirror.cm-s-paper .cm-string-2 {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-meta,
|
||||
.CodeMirror.cm-s-default .cm-meta,
|
||||
.CodeMirror.cm-s-paper .cm-meta {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-qualifier,
|
||||
.CodeMirror.cm-s-default .cm-qualifier,
|
||||
.CodeMirror.cm-s-paper .cm-qualifier {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-builtin,
|
||||
.CodeMirror.cm-s-default .cm-builtin,
|
||||
.CodeMirror.cm-s-paper .cm-builtin {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-bracket,
|
||||
.CodeMirror.cm-s-default .cm-bracket,
|
||||
.CodeMirror.cm-s-paper .cm-bracket {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-tag,
|
||||
.CodeMirror.cm-s-default .cm-tag,
|
||||
.CodeMirror.cm-s-paper .cm-tag {
|
||||
color: #e5c890;
|
||||
}
|
||||
.CodeMirror .cm-attribute,
|
||||
.CodeMirror.cm-s-default .cm-attribute,
|
||||
.CodeMirror.cm-s-paper .cm-attribute {
|
||||
color: #e5c890;
|
||||
}
|
||||
.CodeMirror .cm-hr,
|
||||
.CodeMirror.cm-s-default .cm-hr,
|
||||
.CodeMirror.cm-s-paper .cm-hr {
|
||||
color: #949cbb;
|
||||
}
|
||||
.CodeMirror .cm-url,
|
||||
.CodeMirror.cm-s-default .cm-url,
|
||||
.CodeMirror.cm-s-paper .cm-url {
|
||||
color: #8caaee;
|
||||
}
|
||||
.CodeMirror .cm-link,
|
||||
.CodeMirror.cm-s-default .cm-link,
|
||||
.CodeMirror.cm-s-paper .cm-link {
|
||||
color: #8caaee;
|
||||
}
|
||||
.CodeMirror .cm-error,
|
||||
.CodeMirror.cm-s-default .cm-error,
|
||||
.CodeMirror.cm-s-paper .cm-error {
|
||||
color: #e78284;
|
||||
}
|
||||
700
public/css/theme-catppuccin-frappe-sky.css
Normal file
700
public/css/theme-catppuccin-frappe-sky.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #99d1db;
|
||||
--color-primary: #99d1db;
|
||||
--color-primary-contrast: #232634;
|
||||
--color-primary-dark-1: #8eccd7;
|
||||
--color-primary-dark-2: #82c7d3;
|
||||
--color-primary-dark-3: #77c2cf;
|
||||
--color-primary-dark-4: #6cbdcb;
|
||||
--color-primary-dark-5: #60b8c7;
|
||||
--color-primary-dark-6: #55b2c3;
|
||||
--color-primary-dark-7: #4aadbf;
|
||||
--color-primary-light-1: #a4d6df;
|
||||
--color-primary-light-2: #b0dbe3;
|
||||
--color-primary-light-3: #bbe0e7;
|
||||
--color-primary-light-4: #c6e5eb;
|
||||
--color-primary-light-5: #d2ebef;
|
||||
--color-primary-light-6: #ddf0f3;
|
||||
--color-primary-light-7: #e8f5f7;
|
||||
--color-primary-alpha-10: rgba(153, 209, 219, 0.1);
|
||||
--color-primary-alpha-20: rgba(153, 209, 219, 0.2);
|
||||
--color-primary-alpha-30: rgba(153, 209, 219, 0.3);
|
||||
--color-primary-alpha-40: rgba(153, 209, 219, 0.4);
|
||||
--color-primary-alpha-50: rgba(153, 209, 219, 0.5);
|
||||
--color-primary-alpha-60: rgba(153, 209, 219, 0.6);
|
||||
--color-primary-alpha-70: rgba(153, 209, 219, 0.7);
|
||||
--color-primary-alpha-80: rgba(153, 209, 219, 0.8);
|
||||
--color-primary-alpha-90: rgba(153, 209, 219, 0.9);
|
||||
--color-secondary: #51576d;
|
||||
--color-secondary-dark-1: #474c62;
|
||||
--color-secondary-dark-2: #4e536b;
|
||||
--color-secondary-dark-3: #545a74;
|
||||
--color-secondary-dark-4: #5b607c;
|
||||
--color-secondary-dark-5: #616785;
|
||||
--color-secondary-dark-6: #686e8e;
|
||||
--color-secondary-dark-7: #6f7696;
|
||||
--color-secondary-dark-8: #787e9c;
|
||||
--color-secondary-dark-9: #8187a3;
|
||||
--color-secondary-dark-10: #8a8fa9;
|
||||
--color-secondary-dark-11: #9397b0;
|
||||
--color-secondary-dark-12: #9ba0b6;
|
||||
--color-secondary-dark-13: #a4a8bd;
|
||||
--color-secondary-light-1: #3b3e50;
|
||||
--color-secondary-light-2: #343747;
|
||||
--color-secondary-light-3: #2e303e;
|
||||
--color-secondary-light-4: #272a36;
|
||||
--color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
|
||||
--color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
|
||||
--color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
|
||||
--color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
|
||||
--color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
|
||||
--color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
|
||||
--color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
|
||||
--color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
|
||||
--color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
|
||||
/* colors */
|
||||
--color-red: #e78284;
|
||||
--color-orange: #ef9f76;
|
||||
--color-yellow: #e5c890;
|
||||
--color-olive: #a6d189;
|
||||
--color-green: #a6d189;
|
||||
--color-teal: #81c8be;
|
||||
--color-blue: #8caaee;
|
||||
--color-violet: #babbf1;
|
||||
--color-purple: #ca9ee6;
|
||||
--color-pink: #f4b8e4;
|
||||
--color-brown: #eebebe;
|
||||
--color-grey: #949cbb;
|
||||
--color-black: #292c3c;
|
||||
/* light variants - produced via Sass scale-color(color, $lightness: -10%) */
|
||||
--color-red-light: #df575a;
|
||||
--color-orange-light: #ea7f48;
|
||||
--color-yellow-light: #dbb467;
|
||||
--color-olive-light: #8ac364;
|
||||
--color-green-light: #8ac364;
|
||||
--color-teal-light: #5db9ac;
|
||||
--color-blue-light: #6089e7;
|
||||
--color-violet-light: #9091e8;
|
||||
--color-purple-light: #b475dc;
|
||||
--color-pink-light: #ed8cd3;
|
||||
--color-brown-light: #e39696;
|
||||
--color-grey-light: #757fa7;
|
||||
--color-black-light: #14161e;
|
||||
/* other colors */
|
||||
--color-gold: #f2d5cf;
|
||||
--color-white: #c6d0f5;
|
||||
--color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
|
||||
--color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
|
||||
--color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
|
||||
--color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
|
||||
--color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
|
||||
--color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
|
||||
--color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
|
||||
--color-diff-added-row-border: rgba(166, 209, 137, 0.07);
|
||||
--color-diff-inactive: #949cbb;
|
||||
--color-error-border: #e78284;
|
||||
--color-error-bg: #e78284;
|
||||
--color-error-bg-active: #e36d6f;
|
||||
--color-error-bg-hover: #df575a;
|
||||
--color-error-text: #232634;
|
||||
--color-success-border: #8ac364;
|
||||
--color-success-bg: #a6d189;
|
||||
--color-success-text: #232634;
|
||||
--color-warning-border: #dbb467;
|
||||
--color-warning-bg: #e5c890;
|
||||
--color-warning-text: #232634;
|
||||
--color-info-border: #6089e7;
|
||||
--color-info-bg: #232634;
|
||||
--color-info-text: #c6d0f5;
|
||||
--color-red-badge: #df575a;
|
||||
--color-red-badge-bg: #232634;
|
||||
--color-red-badge-hover-bg: #e36d6f;
|
||||
--color-green-badge: #a6d189;
|
||||
--color-green-badge-bg: #232634;
|
||||
--color-green-badge-hover-bg: #98ca77;
|
||||
--color-yellow-badge: #e5c890;
|
||||
--color-yellow-badge-bg: #232634;
|
||||
--color-yellow-badge-hover-bg: #e0be7b;
|
||||
--color-orange-badge: #ef9f76;
|
||||
--color-orange-badge-bg: #232634;
|
||||
--color-orange-badge-hover-bg: #ec8f5f;
|
||||
--color-git: #ef9f76;
|
||||
/* target-based colors */
|
||||
--color-body: #232634;
|
||||
--color-box-header: #292c3c;
|
||||
--color-box-body: #292c3c;
|
||||
--color-box-body-highlight: #414559;
|
||||
--color-text-dark: #a5adce;
|
||||
--color-text: #c6d0f5;
|
||||
--color-text-light: #b5bfe2;
|
||||
--color-text-light-1: #b5bfe2;
|
||||
--color-text-light-2: #b5bfe2;
|
||||
--color-text-light-3: #b5bfe2;
|
||||
--color-footer: #292c3c;
|
||||
--color-timeline: #414559;
|
||||
--color-input-text: #c6d0f5;
|
||||
--color-input-background: #414559;
|
||||
--color-input-toggle-background: #414559;
|
||||
--color-input-border: #51576d;
|
||||
--color-input-border-hover: #626880;
|
||||
--color-navbar: #292c3c;
|
||||
--color-navbar-transparent: rgba(35, 38, 52, 0);
|
||||
--color-light: rgba(98, 104, 128, 0.3);
|
||||
--color-light-mimic-enabled: rgba(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
|
||||
);
|
||||
--color-light-border: #626880;
|
||||
--color-hover: rgba(115, 121, 148, 0.1);
|
||||
--color-active: rgba(198, 208, 245, 0.1);
|
||||
--color-menu: #414559;
|
||||
--color-card: #414559;
|
||||
--color-markup-table-row: rgba(198, 208, 245, 0.02);
|
||||
--color-markup-code-block: rgba(198, 208, 245, 0.05);
|
||||
--color-button: #414559;
|
||||
--color-code-bg: #303446;
|
||||
--color-code-sidebar-bg: #414559;
|
||||
--color-shadow: rgba(35, 38, 52, 0.1);
|
||||
--color-secondary-bg: #414559;
|
||||
--color-text-focus: #c6d0f5;
|
||||
--color-expand-button: #626880;
|
||||
--color-placeholder-text: #626880;
|
||||
--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(198, 208, 245, 0.07);
|
||||
--color-reaction-active-bg: var(--color-primary-alpha-40);
|
||||
--color-header-bar: #292c3c;
|
||||
--color-label-active-bg: #626880;
|
||||
--color-accent: var(--color-primary-light-1);
|
||||
--color-small-accent: var(--color-primary-light-5);
|
||||
--color-active-line: #51576d;
|
||||
}
|
||||
|
||||
/* 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: #232634;
|
||||
}
|
||||
.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: #303446;
|
||||
}
|
||||
|
||||
.ui.basic.modal {
|
||||
background-color: #303446;
|
||||
}
|
||||
|
||||
.ui.commit-header-row .svg.gitea-lock ~ a {
|
||||
color: #232634;
|
||||
}
|
||||
|
||||
.ui.sha.isSigned.isVerified:hover .shortsha {
|
||||
color: #232634;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
|
||||
fill: #232634;
|
||||
}
|
||||
|
||||
.ui.basic.modal,
|
||||
.ui.basic.modal > .header,
|
||||
.ui.inverted.button {
|
||||
color: #c6d0f5 !important;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: rgba(242, 213, 207, 0.3) !important;
|
||||
}
|
||||
|
||||
/* NameBuiltinPseudo */
|
||||
.chroma .bp {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Comment */
|
||||
.chroma .c {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentSingle */
|
||||
.chroma .c1 {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentHashbang */
|
||||
.chroma .ch {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentMultiline */
|
||||
.chroma .cm {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentPreproc */
|
||||
.chroma .cp {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* CommentPreprocFile */
|
||||
.chroma .cpf {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* CommentSpecial */
|
||||
.chroma .cs {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* LiteralStringDelimiter */
|
||||
.chroma .dl {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* NameFunctionMagic */
|
||||
/* Generic */
|
||||
/* GenericDeleted */
|
||||
.chroma .gd {
|
||||
color: #c6d0f5;
|
||||
background-color: rgba(231, 130, 132, 0.15);
|
||||
}
|
||||
|
||||
/* GenericEmph */
|
||||
.chroma .ge {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* GenericHeading */
|
||||
.chroma .gh {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* GenericInserted */
|
||||
.chroma .gi {
|
||||
color: #c6d0f5;
|
||||
background-color: rgba(166, 209, 137, 0.15);
|
||||
}
|
||||
|
||||
/* GenericUnderline */
|
||||
/* GenericOutput */
|
||||
.chroma .go {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* GenericPrompt */
|
||||
.chroma .gp {
|
||||
color: #737994;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* GenericError */
|
||||
.chroma .gr {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* GenericStrong */
|
||||
.chroma .gs {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* GenericTraceback */
|
||||
.chroma .gt {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* GenericSubheading */
|
||||
.chroma .gu {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* LiteralNumberIntegerLong */
|
||||
.chroma .il {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Keyword */
|
||||
.chroma .k {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordConstant */
|
||||
.chroma .kc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* KeywordDeclaration */
|
||||
.chroma .kd {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordNamespace */
|
||||
.chroma .kn {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* KeywordPseudo */
|
||||
.chroma .kp {
|
||||
color: #ca9ee6;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* KeywordReserved */
|
||||
.chroma .kr {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordType */
|
||||
.chroma .kt {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* Literal */
|
||||
/* LiteralDate */
|
||||
/* LiteralNumber */
|
||||
.chroma .m {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberBin */
|
||||
.chroma .mb {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberFloat */
|
||||
.chroma .mf {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberHex */
|
||||
.chroma .mh {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberInteger */
|
||||
.chroma .mi {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberOct */
|
||||
.chroma .mo {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Name */
|
||||
.chroma .n {
|
||||
color: #babbf1;
|
||||
}
|
||||
|
||||
/* NameAttribute */
|
||||
.chroma .na {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameBuiltin */
|
||||
.chroma .nb {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameClass */
|
||||
.chroma .nc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameDecorator */
|
||||
.chroma .nd {
|
||||
color: #f4b8e4;
|
||||
}
|
||||
|
||||
/* NameException */
|
||||
.chroma .ne {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* NameFunction */
|
||||
.chroma .nf {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* NameEntity */
|
||||
.chroma .ni {
|
||||
color: #f4b8e4;
|
||||
}
|
||||
|
||||
/* NameLabel */
|
||||
.chroma .nl {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameNamespace */
|
||||
.chroma .nn {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameConstant */
|
||||
.chroma .no {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameTag */
|
||||
.chroma .nt {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* NameVariable */
|
||||
.chroma .nv {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameOther */
|
||||
.chroma .nx {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Operator */
|
||||
.chroma .o {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* OperatorWord */
|
||||
.chroma .ow {
|
||||
color: #99d1db;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Punctuation */
|
||||
.chroma .p {
|
||||
color: #949cbb;
|
||||
}
|
||||
|
||||
/* NameProperty */
|
||||
/* LiteralString */
|
||||
.chroma .s {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringSingle */
|
||||
.chroma .s1 {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringDouble */
|
||||
.chroma .s2 {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringAffix */
|
||||
.chroma .sa {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringBacktick */
|
||||
.chroma .sb {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringChar */
|
||||
.chroma .sc {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringDoc */
|
||||
.chroma .sd {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringEscape */
|
||||
.chroma .se {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* LiteralStringHeredoc */
|
||||
.chroma .sh {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringInterpol */
|
||||
.chroma .si {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringRegex */
|
||||
.chroma .sr {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* LiteralStringSymbol */
|
||||
.chroma .ss {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringOther */
|
||||
.chroma .sx {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* NameVariableClass */
|
||||
.chroma .vc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameVariableGlobal */
|
||||
.chroma .vg {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameVariableInstance */
|
||||
.chroma .vi {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameVariableMagic */
|
||||
/* TextWhitespace */
|
||||
.chroma .w {
|
||||
color: #414559;
|
||||
}
|
||||
|
||||
.CodeMirror .cm-property,
|
||||
.CodeMirror.cm-s-default .cm-property,
|
||||
.CodeMirror.cm-s-paper .cm-property {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-header,
|
||||
.CodeMirror.cm-s-default .cm-header,
|
||||
.CodeMirror.cm-s-paper .cm-header {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-quote,
|
||||
.CodeMirror.cm-s-default .cm-quote,
|
||||
.CodeMirror.cm-s-paper .cm-quote {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-keyword,
|
||||
.CodeMirror.cm-s-default .cm-keyword,
|
||||
.CodeMirror.cm-s-paper .cm-keyword {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
.CodeMirror .cm-atom,
|
||||
.CodeMirror.cm-s-default .cm-atom,
|
||||
.CodeMirror.cm-s-paper .cm-atom {
|
||||
color: #e78284;
|
||||
}
|
||||
.CodeMirror .cm-number,
|
||||
.CodeMirror.cm-s-default .cm-number,
|
||||
.CodeMirror.cm-s-paper .cm-number {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-def,
|
||||
.CodeMirror.cm-s-default .cm-def,
|
||||
.CodeMirror.cm-s-paper .cm-def {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-variable-2,
|
||||
.CodeMirror.cm-s-default .cm-variable-2,
|
||||
.CodeMirror.cm-s-paper .cm-variable-2 {
|
||||
color: #99d1db;
|
||||
}
|
||||
.CodeMirror .cm-variable-3,
|
||||
.CodeMirror.cm-s-default .cm-variable-3,
|
||||
.CodeMirror.cm-s-paper .cm-variable-3 {
|
||||
color: #81c8be;
|
||||
}
|
||||
.CodeMirror .cm-comment,
|
||||
.CodeMirror.cm-s-default .cm-comment,
|
||||
.CodeMirror.cm-s-paper .cm-comment {
|
||||
color: #626880;
|
||||
}
|
||||
.CodeMirror .cm-string,
|
||||
.CodeMirror.cm-s-default .cm-string,
|
||||
.CodeMirror.cm-s-paper .cm-string {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-string-2,
|
||||
.CodeMirror.cm-s-default .cm-string-2,
|
||||
.CodeMirror.cm-s-paper .cm-string-2 {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-meta,
|
||||
.CodeMirror.cm-s-default .cm-meta,
|
||||
.CodeMirror.cm-s-paper .cm-meta {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-qualifier,
|
||||
.CodeMirror.cm-s-default .cm-qualifier,
|
||||
.CodeMirror.cm-s-paper .cm-qualifier {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-builtin,
|
||||
.CodeMirror.cm-s-default .cm-builtin,
|
||||
.CodeMirror.cm-s-paper .cm-builtin {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-bracket,
|
||||
.CodeMirror.cm-s-default .cm-bracket,
|
||||
.CodeMirror.cm-s-paper .cm-bracket {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-tag,
|
||||
.CodeMirror.cm-s-default .cm-tag,
|
||||
.CodeMirror.cm-s-paper .cm-tag {
|
||||
color: #e5c890;
|
||||
}
|
||||
.CodeMirror .cm-attribute,
|
||||
.CodeMirror.cm-s-default .cm-attribute,
|
||||
.CodeMirror.cm-s-paper .cm-attribute {
|
||||
color: #e5c890;
|
||||
}
|
||||
.CodeMirror .cm-hr,
|
||||
.CodeMirror.cm-s-default .cm-hr,
|
||||
.CodeMirror.cm-s-paper .cm-hr {
|
||||
color: #949cbb;
|
||||
}
|
||||
.CodeMirror .cm-url,
|
||||
.CodeMirror.cm-s-default .cm-url,
|
||||
.CodeMirror.cm-s-paper .cm-url {
|
||||
color: #8caaee;
|
||||
}
|
||||
.CodeMirror .cm-link,
|
||||
.CodeMirror.cm-s-default .cm-link,
|
||||
.CodeMirror.cm-s-paper .cm-link {
|
||||
color: #8caaee;
|
||||
}
|
||||
.CodeMirror .cm-error,
|
||||
.CodeMirror.cm-s-default .cm-error,
|
||||
.CodeMirror.cm-s-paper .cm-error {
|
||||
color: #e78284;
|
||||
}
|
||||
700
public/css/theme-catppuccin-frappe-teal.css
Normal file
700
public/css/theme-catppuccin-frappe-teal.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #81c8be;
|
||||
--color-primary: #81c8be;
|
||||
--color-primary-contrast: #232634;
|
||||
--color-primary-dark-1: #76c3b9;
|
||||
--color-primary-dark-2: #6cbfb3;
|
||||
--color-primary-dark-3: #61baae;
|
||||
--color-primary-dark-4: #56b5a8;
|
||||
--color-primary-dark-5: #4db0a2;
|
||||
--color-primary-dark-6: #48a598;
|
||||
--color-primary-dark-7: #439a8e;
|
||||
--color-primary-light-1: #8ccdc3;
|
||||
--color-primary-light-2: #96d1c9;
|
||||
--color-primary-light-3: #a1d6ce;
|
||||
--color-primary-light-4: #acdbd4;
|
||||
--color-primary-light-5: #b6dfd9;
|
||||
--color-primary-light-6: #c1e4df;
|
||||
--color-primary-light-7: #cce9e4;
|
||||
--color-primary-alpha-10: rgba(129, 200, 190, 0.1);
|
||||
--color-primary-alpha-20: rgba(129, 200, 190, 0.2);
|
||||
--color-primary-alpha-30: rgba(129, 200, 190, 0.3);
|
||||
--color-primary-alpha-40: rgba(129, 200, 190, 0.4);
|
||||
--color-primary-alpha-50: rgba(129, 200, 190, 0.5);
|
||||
--color-primary-alpha-60: rgba(129, 200, 190, 0.6);
|
||||
--color-primary-alpha-70: rgba(129, 200, 190, 0.7);
|
||||
--color-primary-alpha-80: rgba(129, 200, 190, 0.8);
|
||||
--color-primary-alpha-90: rgba(129, 200, 190, 0.9);
|
||||
--color-secondary: #51576d;
|
||||
--color-secondary-dark-1: #474c62;
|
||||
--color-secondary-dark-2: #4e536b;
|
||||
--color-secondary-dark-3: #545a74;
|
||||
--color-secondary-dark-4: #5b607c;
|
||||
--color-secondary-dark-5: #616785;
|
||||
--color-secondary-dark-6: #686e8e;
|
||||
--color-secondary-dark-7: #6f7696;
|
||||
--color-secondary-dark-8: #787e9c;
|
||||
--color-secondary-dark-9: #8187a3;
|
||||
--color-secondary-dark-10: #8a8fa9;
|
||||
--color-secondary-dark-11: #9397b0;
|
||||
--color-secondary-dark-12: #9ba0b6;
|
||||
--color-secondary-dark-13: #a4a8bd;
|
||||
--color-secondary-light-1: #3b3e50;
|
||||
--color-secondary-light-2: #343747;
|
||||
--color-secondary-light-3: #2e303e;
|
||||
--color-secondary-light-4: #272a36;
|
||||
--color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
|
||||
--color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
|
||||
--color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
|
||||
--color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
|
||||
--color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
|
||||
--color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
|
||||
--color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
|
||||
--color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
|
||||
--color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
|
||||
/* colors */
|
||||
--color-red: #e78284;
|
||||
--color-orange: #ef9f76;
|
||||
--color-yellow: #e5c890;
|
||||
--color-olive: #a6d189;
|
||||
--color-green: #a6d189;
|
||||
--color-teal: #81c8be;
|
||||
--color-blue: #8caaee;
|
||||
--color-violet: #babbf1;
|
||||
--color-purple: #ca9ee6;
|
||||
--color-pink: #f4b8e4;
|
||||
--color-brown: #eebebe;
|
||||
--color-grey: #949cbb;
|
||||
--color-black: #292c3c;
|
||||
/* light variants - produced via Sass scale-color(color, $lightness: -10%) */
|
||||
--color-red-light: #df575a;
|
||||
--color-orange-light: #ea7f48;
|
||||
--color-yellow-light: #dbb467;
|
||||
--color-olive-light: #8ac364;
|
||||
--color-green-light: #8ac364;
|
||||
--color-teal-light: #5db9ac;
|
||||
--color-blue-light: #6089e7;
|
||||
--color-violet-light: #9091e8;
|
||||
--color-purple-light: #b475dc;
|
||||
--color-pink-light: #ed8cd3;
|
||||
--color-brown-light: #e39696;
|
||||
--color-grey-light: #757fa7;
|
||||
--color-black-light: #14161e;
|
||||
/* other colors */
|
||||
--color-gold: #f2d5cf;
|
||||
--color-white: #c6d0f5;
|
||||
--color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
|
||||
--color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
|
||||
--color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
|
||||
--color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
|
||||
--color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
|
||||
--color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
|
||||
--color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
|
||||
--color-diff-added-row-border: rgba(166, 209, 137, 0.07);
|
||||
--color-diff-inactive: #949cbb;
|
||||
--color-error-border: #e78284;
|
||||
--color-error-bg: #e78284;
|
||||
--color-error-bg-active: #e36d6f;
|
||||
--color-error-bg-hover: #df575a;
|
||||
--color-error-text: #232634;
|
||||
--color-success-border: #8ac364;
|
||||
--color-success-bg: #a6d189;
|
||||
--color-success-text: #232634;
|
||||
--color-warning-border: #dbb467;
|
||||
--color-warning-bg: #e5c890;
|
||||
--color-warning-text: #232634;
|
||||
--color-info-border: #6089e7;
|
||||
--color-info-bg: #232634;
|
||||
--color-info-text: #c6d0f5;
|
||||
--color-red-badge: #df575a;
|
||||
--color-red-badge-bg: #232634;
|
||||
--color-red-badge-hover-bg: #e36d6f;
|
||||
--color-green-badge: #a6d189;
|
||||
--color-green-badge-bg: #232634;
|
||||
--color-green-badge-hover-bg: #98ca77;
|
||||
--color-yellow-badge: #e5c890;
|
||||
--color-yellow-badge-bg: #232634;
|
||||
--color-yellow-badge-hover-bg: #e0be7b;
|
||||
--color-orange-badge: #ef9f76;
|
||||
--color-orange-badge-bg: #232634;
|
||||
--color-orange-badge-hover-bg: #ec8f5f;
|
||||
--color-git: #ef9f76;
|
||||
/* target-based colors */
|
||||
--color-body: #232634;
|
||||
--color-box-header: #292c3c;
|
||||
--color-box-body: #292c3c;
|
||||
--color-box-body-highlight: #414559;
|
||||
--color-text-dark: #a5adce;
|
||||
--color-text: #c6d0f5;
|
||||
--color-text-light: #b5bfe2;
|
||||
--color-text-light-1: #b5bfe2;
|
||||
--color-text-light-2: #b5bfe2;
|
||||
--color-text-light-3: #b5bfe2;
|
||||
--color-footer: #292c3c;
|
||||
--color-timeline: #414559;
|
||||
--color-input-text: #c6d0f5;
|
||||
--color-input-background: #414559;
|
||||
--color-input-toggle-background: #414559;
|
||||
--color-input-border: #51576d;
|
||||
--color-input-border-hover: #626880;
|
||||
--color-navbar: #292c3c;
|
||||
--color-navbar-transparent: rgba(35, 38, 52, 0);
|
||||
--color-light: rgba(98, 104, 128, 0.3);
|
||||
--color-light-mimic-enabled: rgba(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
|
||||
);
|
||||
--color-light-border: #626880;
|
||||
--color-hover: rgba(115, 121, 148, 0.1);
|
||||
--color-active: rgba(198, 208, 245, 0.1);
|
||||
--color-menu: #414559;
|
||||
--color-card: #414559;
|
||||
--color-markup-table-row: rgba(198, 208, 245, 0.02);
|
||||
--color-markup-code-block: rgba(198, 208, 245, 0.05);
|
||||
--color-button: #414559;
|
||||
--color-code-bg: #303446;
|
||||
--color-code-sidebar-bg: #414559;
|
||||
--color-shadow: rgba(35, 38, 52, 0.1);
|
||||
--color-secondary-bg: #414559;
|
||||
--color-text-focus: #c6d0f5;
|
||||
--color-expand-button: #626880;
|
||||
--color-placeholder-text: #626880;
|
||||
--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(198, 208, 245, 0.07);
|
||||
--color-reaction-active-bg: var(--color-primary-alpha-40);
|
||||
--color-header-bar: #292c3c;
|
||||
--color-label-active-bg: #626880;
|
||||
--color-accent: var(--color-primary-light-1);
|
||||
--color-small-accent: var(--color-primary-light-5);
|
||||
--color-active-line: #51576d;
|
||||
}
|
||||
|
||||
/* 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: #232634;
|
||||
}
|
||||
.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: #303446;
|
||||
}
|
||||
|
||||
.ui.basic.modal {
|
||||
background-color: #303446;
|
||||
}
|
||||
|
||||
.ui.commit-header-row .svg.gitea-lock ~ a {
|
||||
color: #232634;
|
||||
}
|
||||
|
||||
.ui.sha.isSigned.isVerified:hover .shortsha {
|
||||
color: #232634;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
|
||||
fill: #232634;
|
||||
}
|
||||
|
||||
.ui.basic.modal,
|
||||
.ui.basic.modal > .header,
|
||||
.ui.inverted.button {
|
||||
color: #c6d0f5 !important;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: rgba(242, 213, 207, 0.3) !important;
|
||||
}
|
||||
|
||||
/* NameBuiltinPseudo */
|
||||
.chroma .bp {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Comment */
|
||||
.chroma .c {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentSingle */
|
||||
.chroma .c1 {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentHashbang */
|
||||
.chroma .ch {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentMultiline */
|
||||
.chroma .cm {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentPreproc */
|
||||
.chroma .cp {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* CommentPreprocFile */
|
||||
.chroma .cpf {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* CommentSpecial */
|
||||
.chroma .cs {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* LiteralStringDelimiter */
|
||||
.chroma .dl {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* NameFunctionMagic */
|
||||
/* Generic */
|
||||
/* GenericDeleted */
|
||||
.chroma .gd {
|
||||
color: #c6d0f5;
|
||||
background-color: rgba(231, 130, 132, 0.15);
|
||||
}
|
||||
|
||||
/* GenericEmph */
|
||||
.chroma .ge {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* GenericHeading */
|
||||
.chroma .gh {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* GenericInserted */
|
||||
.chroma .gi {
|
||||
color: #c6d0f5;
|
||||
background-color: rgba(166, 209, 137, 0.15);
|
||||
}
|
||||
|
||||
/* GenericUnderline */
|
||||
/* GenericOutput */
|
||||
.chroma .go {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* GenericPrompt */
|
||||
.chroma .gp {
|
||||
color: #737994;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* GenericError */
|
||||
.chroma .gr {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* GenericStrong */
|
||||
.chroma .gs {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* GenericTraceback */
|
||||
.chroma .gt {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* GenericSubheading */
|
||||
.chroma .gu {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* LiteralNumberIntegerLong */
|
||||
.chroma .il {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Keyword */
|
||||
.chroma .k {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordConstant */
|
||||
.chroma .kc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* KeywordDeclaration */
|
||||
.chroma .kd {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordNamespace */
|
||||
.chroma .kn {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* KeywordPseudo */
|
||||
.chroma .kp {
|
||||
color: #ca9ee6;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* KeywordReserved */
|
||||
.chroma .kr {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordType */
|
||||
.chroma .kt {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* Literal */
|
||||
/* LiteralDate */
|
||||
/* LiteralNumber */
|
||||
.chroma .m {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberBin */
|
||||
.chroma .mb {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberFloat */
|
||||
.chroma .mf {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberHex */
|
||||
.chroma .mh {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberInteger */
|
||||
.chroma .mi {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberOct */
|
||||
.chroma .mo {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Name */
|
||||
.chroma .n {
|
||||
color: #babbf1;
|
||||
}
|
||||
|
||||
/* NameAttribute */
|
||||
.chroma .na {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameBuiltin */
|
||||
.chroma .nb {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameClass */
|
||||
.chroma .nc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameDecorator */
|
||||
.chroma .nd {
|
||||
color: #f4b8e4;
|
||||
}
|
||||
|
||||
/* NameException */
|
||||
.chroma .ne {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* NameFunction */
|
||||
.chroma .nf {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* NameEntity */
|
||||
.chroma .ni {
|
||||
color: #f4b8e4;
|
||||
}
|
||||
|
||||
/* NameLabel */
|
||||
.chroma .nl {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameNamespace */
|
||||
.chroma .nn {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameConstant */
|
||||
.chroma .no {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameTag */
|
||||
.chroma .nt {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* NameVariable */
|
||||
.chroma .nv {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameOther */
|
||||
.chroma .nx {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Operator */
|
||||
.chroma .o {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* OperatorWord */
|
||||
.chroma .ow {
|
||||
color: #99d1db;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Punctuation */
|
||||
.chroma .p {
|
||||
color: #949cbb;
|
||||
}
|
||||
|
||||
/* NameProperty */
|
||||
/* LiteralString */
|
||||
.chroma .s {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringSingle */
|
||||
.chroma .s1 {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringDouble */
|
||||
.chroma .s2 {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringAffix */
|
||||
.chroma .sa {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringBacktick */
|
||||
.chroma .sb {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringChar */
|
||||
.chroma .sc {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringDoc */
|
||||
.chroma .sd {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringEscape */
|
||||
.chroma .se {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* LiteralStringHeredoc */
|
||||
.chroma .sh {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringInterpol */
|
||||
.chroma .si {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringRegex */
|
||||
.chroma .sr {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* LiteralStringSymbol */
|
||||
.chroma .ss {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringOther */
|
||||
.chroma .sx {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* NameVariableClass */
|
||||
.chroma .vc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameVariableGlobal */
|
||||
.chroma .vg {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameVariableInstance */
|
||||
.chroma .vi {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameVariableMagic */
|
||||
/* TextWhitespace */
|
||||
.chroma .w {
|
||||
color: #414559;
|
||||
}
|
||||
|
||||
.CodeMirror .cm-property,
|
||||
.CodeMirror.cm-s-default .cm-property,
|
||||
.CodeMirror.cm-s-paper .cm-property {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-header,
|
||||
.CodeMirror.cm-s-default .cm-header,
|
||||
.CodeMirror.cm-s-paper .cm-header {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-quote,
|
||||
.CodeMirror.cm-s-default .cm-quote,
|
||||
.CodeMirror.cm-s-paper .cm-quote {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-keyword,
|
||||
.CodeMirror.cm-s-default .cm-keyword,
|
||||
.CodeMirror.cm-s-paper .cm-keyword {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
.CodeMirror .cm-atom,
|
||||
.CodeMirror.cm-s-default .cm-atom,
|
||||
.CodeMirror.cm-s-paper .cm-atom {
|
||||
color: #e78284;
|
||||
}
|
||||
.CodeMirror .cm-number,
|
||||
.CodeMirror.cm-s-default .cm-number,
|
||||
.CodeMirror.cm-s-paper .cm-number {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-def,
|
||||
.CodeMirror.cm-s-default .cm-def,
|
||||
.CodeMirror.cm-s-paper .cm-def {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-variable-2,
|
||||
.CodeMirror.cm-s-default .cm-variable-2,
|
||||
.CodeMirror.cm-s-paper .cm-variable-2 {
|
||||
color: #99d1db;
|
||||
}
|
||||
.CodeMirror .cm-variable-3,
|
||||
.CodeMirror.cm-s-default .cm-variable-3,
|
||||
.CodeMirror.cm-s-paper .cm-variable-3 {
|
||||
color: #81c8be;
|
||||
}
|
||||
.CodeMirror .cm-comment,
|
||||
.CodeMirror.cm-s-default .cm-comment,
|
||||
.CodeMirror.cm-s-paper .cm-comment {
|
||||
color: #626880;
|
||||
}
|
||||
.CodeMirror .cm-string,
|
||||
.CodeMirror.cm-s-default .cm-string,
|
||||
.CodeMirror.cm-s-paper .cm-string {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-string-2,
|
||||
.CodeMirror.cm-s-default .cm-string-2,
|
||||
.CodeMirror.cm-s-paper .cm-string-2 {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-meta,
|
||||
.CodeMirror.cm-s-default .cm-meta,
|
||||
.CodeMirror.cm-s-paper .cm-meta {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-qualifier,
|
||||
.CodeMirror.cm-s-default .cm-qualifier,
|
||||
.CodeMirror.cm-s-paper .cm-qualifier {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-builtin,
|
||||
.CodeMirror.cm-s-default .cm-builtin,
|
||||
.CodeMirror.cm-s-paper .cm-builtin {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-bracket,
|
||||
.CodeMirror.cm-s-default .cm-bracket,
|
||||
.CodeMirror.cm-s-paper .cm-bracket {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-tag,
|
||||
.CodeMirror.cm-s-default .cm-tag,
|
||||
.CodeMirror.cm-s-paper .cm-tag {
|
||||
color: #e5c890;
|
||||
}
|
||||
.CodeMirror .cm-attribute,
|
||||
.CodeMirror.cm-s-default .cm-attribute,
|
||||
.CodeMirror.cm-s-paper .cm-attribute {
|
||||
color: #e5c890;
|
||||
}
|
||||
.CodeMirror .cm-hr,
|
||||
.CodeMirror.cm-s-default .cm-hr,
|
||||
.CodeMirror.cm-s-paper .cm-hr {
|
||||
color: #949cbb;
|
||||
}
|
||||
.CodeMirror .cm-url,
|
||||
.CodeMirror.cm-s-default .cm-url,
|
||||
.CodeMirror.cm-s-paper .cm-url {
|
||||
color: #8caaee;
|
||||
}
|
||||
.CodeMirror .cm-link,
|
||||
.CodeMirror.cm-s-default .cm-link,
|
||||
.CodeMirror.cm-s-paper .cm-link {
|
||||
color: #8caaee;
|
||||
}
|
||||
.CodeMirror .cm-error,
|
||||
.CodeMirror.cm-s-default .cm-error,
|
||||
.CodeMirror.cm-s-paper .cm-error {
|
||||
color: #e78284;
|
||||
}
|
||||
700
public/css/theme-catppuccin-frappe-yellow.css
Normal file
700
public/css/theme-catppuccin-frappe-yellow.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #e5c890;
|
||||
--color-primary: #e5c890;
|
||||
--color-primary-contrast: #232634;
|
||||
--color-primary-dark-1: #e2c284;
|
||||
--color-primary-dark-2: #dfbc77;
|
||||
--color-primary-dark-3: #dcb66b;
|
||||
--color-primary-dark-4: #d9af5e;
|
||||
--color-primary-dark-5: #d6a952;
|
||||
--color-primary-dark-6: #d4a346;
|
||||
--color-primary-dark-7: #d19d39;
|
||||
--color-primary-light-1: #e8ce9c;
|
||||
--color-primary-light-2: #ebd4a9;
|
||||
--color-primary-light-3: #eedab5;
|
||||
--color-primary-light-4: #f1e1c2;
|
||||
--color-primary-light-5: #f4e7ce;
|
||||
--color-primary-light-6: #f6edda;
|
||||
--color-primary-light-7: #f9f3e7;
|
||||
--color-primary-alpha-10: rgba(229, 200, 144, 0.1);
|
||||
--color-primary-alpha-20: rgba(229, 200, 144, 0.2);
|
||||
--color-primary-alpha-30: rgba(229, 200, 144, 0.3);
|
||||
--color-primary-alpha-40: rgba(229, 200, 144, 0.4);
|
||||
--color-primary-alpha-50: rgba(229, 200, 144, 0.5);
|
||||
--color-primary-alpha-60: rgba(229, 200, 144, 0.6);
|
||||
--color-primary-alpha-70: rgba(229, 200, 144, 0.7);
|
||||
--color-primary-alpha-80: rgba(229, 200, 144, 0.8);
|
||||
--color-primary-alpha-90: rgba(229, 200, 144, 0.9);
|
||||
--color-secondary: #51576d;
|
||||
--color-secondary-dark-1: #474c62;
|
||||
--color-secondary-dark-2: #4e536b;
|
||||
--color-secondary-dark-3: #545a74;
|
||||
--color-secondary-dark-4: #5b607c;
|
||||
--color-secondary-dark-5: #616785;
|
||||
--color-secondary-dark-6: #686e8e;
|
||||
--color-secondary-dark-7: #6f7696;
|
||||
--color-secondary-dark-8: #787e9c;
|
||||
--color-secondary-dark-9: #8187a3;
|
||||
--color-secondary-dark-10: #8a8fa9;
|
||||
--color-secondary-dark-11: #9397b0;
|
||||
--color-secondary-dark-12: #9ba0b6;
|
||||
--color-secondary-dark-13: #a4a8bd;
|
||||
--color-secondary-light-1: #3b3e50;
|
||||
--color-secondary-light-2: #343747;
|
||||
--color-secondary-light-3: #2e303e;
|
||||
--color-secondary-light-4: #272a36;
|
||||
--color-secondary-alpha-10: rgba(65, 69, 89, 0.1);
|
||||
--color-secondary-alpha-20: rgba(65, 69, 89, 0.2);
|
||||
--color-secondary-alpha-30: rgba(65, 69, 89, 0.3);
|
||||
--color-secondary-alpha-40: rgba(65, 69, 89, 0.4);
|
||||
--color-secondary-alpha-50: rgba(65, 69, 89, 0.5);
|
||||
--color-secondary-alpha-60: rgba(65, 69, 89, 0.6);
|
||||
--color-secondary-alpha-70: rgba(65, 69, 89, 0.7);
|
||||
--color-secondary-alpha-80: rgba(65, 69, 89, 0.8);
|
||||
--color-secondary-alpha-90: rgba(65, 69, 89, 0.9);
|
||||
/* colors */
|
||||
--color-red: #e78284;
|
||||
--color-orange: #ef9f76;
|
||||
--color-yellow: #e5c890;
|
||||
--color-olive: #a6d189;
|
||||
--color-green: #a6d189;
|
||||
--color-teal: #81c8be;
|
||||
--color-blue: #8caaee;
|
||||
--color-violet: #babbf1;
|
||||
--color-purple: #ca9ee6;
|
||||
--color-pink: #f4b8e4;
|
||||
--color-brown: #eebebe;
|
||||
--color-grey: #949cbb;
|
||||
--color-black: #292c3c;
|
||||
/* light variants - produced via Sass scale-color(color, $lightness: -10%) */
|
||||
--color-red-light: #df575a;
|
||||
--color-orange-light: #ea7f48;
|
||||
--color-yellow-light: #dbb467;
|
||||
--color-olive-light: #8ac364;
|
||||
--color-green-light: #8ac364;
|
||||
--color-teal-light: #5db9ac;
|
||||
--color-blue-light: #6089e7;
|
||||
--color-violet-light: #9091e8;
|
||||
--color-purple-light: #b475dc;
|
||||
--color-pink-light: #ed8cd3;
|
||||
--color-brown-light: #e39696;
|
||||
--color-grey-light: #757fa7;
|
||||
--color-black-light: #14161e;
|
||||
/* other colors */
|
||||
--color-gold: #f2d5cf;
|
||||
--color-white: #c6d0f5;
|
||||
--color-diff-removed-word-bg: rgba(231, 130, 132, 0.15);
|
||||
--color-diff-added-word-bg: rgba(166, 209, 137, 0.15);
|
||||
--color-diff-removed-row-bg: rgba(231, 130, 132, 0.07);
|
||||
--color-diff-moved-row-bg: rgba(229, 200, 144, 0.07);
|
||||
--color-diff-added-row-bg: rgba(166, 209, 137, 0.07);
|
||||
--color-diff-removed-row-border: rgba(231, 130, 132, 0.07);
|
||||
--color-diff-moved-row-border: rgba(229, 200, 144, 0.07);
|
||||
--color-diff-added-row-border: rgba(166, 209, 137, 0.07);
|
||||
--color-diff-inactive: #949cbb;
|
||||
--color-error-border: #e78284;
|
||||
--color-error-bg: #e78284;
|
||||
--color-error-bg-active: #e36d6f;
|
||||
--color-error-bg-hover: #df575a;
|
||||
--color-error-text: #232634;
|
||||
--color-success-border: #8ac364;
|
||||
--color-success-bg: #a6d189;
|
||||
--color-success-text: #232634;
|
||||
--color-warning-border: #dbb467;
|
||||
--color-warning-bg: #e5c890;
|
||||
--color-warning-text: #232634;
|
||||
--color-info-border: #6089e7;
|
||||
--color-info-bg: #232634;
|
||||
--color-info-text: #c6d0f5;
|
||||
--color-red-badge: #df575a;
|
||||
--color-red-badge-bg: #232634;
|
||||
--color-red-badge-hover-bg: #e36d6f;
|
||||
--color-green-badge: #a6d189;
|
||||
--color-green-badge-bg: #232634;
|
||||
--color-green-badge-hover-bg: #98ca77;
|
||||
--color-yellow-badge: #e5c890;
|
||||
--color-yellow-badge-bg: #232634;
|
||||
--color-yellow-badge-hover-bg: #e0be7b;
|
||||
--color-orange-badge: #ef9f76;
|
||||
--color-orange-badge-bg: #232634;
|
||||
--color-orange-badge-hover-bg: #ec8f5f;
|
||||
--color-git: #ef9f76;
|
||||
/* target-based colors */
|
||||
--color-body: #232634;
|
||||
--color-box-header: #292c3c;
|
||||
--color-box-body: #292c3c;
|
||||
--color-box-body-highlight: #414559;
|
||||
--color-text-dark: #a5adce;
|
||||
--color-text: #c6d0f5;
|
||||
--color-text-light: #b5bfe2;
|
||||
--color-text-light-1: #b5bfe2;
|
||||
--color-text-light-2: #b5bfe2;
|
||||
--color-text-light-3: #b5bfe2;
|
||||
--color-footer: #292c3c;
|
||||
--color-timeline: #414559;
|
||||
--color-input-text: #c6d0f5;
|
||||
--color-input-background: #414559;
|
||||
--color-input-toggle-background: #414559;
|
||||
--color-input-border: #51576d;
|
||||
--color-input-border-hover: #626880;
|
||||
--color-navbar: #292c3c;
|
||||
--color-navbar-transparent: rgba(35, 38, 52, 0);
|
||||
--color-light: rgba(98, 104, 128, 0.3);
|
||||
--color-light-mimic-enabled: rgba(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
|
||||
);
|
||||
--color-light-border: #626880;
|
||||
--color-hover: rgba(115, 121, 148, 0.1);
|
||||
--color-active: rgba(198, 208, 245, 0.1);
|
||||
--color-menu: #414559;
|
||||
--color-card: #414559;
|
||||
--color-markup-table-row: rgba(198, 208, 245, 0.02);
|
||||
--color-markup-code-block: rgba(198, 208, 245, 0.05);
|
||||
--color-button: #414559;
|
||||
--color-code-bg: #303446;
|
||||
--color-code-sidebar-bg: #414559;
|
||||
--color-shadow: rgba(35, 38, 52, 0.1);
|
||||
--color-secondary-bg: #414559;
|
||||
--color-text-focus: #c6d0f5;
|
||||
--color-expand-button: #626880;
|
||||
--color-placeholder-text: #626880;
|
||||
--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(198, 208, 245, 0.07);
|
||||
--color-reaction-active-bg: var(--color-primary-alpha-40);
|
||||
--color-header-bar: #292c3c;
|
||||
--color-label-active-bg: #626880;
|
||||
--color-accent: var(--color-primary-light-1);
|
||||
--color-small-accent: var(--color-primary-light-5);
|
||||
--color-active-line: #51576d;
|
||||
}
|
||||
|
||||
/* 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: #232634;
|
||||
}
|
||||
.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: #303446;
|
||||
}
|
||||
|
||||
.ui.basic.modal {
|
||||
background-color: #303446;
|
||||
}
|
||||
|
||||
.ui.commit-header-row .svg.gitea-lock ~ a {
|
||||
color: #232634;
|
||||
}
|
||||
|
||||
.ui.sha.isSigned.isVerified:hover .shortsha {
|
||||
color: #232634;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
|
||||
fill: #232634;
|
||||
}
|
||||
|
||||
.ui.basic.modal,
|
||||
.ui.basic.modal > .header,
|
||||
.ui.inverted.button {
|
||||
color: #c6d0f5 !important;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: rgba(242, 213, 207, 0.3) !important;
|
||||
}
|
||||
|
||||
/* NameBuiltinPseudo */
|
||||
.chroma .bp {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Comment */
|
||||
.chroma .c {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentSingle */
|
||||
.chroma .c1 {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentHashbang */
|
||||
.chroma .ch {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentMultiline */
|
||||
.chroma .cm {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* CommentPreproc */
|
||||
.chroma .cp {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* CommentPreprocFile */
|
||||
.chroma .cpf {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* CommentSpecial */
|
||||
.chroma .cs {
|
||||
color: #737994;
|
||||
}
|
||||
|
||||
/* LiteralStringDelimiter */
|
||||
.chroma .dl {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* NameFunctionMagic */
|
||||
/* Generic */
|
||||
/* GenericDeleted */
|
||||
.chroma .gd {
|
||||
color: #c6d0f5;
|
||||
background-color: rgba(231, 130, 132, 0.15);
|
||||
}
|
||||
|
||||
/* GenericEmph */
|
||||
.chroma .ge {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* GenericHeading */
|
||||
.chroma .gh {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* GenericInserted */
|
||||
.chroma .gi {
|
||||
color: #c6d0f5;
|
||||
background-color: rgba(166, 209, 137, 0.15);
|
||||
}
|
||||
|
||||
/* GenericUnderline */
|
||||
/* GenericOutput */
|
||||
.chroma .go {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* GenericPrompt */
|
||||
.chroma .gp {
|
||||
color: #737994;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* GenericError */
|
||||
.chroma .gr {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* GenericStrong */
|
||||
.chroma .gs {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* GenericTraceback */
|
||||
.chroma .gt {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* GenericSubheading */
|
||||
.chroma .gu {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* LiteralNumberIntegerLong */
|
||||
.chroma .il {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Keyword */
|
||||
.chroma .k {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordConstant */
|
||||
.chroma .kc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* KeywordDeclaration */
|
||||
.chroma .kd {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordNamespace */
|
||||
.chroma .kn {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* KeywordPseudo */
|
||||
.chroma .kp {
|
||||
color: #ca9ee6;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* KeywordReserved */
|
||||
.chroma .kr {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* KeywordType */
|
||||
.chroma .kt {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* Literal */
|
||||
/* LiteralDate */
|
||||
/* LiteralNumber */
|
||||
.chroma .m {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberBin */
|
||||
.chroma .mb {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberFloat */
|
||||
.chroma .mf {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberHex */
|
||||
.chroma .mh {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberInteger */
|
||||
.chroma .mi {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* LiteralNumberOct */
|
||||
.chroma .mo {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Name */
|
||||
.chroma .n {
|
||||
color: #babbf1;
|
||||
}
|
||||
|
||||
/* NameAttribute */
|
||||
.chroma .na {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameBuiltin */
|
||||
.chroma .nb {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameClass */
|
||||
.chroma .nc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameDecorator */
|
||||
.chroma .nd {
|
||||
color: #f4b8e4;
|
||||
}
|
||||
|
||||
/* NameException */
|
||||
.chroma .ne {
|
||||
color: #ea999c;
|
||||
}
|
||||
|
||||
/* NameFunction */
|
||||
.chroma .nf {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* NameEntity */
|
||||
.chroma .ni {
|
||||
color: #f4b8e4;
|
||||
}
|
||||
|
||||
/* NameLabel */
|
||||
.chroma .nl {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameNamespace */
|
||||
.chroma .nn {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameConstant */
|
||||
.chroma .no {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameTag */
|
||||
.chroma .nt {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
/* NameVariable */
|
||||
.chroma .nv {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameOther */
|
||||
.chroma .nx {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* Operator */
|
||||
.chroma .o {
|
||||
color: #99d1db;
|
||||
}
|
||||
|
||||
/* OperatorWord */
|
||||
.chroma .ow {
|
||||
color: #99d1db;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Punctuation */
|
||||
.chroma .p {
|
||||
color: #949cbb;
|
||||
}
|
||||
|
||||
/* NameProperty */
|
||||
/* LiteralString */
|
||||
.chroma .s {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringSingle */
|
||||
.chroma .s1 {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringDouble */
|
||||
.chroma .s2 {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringAffix */
|
||||
.chroma .sa {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringBacktick */
|
||||
.chroma .sb {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringChar */
|
||||
.chroma .sc {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringDoc */
|
||||
.chroma .sd {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringEscape */
|
||||
.chroma .se {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* LiteralStringHeredoc */
|
||||
.chroma .sh {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringInterpol */
|
||||
.chroma .si {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringRegex */
|
||||
.chroma .sr {
|
||||
color: #8caaee;
|
||||
}
|
||||
|
||||
/* LiteralStringSymbol */
|
||||
.chroma .ss {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* LiteralStringOther */
|
||||
.chroma .sx {
|
||||
color: #a6d189;
|
||||
}
|
||||
|
||||
/* NameVariableClass */
|
||||
.chroma .vc {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameVariableGlobal */
|
||||
.chroma .vg {
|
||||
color: #ef9f76;
|
||||
}
|
||||
|
||||
/* NameVariableInstance */
|
||||
.chroma .vi {
|
||||
color: #e5c890;
|
||||
}
|
||||
|
||||
/* NameVariableMagic */
|
||||
/* TextWhitespace */
|
||||
.chroma .w {
|
||||
color: #414559;
|
||||
}
|
||||
|
||||
.CodeMirror .cm-property,
|
||||
.CodeMirror.cm-s-default .cm-property,
|
||||
.CodeMirror.cm-s-paper .cm-property {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-header,
|
||||
.CodeMirror.cm-s-default .cm-header,
|
||||
.CodeMirror.cm-s-paper .cm-header {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-quote,
|
||||
.CodeMirror.cm-s-default .cm-quote,
|
||||
.CodeMirror.cm-s-paper .cm-quote {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-keyword,
|
||||
.CodeMirror.cm-s-default .cm-keyword,
|
||||
.CodeMirror.cm-s-paper .cm-keyword {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
.CodeMirror .cm-atom,
|
||||
.CodeMirror.cm-s-default .cm-atom,
|
||||
.CodeMirror.cm-s-paper .cm-atom {
|
||||
color: #e78284;
|
||||
}
|
||||
.CodeMirror .cm-number,
|
||||
.CodeMirror.cm-s-default .cm-number,
|
||||
.CodeMirror.cm-s-paper .cm-number {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-def,
|
||||
.CodeMirror.cm-s-default .cm-def,
|
||||
.CodeMirror.cm-s-paper .cm-def {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-variable-2,
|
||||
.CodeMirror.cm-s-default .cm-variable-2,
|
||||
.CodeMirror.cm-s-paper .cm-variable-2 {
|
||||
color: #99d1db;
|
||||
}
|
||||
.CodeMirror .cm-variable-3,
|
||||
.CodeMirror.cm-s-default .cm-variable-3,
|
||||
.CodeMirror.cm-s-paper .cm-variable-3 {
|
||||
color: #81c8be;
|
||||
}
|
||||
.CodeMirror .cm-comment,
|
||||
.CodeMirror.cm-s-default .cm-comment,
|
||||
.CodeMirror.cm-s-paper .cm-comment {
|
||||
color: #626880;
|
||||
}
|
||||
.CodeMirror .cm-string,
|
||||
.CodeMirror.cm-s-default .cm-string,
|
||||
.CodeMirror.cm-s-paper .cm-string {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-string-2,
|
||||
.CodeMirror.cm-s-default .cm-string-2,
|
||||
.CodeMirror.cm-s-paper .cm-string-2 {
|
||||
color: #a6d189;
|
||||
}
|
||||
.CodeMirror .cm-meta,
|
||||
.CodeMirror.cm-s-default .cm-meta,
|
||||
.CodeMirror.cm-s-paper .cm-meta {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-qualifier,
|
||||
.CodeMirror.cm-s-default .cm-qualifier,
|
||||
.CodeMirror.cm-s-paper .cm-qualifier {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-builtin,
|
||||
.CodeMirror.cm-s-default .cm-builtin,
|
||||
.CodeMirror.cm-s-paper .cm-builtin {
|
||||
color: #ef9f76;
|
||||
}
|
||||
.CodeMirror .cm-bracket,
|
||||
.CodeMirror.cm-s-default .cm-bracket,
|
||||
.CodeMirror.cm-s-paper .cm-bracket {
|
||||
color: #c6d0f5;
|
||||
}
|
||||
.CodeMirror .cm-tag,
|
||||
.CodeMirror.cm-s-default .cm-tag,
|
||||
.CodeMirror.cm-s-paper .cm-tag {
|
||||
color: #e5c890;
|
||||
}
|
||||
.CodeMirror .cm-attribute,
|
||||
.CodeMirror.cm-s-default .cm-attribute,
|
||||
.CodeMirror.cm-s-paper .cm-attribute {
|
||||
color: #e5c890;
|
||||
}
|
||||
.CodeMirror .cm-hr,
|
||||
.CodeMirror.cm-s-default .cm-hr,
|
||||
.CodeMirror.cm-s-paper .cm-hr {
|
||||
color: #949cbb;
|
||||
}
|
||||
.CodeMirror .cm-url,
|
||||
.CodeMirror.cm-s-default .cm-url,
|
||||
.CodeMirror.cm-s-paper .cm-url {
|
||||
color: #8caaee;
|
||||
}
|
||||
.CodeMirror .cm-link,
|
||||
.CodeMirror.cm-s-default .cm-link,
|
||||
.CodeMirror.cm-s-paper .cm-link {
|
||||
color: #8caaee;
|
||||
}
|
||||
.CodeMirror .cm-error,
|
||||
.CodeMirror.cm-s-default .cm-error,
|
||||
.CodeMirror.cm-s-paper .cm-error {
|
||||
color: #e78284;
|
||||
}
|
||||
676
public/css/theme-catppuccin-latte-blue.css
Normal file
676
public/css/theme-catppuccin-latte-blue.css
Normal file
|
|
@ -0,0 +1,676 @@
|
|||
: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: #eff1f5;
|
||||
--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-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-bar: #e6e9ef;
|
||||
--color-label-active-bg: #acb0be;
|
||||
--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:hover .shortsha {
|
||||
color: #eff1f5;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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;
|
||||
}
|
||||
676
public/css/theme-catppuccin-latte-flamingo.css
Normal file
676
public/css/theme-catppuccin-latte-flamingo.css
Normal file
|
|
@ -0,0 +1,676 @@
|
|||
:root {
|
||||
color-scheme: light;
|
||||
--is-dark-theme: false;
|
||||
accent-color: #dd7878;
|
||||
--color-primary: #dd7878;
|
||||
--color-primary-contrast: #eff1f5;
|
||||
--color-primary-dark-1: #e08484;
|
||||
--color-primary-dark-2: #e39090;
|
||||
--color-primary-dark-3: #e69d9d;
|
||||
--color-primary-dark-4: #e9a9a9;
|
||||
--color-primary-dark-5: #ecb5b5;
|
||||
--color-primary-dark-6: #efc1c1;
|
||||
--color-primary-dark-7: #f3cece;
|
||||
--color-primary-light-1: #da6c6c;
|
||||
--color-primary-light-2: #d76060;
|
||||
--color-primary-light-3: #d45353;
|
||||
--color-primary-light-4: #d14747;
|
||||
--color-primary-light-5: #ce3b3b;
|
||||
--color-primary-light-6: #c73232;
|
||||
--color-primary-light-7: #bb2f2f;
|
||||
--color-primary-alpha-10: rgba(221, 120, 120, 0.1);
|
||||
--color-primary-alpha-20: rgba(221, 120, 120, 0.2);
|
||||
--color-primary-alpha-30: rgba(221, 120, 120, 0.3);
|
||||
--color-primary-alpha-40: rgba(221, 120, 120, 0.4);
|
||||
--color-primary-alpha-50: rgba(221, 120, 120, 0.5);
|
||||
--color-primary-alpha-60: rgba(221, 120, 120, 0.6);
|
||||
--color-primary-alpha-70: rgba(221, 120, 120, 0.7);
|
||||
--color-primary-alpha-80: rgba(221, 120, 120, 0.8);
|
||||
--color-primary-alpha-90: rgba(221, 120, 120, 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: #eff1f5;
|
||||
--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-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-bar: #e6e9ef;
|
||||
--color-label-active-bg: #acb0be;
|
||||
--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:hover .shortsha {
|
||||
color: #eff1f5;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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;
|
||||
}
|
||||
676
public/css/theme-catppuccin-latte-green.css
Normal file
676
public/css/theme-catppuccin-latte-green.css
Normal file
|
|
@ -0,0 +1,676 @@
|
|||
:root {
|
||||
color-scheme: light;
|
||||
--is-dark-theme: false;
|
||||
accent-color: #40a02b;
|
||||
--color-primary: #40a02b;
|
||||
--color-primary-contrast: #eff1f5;
|
||||
--color-primary-dark-1: #45ac2e;
|
||||
--color-primary-dark-2: #4ab831;
|
||||
--color-primary-dark-3: #4ec435;
|
||||
--color-primary-dark-4: #57cb3d;
|
||||
--color-primary-dark-5: #61ce49;
|
||||
--color-primary-dark-6: #6cd155;
|
||||
--color-primary-dark-7: #76d561;
|
||||
--color-primary-light-1: #3b9428;
|
||||
--color-primary-light-2: #368825;
|
||||
--color-primary-light-3: #327c21;
|
||||
--color-primary-light-4: #2d701e;
|
||||
--color-primary-light-5: #28641b;
|
||||
--color-primary-light-6: #235818;
|
||||
--color-primary-light-7: #1e4c14;
|
||||
--color-primary-alpha-10: rgba(64, 160, 43, 0.1);
|
||||
--color-primary-alpha-20: rgba(64, 160, 43, 0.2);
|
||||
--color-primary-alpha-30: rgba(64, 160, 43, 0.3);
|
||||
--color-primary-alpha-40: rgba(64, 160, 43, 0.4);
|
||||
--color-primary-alpha-50: rgba(64, 160, 43, 0.5);
|
||||
--color-primary-alpha-60: rgba(64, 160, 43, 0.6);
|
||||
--color-primary-alpha-70: rgba(64, 160, 43, 0.7);
|
||||
--color-primary-alpha-80: rgba(64, 160, 43, 0.8);
|
||||
--color-primary-alpha-90: rgba(64, 160, 43, 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: #eff1f5;
|
||||
--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-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-bar: #e6e9ef;
|
||||
--color-label-active-bg: #acb0be;
|
||||
--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:hover .shortsha {
|
||||
color: #eff1f5;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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;
|
||||
}
|
||||
676
public/css/theme-catppuccin-latte-lavender.css
Normal file
676
public/css/theme-catppuccin-latte-lavender.css
Normal file
|
|
@ -0,0 +1,676 @@
|
|||
:root {
|
||||
color-scheme: light;
|
||||
--is-dark-theme: false;
|
||||
accent-color: #7287fd;
|
||||
--color-primary: #7287fd;
|
||||
--color-primary-contrast: #eff1f5;
|
||||
--color-primary-dark-1: #8194fd;
|
||||
--color-primary-dark-2: #90a1fd;
|
||||
--color-primary-dark-3: #9faefe;
|
||||
--color-primary-dark-4: #aebafe;
|
||||
--color-primary-dark-5: #bdc7fe;
|
||||
--color-primary-dark-6: #cdd4fe;
|
||||
--color-primary-dark-7: #dce1fe;
|
||||
--color-primary-light-1: #637afd;
|
||||
--color-primary-light-2: #546dfd;
|
||||
--color-primary-light-3: #4560fc;
|
||||
--color-primary-light-4: #3654fc;
|
||||
--color-primary-light-5: #2747fc;
|
||||
--color-primary-light-6: #173afc;
|
||||
--color-primary-light-7: #082dfc;
|
||||
--color-primary-alpha-10: rgba(114, 135, 253, 0.1);
|
||||
--color-primary-alpha-20: rgba(114, 135, 253, 0.2);
|
||||
--color-primary-alpha-30: rgba(114, 135, 253, 0.3);
|
||||
--color-primary-alpha-40: rgba(114, 135, 253, 0.4);
|
||||
--color-primary-alpha-50: rgba(114, 135, 253, 0.5);
|
||||
--color-primary-alpha-60: rgba(114, 135, 253, 0.6);
|
||||
--color-primary-alpha-70: rgba(114, 135, 253, 0.7);
|
||||
--color-primary-alpha-80: rgba(114, 135, 253, 0.8);
|
||||
--color-primary-alpha-90: rgba(114, 135, 253, 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: #eff1f5;
|
||||
--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-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-bar: #e6e9ef;
|
||||
--color-label-active-bg: #acb0be;
|
||||
--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:hover .shortsha {
|
||||
color: #eff1f5;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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;
|
||||
}
|
||||
676
public/css/theme-catppuccin-latte-maroon.css
Normal file
676
public/css/theme-catppuccin-latte-maroon.css
Normal file
|
|
@ -0,0 +1,676 @@
|
|||
:root {
|
||||
color-scheme: light;
|
||||
--is-dark-theme: false;
|
||||
accent-color: #e64553;
|
||||
--color-primary: #e64553;
|
||||
--color-primary-contrast: #eff1f5;
|
||||
--color-primary-dark-1: #e8525f;
|
||||
--color-primary-dark-2: #ea606c;
|
||||
--color-primary-dark-3: #eb6d78;
|
||||
--color-primary-dark-4: #ed7b85;
|
||||
--color-primary-dark-5: #ef8891;
|
||||
--color-primary-dark-6: #f1969e;
|
||||
--color-primary-dark-7: #f3a3aa;
|
||||
--color-primary-light-1: #e43847;
|
||||
--color-primary-light-2: #e22a3a;
|
||||
--color-primary-light-3: #df1e2f;
|
||||
--color-primary-light-4: #d21c2c;
|
||||
--color-primary-light-5: #c41a29;
|
||||
--color-primary-light-6: #b71926;
|
||||
--color-primary-light-7: #a91723;
|
||||
--color-primary-alpha-10: rgba(230, 69, 83, 0.1);
|
||||
--color-primary-alpha-20: rgba(230, 69, 83, 0.2);
|
||||
--color-primary-alpha-30: rgba(230, 69, 83, 0.3);
|
||||
--color-primary-alpha-40: rgba(230, 69, 83, 0.4);
|
||||
--color-primary-alpha-50: rgba(230, 69, 83, 0.5);
|
||||
--color-primary-alpha-60: rgba(230, 69, 83, 0.6);
|
||||
--color-primary-alpha-70: rgba(230, 69, 83, 0.7);
|
||||
--color-primary-alpha-80: rgba(230, 69, 83, 0.8);
|
||||
--color-primary-alpha-90: rgba(230, 69, 83, 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: #eff1f5;
|
||||
--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-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-bar: #e6e9ef;
|
||||
--color-label-active-bg: #acb0be;
|
||||
--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:hover .shortsha {
|
||||
color: #eff1f5;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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;
|
||||
}
|
||||
676
public/css/theme-catppuccin-latte-mauve.css
Normal file
676
public/css/theme-catppuccin-latte-mauve.css
Normal file
|
|
@ -0,0 +1,676 @@
|
|||
:root {
|
||||
color-scheme: light;
|
||||
--is-dark-theme: false;
|
||||
accent-color: #8839ef;
|
||||
--color-primary: #8839ef;
|
||||
--color-primary-contrast: #eff1f5;
|
||||
--color-primary-dark-1: #9147f0;
|
||||
--color-primary-dark-2: #9955f1;
|
||||
--color-primary-dark-3: #a263f2;
|
||||
--color-primary-dark-4: #aa72f4;
|
||||
--color-primary-dark-5: #b380f5;
|
||||
--color-primary-dark-6: #bb8ef6;
|
||||
--color-primary-dark-7: #c49cf7;
|
||||
--color-primary-light-1: #7f2bee;
|
||||
--color-primary-light-2: #771ded;
|
||||
--color-primary-light-3: #6f13e7;
|
||||
--color-primary-light-4: #6812d9;
|
||||
--color-primary-light-5: #6110cb;
|
||||
--color-primary-light-6: #5b0fbd;
|
||||
--color-primary-light-7: #540eaf;
|
||||
--color-primary-alpha-10: rgba(136, 57, 239, 0.1);
|
||||
--color-primary-alpha-20: rgba(136, 57, 239, 0.2);
|
||||
--color-primary-alpha-30: rgba(136, 57, 239, 0.3);
|
||||
--color-primary-alpha-40: rgba(136, 57, 239, 0.4);
|
||||
--color-primary-alpha-50: rgba(136, 57, 239, 0.5);
|
||||
--color-primary-alpha-60: rgba(136, 57, 239, 0.6);
|
||||
--color-primary-alpha-70: rgba(136, 57, 239, 0.7);
|
||||
--color-primary-alpha-80: rgba(136, 57, 239, 0.8);
|
||||
--color-primary-alpha-90: rgba(136, 57, 239, 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: #eff1f5;
|
||||
--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-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-bar: #e6e9ef;
|
||||
--color-label-active-bg: #acb0be;
|
||||
--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:hover .shortsha {
|
||||
color: #eff1f5;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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;
|
||||
}
|
||||
676
public/css/theme-catppuccin-latte-peach.css
Normal file
676
public/css/theme-catppuccin-latte-peach.css
Normal file
|
|
@ -0,0 +1,676 @@
|
|||
:root {
|
||||
color-scheme: light;
|
||||
--is-dark-theme: false;
|
||||
accent-color: #fe640b;
|
||||
--color-primary: #fe640b;
|
||||
--color-primary-contrast: #eff1f5;
|
||||
--color-primary-dark-1: #fe6e1a;
|
||||
--color-primary-dark-2: #fe7729;
|
||||
--color-primary-dark-3: #fe8139;
|
||||
--color-primary-dark-4: #fe8b48;
|
||||
--color-primary-dark-5: #fe9457;
|
||||
--color-primary-dark-6: #fe9e66;
|
||||
--color-primary-dark-7: #fea876;
|
||||
--color-primary-light-1: #f95c01;
|
||||
--color-primary-light-2: #e95601;
|
||||
--color-primary-light-3: #da5001;
|
||||
--color-primary-light-4: #cb4b01;
|
||||
--color-primary-light-5: #bc4501;
|
||||
--color-primary-light-6: #ac4001;
|
||||
--color-primary-light-7: #9d3a01;
|
||||
--color-primary-alpha-10: rgba(254, 100, 11, 0.1);
|
||||
--color-primary-alpha-20: rgba(254, 100, 11, 0.2);
|
||||
--color-primary-alpha-30: rgba(254, 100, 11, 0.3);
|
||||
--color-primary-alpha-40: rgba(254, 100, 11, 0.4);
|
||||
--color-primary-alpha-50: rgba(254, 100, 11, 0.5);
|
||||
--color-primary-alpha-60: rgba(254, 100, 11, 0.6);
|
||||
--color-primary-alpha-70: rgba(254, 100, 11, 0.7);
|
||||
--color-primary-alpha-80: rgba(254, 100, 11, 0.8);
|
||||
--color-primary-alpha-90: rgba(254, 100, 11, 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: #eff1f5;
|
||||
--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-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-bar: #e6e9ef;
|
||||
--color-label-active-bg: #acb0be;
|
||||
--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:hover .shortsha {
|
||||
color: #eff1f5;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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;
|
||||
}
|
||||
676
public/css/theme-catppuccin-latte-pink.css
Normal file
676
public/css/theme-catppuccin-latte-pink.css
Normal file
|
|
@ -0,0 +1,676 @@
|
|||
:root {
|
||||
color-scheme: light;
|
||||
--is-dark-theme: false;
|
||||
accent-color: #ea76cb;
|
||||
--color-primary: #ea76cb;
|
||||
--color-primary-contrast: #eff1f5;
|
||||
--color-primary-dark-1: #ec83d0;
|
||||
--color-primary-dark-2: #ee91d5;
|
||||
--color-primary-dark-3: #f09eda;
|
||||
--color-primary-dark-4: #f2abdf;
|
||||
--color-primary-dark-5: #f4b8e4;
|
||||
--color-primary-dark-6: #f6c6e9;
|
||||
--color-primary-dark-7: #f8d3ee;
|
||||
--color-primary-light-1: #e869c6;
|
||||
--color-primary-light-2: #e65bc1;
|
||||
--color-primary-light-3: #e44ebc;
|
||||
--color-primary-light-4: #e241b7;
|
||||
--color-primary-light-5: #e034b2;
|
||||
--color-primary-light-6: #de26ad;
|
||||
--color-primary-light-7: #d421a4;
|
||||
--color-primary-alpha-10: rgba(234, 118, 203, 0.1);
|
||||
--color-primary-alpha-20: rgba(234, 118, 203, 0.2);
|
||||
--color-primary-alpha-30: rgba(234, 118, 203, 0.3);
|
||||
--color-primary-alpha-40: rgba(234, 118, 203, 0.4);
|
||||
--color-primary-alpha-50: rgba(234, 118, 203, 0.5);
|
||||
--color-primary-alpha-60: rgba(234, 118, 203, 0.6);
|
||||
--color-primary-alpha-70: rgba(234, 118, 203, 0.7);
|
||||
--color-primary-alpha-80: rgba(234, 118, 203, 0.8);
|
||||
--color-primary-alpha-90: rgba(234, 118, 203, 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: #eff1f5;
|
||||
--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-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-bar: #e6e9ef;
|
||||
--color-label-active-bg: #acb0be;
|
||||
--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:hover .shortsha {
|
||||
color: #eff1f5;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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;
|
||||
}
|
||||
676
public/css/theme-catppuccin-latte-red.css
Normal file
676
public/css/theme-catppuccin-latte-red.css
Normal file
|
|
@ -0,0 +1,676 @@
|
|||
:root {
|
||||
color-scheme: light;
|
||||
--is-dark-theme: false;
|
||||
accent-color: #d20f39;
|
||||
--color-primary: #d20f39;
|
||||
--color-primary-contrast: #eff1f5;
|
||||
--color-primary-dark-1: #e0103d;
|
||||
--color-primary-dark-2: #ee1241;
|
||||
--color-primary-dark-3: #ef204c;
|
||||
--color-primary-dark-4: #f02e58;
|
||||
--color-primary-dark-5: #f13c63;
|
||||
--color-primary-dark-6: #f24b6f;
|
||||
--color-primary-dark-7: #f3597a;
|
||||
--color-primary-light-1: #c40e35;
|
||||
--color-primary-light-2: #b50d31;
|
||||
--color-primary-light-3: #a70c2d;
|
||||
--color-primary-light-4: #990b29;
|
||||
--color-primary-light-5: #8b0a26;
|
||||
--color-primary-light-6: #7c0922;
|
||||
--color-primary-light-7: #6e081e;
|
||||
--color-primary-alpha-10: rgba(210, 15, 57, 0.1);
|
||||
--color-primary-alpha-20: rgba(210, 15, 57, 0.2);
|
||||
--color-primary-alpha-30: rgba(210, 15, 57, 0.3);
|
||||
--color-primary-alpha-40: rgba(210, 15, 57, 0.4);
|
||||
--color-primary-alpha-50: rgba(210, 15, 57, 0.5);
|
||||
--color-primary-alpha-60: rgba(210, 15, 57, 0.6);
|
||||
--color-primary-alpha-70: rgba(210, 15, 57, 0.7);
|
||||
--color-primary-alpha-80: rgba(210, 15, 57, 0.8);
|
||||
--color-primary-alpha-90: rgba(210, 15, 57, 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: #eff1f5;
|
||||
--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-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-bar: #e6e9ef;
|
||||
--color-label-active-bg: #acb0be;
|
||||
--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:hover .shortsha {
|
||||
color: #eff1f5;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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;
|
||||
}
|
||||
676
public/css/theme-catppuccin-latte-rosewater.css
Normal file
676
public/css/theme-catppuccin-latte-rosewater.css
Normal file
|
|
@ -0,0 +1,676 @@
|
|||
:root {
|
||||
color-scheme: light;
|
||||
--is-dark-theme: false;
|
||||
accent-color: #dc8a78;
|
||||
--color-primary: #dc8a78;
|
||||
--color-primary-contrast: #eff1f5;
|
||||
--color-primary-dark-1: #df9584;
|
||||
--color-primary-dark-2: #e29f90;
|
||||
--color-primary-dark-3: #e5aa9c;
|
||||
--color-primary-dark-4: #e9b4a9;
|
||||
--color-primary-dark-5: #ecbfb5;
|
||||
--color-primary-dark-6: #efc9c1;
|
||||
--color-primary-dark-7: #f2d4cd;
|
||||
--color-primary-light-1: #d97f6c;
|
||||
--color-primary-light-2: #d67560;
|
||||
--color-primary-light-3: #d36a54;
|
||||
--color-primary-light-4: #cf6047;
|
||||
--color-primary-light-5: #cc553b;
|
||||
--color-primary-light-6: #c54d33;
|
||||
--color-primary-light-7: #b94930;
|
||||
--color-primary-alpha-10: rgba(220, 138, 120, 0.1);
|
||||
--color-primary-alpha-20: rgba(220, 138, 120, 0.2);
|
||||
--color-primary-alpha-30: rgba(220, 138, 120, 0.3);
|
||||
--color-primary-alpha-40: rgba(220, 138, 120, 0.4);
|
||||
--color-primary-alpha-50: rgba(220, 138, 120, 0.5);
|
||||
--color-primary-alpha-60: rgba(220, 138, 120, 0.6);
|
||||
--color-primary-alpha-70: rgba(220, 138, 120, 0.7);
|
||||
--color-primary-alpha-80: rgba(220, 138, 120, 0.8);
|
||||
--color-primary-alpha-90: rgba(220, 138, 120, 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: #eff1f5;
|
||||
--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-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-bar: #e6e9ef;
|
||||
--color-label-active-bg: #acb0be;
|
||||
--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:hover .shortsha {
|
||||
color: #eff1f5;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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;
|
||||
}
|
||||
676
public/css/theme-catppuccin-latte-sapphire.css
Normal file
676
public/css/theme-catppuccin-latte-sapphire.css
Normal file
|
|
@ -0,0 +1,676 @@
|
|||
:root {
|
||||
color-scheme: light;
|
||||
--is-dark-theme: false;
|
||||
accent-color: #209fb5;
|
||||
--color-primary: #209fb5;
|
||||
--color-primary-contrast: #eff1f5;
|
||||
--color-primary-dark-1: #22aac2;
|
||||
--color-primary-dark-2: #25b6cf;
|
||||
--color-primary-dark-3: #2abfd9;
|
||||
--color-primary-dark-4: #37c3dc;
|
||||
--color-primary-dark-5: #44c7de;
|
||||
--color-primary-dark-6: #51cbe0;
|
||||
--color-primary-dark-7: #5ecfe2;
|
||||
--color-primary-light-1: #1e94a8;
|
||||
--color-primary-light-2: #1b889b;
|
||||
--color-primary-light-3: #197d8e;
|
||||
--color-primary-light-4: #177181;
|
||||
--color-primary-light-5: #156674;
|
||||
--color-primary-light-6: #125a67;
|
||||
--color-primary-light-7: #104f5a;
|
||||
--color-primary-alpha-10: rgba(32, 159, 181, 0.1);
|
||||
--color-primary-alpha-20: rgba(32, 159, 181, 0.2);
|
||||
--color-primary-alpha-30: rgba(32, 159, 181, 0.3);
|
||||
--color-primary-alpha-40: rgba(32, 159, 181, 0.4);
|
||||
--color-primary-alpha-50: rgba(32, 159, 181, 0.5);
|
||||
--color-primary-alpha-60: rgba(32, 159, 181, 0.6);
|
||||
--color-primary-alpha-70: rgba(32, 159, 181, 0.7);
|
||||
--color-primary-alpha-80: rgba(32, 159, 181, 0.8);
|
||||
--color-primary-alpha-90: rgba(32, 159, 181, 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: #eff1f5;
|
||||
--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-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-bar: #e6e9ef;
|
||||
--color-label-active-bg: #acb0be;
|
||||
--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:hover .shortsha {
|
||||
color: #eff1f5;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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;
|
||||
}
|
||||
676
public/css/theme-catppuccin-latte-sky.css
Normal file
676
public/css/theme-catppuccin-latte-sky.css
Normal file
|
|
@ -0,0 +1,676 @@
|
|||
:root {
|
||||
color-scheme: light;
|
||||
--is-dark-theme: false;
|
||||
accent-color: #04a5e5;
|
||||
--color-primary: #04a5e5;
|
||||
--color-primary-contrast: #eff1f5;
|
||||
--color-primary-dark-1: #04b0f4;
|
||||
--color-primary-dark-2: #0db7fb;
|
||||
--color-primary-dark-3: #1cbcfb;
|
||||
--color-primary-dark-4: #2bc0fb;
|
||||
--color-primary-dark-5: #3ac4fc;
|
||||
--color-primary-dark-6: #49c9fc;
|
||||
--color-primary-dark-7: #58cdfc;
|
||||
--color-primary-light-1: #049ad6;
|
||||
--color-primary-light-2: #038fc7;
|
||||
--color-primary-light-3: #0384b8;
|
||||
--color-primary-light-4: #037aa9;
|
||||
--color-primary-light-5: #036f9a;
|
||||
--color-primary-light-6: #02648b;
|
||||
--color-primary-light-7: #02597c;
|
||||
--color-primary-alpha-10: rgba(4, 165, 229, 0.1);
|
||||
--color-primary-alpha-20: rgba(4, 165, 229, 0.2);
|
||||
--color-primary-alpha-30: rgba(4, 165, 229, 0.3);
|
||||
--color-primary-alpha-40: rgba(4, 165, 229, 0.4);
|
||||
--color-primary-alpha-50: rgba(4, 165, 229, 0.5);
|
||||
--color-primary-alpha-60: rgba(4, 165, 229, 0.6);
|
||||
--color-primary-alpha-70: rgba(4, 165, 229, 0.7);
|
||||
--color-primary-alpha-80: rgba(4, 165, 229, 0.8);
|
||||
--color-primary-alpha-90: rgba(4, 165, 229, 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: #eff1f5;
|
||||
--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-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-bar: #e6e9ef;
|
||||
--color-label-active-bg: #acb0be;
|
||||
--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:hover .shortsha {
|
||||
color: #eff1f5;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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;
|
||||
}
|
||||
676
public/css/theme-catppuccin-latte-teal.css
Normal file
676
public/css/theme-catppuccin-latte-teal.css
Normal file
|
|
@ -0,0 +1,676 @@
|
|||
:root {
|
||||
color-scheme: light;
|
||||
--is-dark-theme: false;
|
||||
accent-color: #179299;
|
||||
--color-primary: #179299;
|
||||
--color-primary-contrast: #eff1f5;
|
||||
--color-primary-dark-1: #199fa6;
|
||||
--color-primary-dark-2: #1babb4;
|
||||
--color-primary-dark-3: #1db8c1;
|
||||
--color-primary-dark-4: #1fc5ce;
|
||||
--color-primary-dark-5: #21d1dc;
|
||||
--color-primary-dark-6: #2cd6df;
|
||||
--color-primary-dark-7: #3ad8e1;
|
||||
--color-primary-light-1: #15858c;
|
||||
--color-primary-light-2: #13797e;
|
||||
--color-primary-light-3: #116c71;
|
||||
--color-primary-light-4: #0f5f64;
|
||||
--color-primary-light-5: #0d5356;
|
||||
--color-primary-light-6: #0b4649;
|
||||
--color-primary-light-7: #09393c;
|
||||
--color-primary-alpha-10: rgba(23, 146, 153, 0.1);
|
||||
--color-primary-alpha-20: rgba(23, 146, 153, 0.2);
|
||||
--color-primary-alpha-30: rgba(23, 146, 153, 0.3);
|
||||
--color-primary-alpha-40: rgba(23, 146, 153, 0.4);
|
||||
--color-primary-alpha-50: rgba(23, 146, 153, 0.5);
|
||||
--color-primary-alpha-60: rgba(23, 146, 153, 0.6);
|
||||
--color-primary-alpha-70: rgba(23, 146, 153, 0.7);
|
||||
--color-primary-alpha-80: rgba(23, 146, 153, 0.8);
|
||||
--color-primary-alpha-90: rgba(23, 146, 153, 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: #eff1f5;
|
||||
--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-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-bar: #e6e9ef;
|
||||
--color-label-active-bg: #acb0be;
|
||||
--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:hover .shortsha {
|
||||
color: #eff1f5;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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;
|
||||
}
|
||||
676
public/css/theme-catppuccin-latte-yellow.css
Normal file
676
public/css/theme-catppuccin-latte-yellow.css
Normal file
|
|
@ -0,0 +1,676 @@
|
|||
:root {
|
||||
color-scheme: light;
|
||||
--is-dark-theme: false;
|
||||
accent-color: #df8e1d;
|
||||
--color-primary: #df8e1d;
|
||||
--color-primary-contrast: #eff1f5;
|
||||
--color-primary-dark-1: #e39528;
|
||||
--color-primary-dark-2: #e59c36;
|
||||
--color-primary-dark-3: #e7a243;
|
||||
--color-primary-dark-4: #e8a951;
|
||||
--color-primary-dark-5: #eab05e;
|
||||
--color-primary-dark-6: #ecb66c;
|
||||
--color-primary-dark-7: #eebd79;
|
||||
--color-primary-light-1: #d1851b;
|
||||
--color-primary-light-2: #c47d19;
|
||||
--color-primary-light-3: #b67418;
|
||||
--color-primary-light-4: #a96c16;
|
||||
--color-primary-light-5: #9b6314;
|
||||
--color-primary-light-6: #8e5a12;
|
||||
--color-primary-light-7: #805211;
|
||||
--color-primary-alpha-10: rgba(223, 142, 29, 0.1);
|
||||
--color-primary-alpha-20: rgba(223, 142, 29, 0.2);
|
||||
--color-primary-alpha-30: rgba(223, 142, 29, 0.3);
|
||||
--color-primary-alpha-40: rgba(223, 142, 29, 0.4);
|
||||
--color-primary-alpha-50: rgba(223, 142, 29, 0.5);
|
||||
--color-primary-alpha-60: rgba(223, 142, 29, 0.6);
|
||||
--color-primary-alpha-70: rgba(223, 142, 29, 0.7);
|
||||
--color-primary-alpha-80: rgba(223, 142, 29, 0.8);
|
||||
--color-primary-alpha-90: rgba(223, 142, 29, 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: #eff1f5;
|
||||
--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-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-bar: #e6e9ef;
|
||||
--color-label-active-bg: #acb0be;
|
||||
--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:hover .shortsha {
|
||||
color: #eff1f5;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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;
|
||||
}
|
||||
700
public/css/theme-catppuccin-macchiato-blue.css
Normal file
700
public/css/theme-catppuccin-macchiato-blue.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
: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: #181926;
|
||||
--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-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-bar: #1e2030;
|
||||
--color-label-active-bg: #5b6078;
|
||||
--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:hover .shortsha {
|
||||
color: #181926;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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;
|
||||
}
|
||||
700
public/css/theme-catppuccin-macchiato-flamingo.css
Normal file
700
public/css/theme-catppuccin-macchiato-flamingo.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #f0c6c6;
|
||||
--color-primary: #f0c6c6;
|
||||
--color-primary-contrast: #181926;
|
||||
--color-primary-dark-1: #edbaba;
|
||||
--color-primary-dark-2: #eaaeae;
|
||||
--color-primary-dark-3: #e6a2a2;
|
||||
--color-primary-dark-4: #e39696;
|
||||
--color-primary-dark-5: #e08989;
|
||||
--color-primary-dark-6: #dd7d7d;
|
||||
--color-primary-dark-7: #da7171;
|
||||
--color-primary-light-1: #f3d2d2;
|
||||
--color-primary-light-2: #f6dede;
|
||||
--color-primary-light-3: #faeaea;
|
||||
--color-primary-light-4: #fdf6f6;
|
||||
--color-primary-light-5: white;
|
||||
--color-primary-light-6: white;
|
||||
--color-primary-light-7: white;
|
||||
--color-primary-alpha-10: rgba(240, 198, 198, 0.1);
|
||||
--color-primary-alpha-20: rgba(240, 198, 198, 0.2);
|
||||
--color-primary-alpha-30: rgba(240, 198, 198, 0.3);
|
||||
--color-primary-alpha-40: rgba(240, 198, 198, 0.4);
|
||||
--color-primary-alpha-50: rgba(240, 198, 198, 0.5);
|
||||
--color-primary-alpha-60: rgba(240, 198, 198, 0.6);
|
||||
--color-primary-alpha-70: rgba(240, 198, 198, 0.7);
|
||||
--color-primary-alpha-80: rgba(240, 198, 198, 0.8);
|
||||
--color-primary-alpha-90: rgba(240, 198, 198, 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: #181926;
|
||||
--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-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-bar: #1e2030;
|
||||
--color-label-active-bg: #5b6078;
|
||||
--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:hover .shortsha {
|
||||
color: #181926;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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;
|
||||
}
|
||||
700
public/css/theme-catppuccin-macchiato-green.css
Normal file
700
public/css/theme-catppuccin-macchiato-green.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #a6da95;
|
||||
--color-primary: #a6da95;
|
||||
--color-primary-contrast: #181926;
|
||||
--color-primary-dark-1: #9cd68a;
|
||||
--color-primary-dark-2: #93d27e;
|
||||
--color-primary-dark-3: #89ce73;
|
||||
--color-primary-dark-4: #80ca68;
|
||||
--color-primary-dark-5: #76c65c;
|
||||
--color-primary-dark-6: #6dc251;
|
||||
--color-primary-dark-7: #63be46;
|
||||
--color-primary-light-1: #b0dea0;
|
||||
--color-primary-light-2: #b9e2ac;
|
||||
--color-primary-light-3: #c3e6b7;
|
||||
--color-primary-light-4: #cceac2;
|
||||
--color-primary-light-5: #d6eece;
|
||||
--color-primary-light-6: #dff2d9;
|
||||
--color-primary-light-7: #e9f6e4;
|
||||
--color-primary-alpha-10: rgba(166, 218, 149, 0.1);
|
||||
--color-primary-alpha-20: rgba(166, 218, 149, 0.2);
|
||||
--color-primary-alpha-30: rgba(166, 218, 149, 0.3);
|
||||
--color-primary-alpha-40: rgba(166, 218, 149, 0.4);
|
||||
--color-primary-alpha-50: rgba(166, 218, 149, 0.5);
|
||||
--color-primary-alpha-60: rgba(166, 218, 149, 0.6);
|
||||
--color-primary-alpha-70: rgba(166, 218, 149, 0.7);
|
||||
--color-primary-alpha-80: rgba(166, 218, 149, 0.8);
|
||||
--color-primary-alpha-90: rgba(166, 218, 149, 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: #181926;
|
||||
--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-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-bar: #1e2030;
|
||||
--color-label-active-bg: #5b6078;
|
||||
--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:hover .shortsha {
|
||||
color: #181926;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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;
|
||||
}
|
||||
700
public/css/theme-catppuccin-macchiato-lavender.css
Normal file
700
public/css/theme-catppuccin-macchiato-lavender.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #b7bdf8;
|
||||
--color-primary: #b7bdf8;
|
||||
--color-primary-contrast: #181926;
|
||||
--color-primary-dark-1: #a9b0f7;
|
||||
--color-primary-dark-2: #9ba3f5;
|
||||
--color-primary-dark-3: #8d97f4;
|
||||
--color-primary-dark-4: #7f8af3;
|
||||
--color-primary-dark-5: #717df1;
|
||||
--color-primary-dark-6: #6370f0;
|
||||
--color-primary-dark-7: #5564ef;
|
||||
--color-primary-light-1: #c5caf9;
|
||||
--color-primary-light-2: #d3d7fb;
|
||||
--color-primary-light-3: #e1e3fc;
|
||||
--color-primary-light-4: #eff0fd;
|
||||
--color-primary-light-5: #fdfdff;
|
||||
--color-primary-light-6: white;
|
||||
--color-primary-light-7: white;
|
||||
--color-primary-alpha-10: rgba(183, 189, 248, 0.1);
|
||||
--color-primary-alpha-20: rgba(183, 189, 248, 0.2);
|
||||
--color-primary-alpha-30: rgba(183, 189, 248, 0.3);
|
||||
--color-primary-alpha-40: rgba(183, 189, 248, 0.4);
|
||||
--color-primary-alpha-50: rgba(183, 189, 248, 0.5);
|
||||
--color-primary-alpha-60: rgba(183, 189, 248, 0.6);
|
||||
--color-primary-alpha-70: rgba(183, 189, 248, 0.7);
|
||||
--color-primary-alpha-80: rgba(183, 189, 248, 0.8);
|
||||
--color-primary-alpha-90: rgba(183, 189, 248, 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: #181926;
|
||||
--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-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-bar: #1e2030;
|
||||
--color-label-active-bg: #5b6078;
|
||||
--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:hover .shortsha {
|
||||
color: #181926;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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;
|
||||
}
|
||||
700
public/css/theme-catppuccin-macchiato-maroon.css
Normal file
700
public/css/theme-catppuccin-macchiato-maroon.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #ee99a0;
|
||||
--color-primary: #ee99a0;
|
||||
--color-primary-contrast: #181926;
|
||||
--color-primary-dark-1: #ec8c94;
|
||||
--color-primary-dark-2: #ea7f88;
|
||||
--color-primary-dark-3: #e7727b;
|
||||
--color-primary-dark-4: #e5656f;
|
||||
--color-primary-dark-5: #e35763;
|
||||
--color-primary-dark-6: #e14a57;
|
||||
--color-primary-dark-7: #df3d4b;
|
||||
--color-primary-light-1: #f0a6ac;
|
||||
--color-primary-light-2: #f2b3b8;
|
||||
--color-primary-light-3: #f5c0c5;
|
||||
--color-primary-light-4: #f7cdd1;
|
||||
--color-primary-light-5: #f9dbdd;
|
||||
--color-primary-light-6: #fbe8e9;
|
||||
--color-primary-light-7: #fdf5f6;
|
||||
--color-primary-alpha-10: rgba(238, 153, 160, 0.1);
|
||||
--color-primary-alpha-20: rgba(238, 153, 160, 0.2);
|
||||
--color-primary-alpha-30: rgba(238, 153, 160, 0.3);
|
||||
--color-primary-alpha-40: rgba(238, 153, 160, 0.4);
|
||||
--color-primary-alpha-50: rgba(238, 153, 160, 0.5);
|
||||
--color-primary-alpha-60: rgba(238, 153, 160, 0.6);
|
||||
--color-primary-alpha-70: rgba(238, 153, 160, 0.7);
|
||||
--color-primary-alpha-80: rgba(238, 153, 160, 0.8);
|
||||
--color-primary-alpha-90: rgba(238, 153, 160, 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: #181926;
|
||||
--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-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-bar: #1e2030;
|
||||
--color-label-active-bg: #5b6078;
|
||||
--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:hover .shortsha {
|
||||
color: #181926;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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;
|
||||
}
|
||||
700
public/css/theme-catppuccin-macchiato-mauve.css
Normal file
700
public/css/theme-catppuccin-macchiato-mauve.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #c6a0f6;
|
||||
--color-primary: #c6a0f6;
|
||||
--color-primary-contrast: #181926;
|
||||
--color-primary-dark-1: #be92f5;
|
||||
--color-primary-dark-2: #b584f3;
|
||||
--color-primary-dark-3: #ad76f2;
|
||||
--color-primary-dark-4: #a468f1;
|
||||
--color-primary-dark-5: #9c5aef;
|
||||
--color-primary-dark-6: #944cee;
|
||||
--color-primary-dark-7: #8b3eed;
|
||||
--color-primary-light-1: #ceaef7;
|
||||
--color-primary-light-2: #d7bcf9;
|
||||
--color-primary-light-3: #dfcafa;
|
||||
--color-primary-light-4: #e8d8fb;
|
||||
--color-primary-light-5: #f0e6fd;
|
||||
--color-primary-light-6: #f8f4fe;
|
||||
--color-primary-light-7: white;
|
||||
--color-primary-alpha-10: rgba(198, 160, 246, 0.1);
|
||||
--color-primary-alpha-20: rgba(198, 160, 246, 0.2);
|
||||
--color-primary-alpha-30: rgba(198, 160, 246, 0.3);
|
||||
--color-primary-alpha-40: rgba(198, 160, 246, 0.4);
|
||||
--color-primary-alpha-50: rgba(198, 160, 246, 0.5);
|
||||
--color-primary-alpha-60: rgba(198, 160, 246, 0.6);
|
||||
--color-primary-alpha-70: rgba(198, 160, 246, 0.7);
|
||||
--color-primary-alpha-80: rgba(198, 160, 246, 0.8);
|
||||
--color-primary-alpha-90: rgba(198, 160, 246, 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: #181926;
|
||||
--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-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-bar: #1e2030;
|
||||
--color-label-active-bg: #5b6078;
|
||||
--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:hover .shortsha {
|
||||
color: #181926;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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;
|
||||
}
|
||||
700
public/css/theme-catppuccin-macchiato-peach.css
Normal file
700
public/css/theme-catppuccin-macchiato-peach.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #f5a97f;
|
||||
--color-primary: #f5a97f;
|
||||
--color-primary-contrast: #181926;
|
||||
--color-primary-dark-1: #f49f71;
|
||||
--color-primary-dark-2: #f39663;
|
||||
--color-primary-dark-3: #f28c54;
|
||||
--color-primary-dark-4: #f18346;
|
||||
--color-primary-dark-5: #ef7938;
|
||||
--color-primary-dark-6: #ee702a;
|
||||
--color-primary-dark-7: #ed661c;
|
||||
--color-primary-light-1: #f6b38d;
|
||||
--color-primary-light-2: #f7bc9b;
|
||||
--color-primary-light-3: #f8c6aa;
|
||||
--color-primary-light-4: #f9cfb8;
|
||||
--color-primary-light-5: #fbd9c6;
|
||||
--color-primary-light-6: #fce2d4;
|
||||
--color-primary-light-7: #fdece2;
|
||||
--color-primary-alpha-10: rgba(245, 169, 127, 0.1);
|
||||
--color-primary-alpha-20: rgba(245, 169, 127, 0.2);
|
||||
--color-primary-alpha-30: rgba(245, 169, 127, 0.3);
|
||||
--color-primary-alpha-40: rgba(245, 169, 127, 0.4);
|
||||
--color-primary-alpha-50: rgba(245, 169, 127, 0.5);
|
||||
--color-primary-alpha-60: rgba(245, 169, 127, 0.6);
|
||||
--color-primary-alpha-70: rgba(245, 169, 127, 0.7);
|
||||
--color-primary-alpha-80: rgba(245, 169, 127, 0.8);
|
||||
--color-primary-alpha-90: rgba(245, 169, 127, 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: #181926;
|
||||
--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-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-bar: #1e2030;
|
||||
--color-label-active-bg: #5b6078;
|
||||
--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:hover .shortsha {
|
||||
color: #181926;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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;
|
||||
}
|
||||
700
public/css/theme-catppuccin-macchiato-pink.css
Normal file
700
public/css/theme-catppuccin-macchiato-pink.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #f5bde6;
|
||||
--color-primary: #f5bde6;
|
||||
--color-primary-contrast: #181926;
|
||||
--color-primary-dark-1: #f3b0e1;
|
||||
--color-primary-dark-2: #f1a2dc;
|
||||
--color-primary-dark-3: #ef95d7;
|
||||
--color-primary-dark-4: #ed88d2;
|
||||
--color-primary-dark-5: #eb7bcd;
|
||||
--color-primary-dark-6: #e96dc8;
|
||||
--color-primary-dark-7: #e760c3;
|
||||
--color-primary-light-1: #f7caeb;
|
||||
--color-primary-light-2: #f9d8f0;
|
||||
--color-primary-light-3: #fbe5f5;
|
||||
--color-primary-light-4: #fdf2fa;
|
||||
--color-primary-light-5: white;
|
||||
--color-primary-light-6: white;
|
||||
--color-primary-light-7: white;
|
||||
--color-primary-alpha-10: rgba(245, 189, 230, 0.1);
|
||||
--color-primary-alpha-20: rgba(245, 189, 230, 0.2);
|
||||
--color-primary-alpha-30: rgba(245, 189, 230, 0.3);
|
||||
--color-primary-alpha-40: rgba(245, 189, 230, 0.4);
|
||||
--color-primary-alpha-50: rgba(245, 189, 230, 0.5);
|
||||
--color-primary-alpha-60: rgba(245, 189, 230, 0.6);
|
||||
--color-primary-alpha-70: rgba(245, 189, 230, 0.7);
|
||||
--color-primary-alpha-80: rgba(245, 189, 230, 0.8);
|
||||
--color-primary-alpha-90: rgba(245, 189, 230, 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: #181926;
|
||||
--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-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-bar: #1e2030;
|
||||
--color-label-active-bg: #5b6078;
|
||||
--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:hover .shortsha {
|
||||
color: #181926;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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;
|
||||
}
|
||||
700
public/css/theme-catppuccin-macchiato-red.css
Normal file
700
public/css/theme-catppuccin-macchiato-red.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #ed8796;
|
||||
--color-primary: #ed8796;
|
||||
--color-primary-contrast: #181926;
|
||||
--color-primary-dark-1: #eb7a8a;
|
||||
--color-primary-dark-2: #e96c7f;
|
||||
--color-primary-dark-3: #e75f73;
|
||||
--color-primary-dark-4: #e55267;
|
||||
--color-primary-dark-5: #e3445c;
|
||||
--color-primary-dark-6: #e13750;
|
||||
--color-primary-dark-7: #df2a45;
|
||||
--color-primary-light-1: #ef94a2;
|
||||
--color-primary-light-2: #f1a2ad;
|
||||
--color-primary-light-3: #f3afb9;
|
||||
--color-primary-light-4: #f5bcc5;
|
||||
--color-primary-light-5: #f7cad0;
|
||||
--color-primary-light-6: #f9d7dc;
|
||||
--color-primary-light-7: #fbe4e7;
|
||||
--color-primary-alpha-10: rgba(237, 135, 150, 0.1);
|
||||
--color-primary-alpha-20: rgba(237, 135, 150, 0.2);
|
||||
--color-primary-alpha-30: rgba(237, 135, 150, 0.3);
|
||||
--color-primary-alpha-40: rgba(237, 135, 150, 0.4);
|
||||
--color-primary-alpha-50: rgba(237, 135, 150, 0.5);
|
||||
--color-primary-alpha-60: rgba(237, 135, 150, 0.6);
|
||||
--color-primary-alpha-70: rgba(237, 135, 150, 0.7);
|
||||
--color-primary-alpha-80: rgba(237, 135, 150, 0.8);
|
||||
--color-primary-alpha-90: rgba(237, 135, 150, 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: #181926;
|
||||
--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-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-bar: #1e2030;
|
||||
--color-label-active-bg: #5b6078;
|
||||
--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:hover .shortsha {
|
||||
color: #181926;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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;
|
||||
}
|
||||
700
public/css/theme-catppuccin-macchiato-rosewater.css
Normal file
700
public/css/theme-catppuccin-macchiato-rosewater.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #f4dbd6;
|
||||
--color-primary: #f4dbd6;
|
||||
--color-primary-contrast: #181926;
|
||||
--color-primary-dark-1: #f1d0ca;
|
||||
--color-primary-dark-2: #eec6be;
|
||||
--color-primary-dark-3: #eabbb2;
|
||||
--color-primary-dark-4: #e7b1a6;
|
||||
--color-primary-dark-5: #e4a69a;
|
||||
--color-primary-dark-6: #e19b8e;
|
||||
--color-primary-dark-7: #dd9182;
|
||||
--color-primary-light-1: #f7e6e2;
|
||||
--color-primary-light-2: #faf0ee;
|
||||
--color-primary-light-3: #fefbfa;
|
||||
--color-primary-light-4: white;
|
||||
--color-primary-light-5: white;
|
||||
--color-primary-light-6: white;
|
||||
--color-primary-light-7: white;
|
||||
--color-primary-alpha-10: rgba(244, 219, 214, 0.1);
|
||||
--color-primary-alpha-20: rgba(244, 219, 214, 0.2);
|
||||
--color-primary-alpha-30: rgba(244, 219, 214, 0.3);
|
||||
--color-primary-alpha-40: rgba(244, 219, 214, 0.4);
|
||||
--color-primary-alpha-50: rgba(244, 219, 214, 0.5);
|
||||
--color-primary-alpha-60: rgba(244, 219, 214, 0.6);
|
||||
--color-primary-alpha-70: rgba(244, 219, 214, 0.7);
|
||||
--color-primary-alpha-80: rgba(244, 219, 214, 0.8);
|
||||
--color-primary-alpha-90: rgba(244, 219, 214, 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: #181926;
|
||||
--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-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-bar: #1e2030;
|
||||
--color-label-active-bg: #5b6078;
|
||||
--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:hover .shortsha {
|
||||
color: #181926;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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;
|
||||
}
|
||||
700
public/css/theme-catppuccin-macchiato-sapphire.css
Normal file
700
public/css/theme-catppuccin-macchiato-sapphire.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #7dc4e4;
|
||||
--color-primary: #7dc4e4;
|
||||
--color-primary-contrast: #181926;
|
||||
--color-primary-dark-1: #70bee1;
|
||||
--color-primary-dark-2: #64b9df;
|
||||
--color-primary-dark-3: #57b3dc;
|
||||
--color-primary-dark-4: #4aadd9;
|
||||
--color-primary-dark-5: #3ea7d7;
|
||||
--color-primary-dark-6: #31a2d4;
|
||||
--color-primary-dark-7: #2a99cc;
|
||||
--color-primary-light-1: #8acae7;
|
||||
--color-primary-light-2: #96cfe9;
|
||||
--color-primary-light-3: #a3d5ec;
|
||||
--color-primary-light-4: #b0dbef;
|
||||
--color-primary-light-5: #bce1f1;
|
||||
--color-primary-light-6: #c9e6f4;
|
||||
--color-primary-light-7: #d6ecf6;
|
||||
--color-primary-alpha-10: rgba(125, 196, 228, 0.1);
|
||||
--color-primary-alpha-20: rgba(125, 196, 228, 0.2);
|
||||
--color-primary-alpha-30: rgba(125, 196, 228, 0.3);
|
||||
--color-primary-alpha-40: rgba(125, 196, 228, 0.4);
|
||||
--color-primary-alpha-50: rgba(125, 196, 228, 0.5);
|
||||
--color-primary-alpha-60: rgba(125, 196, 228, 0.6);
|
||||
--color-primary-alpha-70: rgba(125, 196, 228, 0.7);
|
||||
--color-primary-alpha-80: rgba(125, 196, 228, 0.8);
|
||||
--color-primary-alpha-90: rgba(125, 196, 228, 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: #181926;
|
||||
--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-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-bar: #1e2030;
|
||||
--color-label-active-bg: #5b6078;
|
||||
--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:hover .shortsha {
|
||||
color: #181926;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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;
|
||||
}
|
||||
700
public/css/theme-catppuccin-macchiato-sky.css
Normal file
700
public/css/theme-catppuccin-macchiato-sky.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #91d7e3;
|
||||
--color-primary: #91d7e3;
|
||||
--color-primary-contrast: #181926;
|
||||
--color-primary-dark-1: #85d3e0;
|
||||
--color-primary-dark-2: #79cedd;
|
||||
--color-primary-dark-3: #6ccada;
|
||||
--color-primary-dark-4: #60c5d7;
|
||||
--color-primary-dark-5: #54c1d3;
|
||||
--color-primary-dark-6: #48bcd0;
|
||||
--color-primary-dark-7: #3cb8cd;
|
||||
--color-primary-light-1: #9ddbe6;
|
||||
--color-primary-light-2: #a9e0e9;
|
||||
--color-primary-light-3: #b6e4ec;
|
||||
--color-primary-light-4: #c2e9ef;
|
||||
--color-primary-light-5: #ceedf3;
|
||||
--color-primary-light-6: #daf2f6;
|
||||
--color-primary-light-7: #e6f6f9;
|
||||
--color-primary-alpha-10: rgba(145, 215, 227, 0.1);
|
||||
--color-primary-alpha-20: rgba(145, 215, 227, 0.2);
|
||||
--color-primary-alpha-30: rgba(145, 215, 227, 0.3);
|
||||
--color-primary-alpha-40: rgba(145, 215, 227, 0.4);
|
||||
--color-primary-alpha-50: rgba(145, 215, 227, 0.5);
|
||||
--color-primary-alpha-60: rgba(145, 215, 227, 0.6);
|
||||
--color-primary-alpha-70: rgba(145, 215, 227, 0.7);
|
||||
--color-primary-alpha-80: rgba(145, 215, 227, 0.8);
|
||||
--color-primary-alpha-90: rgba(145, 215, 227, 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: #181926;
|
||||
--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-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-bar: #1e2030;
|
||||
--color-label-active-bg: #5b6078;
|
||||
--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:hover .shortsha {
|
||||
color: #181926;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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;
|
||||
}
|
||||
700
public/css/theme-catppuccin-macchiato-teal.css
Normal file
700
public/css/theme-catppuccin-macchiato-teal.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #8bd5ca;
|
||||
--color-primary: #8bd5ca;
|
||||
--color-primary-contrast: #181926;
|
||||
--color-primary-dark-1: #80d1c5;
|
||||
--color-primary-dark-2: #75cdc0;
|
||||
--color-primary-dark-3: #69c9bb;
|
||||
--color-primary-dark-4: #5ec5b5;
|
||||
--color-primary-dark-5: #53c1b0;
|
||||
--color-primary-dark-6: #48bdab;
|
||||
--color-primary-dark-7: #41b4a3;
|
||||
--color-primary-light-1: #96d9cf;
|
||||
--color-primary-light-2: #a1ddd4;
|
||||
--color-primary-light-3: #ade1d9;
|
||||
--color-primary-light-4: #b8e5df;
|
||||
--color-primary-light-5: #c3e9e4;
|
||||
--color-primary-light-6: #ceede9;
|
||||
--color-primary-light-7: #daf1ee;
|
||||
--color-primary-alpha-10: rgba(139, 213, 202, 0.1);
|
||||
--color-primary-alpha-20: rgba(139, 213, 202, 0.2);
|
||||
--color-primary-alpha-30: rgba(139, 213, 202, 0.3);
|
||||
--color-primary-alpha-40: rgba(139, 213, 202, 0.4);
|
||||
--color-primary-alpha-50: rgba(139, 213, 202, 0.5);
|
||||
--color-primary-alpha-60: rgba(139, 213, 202, 0.6);
|
||||
--color-primary-alpha-70: rgba(139, 213, 202, 0.7);
|
||||
--color-primary-alpha-80: rgba(139, 213, 202, 0.8);
|
||||
--color-primary-alpha-90: rgba(139, 213, 202, 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: #181926;
|
||||
--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-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-bar: #1e2030;
|
||||
--color-label-active-bg: #5b6078;
|
||||
--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:hover .shortsha {
|
||||
color: #181926;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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;
|
||||
}
|
||||
700
public/css/theme-catppuccin-macchiato-yellow.css
Normal file
700
public/css/theme-catppuccin-macchiato-yellow.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #eed49f;
|
||||
--color-primary: #eed49f;
|
||||
--color-primary-contrast: #181926;
|
||||
--color-primary-dark-1: #ecce92;
|
||||
--color-primary-dark-2: #e9c885;
|
||||
--color-primary-dark-3: #e7c378;
|
||||
--color-primary-dark-4: #e5bd6b;
|
||||
--color-primary-dark-5: #e2b75e;
|
||||
--color-primary-dark-6: #e0b151;
|
||||
--color-primary-dark-7: #deab44;
|
||||
--color-primary-light-1: #f0daac;
|
||||
--color-primary-light-2: #f3e0b9;
|
||||
--color-primary-light-3: #f5e5c6;
|
||||
--color-primary-light-4: #f7ebd3;
|
||||
--color-primary-light-5: #faf1e0;
|
||||
--color-primary-light-6: #fcf7ed;
|
||||
--color-primary-light-7: #fefdfa;
|
||||
--color-primary-alpha-10: rgba(238, 212, 159, 0.1);
|
||||
--color-primary-alpha-20: rgba(238, 212, 159, 0.2);
|
||||
--color-primary-alpha-30: rgba(238, 212, 159, 0.3);
|
||||
--color-primary-alpha-40: rgba(238, 212, 159, 0.4);
|
||||
--color-primary-alpha-50: rgba(238, 212, 159, 0.5);
|
||||
--color-primary-alpha-60: rgba(238, 212, 159, 0.6);
|
||||
--color-primary-alpha-70: rgba(238, 212, 159, 0.7);
|
||||
--color-primary-alpha-80: rgba(238, 212, 159, 0.8);
|
||||
--color-primary-alpha-90: rgba(238, 212, 159, 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: #181926;
|
||||
--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-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-bar: #1e2030;
|
||||
--color-label-active-bg: #5b6078;
|
||||
--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:hover .shortsha {
|
||||
color: #181926;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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;
|
||||
}
|
||||
700
public/css/theme-catppuccin-mocha-blue.css
Normal file
700
public/css/theme-catppuccin-mocha-blue.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #89b4fa;
|
||||
--color-primary: #89b4fa;
|
||||
--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: #98bdfb;
|
||||
--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: #89b4fa;
|
||||
--color-violet: #b4befe;
|
||||
--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: #11111b;
|
||||
--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-navbar: #181825;
|
||||
--color-navbar-transparent: rgba(17, 17, 27, 0);
|
||||
--color-light: rgba(88, 91, 112, 0.3);
|
||||
--color-light-mimic-enabled: rgba(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
|
||||
);
|
||||
--color-light-border: #585b70;
|
||||
--color-hover: rgba(108, 112, 134, 0.1);
|
||||
--color-active: rgba(205, 214, 244, 0.1);
|
||||
--color-menu: #313244;
|
||||
--color-card: #313244;
|
||||
--color-markup-table-row: rgba(205, 214, 244, 0.02);
|
||||
--color-markup-code-block: rgba(205, 214, 244, 0.05);
|
||||
--color-button: #313244;
|
||||
--color-code-bg: #1e1e2e;
|
||||
--color-code-sidebar-bg: #313244;
|
||||
--color-shadow: rgba(17, 17, 27, 0.1);
|
||||
--color-secondary-bg: #313244;
|
||||
--color-text-focus: #cdd6f4;
|
||||
--color-expand-button: #585b70;
|
||||
--color-placeholder-text: #585b70;
|
||||
--color-editor-line-highlight: var(--color-primary-light-5);
|
||||
--color-project-board-bg: var(--color-secondary-light-2);
|
||||
/* gitea source code: */
|
||||
/* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
|
||||
--color-caret: var(--color-text);
|
||||
--color-reaction-bg: rgba(205, 214, 244, 0.07);
|
||||
--color-reaction-active-bg: var(--color-primary-alpha-40);
|
||||
--color-header-bar: #181825;
|
||||
--color-label-active-bg: #585b70;
|
||||
--color-accent: var(--color-primary-light-1);
|
||||
--color-small-accent: var(--color-primary-light-5);
|
||||
--color-active-line: #45475a;
|
||||
}
|
||||
|
||||
/* invert emojis that are hard to read otherwise */
|
||||
.emoji[aria-label="check mark"],
|
||||
.emoji[aria-label="currency exchange"],
|
||||
.emoji[aria-label="TOP arrow"],
|
||||
.emoji[aria-label="END arrow"],
|
||||
.emoji[aria-label="ON! arrow"],
|
||||
.emoji[aria-label="SOON arrow"],
|
||||
.emoji[aria-label="heavy dollar sign"],
|
||||
.emoji[aria-label=copyright],
|
||||
.emoji[aria-label=registered],
|
||||
.emoji[aria-label="trade mark"],
|
||||
.emoji[aria-label=multiply],
|
||||
.emoji[aria-label=plus],
|
||||
.emoji[aria-label=minus],
|
||||
.emoji[aria-label=divide],
|
||||
.emoji[aria-label="curly loop"],
|
||||
.emoji[aria-label="double curly loop"],
|
||||
.emoji[aria-label="wavy dash"],
|
||||
.emoji[aria-label="paw prints"],
|
||||
.emoji[aria-label="musical note"],
|
||||
.emoji[aria-label="musical notes"] {
|
||||
filter: invert(100%) hue-rotate(180deg);
|
||||
}
|
||||
|
||||
.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).primary,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).green,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).red,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).teal {
|
||||
color: #11111b;
|
||||
}
|
||||
.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).green:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).red:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
|
||||
color: #1e1e2e;
|
||||
}
|
||||
|
||||
.ui.basic.modal {
|
||||
background-color: #1e1e2e;
|
||||
}
|
||||
|
||||
.ui.commit-header-row .svg.gitea-lock ~ a {
|
||||
color: #11111b;
|
||||
}
|
||||
|
||||
.ui.sha.isSigned.isVerified:hover .shortsha {
|
||||
color: #11111b;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* CommentPreprocFile */
|
||||
.chroma .cpf {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* CommentSpecial */
|
||||
.chroma .cs {
|
||||
color: #6c7086;
|
||||
}
|
||||
|
||||
/* LiteralStringDelimiter */
|
||||
.chroma .dl {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* LiteralStringHeredoc */
|
||||
.chroma .sh {
|
||||
color: #a6e3a1;
|
||||
}
|
||||
|
||||
/* LiteralStringInterpol */
|
||||
.chroma .si {
|
||||
color: #a6e3a1;
|
||||
}
|
||||
|
||||
/* LiteralStringRegex */
|
||||
.chroma .sr {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
.CodeMirror .cm-link,
|
||||
.CodeMirror.cm-s-default .cm-link,
|
||||
.CodeMirror.cm-s-paper .cm-link {
|
||||
color: #89b4fa;
|
||||
}
|
||||
.CodeMirror .cm-error,
|
||||
.CodeMirror.cm-s-default .cm-error,
|
||||
.CodeMirror.cm-s-paper .cm-error {
|
||||
color: #f38ba8;
|
||||
}
|
||||
700
public/css/theme-catppuccin-mocha-flamingo.css
Normal file
700
public/css/theme-catppuccin-mocha-flamingo.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #f2cdcd;
|
||||
--color-primary: #f2cdcd;
|
||||
--color-primary-contrast: #11111b;
|
||||
--color-primary-dark-1: #efc1c1;
|
||||
--color-primary-dark-2: #ecb5b5;
|
||||
--color-primary-dark-3: #e9a9a9;
|
||||
--color-primary-dark-4: #e59c9c;
|
||||
--color-primary-dark-5: #e29090;
|
||||
--color-primary-dark-6: #df8484;
|
||||
--color-primary-dark-7: #dc7878;
|
||||
--color-primary-light-1: #f5d9d9;
|
||||
--color-primary-light-2: #f8e5e5;
|
||||
--color-primary-light-3: #fbf1f1;
|
||||
--color-primary-light-4: #fffefe;
|
||||
--color-primary-light-5: white;
|
||||
--color-primary-light-6: white;
|
||||
--color-primary-light-7: white;
|
||||
--color-primary-alpha-10: rgba(242, 205, 205, 0.1);
|
||||
--color-primary-alpha-20: rgba(242, 205, 205, 0.2);
|
||||
--color-primary-alpha-30: rgba(242, 205, 205, 0.3);
|
||||
--color-primary-alpha-40: rgba(242, 205, 205, 0.4);
|
||||
--color-primary-alpha-50: rgba(242, 205, 205, 0.5);
|
||||
--color-primary-alpha-60: rgba(242, 205, 205, 0.6);
|
||||
--color-primary-alpha-70: rgba(242, 205, 205, 0.7);
|
||||
--color-primary-alpha-80: rgba(242, 205, 205, 0.8);
|
||||
--color-primary-alpha-90: rgba(242, 205, 205, 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: #89b4fa;
|
||||
--color-violet: #b4befe;
|
||||
--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: #11111b;
|
||||
--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-navbar: #181825;
|
||||
--color-navbar-transparent: rgba(17, 17, 27, 0);
|
||||
--color-light: rgba(88, 91, 112, 0.3);
|
||||
--color-light-mimic-enabled: rgba(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
|
||||
);
|
||||
--color-light-border: #585b70;
|
||||
--color-hover: rgba(108, 112, 134, 0.1);
|
||||
--color-active: rgba(205, 214, 244, 0.1);
|
||||
--color-menu: #313244;
|
||||
--color-card: #313244;
|
||||
--color-markup-table-row: rgba(205, 214, 244, 0.02);
|
||||
--color-markup-code-block: rgba(205, 214, 244, 0.05);
|
||||
--color-button: #313244;
|
||||
--color-code-bg: #1e1e2e;
|
||||
--color-code-sidebar-bg: #313244;
|
||||
--color-shadow: rgba(17, 17, 27, 0.1);
|
||||
--color-secondary-bg: #313244;
|
||||
--color-text-focus: #cdd6f4;
|
||||
--color-expand-button: #585b70;
|
||||
--color-placeholder-text: #585b70;
|
||||
--color-editor-line-highlight: var(--color-primary-light-5);
|
||||
--color-project-board-bg: var(--color-secondary-light-2);
|
||||
/* gitea source code: */
|
||||
/* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
|
||||
--color-caret: var(--color-text);
|
||||
--color-reaction-bg: rgba(205, 214, 244, 0.07);
|
||||
--color-reaction-active-bg: var(--color-primary-alpha-40);
|
||||
--color-header-bar: #181825;
|
||||
--color-label-active-bg: #585b70;
|
||||
--color-accent: var(--color-primary-light-1);
|
||||
--color-small-accent: var(--color-primary-light-5);
|
||||
--color-active-line: #45475a;
|
||||
}
|
||||
|
||||
/* invert emojis that are hard to read otherwise */
|
||||
.emoji[aria-label="check mark"],
|
||||
.emoji[aria-label="currency exchange"],
|
||||
.emoji[aria-label="TOP arrow"],
|
||||
.emoji[aria-label="END arrow"],
|
||||
.emoji[aria-label="ON! arrow"],
|
||||
.emoji[aria-label="SOON arrow"],
|
||||
.emoji[aria-label="heavy dollar sign"],
|
||||
.emoji[aria-label=copyright],
|
||||
.emoji[aria-label=registered],
|
||||
.emoji[aria-label="trade mark"],
|
||||
.emoji[aria-label=multiply],
|
||||
.emoji[aria-label=plus],
|
||||
.emoji[aria-label=minus],
|
||||
.emoji[aria-label=divide],
|
||||
.emoji[aria-label="curly loop"],
|
||||
.emoji[aria-label="double curly loop"],
|
||||
.emoji[aria-label="wavy dash"],
|
||||
.emoji[aria-label="paw prints"],
|
||||
.emoji[aria-label="musical note"],
|
||||
.emoji[aria-label="musical notes"] {
|
||||
filter: invert(100%) hue-rotate(180deg);
|
||||
}
|
||||
|
||||
.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).primary,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).green,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).red,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).teal {
|
||||
color: #11111b;
|
||||
}
|
||||
.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).green:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).red:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
|
||||
color: #1e1e2e;
|
||||
}
|
||||
|
||||
.ui.basic.modal {
|
||||
background-color: #1e1e2e;
|
||||
}
|
||||
|
||||
.ui.commit-header-row .svg.gitea-lock ~ a {
|
||||
color: #11111b;
|
||||
}
|
||||
|
||||
.ui.sha.isSigned.isVerified:hover .shortsha {
|
||||
color: #11111b;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* CommentPreprocFile */
|
||||
.chroma .cpf {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* CommentSpecial */
|
||||
.chroma .cs {
|
||||
color: #6c7086;
|
||||
}
|
||||
|
||||
/* LiteralStringDelimiter */
|
||||
.chroma .dl {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* LiteralStringHeredoc */
|
||||
.chroma .sh {
|
||||
color: #a6e3a1;
|
||||
}
|
||||
|
||||
/* LiteralStringInterpol */
|
||||
.chroma .si {
|
||||
color: #a6e3a1;
|
||||
}
|
||||
|
||||
/* LiteralStringRegex */
|
||||
.chroma .sr {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
.CodeMirror .cm-link,
|
||||
.CodeMirror.cm-s-default .cm-link,
|
||||
.CodeMirror.cm-s-paper .cm-link {
|
||||
color: #89b4fa;
|
||||
}
|
||||
.CodeMirror .cm-error,
|
||||
.CodeMirror.cm-s-default .cm-error,
|
||||
.CodeMirror.cm-s-paper .cm-error {
|
||||
color: #f38ba8;
|
||||
}
|
||||
700
public/css/theme-catppuccin-mocha-green.css
Normal file
700
public/css/theme-catppuccin-mocha-green.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #a6e3a1;
|
||||
--color-primary: #a6e3a1;
|
||||
--color-primary-contrast: #11111b;
|
||||
--color-primary-dark-1: #9bdf95;
|
||||
--color-primary-dark-2: #90dc89;
|
||||
--color-primary-dark-3: #85d87e;
|
||||
--color-primary-dark-4: #79d572;
|
||||
--color-primary-dark-5: #6ed166;
|
||||
--color-primary-dark-6: #63ce5a;
|
||||
--color-primary-dark-7: #58ca4e;
|
||||
--color-primary-light-1: #b1e7ad;
|
||||
--color-primary-light-2: #bceab9;
|
||||
--color-primary-light-3: #c7eec4;
|
||||
--color-primary-light-4: #d3f1d0;
|
||||
--color-primary-light-5: #def5dc;
|
||||
--color-primary-light-6: #e9f8e8;
|
||||
--color-primary-light-7: #f4fcf4;
|
||||
--color-primary-alpha-10: rgba(166, 227, 161, 0.1);
|
||||
--color-primary-alpha-20: rgba(166, 227, 161, 0.2);
|
||||
--color-primary-alpha-30: rgba(166, 227, 161, 0.3);
|
||||
--color-primary-alpha-40: rgba(166, 227, 161, 0.4);
|
||||
--color-primary-alpha-50: rgba(166, 227, 161, 0.5);
|
||||
--color-primary-alpha-60: rgba(166, 227, 161, 0.6);
|
||||
--color-primary-alpha-70: rgba(166, 227, 161, 0.7);
|
||||
--color-primary-alpha-80: rgba(166, 227, 161, 0.8);
|
||||
--color-primary-alpha-90: rgba(166, 227, 161, 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: #89b4fa;
|
||||
--color-violet: #b4befe;
|
||||
--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: #11111b;
|
||||
--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-navbar: #181825;
|
||||
--color-navbar-transparent: rgba(17, 17, 27, 0);
|
||||
--color-light: rgba(88, 91, 112, 0.3);
|
||||
--color-light-mimic-enabled: rgba(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
|
||||
);
|
||||
--color-light-border: #585b70;
|
||||
--color-hover: rgba(108, 112, 134, 0.1);
|
||||
--color-active: rgba(205, 214, 244, 0.1);
|
||||
--color-menu: #313244;
|
||||
--color-card: #313244;
|
||||
--color-markup-table-row: rgba(205, 214, 244, 0.02);
|
||||
--color-markup-code-block: rgba(205, 214, 244, 0.05);
|
||||
--color-button: #313244;
|
||||
--color-code-bg: #1e1e2e;
|
||||
--color-code-sidebar-bg: #313244;
|
||||
--color-shadow: rgba(17, 17, 27, 0.1);
|
||||
--color-secondary-bg: #313244;
|
||||
--color-text-focus: #cdd6f4;
|
||||
--color-expand-button: #585b70;
|
||||
--color-placeholder-text: #585b70;
|
||||
--color-editor-line-highlight: var(--color-primary-light-5);
|
||||
--color-project-board-bg: var(--color-secondary-light-2);
|
||||
/* gitea source code: */
|
||||
/* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
|
||||
--color-caret: var(--color-text);
|
||||
--color-reaction-bg: rgba(205, 214, 244, 0.07);
|
||||
--color-reaction-active-bg: var(--color-primary-alpha-40);
|
||||
--color-header-bar: #181825;
|
||||
--color-label-active-bg: #585b70;
|
||||
--color-accent: var(--color-primary-light-1);
|
||||
--color-small-accent: var(--color-primary-light-5);
|
||||
--color-active-line: #45475a;
|
||||
}
|
||||
|
||||
/* invert emojis that are hard to read otherwise */
|
||||
.emoji[aria-label="check mark"],
|
||||
.emoji[aria-label="currency exchange"],
|
||||
.emoji[aria-label="TOP arrow"],
|
||||
.emoji[aria-label="END arrow"],
|
||||
.emoji[aria-label="ON! arrow"],
|
||||
.emoji[aria-label="SOON arrow"],
|
||||
.emoji[aria-label="heavy dollar sign"],
|
||||
.emoji[aria-label=copyright],
|
||||
.emoji[aria-label=registered],
|
||||
.emoji[aria-label="trade mark"],
|
||||
.emoji[aria-label=multiply],
|
||||
.emoji[aria-label=plus],
|
||||
.emoji[aria-label=minus],
|
||||
.emoji[aria-label=divide],
|
||||
.emoji[aria-label="curly loop"],
|
||||
.emoji[aria-label="double curly loop"],
|
||||
.emoji[aria-label="wavy dash"],
|
||||
.emoji[aria-label="paw prints"],
|
||||
.emoji[aria-label="musical note"],
|
||||
.emoji[aria-label="musical notes"] {
|
||||
filter: invert(100%) hue-rotate(180deg);
|
||||
}
|
||||
|
||||
.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).primary,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).green,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).red,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).teal {
|
||||
color: #11111b;
|
||||
}
|
||||
.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).green:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).red:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
|
||||
color: #1e1e2e;
|
||||
}
|
||||
|
||||
.ui.basic.modal {
|
||||
background-color: #1e1e2e;
|
||||
}
|
||||
|
||||
.ui.commit-header-row .svg.gitea-lock ~ a {
|
||||
color: #11111b;
|
||||
}
|
||||
|
||||
.ui.sha.isSigned.isVerified:hover .shortsha {
|
||||
color: #11111b;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* CommentPreprocFile */
|
||||
.chroma .cpf {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* CommentSpecial */
|
||||
.chroma .cs {
|
||||
color: #6c7086;
|
||||
}
|
||||
|
||||
/* LiteralStringDelimiter */
|
||||
.chroma .dl {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* LiteralStringHeredoc */
|
||||
.chroma .sh {
|
||||
color: #a6e3a1;
|
||||
}
|
||||
|
||||
/* LiteralStringInterpol */
|
||||
.chroma .si {
|
||||
color: #a6e3a1;
|
||||
}
|
||||
|
||||
/* LiteralStringRegex */
|
||||
.chroma .sr {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
.CodeMirror .cm-link,
|
||||
.CodeMirror.cm-s-default .cm-link,
|
||||
.CodeMirror.cm-s-paper .cm-link {
|
||||
color: #89b4fa;
|
||||
}
|
||||
.CodeMirror .cm-error,
|
||||
.CodeMirror.cm-s-default .cm-error,
|
||||
.CodeMirror.cm-s-paper .cm-error {
|
||||
color: #f38ba8;
|
||||
}
|
||||
700
public/css/theme-catppuccin-mocha-lavender.css
Normal file
700
public/css/theme-catppuccin-mocha-lavender.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #b4befe;
|
||||
--color-primary: #b4befe;
|
||||
--color-primary-contrast: #11111b;
|
||||
--color-primary-dark-1: #a5b1fe;
|
||||
--color-primary-dark-2: #96a4fe;
|
||||
--color-primary-dark-3: #8797fd;
|
||||
--color-primary-dark-4: #788afd;
|
||||
--color-primary-dark-5: #697dfd;
|
||||
--color-primary-dark-6: #596ffd;
|
||||
--color-primary-dark-7: #4a62fd;
|
||||
--color-primary-light-1: #c3cbfe;
|
||||
--color-primary-light-2: #d2d8fe;
|
||||
--color-primary-light-3: #e1e5ff;
|
||||
--color-primary-light-4: #f0f2ff;
|
||||
--color-primary-light-5: white;
|
||||
--color-primary-light-6: white;
|
||||
--color-primary-light-7: white;
|
||||
--color-primary-alpha-10: rgba(180, 190, 254, 0.1);
|
||||
--color-primary-alpha-20: rgba(180, 190, 254, 0.2);
|
||||
--color-primary-alpha-30: rgba(180, 190, 254, 0.3);
|
||||
--color-primary-alpha-40: rgba(180, 190, 254, 0.4);
|
||||
--color-primary-alpha-50: rgba(180, 190, 254, 0.5);
|
||||
--color-primary-alpha-60: rgba(180, 190, 254, 0.6);
|
||||
--color-primary-alpha-70: rgba(180, 190, 254, 0.7);
|
||||
--color-primary-alpha-80: rgba(180, 190, 254, 0.8);
|
||||
--color-primary-alpha-90: rgba(180, 190, 254, 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: #89b4fa;
|
||||
--color-violet: #b4befe;
|
||||
--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: #11111b;
|
||||
--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-navbar: #181825;
|
||||
--color-navbar-transparent: rgba(17, 17, 27, 0);
|
||||
--color-light: rgba(88, 91, 112, 0.3);
|
||||
--color-light-mimic-enabled: rgba(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
|
||||
);
|
||||
--color-light-border: #585b70;
|
||||
--color-hover: rgba(108, 112, 134, 0.1);
|
||||
--color-active: rgba(205, 214, 244, 0.1);
|
||||
--color-menu: #313244;
|
||||
--color-card: #313244;
|
||||
--color-markup-table-row: rgba(205, 214, 244, 0.02);
|
||||
--color-markup-code-block: rgba(205, 214, 244, 0.05);
|
||||
--color-button: #313244;
|
||||
--color-code-bg: #1e1e2e;
|
||||
--color-code-sidebar-bg: #313244;
|
||||
--color-shadow: rgba(17, 17, 27, 0.1);
|
||||
--color-secondary-bg: #313244;
|
||||
--color-text-focus: #cdd6f4;
|
||||
--color-expand-button: #585b70;
|
||||
--color-placeholder-text: #585b70;
|
||||
--color-editor-line-highlight: var(--color-primary-light-5);
|
||||
--color-project-board-bg: var(--color-secondary-light-2);
|
||||
/* gitea source code: */
|
||||
/* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
|
||||
--color-caret: var(--color-text);
|
||||
--color-reaction-bg: rgba(205, 214, 244, 0.07);
|
||||
--color-reaction-active-bg: var(--color-primary-alpha-40);
|
||||
--color-header-bar: #181825;
|
||||
--color-label-active-bg: #585b70;
|
||||
--color-accent: var(--color-primary-light-1);
|
||||
--color-small-accent: var(--color-primary-light-5);
|
||||
--color-active-line: #45475a;
|
||||
}
|
||||
|
||||
/* invert emojis that are hard to read otherwise */
|
||||
.emoji[aria-label="check mark"],
|
||||
.emoji[aria-label="currency exchange"],
|
||||
.emoji[aria-label="TOP arrow"],
|
||||
.emoji[aria-label="END arrow"],
|
||||
.emoji[aria-label="ON! arrow"],
|
||||
.emoji[aria-label="SOON arrow"],
|
||||
.emoji[aria-label="heavy dollar sign"],
|
||||
.emoji[aria-label=copyright],
|
||||
.emoji[aria-label=registered],
|
||||
.emoji[aria-label="trade mark"],
|
||||
.emoji[aria-label=multiply],
|
||||
.emoji[aria-label=plus],
|
||||
.emoji[aria-label=minus],
|
||||
.emoji[aria-label=divide],
|
||||
.emoji[aria-label="curly loop"],
|
||||
.emoji[aria-label="double curly loop"],
|
||||
.emoji[aria-label="wavy dash"],
|
||||
.emoji[aria-label="paw prints"],
|
||||
.emoji[aria-label="musical note"],
|
||||
.emoji[aria-label="musical notes"] {
|
||||
filter: invert(100%) hue-rotate(180deg);
|
||||
}
|
||||
|
||||
.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).primary,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).green,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).red,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).teal {
|
||||
color: #11111b;
|
||||
}
|
||||
.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).green:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).red:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
|
||||
color: #1e1e2e;
|
||||
}
|
||||
|
||||
.ui.basic.modal {
|
||||
background-color: #1e1e2e;
|
||||
}
|
||||
|
||||
.ui.commit-header-row .svg.gitea-lock ~ a {
|
||||
color: #11111b;
|
||||
}
|
||||
|
||||
.ui.sha.isSigned.isVerified:hover .shortsha {
|
||||
color: #11111b;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* CommentPreprocFile */
|
||||
.chroma .cpf {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* CommentSpecial */
|
||||
.chroma .cs {
|
||||
color: #6c7086;
|
||||
}
|
||||
|
||||
/* LiteralStringDelimiter */
|
||||
.chroma .dl {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* LiteralStringHeredoc */
|
||||
.chroma .sh {
|
||||
color: #a6e3a1;
|
||||
}
|
||||
|
||||
/* LiteralStringInterpol */
|
||||
.chroma .si {
|
||||
color: #a6e3a1;
|
||||
}
|
||||
|
||||
/* LiteralStringRegex */
|
||||
.chroma .sr {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
.CodeMirror .cm-link,
|
||||
.CodeMirror.cm-s-default .cm-link,
|
||||
.CodeMirror.cm-s-paper .cm-link {
|
||||
color: #89b4fa;
|
||||
}
|
||||
.CodeMirror .cm-error,
|
||||
.CodeMirror.cm-s-default .cm-error,
|
||||
.CodeMirror.cm-s-paper .cm-error {
|
||||
color: #f38ba8;
|
||||
}
|
||||
700
public/css/theme-catppuccin-mocha-maroon.css
Normal file
700
public/css/theme-catppuccin-mocha-maroon.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #eba0ac;
|
||||
--color-primary: #eba0ac;
|
||||
--color-primary-contrast: #11111b;
|
||||
--color-primary-dark-1: #e893a1;
|
||||
--color-primary-dark-2: #e68796;
|
||||
--color-primary-dark-3: #e37a8b;
|
||||
--color-primary-dark-4: #e06d80;
|
||||
--color-primary-dark-5: #de6175;
|
||||
--color-primary-dark-6: #db546a;
|
||||
--color-primary-dark-7: #d8485f;
|
||||
--color-primary-light-1: #eeadb7;
|
||||
--color-primary-light-2: #f0b9c2;
|
||||
--color-primary-light-3: #f3c6cd;
|
||||
--color-primary-light-4: #f6d3d8;
|
||||
--color-primary-light-5: #f8dfe3;
|
||||
--color-primary-light-6: #fbecee;
|
||||
--color-primary-light-7: #fef8f9;
|
||||
--color-primary-alpha-10: rgba(235, 160, 172, 0.1);
|
||||
--color-primary-alpha-20: rgba(235, 160, 172, 0.2);
|
||||
--color-primary-alpha-30: rgba(235, 160, 172, 0.3);
|
||||
--color-primary-alpha-40: rgba(235, 160, 172, 0.4);
|
||||
--color-primary-alpha-50: rgba(235, 160, 172, 0.5);
|
||||
--color-primary-alpha-60: rgba(235, 160, 172, 0.6);
|
||||
--color-primary-alpha-70: rgba(235, 160, 172, 0.7);
|
||||
--color-primary-alpha-80: rgba(235, 160, 172, 0.8);
|
||||
--color-primary-alpha-90: rgba(235, 160, 172, 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: #89b4fa;
|
||||
--color-violet: #b4befe;
|
||||
--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: #11111b;
|
||||
--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-navbar: #181825;
|
||||
--color-navbar-transparent: rgba(17, 17, 27, 0);
|
||||
--color-light: rgba(88, 91, 112, 0.3);
|
||||
--color-light-mimic-enabled: rgba(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
|
||||
);
|
||||
--color-light-border: #585b70;
|
||||
--color-hover: rgba(108, 112, 134, 0.1);
|
||||
--color-active: rgba(205, 214, 244, 0.1);
|
||||
--color-menu: #313244;
|
||||
--color-card: #313244;
|
||||
--color-markup-table-row: rgba(205, 214, 244, 0.02);
|
||||
--color-markup-code-block: rgba(205, 214, 244, 0.05);
|
||||
--color-button: #313244;
|
||||
--color-code-bg: #1e1e2e;
|
||||
--color-code-sidebar-bg: #313244;
|
||||
--color-shadow: rgba(17, 17, 27, 0.1);
|
||||
--color-secondary-bg: #313244;
|
||||
--color-text-focus: #cdd6f4;
|
||||
--color-expand-button: #585b70;
|
||||
--color-placeholder-text: #585b70;
|
||||
--color-editor-line-highlight: var(--color-primary-light-5);
|
||||
--color-project-board-bg: var(--color-secondary-light-2);
|
||||
/* gitea source code: */
|
||||
/* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
|
||||
--color-caret: var(--color-text);
|
||||
--color-reaction-bg: rgba(205, 214, 244, 0.07);
|
||||
--color-reaction-active-bg: var(--color-primary-alpha-40);
|
||||
--color-header-bar: #181825;
|
||||
--color-label-active-bg: #585b70;
|
||||
--color-accent: var(--color-primary-light-1);
|
||||
--color-small-accent: var(--color-primary-light-5);
|
||||
--color-active-line: #45475a;
|
||||
}
|
||||
|
||||
/* invert emojis that are hard to read otherwise */
|
||||
.emoji[aria-label="check mark"],
|
||||
.emoji[aria-label="currency exchange"],
|
||||
.emoji[aria-label="TOP arrow"],
|
||||
.emoji[aria-label="END arrow"],
|
||||
.emoji[aria-label="ON! arrow"],
|
||||
.emoji[aria-label="SOON arrow"],
|
||||
.emoji[aria-label="heavy dollar sign"],
|
||||
.emoji[aria-label=copyright],
|
||||
.emoji[aria-label=registered],
|
||||
.emoji[aria-label="trade mark"],
|
||||
.emoji[aria-label=multiply],
|
||||
.emoji[aria-label=plus],
|
||||
.emoji[aria-label=minus],
|
||||
.emoji[aria-label=divide],
|
||||
.emoji[aria-label="curly loop"],
|
||||
.emoji[aria-label="double curly loop"],
|
||||
.emoji[aria-label="wavy dash"],
|
||||
.emoji[aria-label="paw prints"],
|
||||
.emoji[aria-label="musical note"],
|
||||
.emoji[aria-label="musical notes"] {
|
||||
filter: invert(100%) hue-rotate(180deg);
|
||||
}
|
||||
|
||||
.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).primary,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).green,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).red,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).teal {
|
||||
color: #11111b;
|
||||
}
|
||||
.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).green:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).red:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
|
||||
color: #1e1e2e;
|
||||
}
|
||||
|
||||
.ui.basic.modal {
|
||||
background-color: #1e1e2e;
|
||||
}
|
||||
|
||||
.ui.commit-header-row .svg.gitea-lock ~ a {
|
||||
color: #11111b;
|
||||
}
|
||||
|
||||
.ui.sha.isSigned.isVerified:hover .shortsha {
|
||||
color: #11111b;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* CommentPreprocFile */
|
||||
.chroma .cpf {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* CommentSpecial */
|
||||
.chroma .cs {
|
||||
color: #6c7086;
|
||||
}
|
||||
|
||||
/* LiteralStringDelimiter */
|
||||
.chroma .dl {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* LiteralStringHeredoc */
|
||||
.chroma .sh {
|
||||
color: #a6e3a1;
|
||||
}
|
||||
|
||||
/* LiteralStringInterpol */
|
||||
.chroma .si {
|
||||
color: #a6e3a1;
|
||||
}
|
||||
|
||||
/* LiteralStringRegex */
|
||||
.chroma .sr {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
.CodeMirror .cm-link,
|
||||
.CodeMirror.cm-s-default .cm-link,
|
||||
.CodeMirror.cm-s-paper .cm-link {
|
||||
color: #89b4fa;
|
||||
}
|
||||
.CodeMirror .cm-error,
|
||||
.CodeMirror.cm-s-default .cm-error,
|
||||
.CodeMirror.cm-s-paper .cm-error {
|
||||
color: #f38ba8;
|
||||
}
|
||||
700
public/css/theme-catppuccin-mocha-mauve.css
Normal file
700
public/css/theme-catppuccin-mocha-mauve.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #cba6f7;
|
||||
--color-primary: #cba6f7;
|
||||
--color-primary-contrast: #11111b;
|
||||
--color-primary-dark-1: #c398f6;
|
||||
--color-primary-dark-2: #bb8af4;
|
||||
--color-primary-dark-3: #b27cf3;
|
||||
--color-primary-dark-4: #aa6ef2;
|
||||
--color-primary-dark-5: #a260f1;
|
||||
--color-primary-dark-6: #9a52ef;
|
||||
--color-primary-dark-7: #9244ee;
|
||||
--color-primary-light-1: #d3b4f8;
|
||||
--color-primary-light-2: #dbc2fa;
|
||||
--color-primary-light-3: #e4d0fb;
|
||||
--color-primary-light-4: #ecdefc;
|
||||
--color-primary-light-5: #f4ecfd;
|
||||
--color-primary-light-6: #fcfaff;
|
||||
--color-primary-light-7: white;
|
||||
--color-primary-alpha-10: rgba(203, 166, 247, 0.1);
|
||||
--color-primary-alpha-20: rgba(203, 166, 247, 0.2);
|
||||
--color-primary-alpha-30: rgba(203, 166, 247, 0.3);
|
||||
--color-primary-alpha-40: rgba(203, 166, 247, 0.4);
|
||||
--color-primary-alpha-50: rgba(203, 166, 247, 0.5);
|
||||
--color-primary-alpha-60: rgba(203, 166, 247, 0.6);
|
||||
--color-primary-alpha-70: rgba(203, 166, 247, 0.7);
|
||||
--color-primary-alpha-80: rgba(203, 166, 247, 0.8);
|
||||
--color-primary-alpha-90: rgba(203, 166, 247, 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: #89b4fa;
|
||||
--color-violet: #b4befe;
|
||||
--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: #11111b;
|
||||
--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-navbar: #181825;
|
||||
--color-navbar-transparent: rgba(17, 17, 27, 0);
|
||||
--color-light: rgba(88, 91, 112, 0.3);
|
||||
--color-light-mimic-enabled: rgba(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
|
||||
);
|
||||
--color-light-border: #585b70;
|
||||
--color-hover: rgba(108, 112, 134, 0.1);
|
||||
--color-active: rgba(205, 214, 244, 0.1);
|
||||
--color-menu: #313244;
|
||||
--color-card: #313244;
|
||||
--color-markup-table-row: rgba(205, 214, 244, 0.02);
|
||||
--color-markup-code-block: rgba(205, 214, 244, 0.05);
|
||||
--color-button: #313244;
|
||||
--color-code-bg: #1e1e2e;
|
||||
--color-code-sidebar-bg: #313244;
|
||||
--color-shadow: rgba(17, 17, 27, 0.1);
|
||||
--color-secondary-bg: #313244;
|
||||
--color-text-focus: #cdd6f4;
|
||||
--color-expand-button: #585b70;
|
||||
--color-placeholder-text: #585b70;
|
||||
--color-editor-line-highlight: var(--color-primary-light-5);
|
||||
--color-project-board-bg: var(--color-secondary-light-2);
|
||||
/* gitea source code: */
|
||||
/* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
|
||||
--color-caret: var(--color-text);
|
||||
--color-reaction-bg: rgba(205, 214, 244, 0.07);
|
||||
--color-reaction-active-bg: var(--color-primary-alpha-40);
|
||||
--color-header-bar: #181825;
|
||||
--color-label-active-bg: #585b70;
|
||||
--color-accent: var(--color-primary-light-1);
|
||||
--color-small-accent: var(--color-primary-light-5);
|
||||
--color-active-line: #45475a;
|
||||
}
|
||||
|
||||
/* invert emojis that are hard to read otherwise */
|
||||
.emoji[aria-label="check mark"],
|
||||
.emoji[aria-label="currency exchange"],
|
||||
.emoji[aria-label="TOP arrow"],
|
||||
.emoji[aria-label="END arrow"],
|
||||
.emoji[aria-label="ON! arrow"],
|
||||
.emoji[aria-label="SOON arrow"],
|
||||
.emoji[aria-label="heavy dollar sign"],
|
||||
.emoji[aria-label=copyright],
|
||||
.emoji[aria-label=registered],
|
||||
.emoji[aria-label="trade mark"],
|
||||
.emoji[aria-label=multiply],
|
||||
.emoji[aria-label=plus],
|
||||
.emoji[aria-label=minus],
|
||||
.emoji[aria-label=divide],
|
||||
.emoji[aria-label="curly loop"],
|
||||
.emoji[aria-label="double curly loop"],
|
||||
.emoji[aria-label="wavy dash"],
|
||||
.emoji[aria-label="paw prints"],
|
||||
.emoji[aria-label="musical note"],
|
||||
.emoji[aria-label="musical notes"] {
|
||||
filter: invert(100%) hue-rotate(180deg);
|
||||
}
|
||||
|
||||
.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).primary,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).green,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).red,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).teal {
|
||||
color: #11111b;
|
||||
}
|
||||
.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).green:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).red:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
|
||||
color: #1e1e2e;
|
||||
}
|
||||
|
||||
.ui.basic.modal {
|
||||
background-color: #1e1e2e;
|
||||
}
|
||||
|
||||
.ui.commit-header-row .svg.gitea-lock ~ a {
|
||||
color: #11111b;
|
||||
}
|
||||
|
||||
.ui.sha.isSigned.isVerified:hover .shortsha {
|
||||
color: #11111b;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* CommentPreprocFile */
|
||||
.chroma .cpf {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* CommentSpecial */
|
||||
.chroma .cs {
|
||||
color: #6c7086;
|
||||
}
|
||||
|
||||
/* LiteralStringDelimiter */
|
||||
.chroma .dl {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* LiteralStringHeredoc */
|
||||
.chroma .sh {
|
||||
color: #a6e3a1;
|
||||
}
|
||||
|
||||
/* LiteralStringInterpol */
|
||||
.chroma .si {
|
||||
color: #a6e3a1;
|
||||
}
|
||||
|
||||
/* LiteralStringRegex */
|
||||
.chroma .sr {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
.CodeMirror .cm-link,
|
||||
.CodeMirror.cm-s-default .cm-link,
|
||||
.CodeMirror.cm-s-paper .cm-link {
|
||||
color: #89b4fa;
|
||||
}
|
||||
.CodeMirror .cm-error,
|
||||
.CodeMirror.cm-s-default .cm-error,
|
||||
.CodeMirror.cm-s-paper .cm-error {
|
||||
color: #f38ba8;
|
||||
}
|
||||
700
public/css/theme-catppuccin-mocha-peach.css
Normal file
700
public/css/theme-catppuccin-mocha-peach.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #fab387;
|
||||
--color-primary: #fab387;
|
||||
--color-primary-contrast: #11111b;
|
||||
--color-primary-dark-1: #f9aa78;
|
||||
--color-primary-dark-2: #f9a06a;
|
||||
--color-primary-dark-3: #f8975b;
|
||||
--color-primary-dark-4: #f88e4c;
|
||||
--color-primary-dark-5: #f7843e;
|
||||
--color-primary-dark-6: #f67b2f;
|
||||
--color-primary-dark-7: #f67220;
|
||||
--color-primary-light-1: #fbbc96;
|
||||
--color-primary-light-2: #fbc6a4;
|
||||
--color-primary-light-3: #fccfb3;
|
||||
--color-primary-light-4: #fcd8c2;
|
||||
--color-primary-light-5: #fde2d0;
|
||||
--color-primary-light-6: #feebdf;
|
||||
--color-primary-light-7: #fef4ee;
|
||||
--color-primary-alpha-10: rgba(250, 179, 135, 0.1);
|
||||
--color-primary-alpha-20: rgba(250, 179, 135, 0.2);
|
||||
--color-primary-alpha-30: rgba(250, 179, 135, 0.3);
|
||||
--color-primary-alpha-40: rgba(250, 179, 135, 0.4);
|
||||
--color-primary-alpha-50: rgba(250, 179, 135, 0.5);
|
||||
--color-primary-alpha-60: rgba(250, 179, 135, 0.6);
|
||||
--color-primary-alpha-70: rgba(250, 179, 135, 0.7);
|
||||
--color-primary-alpha-80: rgba(250, 179, 135, 0.8);
|
||||
--color-primary-alpha-90: rgba(250, 179, 135, 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: #89b4fa;
|
||||
--color-violet: #b4befe;
|
||||
--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: #11111b;
|
||||
--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-navbar: #181825;
|
||||
--color-navbar-transparent: rgba(17, 17, 27, 0);
|
||||
--color-light: rgba(88, 91, 112, 0.3);
|
||||
--color-light-mimic-enabled: rgba(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
|
||||
);
|
||||
--color-light-border: #585b70;
|
||||
--color-hover: rgba(108, 112, 134, 0.1);
|
||||
--color-active: rgba(205, 214, 244, 0.1);
|
||||
--color-menu: #313244;
|
||||
--color-card: #313244;
|
||||
--color-markup-table-row: rgba(205, 214, 244, 0.02);
|
||||
--color-markup-code-block: rgba(205, 214, 244, 0.05);
|
||||
--color-button: #313244;
|
||||
--color-code-bg: #1e1e2e;
|
||||
--color-code-sidebar-bg: #313244;
|
||||
--color-shadow: rgba(17, 17, 27, 0.1);
|
||||
--color-secondary-bg: #313244;
|
||||
--color-text-focus: #cdd6f4;
|
||||
--color-expand-button: #585b70;
|
||||
--color-placeholder-text: #585b70;
|
||||
--color-editor-line-highlight: var(--color-primary-light-5);
|
||||
--color-project-board-bg: var(--color-secondary-light-2);
|
||||
/* gitea source code: */
|
||||
/* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
|
||||
--color-caret: var(--color-text);
|
||||
--color-reaction-bg: rgba(205, 214, 244, 0.07);
|
||||
--color-reaction-active-bg: var(--color-primary-alpha-40);
|
||||
--color-header-bar: #181825;
|
||||
--color-label-active-bg: #585b70;
|
||||
--color-accent: var(--color-primary-light-1);
|
||||
--color-small-accent: var(--color-primary-light-5);
|
||||
--color-active-line: #45475a;
|
||||
}
|
||||
|
||||
/* invert emojis that are hard to read otherwise */
|
||||
.emoji[aria-label="check mark"],
|
||||
.emoji[aria-label="currency exchange"],
|
||||
.emoji[aria-label="TOP arrow"],
|
||||
.emoji[aria-label="END arrow"],
|
||||
.emoji[aria-label="ON! arrow"],
|
||||
.emoji[aria-label="SOON arrow"],
|
||||
.emoji[aria-label="heavy dollar sign"],
|
||||
.emoji[aria-label=copyright],
|
||||
.emoji[aria-label=registered],
|
||||
.emoji[aria-label="trade mark"],
|
||||
.emoji[aria-label=multiply],
|
||||
.emoji[aria-label=plus],
|
||||
.emoji[aria-label=minus],
|
||||
.emoji[aria-label=divide],
|
||||
.emoji[aria-label="curly loop"],
|
||||
.emoji[aria-label="double curly loop"],
|
||||
.emoji[aria-label="wavy dash"],
|
||||
.emoji[aria-label="paw prints"],
|
||||
.emoji[aria-label="musical note"],
|
||||
.emoji[aria-label="musical notes"] {
|
||||
filter: invert(100%) hue-rotate(180deg);
|
||||
}
|
||||
|
||||
.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).primary,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).green,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).red,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).teal {
|
||||
color: #11111b;
|
||||
}
|
||||
.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).green:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).red:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
|
||||
color: #1e1e2e;
|
||||
}
|
||||
|
||||
.ui.basic.modal {
|
||||
background-color: #1e1e2e;
|
||||
}
|
||||
|
||||
.ui.commit-header-row .svg.gitea-lock ~ a {
|
||||
color: #11111b;
|
||||
}
|
||||
|
||||
.ui.sha.isSigned.isVerified:hover .shortsha {
|
||||
color: #11111b;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* CommentPreprocFile */
|
||||
.chroma .cpf {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* CommentSpecial */
|
||||
.chroma .cs {
|
||||
color: #6c7086;
|
||||
}
|
||||
|
||||
/* LiteralStringDelimiter */
|
||||
.chroma .dl {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* LiteralStringHeredoc */
|
||||
.chroma .sh {
|
||||
color: #a6e3a1;
|
||||
}
|
||||
|
||||
/* LiteralStringInterpol */
|
||||
.chroma .si {
|
||||
color: #a6e3a1;
|
||||
}
|
||||
|
||||
/* LiteralStringRegex */
|
||||
.chroma .sr {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
.CodeMirror .cm-link,
|
||||
.CodeMirror.cm-s-default .cm-link,
|
||||
.CodeMirror.cm-s-paper .cm-link {
|
||||
color: #89b4fa;
|
||||
}
|
||||
.CodeMirror .cm-error,
|
||||
.CodeMirror.cm-s-default .cm-error,
|
||||
.CodeMirror.cm-s-paper .cm-error {
|
||||
color: #f38ba8;
|
||||
}
|
||||
700
public/css/theme-catppuccin-mocha-pink.css
Normal file
700
public/css/theme-catppuccin-mocha-pink.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #f5c2e7;
|
||||
--color-primary: #f5c2e7;
|
||||
--color-primary-contrast: #11111b;
|
||||
--color-primary-dark-1: #f3b5e2;
|
||||
--color-primary-dark-2: #f1a8dd;
|
||||
--color-primary-dark-3: #ef9bd7;
|
||||
--color-primary-dark-4: #ec8dd2;
|
||||
--color-primary-dark-5: #ea80cd;
|
||||
--color-primary-dark-6: #e873c8;
|
||||
--color-primary-dark-7: #e666c3;
|
||||
--color-primary-light-1: #f7cfec;
|
||||
--color-primary-light-2: #f9dcf1;
|
||||
--color-primary-light-3: #fbe9f7;
|
||||
--color-primary-light-4: #fef7fc;
|
||||
--color-primary-light-5: white;
|
||||
--color-primary-light-6: white;
|
||||
--color-primary-light-7: white;
|
||||
--color-primary-alpha-10: rgba(245, 194, 231, 0.1);
|
||||
--color-primary-alpha-20: rgba(245, 194, 231, 0.2);
|
||||
--color-primary-alpha-30: rgba(245, 194, 231, 0.3);
|
||||
--color-primary-alpha-40: rgba(245, 194, 231, 0.4);
|
||||
--color-primary-alpha-50: rgba(245, 194, 231, 0.5);
|
||||
--color-primary-alpha-60: rgba(245, 194, 231, 0.6);
|
||||
--color-primary-alpha-70: rgba(245, 194, 231, 0.7);
|
||||
--color-primary-alpha-80: rgba(245, 194, 231, 0.8);
|
||||
--color-primary-alpha-90: rgba(245, 194, 231, 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: #89b4fa;
|
||||
--color-violet: #b4befe;
|
||||
--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: #11111b;
|
||||
--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-navbar: #181825;
|
||||
--color-navbar-transparent: rgba(17, 17, 27, 0);
|
||||
--color-light: rgba(88, 91, 112, 0.3);
|
||||
--color-light-mimic-enabled: rgba(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
|
||||
);
|
||||
--color-light-border: #585b70;
|
||||
--color-hover: rgba(108, 112, 134, 0.1);
|
||||
--color-active: rgba(205, 214, 244, 0.1);
|
||||
--color-menu: #313244;
|
||||
--color-card: #313244;
|
||||
--color-markup-table-row: rgba(205, 214, 244, 0.02);
|
||||
--color-markup-code-block: rgba(205, 214, 244, 0.05);
|
||||
--color-button: #313244;
|
||||
--color-code-bg: #1e1e2e;
|
||||
--color-code-sidebar-bg: #313244;
|
||||
--color-shadow: rgba(17, 17, 27, 0.1);
|
||||
--color-secondary-bg: #313244;
|
||||
--color-text-focus: #cdd6f4;
|
||||
--color-expand-button: #585b70;
|
||||
--color-placeholder-text: #585b70;
|
||||
--color-editor-line-highlight: var(--color-primary-light-5);
|
||||
--color-project-board-bg: var(--color-secondary-light-2);
|
||||
/* gitea source code: */
|
||||
/* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
|
||||
--color-caret: var(--color-text);
|
||||
--color-reaction-bg: rgba(205, 214, 244, 0.07);
|
||||
--color-reaction-active-bg: var(--color-primary-alpha-40);
|
||||
--color-header-bar: #181825;
|
||||
--color-label-active-bg: #585b70;
|
||||
--color-accent: var(--color-primary-light-1);
|
||||
--color-small-accent: var(--color-primary-light-5);
|
||||
--color-active-line: #45475a;
|
||||
}
|
||||
|
||||
/* invert emojis that are hard to read otherwise */
|
||||
.emoji[aria-label="check mark"],
|
||||
.emoji[aria-label="currency exchange"],
|
||||
.emoji[aria-label="TOP arrow"],
|
||||
.emoji[aria-label="END arrow"],
|
||||
.emoji[aria-label="ON! arrow"],
|
||||
.emoji[aria-label="SOON arrow"],
|
||||
.emoji[aria-label="heavy dollar sign"],
|
||||
.emoji[aria-label=copyright],
|
||||
.emoji[aria-label=registered],
|
||||
.emoji[aria-label="trade mark"],
|
||||
.emoji[aria-label=multiply],
|
||||
.emoji[aria-label=plus],
|
||||
.emoji[aria-label=minus],
|
||||
.emoji[aria-label=divide],
|
||||
.emoji[aria-label="curly loop"],
|
||||
.emoji[aria-label="double curly loop"],
|
||||
.emoji[aria-label="wavy dash"],
|
||||
.emoji[aria-label="paw prints"],
|
||||
.emoji[aria-label="musical note"],
|
||||
.emoji[aria-label="musical notes"] {
|
||||
filter: invert(100%) hue-rotate(180deg);
|
||||
}
|
||||
|
||||
.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).primary,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).green,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).red,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).teal {
|
||||
color: #11111b;
|
||||
}
|
||||
.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).green:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).red:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
|
||||
color: #1e1e2e;
|
||||
}
|
||||
|
||||
.ui.basic.modal {
|
||||
background-color: #1e1e2e;
|
||||
}
|
||||
|
||||
.ui.commit-header-row .svg.gitea-lock ~ a {
|
||||
color: #11111b;
|
||||
}
|
||||
|
||||
.ui.sha.isSigned.isVerified:hover .shortsha {
|
||||
color: #11111b;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* CommentPreprocFile */
|
||||
.chroma .cpf {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* CommentSpecial */
|
||||
.chroma .cs {
|
||||
color: #6c7086;
|
||||
}
|
||||
|
||||
/* LiteralStringDelimiter */
|
||||
.chroma .dl {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* LiteralStringHeredoc */
|
||||
.chroma .sh {
|
||||
color: #a6e3a1;
|
||||
}
|
||||
|
||||
/* LiteralStringInterpol */
|
||||
.chroma .si {
|
||||
color: #a6e3a1;
|
||||
}
|
||||
|
||||
/* LiteralStringRegex */
|
||||
.chroma .sr {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
.CodeMirror .cm-link,
|
||||
.CodeMirror.cm-s-default .cm-link,
|
||||
.CodeMirror.cm-s-paper .cm-link {
|
||||
color: #89b4fa;
|
||||
}
|
||||
.CodeMirror .cm-error,
|
||||
.CodeMirror.cm-s-default .cm-error,
|
||||
.CodeMirror.cm-s-paper .cm-error {
|
||||
color: #f38ba8;
|
||||
}
|
||||
700
public/css/theme-catppuccin-mocha-red.css
Normal file
700
public/css/theme-catppuccin-mocha-red.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #f38ba8;
|
||||
--color-primary: #f38ba8;
|
||||
--color-primary-contrast: #11111b;
|
||||
--color-primary-dark-1: #f27d9e;
|
||||
--color-primary-dark-2: #f06f93;
|
||||
--color-primary-dark-3: #ef6189;
|
||||
--color-primary-dark-4: #ed547e;
|
||||
--color-primary-dark-5: #ec4674;
|
||||
--color-primary-dark-6: #ea386a;
|
||||
--color-primary-dark-7: #e92a5f;
|
||||
--color-primary-light-1: #f499b2;
|
||||
--color-primary-light-2: #f6a7bd;
|
||||
--color-primary-light-3: #f7b5c7;
|
||||
--color-primary-light-4: #f9c2d2;
|
||||
--color-primary-light-5: #fad0dc;
|
||||
--color-primary-light-6: #fcdee6;
|
||||
--color-primary-light-7: #fdecf1;
|
||||
--color-primary-alpha-10: rgba(243, 139, 168, 0.1);
|
||||
--color-primary-alpha-20: rgba(243, 139, 168, 0.2);
|
||||
--color-primary-alpha-30: rgba(243, 139, 168, 0.3);
|
||||
--color-primary-alpha-40: rgba(243, 139, 168, 0.4);
|
||||
--color-primary-alpha-50: rgba(243, 139, 168, 0.5);
|
||||
--color-primary-alpha-60: rgba(243, 139, 168, 0.6);
|
||||
--color-primary-alpha-70: rgba(243, 139, 168, 0.7);
|
||||
--color-primary-alpha-80: rgba(243, 139, 168, 0.8);
|
||||
--color-primary-alpha-90: rgba(243, 139, 168, 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: #89b4fa;
|
||||
--color-violet: #b4befe;
|
||||
--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: #11111b;
|
||||
--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-navbar: #181825;
|
||||
--color-navbar-transparent: rgba(17, 17, 27, 0);
|
||||
--color-light: rgba(88, 91, 112, 0.3);
|
||||
--color-light-mimic-enabled: rgba(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
|
||||
);
|
||||
--color-light-border: #585b70;
|
||||
--color-hover: rgba(108, 112, 134, 0.1);
|
||||
--color-active: rgba(205, 214, 244, 0.1);
|
||||
--color-menu: #313244;
|
||||
--color-card: #313244;
|
||||
--color-markup-table-row: rgba(205, 214, 244, 0.02);
|
||||
--color-markup-code-block: rgba(205, 214, 244, 0.05);
|
||||
--color-button: #313244;
|
||||
--color-code-bg: #1e1e2e;
|
||||
--color-code-sidebar-bg: #313244;
|
||||
--color-shadow: rgba(17, 17, 27, 0.1);
|
||||
--color-secondary-bg: #313244;
|
||||
--color-text-focus: #cdd6f4;
|
||||
--color-expand-button: #585b70;
|
||||
--color-placeholder-text: #585b70;
|
||||
--color-editor-line-highlight: var(--color-primary-light-5);
|
||||
--color-project-board-bg: var(--color-secondary-light-2);
|
||||
/* gitea source code: */
|
||||
/* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
|
||||
--color-caret: var(--color-text);
|
||||
--color-reaction-bg: rgba(205, 214, 244, 0.07);
|
||||
--color-reaction-active-bg: var(--color-primary-alpha-40);
|
||||
--color-header-bar: #181825;
|
||||
--color-label-active-bg: #585b70;
|
||||
--color-accent: var(--color-primary-light-1);
|
||||
--color-small-accent: var(--color-primary-light-5);
|
||||
--color-active-line: #45475a;
|
||||
}
|
||||
|
||||
/* invert emojis that are hard to read otherwise */
|
||||
.emoji[aria-label="check mark"],
|
||||
.emoji[aria-label="currency exchange"],
|
||||
.emoji[aria-label="TOP arrow"],
|
||||
.emoji[aria-label="END arrow"],
|
||||
.emoji[aria-label="ON! arrow"],
|
||||
.emoji[aria-label="SOON arrow"],
|
||||
.emoji[aria-label="heavy dollar sign"],
|
||||
.emoji[aria-label=copyright],
|
||||
.emoji[aria-label=registered],
|
||||
.emoji[aria-label="trade mark"],
|
||||
.emoji[aria-label=multiply],
|
||||
.emoji[aria-label=plus],
|
||||
.emoji[aria-label=minus],
|
||||
.emoji[aria-label=divide],
|
||||
.emoji[aria-label="curly loop"],
|
||||
.emoji[aria-label="double curly loop"],
|
||||
.emoji[aria-label="wavy dash"],
|
||||
.emoji[aria-label="paw prints"],
|
||||
.emoji[aria-label="musical note"],
|
||||
.emoji[aria-label="musical notes"] {
|
||||
filter: invert(100%) hue-rotate(180deg);
|
||||
}
|
||||
|
||||
.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).primary,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).green,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).red,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).teal {
|
||||
color: #11111b;
|
||||
}
|
||||
.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).green:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).red:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
|
||||
color: #1e1e2e;
|
||||
}
|
||||
|
||||
.ui.basic.modal {
|
||||
background-color: #1e1e2e;
|
||||
}
|
||||
|
||||
.ui.commit-header-row .svg.gitea-lock ~ a {
|
||||
color: #11111b;
|
||||
}
|
||||
|
||||
.ui.sha.isSigned.isVerified:hover .shortsha {
|
||||
color: #11111b;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* CommentPreprocFile */
|
||||
.chroma .cpf {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* CommentSpecial */
|
||||
.chroma .cs {
|
||||
color: #6c7086;
|
||||
}
|
||||
|
||||
/* LiteralStringDelimiter */
|
||||
.chroma .dl {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* LiteralStringHeredoc */
|
||||
.chroma .sh {
|
||||
color: #a6e3a1;
|
||||
}
|
||||
|
||||
/* LiteralStringInterpol */
|
||||
.chroma .si {
|
||||
color: #a6e3a1;
|
||||
}
|
||||
|
||||
/* LiteralStringRegex */
|
||||
.chroma .sr {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
.CodeMirror .cm-link,
|
||||
.CodeMirror.cm-s-default .cm-link,
|
||||
.CodeMirror.cm-s-paper .cm-link {
|
||||
color: #89b4fa;
|
||||
}
|
||||
.CodeMirror .cm-error,
|
||||
.CodeMirror.cm-s-default .cm-error,
|
||||
.CodeMirror.cm-s-paper .cm-error {
|
||||
color: #f38ba8;
|
||||
}
|
||||
700
public/css/theme-catppuccin-mocha-rosewater.css
Normal file
700
public/css/theme-catppuccin-mocha-rosewater.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #f5e0dc;
|
||||
--color-primary: #f5e0dc;
|
||||
--color-primary-contrast: #11111b;
|
||||
--color-primary-dark-1: #f2d5d0;
|
||||
--color-primary-dark-2: #eecbc4;
|
||||
--color-primary-dark-3: #ebc0b8;
|
||||
--color-primary-dark-4: #e7b6ac;
|
||||
--color-primary-dark-5: #e4aba1;
|
||||
--color-primary-dark-6: #e1a195;
|
||||
--color-primary-dark-7: #dd9689;
|
||||
--color-primary-light-1: #f8ebe8;
|
||||
--color-primary-light-2: #fcf5f4;
|
||||
--color-primary-light-3: white;
|
||||
--color-primary-light-4: white;
|
||||
--color-primary-light-5: white;
|
||||
--color-primary-light-6: white;
|
||||
--color-primary-light-7: white;
|
||||
--color-primary-alpha-10: rgba(245, 224, 220, 0.1);
|
||||
--color-primary-alpha-20: rgba(245, 224, 220, 0.2);
|
||||
--color-primary-alpha-30: rgba(245, 224, 220, 0.3);
|
||||
--color-primary-alpha-40: rgba(245, 224, 220, 0.4);
|
||||
--color-primary-alpha-50: rgba(245, 224, 220, 0.5);
|
||||
--color-primary-alpha-60: rgba(245, 224, 220, 0.6);
|
||||
--color-primary-alpha-70: rgba(245, 224, 220, 0.7);
|
||||
--color-primary-alpha-80: rgba(245, 224, 220, 0.8);
|
||||
--color-primary-alpha-90: rgba(245, 224, 220, 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: #89b4fa;
|
||||
--color-violet: #b4befe;
|
||||
--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: #11111b;
|
||||
--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-navbar: #181825;
|
||||
--color-navbar-transparent: rgba(17, 17, 27, 0);
|
||||
--color-light: rgba(88, 91, 112, 0.3);
|
||||
--color-light-mimic-enabled: rgba(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
|
||||
);
|
||||
--color-light-border: #585b70;
|
||||
--color-hover: rgba(108, 112, 134, 0.1);
|
||||
--color-active: rgba(205, 214, 244, 0.1);
|
||||
--color-menu: #313244;
|
||||
--color-card: #313244;
|
||||
--color-markup-table-row: rgba(205, 214, 244, 0.02);
|
||||
--color-markup-code-block: rgba(205, 214, 244, 0.05);
|
||||
--color-button: #313244;
|
||||
--color-code-bg: #1e1e2e;
|
||||
--color-code-sidebar-bg: #313244;
|
||||
--color-shadow: rgba(17, 17, 27, 0.1);
|
||||
--color-secondary-bg: #313244;
|
||||
--color-text-focus: #cdd6f4;
|
||||
--color-expand-button: #585b70;
|
||||
--color-placeholder-text: #585b70;
|
||||
--color-editor-line-highlight: var(--color-primary-light-5);
|
||||
--color-project-board-bg: var(--color-secondary-light-2);
|
||||
/* gitea source code: */
|
||||
/* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
|
||||
--color-caret: var(--color-text);
|
||||
--color-reaction-bg: rgba(205, 214, 244, 0.07);
|
||||
--color-reaction-active-bg: var(--color-primary-alpha-40);
|
||||
--color-header-bar: #181825;
|
||||
--color-label-active-bg: #585b70;
|
||||
--color-accent: var(--color-primary-light-1);
|
||||
--color-small-accent: var(--color-primary-light-5);
|
||||
--color-active-line: #45475a;
|
||||
}
|
||||
|
||||
/* invert emojis that are hard to read otherwise */
|
||||
.emoji[aria-label="check mark"],
|
||||
.emoji[aria-label="currency exchange"],
|
||||
.emoji[aria-label="TOP arrow"],
|
||||
.emoji[aria-label="END arrow"],
|
||||
.emoji[aria-label="ON! arrow"],
|
||||
.emoji[aria-label="SOON arrow"],
|
||||
.emoji[aria-label="heavy dollar sign"],
|
||||
.emoji[aria-label=copyright],
|
||||
.emoji[aria-label=registered],
|
||||
.emoji[aria-label="trade mark"],
|
||||
.emoji[aria-label=multiply],
|
||||
.emoji[aria-label=plus],
|
||||
.emoji[aria-label=minus],
|
||||
.emoji[aria-label=divide],
|
||||
.emoji[aria-label="curly loop"],
|
||||
.emoji[aria-label="double curly loop"],
|
||||
.emoji[aria-label="wavy dash"],
|
||||
.emoji[aria-label="paw prints"],
|
||||
.emoji[aria-label="musical note"],
|
||||
.emoji[aria-label="musical notes"] {
|
||||
filter: invert(100%) hue-rotate(180deg);
|
||||
}
|
||||
|
||||
.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).primary,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).green,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).red,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).teal {
|
||||
color: #11111b;
|
||||
}
|
||||
.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).green:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).red:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
|
||||
color: #1e1e2e;
|
||||
}
|
||||
|
||||
.ui.basic.modal {
|
||||
background-color: #1e1e2e;
|
||||
}
|
||||
|
||||
.ui.commit-header-row .svg.gitea-lock ~ a {
|
||||
color: #11111b;
|
||||
}
|
||||
|
||||
.ui.sha.isSigned.isVerified:hover .shortsha {
|
||||
color: #11111b;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* CommentPreprocFile */
|
||||
.chroma .cpf {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* CommentSpecial */
|
||||
.chroma .cs {
|
||||
color: #6c7086;
|
||||
}
|
||||
|
||||
/* LiteralStringDelimiter */
|
||||
.chroma .dl {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* LiteralStringHeredoc */
|
||||
.chroma .sh {
|
||||
color: #a6e3a1;
|
||||
}
|
||||
|
||||
/* LiteralStringInterpol */
|
||||
.chroma .si {
|
||||
color: #a6e3a1;
|
||||
}
|
||||
|
||||
/* LiteralStringRegex */
|
||||
.chroma .sr {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
.CodeMirror .cm-link,
|
||||
.CodeMirror.cm-s-default .cm-link,
|
||||
.CodeMirror.cm-s-paper .cm-link {
|
||||
color: #89b4fa;
|
||||
}
|
||||
.CodeMirror .cm-error,
|
||||
.CodeMirror.cm-s-default .cm-error,
|
||||
.CodeMirror.cm-s-paper .cm-error {
|
||||
color: #f38ba8;
|
||||
}
|
||||
700
public/css/theme-catppuccin-mocha-sapphire.css
Normal file
700
public/css/theme-catppuccin-mocha-sapphire.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #74c7ec;
|
||||
--color-primary: #74c7ec;
|
||||
--color-primary-contrast: #11111b;
|
||||
--color-primary-dark-1: #67c2ea;
|
||||
--color-primary-dark-2: #59bce8;
|
||||
--color-primary-dark-3: #4cb7e6;
|
||||
--color-primary-dark-4: #3eb1e5;
|
||||
--color-primary-dark-5: #31ace3;
|
||||
--color-primary-dark-6: #23a6e1;
|
||||
--color-primary-dark-7: #1d9ed7;
|
||||
--color-primary-light-1: #81ccee;
|
||||
--color-primary-light-2: #8fd2f0;
|
||||
--color-primary-light-3: #9cd7f2;
|
||||
--color-primary-light-4: #aaddf3;
|
||||
--color-primary-light-5: #b7e2f5;
|
||||
--color-primary-light-6: #c5e8f7;
|
||||
--color-primary-light-7: #d2edf9;
|
||||
--color-primary-alpha-10: rgba(116, 199, 236, 0.1);
|
||||
--color-primary-alpha-20: rgba(116, 199, 236, 0.2);
|
||||
--color-primary-alpha-30: rgba(116, 199, 236, 0.3);
|
||||
--color-primary-alpha-40: rgba(116, 199, 236, 0.4);
|
||||
--color-primary-alpha-50: rgba(116, 199, 236, 0.5);
|
||||
--color-primary-alpha-60: rgba(116, 199, 236, 0.6);
|
||||
--color-primary-alpha-70: rgba(116, 199, 236, 0.7);
|
||||
--color-primary-alpha-80: rgba(116, 199, 236, 0.8);
|
||||
--color-primary-alpha-90: rgba(116, 199, 236, 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: #89b4fa;
|
||||
--color-violet: #b4befe;
|
||||
--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: #11111b;
|
||||
--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-navbar: #181825;
|
||||
--color-navbar-transparent: rgba(17, 17, 27, 0);
|
||||
--color-light: rgba(88, 91, 112, 0.3);
|
||||
--color-light-mimic-enabled: rgba(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
|
||||
);
|
||||
--color-light-border: #585b70;
|
||||
--color-hover: rgba(108, 112, 134, 0.1);
|
||||
--color-active: rgba(205, 214, 244, 0.1);
|
||||
--color-menu: #313244;
|
||||
--color-card: #313244;
|
||||
--color-markup-table-row: rgba(205, 214, 244, 0.02);
|
||||
--color-markup-code-block: rgba(205, 214, 244, 0.05);
|
||||
--color-button: #313244;
|
||||
--color-code-bg: #1e1e2e;
|
||||
--color-code-sidebar-bg: #313244;
|
||||
--color-shadow: rgba(17, 17, 27, 0.1);
|
||||
--color-secondary-bg: #313244;
|
||||
--color-text-focus: #cdd6f4;
|
||||
--color-expand-button: #585b70;
|
||||
--color-placeholder-text: #585b70;
|
||||
--color-editor-line-highlight: var(--color-primary-light-5);
|
||||
--color-project-board-bg: var(--color-secondary-light-2);
|
||||
/* gitea source code: */
|
||||
/* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
|
||||
--color-caret: var(--color-text);
|
||||
--color-reaction-bg: rgba(205, 214, 244, 0.07);
|
||||
--color-reaction-active-bg: var(--color-primary-alpha-40);
|
||||
--color-header-bar: #181825;
|
||||
--color-label-active-bg: #585b70;
|
||||
--color-accent: var(--color-primary-light-1);
|
||||
--color-small-accent: var(--color-primary-light-5);
|
||||
--color-active-line: #45475a;
|
||||
}
|
||||
|
||||
/* invert emojis that are hard to read otherwise */
|
||||
.emoji[aria-label="check mark"],
|
||||
.emoji[aria-label="currency exchange"],
|
||||
.emoji[aria-label="TOP arrow"],
|
||||
.emoji[aria-label="END arrow"],
|
||||
.emoji[aria-label="ON! arrow"],
|
||||
.emoji[aria-label="SOON arrow"],
|
||||
.emoji[aria-label="heavy dollar sign"],
|
||||
.emoji[aria-label=copyright],
|
||||
.emoji[aria-label=registered],
|
||||
.emoji[aria-label="trade mark"],
|
||||
.emoji[aria-label=multiply],
|
||||
.emoji[aria-label=plus],
|
||||
.emoji[aria-label=minus],
|
||||
.emoji[aria-label=divide],
|
||||
.emoji[aria-label="curly loop"],
|
||||
.emoji[aria-label="double curly loop"],
|
||||
.emoji[aria-label="wavy dash"],
|
||||
.emoji[aria-label="paw prints"],
|
||||
.emoji[aria-label="musical note"],
|
||||
.emoji[aria-label="musical notes"] {
|
||||
filter: invert(100%) hue-rotate(180deg);
|
||||
}
|
||||
|
||||
.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).primary,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).green,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).red,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).teal {
|
||||
color: #11111b;
|
||||
}
|
||||
.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).green:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).red:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
|
||||
color: #1e1e2e;
|
||||
}
|
||||
|
||||
.ui.basic.modal {
|
||||
background-color: #1e1e2e;
|
||||
}
|
||||
|
||||
.ui.commit-header-row .svg.gitea-lock ~ a {
|
||||
color: #11111b;
|
||||
}
|
||||
|
||||
.ui.sha.isSigned.isVerified:hover .shortsha {
|
||||
color: #11111b;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* CommentPreprocFile */
|
||||
.chroma .cpf {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* CommentSpecial */
|
||||
.chroma .cs {
|
||||
color: #6c7086;
|
||||
}
|
||||
|
||||
/* LiteralStringDelimiter */
|
||||
.chroma .dl {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* LiteralStringHeredoc */
|
||||
.chroma .sh {
|
||||
color: #a6e3a1;
|
||||
}
|
||||
|
||||
/* LiteralStringInterpol */
|
||||
.chroma .si {
|
||||
color: #a6e3a1;
|
||||
}
|
||||
|
||||
/* LiteralStringRegex */
|
||||
.chroma .sr {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
.CodeMirror .cm-link,
|
||||
.CodeMirror.cm-s-default .cm-link,
|
||||
.CodeMirror.cm-s-paper .cm-link {
|
||||
color: #89b4fa;
|
||||
}
|
||||
.CodeMirror .cm-error,
|
||||
.CodeMirror.cm-s-default .cm-error,
|
||||
.CodeMirror.cm-s-paper .cm-error {
|
||||
color: #f38ba8;
|
||||
}
|
||||
700
public/css/theme-catppuccin-mocha-sky.css
Normal file
700
public/css/theme-catppuccin-mocha-sky.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #89dceb;
|
||||
--color-primary: #89dceb;
|
||||
--color-primary-contrast: #11111b;
|
||||
--color-primary-dark-1: #7cd8e9;
|
||||
--color-primary-dark-2: #6fd4e7;
|
||||
--color-primary-dark-3: #62d0e4;
|
||||
--color-primary-dark-4: #55cce2;
|
||||
--color-primary-dark-5: #48c9e0;
|
||||
--color-primary-dark-6: #3bc5de;
|
||||
--color-primary-dark-7: #2dc1db;
|
||||
--color-primary-light-1: #96e0ed;
|
||||
--color-primary-light-2: #a3e4ef;
|
||||
--color-primary-light-3: #b0e8f2;
|
||||
--color-primary-light-4: #bdecf4;
|
||||
--color-primary-light-5: #caeff6;
|
||||
--color-primary-light-6: #d7f3f8;
|
||||
--color-primary-light-7: #e5f7fb;
|
||||
--color-primary-alpha-10: rgba(137, 220, 235, 0.1);
|
||||
--color-primary-alpha-20: rgba(137, 220, 235, 0.2);
|
||||
--color-primary-alpha-30: rgba(137, 220, 235, 0.3);
|
||||
--color-primary-alpha-40: rgba(137, 220, 235, 0.4);
|
||||
--color-primary-alpha-50: rgba(137, 220, 235, 0.5);
|
||||
--color-primary-alpha-60: rgba(137, 220, 235, 0.6);
|
||||
--color-primary-alpha-70: rgba(137, 220, 235, 0.7);
|
||||
--color-primary-alpha-80: rgba(137, 220, 235, 0.8);
|
||||
--color-primary-alpha-90: rgba(137, 220, 235, 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: #89b4fa;
|
||||
--color-violet: #b4befe;
|
||||
--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: #11111b;
|
||||
--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-navbar: #181825;
|
||||
--color-navbar-transparent: rgba(17, 17, 27, 0);
|
||||
--color-light: rgba(88, 91, 112, 0.3);
|
||||
--color-light-mimic-enabled: rgba(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
|
||||
);
|
||||
--color-light-border: #585b70;
|
||||
--color-hover: rgba(108, 112, 134, 0.1);
|
||||
--color-active: rgba(205, 214, 244, 0.1);
|
||||
--color-menu: #313244;
|
||||
--color-card: #313244;
|
||||
--color-markup-table-row: rgba(205, 214, 244, 0.02);
|
||||
--color-markup-code-block: rgba(205, 214, 244, 0.05);
|
||||
--color-button: #313244;
|
||||
--color-code-bg: #1e1e2e;
|
||||
--color-code-sidebar-bg: #313244;
|
||||
--color-shadow: rgba(17, 17, 27, 0.1);
|
||||
--color-secondary-bg: #313244;
|
||||
--color-text-focus: #cdd6f4;
|
||||
--color-expand-button: #585b70;
|
||||
--color-placeholder-text: #585b70;
|
||||
--color-editor-line-highlight: var(--color-primary-light-5);
|
||||
--color-project-board-bg: var(--color-secondary-light-2);
|
||||
/* gitea source code: */
|
||||
/* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
|
||||
--color-caret: var(--color-text);
|
||||
--color-reaction-bg: rgba(205, 214, 244, 0.07);
|
||||
--color-reaction-active-bg: var(--color-primary-alpha-40);
|
||||
--color-header-bar: #181825;
|
||||
--color-label-active-bg: #585b70;
|
||||
--color-accent: var(--color-primary-light-1);
|
||||
--color-small-accent: var(--color-primary-light-5);
|
||||
--color-active-line: #45475a;
|
||||
}
|
||||
|
||||
/* invert emojis that are hard to read otherwise */
|
||||
.emoji[aria-label="check mark"],
|
||||
.emoji[aria-label="currency exchange"],
|
||||
.emoji[aria-label="TOP arrow"],
|
||||
.emoji[aria-label="END arrow"],
|
||||
.emoji[aria-label="ON! arrow"],
|
||||
.emoji[aria-label="SOON arrow"],
|
||||
.emoji[aria-label="heavy dollar sign"],
|
||||
.emoji[aria-label=copyright],
|
||||
.emoji[aria-label=registered],
|
||||
.emoji[aria-label="trade mark"],
|
||||
.emoji[aria-label=multiply],
|
||||
.emoji[aria-label=plus],
|
||||
.emoji[aria-label=minus],
|
||||
.emoji[aria-label=divide],
|
||||
.emoji[aria-label="curly loop"],
|
||||
.emoji[aria-label="double curly loop"],
|
||||
.emoji[aria-label="wavy dash"],
|
||||
.emoji[aria-label="paw prints"],
|
||||
.emoji[aria-label="musical note"],
|
||||
.emoji[aria-label="musical notes"] {
|
||||
filter: invert(100%) hue-rotate(180deg);
|
||||
}
|
||||
|
||||
.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).primary,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).green,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).red,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).teal {
|
||||
color: #11111b;
|
||||
}
|
||||
.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).green:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).red:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
|
||||
color: #1e1e2e;
|
||||
}
|
||||
|
||||
.ui.basic.modal {
|
||||
background-color: #1e1e2e;
|
||||
}
|
||||
|
||||
.ui.commit-header-row .svg.gitea-lock ~ a {
|
||||
color: #11111b;
|
||||
}
|
||||
|
||||
.ui.sha.isSigned.isVerified:hover .shortsha {
|
||||
color: #11111b;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* CommentPreprocFile */
|
||||
.chroma .cpf {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* CommentSpecial */
|
||||
.chroma .cs {
|
||||
color: #6c7086;
|
||||
}
|
||||
|
||||
/* LiteralStringDelimiter */
|
||||
.chroma .dl {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* LiteralStringHeredoc */
|
||||
.chroma .sh {
|
||||
color: #a6e3a1;
|
||||
}
|
||||
|
||||
/* LiteralStringInterpol */
|
||||
.chroma .si {
|
||||
color: #a6e3a1;
|
||||
}
|
||||
|
||||
/* LiteralStringRegex */
|
||||
.chroma .sr {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
.CodeMirror .cm-link,
|
||||
.CodeMirror.cm-s-default .cm-link,
|
||||
.CodeMirror.cm-s-paper .cm-link {
|
||||
color: #89b4fa;
|
||||
}
|
||||
.CodeMirror .cm-error,
|
||||
.CodeMirror.cm-s-default .cm-error,
|
||||
.CodeMirror.cm-s-paper .cm-error {
|
||||
color: #f38ba8;
|
||||
}
|
||||
700
public/css/theme-catppuccin-mocha-teal.css
Normal file
700
public/css/theme-catppuccin-mocha-teal.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #94e2d5;
|
||||
--color-primary: #94e2d5;
|
||||
--color-primary-contrast: #11111b;
|
||||
--color-primary-dark-1: #88dfd0;
|
||||
--color-primary-dark-2: #7cdbcc;
|
||||
--color-primary-dark-3: #70d8c7;
|
||||
--color-primary-dark-4: #64d5c2;
|
||||
--color-primary-dark-5: #58d2bd;
|
||||
--color-primary-dark-6: #4cceb9;
|
||||
--color-primary-dark-7: #40cbb4;
|
||||
--color-primary-light-1: #a0e5da;
|
||||
--color-primary-light-2: #ace9de;
|
||||
--color-primary-light-3: #b8ece3;
|
||||
--color-primary-light-4: #c4efe8;
|
||||
--color-primary-light-5: #d0f2ed;
|
||||
--color-primary-light-6: #dcf6f1;
|
||||
--color-primary-light-7: #e8f9f6;
|
||||
--color-primary-alpha-10: rgba(148, 226, 213, 0.1);
|
||||
--color-primary-alpha-20: rgba(148, 226, 213, 0.2);
|
||||
--color-primary-alpha-30: rgba(148, 226, 213, 0.3);
|
||||
--color-primary-alpha-40: rgba(148, 226, 213, 0.4);
|
||||
--color-primary-alpha-50: rgba(148, 226, 213, 0.5);
|
||||
--color-primary-alpha-60: rgba(148, 226, 213, 0.6);
|
||||
--color-primary-alpha-70: rgba(148, 226, 213, 0.7);
|
||||
--color-primary-alpha-80: rgba(148, 226, 213, 0.8);
|
||||
--color-primary-alpha-90: rgba(148, 226, 213, 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: #89b4fa;
|
||||
--color-violet: #b4befe;
|
||||
--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: #11111b;
|
||||
--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-navbar: #181825;
|
||||
--color-navbar-transparent: rgba(17, 17, 27, 0);
|
||||
--color-light: rgba(88, 91, 112, 0.3);
|
||||
--color-light-mimic-enabled: rgba(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
|
||||
);
|
||||
--color-light-border: #585b70;
|
||||
--color-hover: rgba(108, 112, 134, 0.1);
|
||||
--color-active: rgba(205, 214, 244, 0.1);
|
||||
--color-menu: #313244;
|
||||
--color-card: #313244;
|
||||
--color-markup-table-row: rgba(205, 214, 244, 0.02);
|
||||
--color-markup-code-block: rgba(205, 214, 244, 0.05);
|
||||
--color-button: #313244;
|
||||
--color-code-bg: #1e1e2e;
|
||||
--color-code-sidebar-bg: #313244;
|
||||
--color-shadow: rgba(17, 17, 27, 0.1);
|
||||
--color-secondary-bg: #313244;
|
||||
--color-text-focus: #cdd6f4;
|
||||
--color-expand-button: #585b70;
|
||||
--color-placeholder-text: #585b70;
|
||||
--color-editor-line-highlight: var(--color-primary-light-5);
|
||||
--color-project-board-bg: var(--color-secondary-light-2);
|
||||
/* gitea source code: */
|
||||
/* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
|
||||
--color-caret: var(--color-text);
|
||||
--color-reaction-bg: rgba(205, 214, 244, 0.07);
|
||||
--color-reaction-active-bg: var(--color-primary-alpha-40);
|
||||
--color-header-bar: #181825;
|
||||
--color-label-active-bg: #585b70;
|
||||
--color-accent: var(--color-primary-light-1);
|
||||
--color-small-accent: var(--color-primary-light-5);
|
||||
--color-active-line: #45475a;
|
||||
}
|
||||
|
||||
/* invert emojis that are hard to read otherwise */
|
||||
.emoji[aria-label="check mark"],
|
||||
.emoji[aria-label="currency exchange"],
|
||||
.emoji[aria-label="TOP arrow"],
|
||||
.emoji[aria-label="END arrow"],
|
||||
.emoji[aria-label="ON! arrow"],
|
||||
.emoji[aria-label="SOON arrow"],
|
||||
.emoji[aria-label="heavy dollar sign"],
|
||||
.emoji[aria-label=copyright],
|
||||
.emoji[aria-label=registered],
|
||||
.emoji[aria-label="trade mark"],
|
||||
.emoji[aria-label=multiply],
|
||||
.emoji[aria-label=plus],
|
||||
.emoji[aria-label=minus],
|
||||
.emoji[aria-label=divide],
|
||||
.emoji[aria-label="curly loop"],
|
||||
.emoji[aria-label="double curly loop"],
|
||||
.emoji[aria-label="wavy dash"],
|
||||
.emoji[aria-label="paw prints"],
|
||||
.emoji[aria-label="musical note"],
|
||||
.emoji[aria-label="musical notes"] {
|
||||
filter: invert(100%) hue-rotate(180deg);
|
||||
}
|
||||
|
||||
.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).primary,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).green,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).red,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).teal {
|
||||
color: #11111b;
|
||||
}
|
||||
.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).green:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).red:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
|
||||
color: #1e1e2e;
|
||||
}
|
||||
|
||||
.ui.basic.modal {
|
||||
background-color: #1e1e2e;
|
||||
}
|
||||
|
||||
.ui.commit-header-row .svg.gitea-lock ~ a {
|
||||
color: #11111b;
|
||||
}
|
||||
|
||||
.ui.sha.isSigned.isVerified:hover .shortsha {
|
||||
color: #11111b;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* CommentPreprocFile */
|
||||
.chroma .cpf {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* CommentSpecial */
|
||||
.chroma .cs {
|
||||
color: #6c7086;
|
||||
}
|
||||
|
||||
/* LiteralStringDelimiter */
|
||||
.chroma .dl {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* LiteralStringHeredoc */
|
||||
.chroma .sh {
|
||||
color: #a6e3a1;
|
||||
}
|
||||
|
||||
/* LiteralStringInterpol */
|
||||
.chroma .si {
|
||||
color: #a6e3a1;
|
||||
}
|
||||
|
||||
/* LiteralStringRegex */
|
||||
.chroma .sr {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
.CodeMirror .cm-link,
|
||||
.CodeMirror.cm-s-default .cm-link,
|
||||
.CodeMirror.cm-s-paper .cm-link {
|
||||
color: #89b4fa;
|
||||
}
|
||||
.CodeMirror .cm-error,
|
||||
.CodeMirror.cm-s-default .cm-error,
|
||||
.CodeMirror.cm-s-paper .cm-error {
|
||||
color: #f38ba8;
|
||||
}
|
||||
700
public/css/theme-catppuccin-mocha-yellow.css
Normal file
700
public/css/theme-catppuccin-mocha-yellow.css
Normal file
|
|
@ -0,0 +1,700 @@
|
|||
:root {
|
||||
color-scheme: dark;
|
||||
--is-dark-theme: true;
|
||||
accent-color: #f9e2af;
|
||||
--color-primary: #f9e2af;
|
||||
--color-primary-contrast: #11111b;
|
||||
--color-primary-dark-1: #f8dda1;
|
||||
--color-primary-dark-2: #f7d893;
|
||||
--color-primary-dark-3: #f6d384;
|
||||
--color-primary-dark-4: #f5cd76;
|
||||
--color-primary-dark-5: #f4c868;
|
||||
--color-primary-dark-6: #f3c35a;
|
||||
--color-primary-dark-7: #f2be4b;
|
||||
--color-primary-light-1: #fae7bd;
|
||||
--color-primary-light-2: #fbeccb;
|
||||
--color-primary-light-3: #fcf1da;
|
||||
--color-primary-light-4: #fdf7e8;
|
||||
--color-primary-light-5: #fefcf6;
|
||||
--color-primary-light-6: white;
|
||||
--color-primary-light-7: white;
|
||||
--color-primary-alpha-10: rgba(249, 226, 175, 0.1);
|
||||
--color-primary-alpha-20: rgba(249, 226, 175, 0.2);
|
||||
--color-primary-alpha-30: rgba(249, 226, 175, 0.3);
|
||||
--color-primary-alpha-40: rgba(249, 226, 175, 0.4);
|
||||
--color-primary-alpha-50: rgba(249, 226, 175, 0.5);
|
||||
--color-primary-alpha-60: rgba(249, 226, 175, 0.6);
|
||||
--color-primary-alpha-70: rgba(249, 226, 175, 0.7);
|
||||
--color-primary-alpha-80: rgba(249, 226, 175, 0.8);
|
||||
--color-primary-alpha-90: rgba(249, 226, 175, 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: #89b4fa;
|
||||
--color-violet: #b4befe;
|
||||
--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: #11111b;
|
||||
--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-navbar: #181825;
|
||||
--color-navbar-transparent: rgba(17, 17, 27, 0);
|
||||
--color-light: rgba(88, 91, 112, 0.3);
|
||||
--color-light-mimic-enabled: rgba(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
|
||||
);
|
||||
--color-light-border: #585b70;
|
||||
--color-hover: rgba(108, 112, 134, 0.1);
|
||||
--color-active: rgba(205, 214, 244, 0.1);
|
||||
--color-menu: #313244;
|
||||
--color-card: #313244;
|
||||
--color-markup-table-row: rgba(205, 214, 244, 0.02);
|
||||
--color-markup-code-block: rgba(205, 214, 244, 0.05);
|
||||
--color-button: #313244;
|
||||
--color-code-bg: #1e1e2e;
|
||||
--color-code-sidebar-bg: #313244;
|
||||
--color-shadow: rgba(17, 17, 27, 0.1);
|
||||
--color-secondary-bg: #313244;
|
||||
--color-text-focus: #cdd6f4;
|
||||
--color-expand-button: #585b70;
|
||||
--color-placeholder-text: #585b70;
|
||||
--color-editor-line-highlight: var(--color-primary-light-5);
|
||||
--color-project-board-bg: var(--color-secondary-light-2);
|
||||
/* gitea source code: */
|
||||
/* should ideally be --color-text-dark, see go-gitea/gitea#15651 */
|
||||
--color-caret: var(--color-text);
|
||||
--color-reaction-bg: rgba(205, 214, 244, 0.07);
|
||||
--color-reaction-active-bg: var(--color-primary-alpha-40);
|
||||
--color-header-bar: #181825;
|
||||
--color-label-active-bg: #585b70;
|
||||
--color-accent: var(--color-primary-light-1);
|
||||
--color-small-accent: var(--color-primary-light-5);
|
||||
--color-active-line: #45475a;
|
||||
}
|
||||
|
||||
/* invert emojis that are hard to read otherwise */
|
||||
.emoji[aria-label="check mark"],
|
||||
.emoji[aria-label="currency exchange"],
|
||||
.emoji[aria-label="TOP arrow"],
|
||||
.emoji[aria-label="END arrow"],
|
||||
.emoji[aria-label="ON! arrow"],
|
||||
.emoji[aria-label="SOON arrow"],
|
||||
.emoji[aria-label="heavy dollar sign"],
|
||||
.emoji[aria-label=copyright],
|
||||
.emoji[aria-label=registered],
|
||||
.emoji[aria-label="trade mark"],
|
||||
.emoji[aria-label=multiply],
|
||||
.emoji[aria-label=plus],
|
||||
.emoji[aria-label=minus],
|
||||
.emoji[aria-label=divide],
|
||||
.emoji[aria-label="curly loop"],
|
||||
.emoji[aria-label="double curly loop"],
|
||||
.emoji[aria-label="wavy dash"],
|
||||
.emoji[aria-label="paw prints"],
|
||||
.emoji[aria-label="musical note"],
|
||||
.emoji[aria-label="musical notes"] {
|
||||
filter: invert(100%) hue-rotate(180deg);
|
||||
}
|
||||
|
||||
.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).primary,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).green,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).red,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).teal {
|
||||
color: #11111b;
|
||||
}
|
||||
.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).primary:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).green:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).red:hover,
|
||||
.ui.ui.ui.label:not(.inverted, .basic).teal:hover {
|
||||
color: #1e1e2e;
|
||||
}
|
||||
|
||||
.ui.basic.modal {
|
||||
background-color: #1e1e2e;
|
||||
}
|
||||
|
||||
.ui.commit-header-row .svg.gitea-lock ~ a {
|
||||
color: #11111b;
|
||||
}
|
||||
|
||||
.ui.sha.isSigned.isVerified:hover .shortsha {
|
||||
color: #11111b;
|
||||
}
|
||||
.ui.sha.isSigned.isVerified:hover 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* CommentPreprocFile */
|
||||
.chroma .cpf {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* CommentSpecial */
|
||||
.chroma .cs {
|
||||
color: #6c7086;
|
||||
}
|
||||
|
||||
/* LiteralStringDelimiter */
|
||||
.chroma .dl {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
|
||||
/* LiteralStringHeredoc */
|
||||
.chroma .sh {
|
||||
color: #a6e3a1;
|
||||
}
|
||||
|
||||
/* LiteralStringInterpol */
|
||||
.chroma .si {
|
||||
color: #a6e3a1;
|
||||
}
|
||||
|
||||
/* LiteralStringRegex */
|
||||
.chroma .sr {
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* 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: #89b4fa;
|
||||
}
|
||||
.CodeMirror .cm-link,
|
||||
.CodeMirror.cm-s-default .cm-link,
|
||||
.CodeMirror.cm-s-paper .cm-link {
|
||||
color: #89b4fa;
|
||||
}
|
||||
.CodeMirror .cm-error,
|
||||
.CodeMirror.cm-s-default .cm-error,
|
||||
.CodeMirror.cm-s-paper .cm-error {
|
||||
color: #f38ba8;
|
||||
}
|
||||
Loading…
Reference in a new issue