refactor: re-format CSS files in VSCode
This commit is contained in:
@@ -1,80 +1,225 @@
|
||||
/* @import "../chroma/dark.css"; */
|
||||
/* https://github.com/alecthomas/chroma/blob/6428fb4e65f3c1493491571c8a6a8f1add1da822/types.go#L208 */
|
||||
.chroma .bp { color: #fabd2f; } /* NameBuiltinPseudo */
|
||||
.chroma .c { color: #777e94; } /* Comment */
|
||||
.chroma .c1 { color: #777e94; } /* CommentSingle */
|
||||
.chroma .ch { color: #777e94; } /* CommentHashbang */
|
||||
.chroma .cm { color: #777e94; } /* CommentMultiline */
|
||||
.chroma .cp { color: #8ec07c; } /* CommentPreproc */
|
||||
.chroma .cpf { color: #649bc4; } /* CommentPreprocFile */
|
||||
.chroma .cs { color: #9075cd; } /* CommentSpecial */
|
||||
.chroma .dl { color: #649bc4; } /* LiteralStringDelimiter */
|
||||
.chroma .fm {} /* NameFunctionMagic */
|
||||
.chroma .g {} /* Generic */
|
||||
.chroma .gd { color: #ffffff; background-color: #5f3737; } /* GenericDeleted */
|
||||
.chroma .ge { color: #ddee30; } /* GenericEmph */
|
||||
.chroma .gh { color: #ffaa10; } /* GenericHeading */
|
||||
.chroma .gi { color: #ffffff; background-color: #3a523a; } /* GenericInserted */
|
||||
.chroma .gl {} /* GenericUnderline */
|
||||
.chroma .go { color: #777e94; } /* GenericOutput */
|
||||
.chroma .gp { color: #ebdbb2; } /* GenericPrompt */
|
||||
.chroma .gr { color: #ff4433; } /* GenericError */
|
||||
.chroma .gs { color: #ebdbb2; } /* GenericStrong */
|
||||
.chroma .gt { color: #ff7540; } /* GenericTraceback */
|
||||
.chroma .gu { color: #b8bb26; } /* GenericSubheading */
|
||||
.chroma .il { color: #649bc4; } /* LiteralNumberIntegerLong */
|
||||
.chroma .k { color: #ff7540; } /* Keyword */
|
||||
.chroma .kc { color: #649bc4; } /* KeywordConstant */
|
||||
.chroma .kd { color: #ff7540; } /* KeywordDeclaration */
|
||||
.chroma .kn { color: #ffaa10; } /* KeywordNamespace */
|
||||
.chroma .kp { color: #5f8700; } /* KeywordPseudo */
|
||||
.chroma .kr { color: #ff7540; } /* KeywordReserved */
|
||||
.chroma .kt { color: #ff7b72; } /* KeywordType */
|
||||
.chroma .l {} /* Literal */
|
||||
.chroma .ld {} /* LiteralDate */
|
||||
.chroma .m { color: #649bc4; } /* LiteralNumber */
|
||||
.chroma .mb { color: #649bc4; } /* LiteralNumberBin */
|
||||
.chroma .mf { color: #649bc4; } /* LiteralNumberFloat */
|
||||
.chroma .mh { color: #649bc4; } /* LiteralNumberHex */
|
||||
.chroma .mi { color: #649bc4; } /* LiteralNumberInteger */
|
||||
.chroma .mo { color: #649bc4; } /* LiteralNumberOct */
|
||||
.chroma .n { color: #c9d1d9; } /* Name */
|
||||
.chroma .na { color: #fabd2f; } /* NameAttribute */
|
||||
.chroma .nb { color: #fabd2f; } /* NameBuiltin */
|
||||
.chroma .nc { color: #ffaa10; } /* NameClass */
|
||||
.chroma .nd { color: #8ec07c; } /* NameDecorator */
|
||||
.chroma .ne { color: #ff7540; } /* NameException */
|
||||
.chroma .nf { color: #fabd2f; } /* NameFunction */
|
||||
.chroma .ni { color: #fabd2f; } /* NameEntity */
|
||||
.chroma .nl { color: #ff7540; } /* NameLabel */
|
||||
.chroma .nn { color: #c9d1d9; } /* NameNamespace */
|
||||
.chroma .no { color: #649bc4; } /* NameConstant */
|
||||
.chroma .nt { color: #ff7540; } /* NameTag */
|
||||
.chroma .nv { color: #ebdbb2; } /* NameVariable */
|
||||
.chroma .nx { color: #b6bac5; } /* NameOther */
|
||||
.chroma .o { color: #ff7540; } /* Operator */
|
||||
.chroma .ow { color: #5f8700; } /* OperatorWord */
|
||||
.chroma .p { color: #d2d4db; } /* Punctuation */
|
||||
.chroma .py {} /* NameProperty */
|
||||
.chroma .s { color: #b8bb26; } /* LiteralString */
|
||||
.chroma .s1 { color: #b8bb26; } /* LiteralStringSingle */
|
||||
.chroma .s2 { color: #b8bb26; } /* LiteralStringDouble */
|
||||
.chroma .sa { color: #ffaa10; } /* LiteralStringAffix */
|
||||
.chroma .sb { color: #b8bb26; } /* LiteralStringBacktick */
|
||||
.chroma .sc { color: #ffaa10; } /* LiteralStringChar */
|
||||
.chroma .sd { color: #b8bb26; } /* LiteralStringDoc */
|
||||
.chroma .se { color: #ff8540; } /* LiteralStringEscape */
|
||||
.chroma .sh { color: #b8bb26; } /* LiteralStringHeredoc */
|
||||
.chroma .si { color: #ffaa10; } /* LiteralStringInterpol */
|
||||
.chroma .sr { color: #9075cd; } /* LiteralStringRegex */
|
||||
.chroma .ss { color: #ff8540; } /* LiteralStringSymbol */
|
||||
.chroma .sx { color: #ffaa10; } /* LiteralStringOther */
|
||||
.chroma .vc { color: #649bee; } /* NameVariableClass */
|
||||
.chroma .vg { color: #649bee; } /* NameVariableGlobal */
|
||||
.chroma .vi { color: #649bee; } /* NameVariableInstance */
|
||||
.chroma .vm {} /* NameVariableMagic */
|
||||
.chroma .w { color: #7f8699; } /* TextWhitespace */
|
||||
.chroma .err {/* not styled because Chroma uses it on too many things like JSX */} /* Error */
|
||||
.chroma .bp {
|
||||
color: #fabd2f;
|
||||
} /* NameBuiltinPseudo */
|
||||
.chroma .c {
|
||||
color: #777e94;
|
||||
} /* Comment */
|
||||
.chroma .c1 {
|
||||
color: #777e94;
|
||||
} /* CommentSingle */
|
||||
.chroma .ch {
|
||||
color: #777e94;
|
||||
} /* CommentHashbang */
|
||||
.chroma .cm {
|
||||
color: #777e94;
|
||||
} /* CommentMultiline */
|
||||
.chroma .cp {
|
||||
color: #8ec07c;
|
||||
} /* CommentPreproc */
|
||||
.chroma .cpf {
|
||||
color: #649bc4;
|
||||
} /* CommentPreprocFile */
|
||||
.chroma .cs {
|
||||
color: #9075cd;
|
||||
} /* CommentSpecial */
|
||||
.chroma .dl {
|
||||
color: #649bc4;
|
||||
} /* LiteralStringDelimiter */
|
||||
.chroma .fm {
|
||||
} /* NameFunctionMagic */
|
||||
.chroma .g {
|
||||
} /* Generic */
|
||||
.chroma .gd {
|
||||
color: #ffffff;
|
||||
background-color: #5f3737;
|
||||
} /* GenericDeleted */
|
||||
.chroma .ge {
|
||||
color: #ddee30;
|
||||
} /* GenericEmph */
|
||||
.chroma .gh {
|
||||
color: #ffaa10;
|
||||
} /* GenericHeading */
|
||||
.chroma .gi {
|
||||
color: #ffffff;
|
||||
background-color: #3a523a;
|
||||
} /* GenericInserted */
|
||||
.chroma .gl {
|
||||
} /* GenericUnderline */
|
||||
.chroma .go {
|
||||
color: #777e94;
|
||||
} /* GenericOutput */
|
||||
.chroma .gp {
|
||||
color: #ebdbb2;
|
||||
} /* GenericPrompt */
|
||||
.chroma .gr {
|
||||
color: #ff4433;
|
||||
} /* GenericError */
|
||||
.chroma .gs {
|
||||
color: #ebdbb2;
|
||||
} /* GenericStrong */
|
||||
.chroma .gt {
|
||||
color: #ff7540;
|
||||
} /* GenericTraceback */
|
||||
.chroma .gu {
|
||||
color: #b8bb26;
|
||||
} /* GenericSubheading */
|
||||
.chroma .il {
|
||||
color: #649bc4;
|
||||
} /* LiteralNumberIntegerLong */
|
||||
.chroma .k {
|
||||
color: #ff7540;
|
||||
} /* Keyword */
|
||||
.chroma .kc {
|
||||
color: #649bc4;
|
||||
} /* KeywordConstant */
|
||||
.chroma .kd {
|
||||
color: #ff7540;
|
||||
} /* KeywordDeclaration */
|
||||
.chroma .kn {
|
||||
color: #ffaa10;
|
||||
} /* KeywordNamespace */
|
||||
.chroma .kp {
|
||||
color: #5f8700;
|
||||
} /* KeywordPseudo */
|
||||
.chroma .kr {
|
||||
color: #ff7540;
|
||||
} /* KeywordReserved */
|
||||
.chroma .kt {
|
||||
color: #ff7b72;
|
||||
} /* KeywordType */
|
||||
.chroma .l {
|
||||
} /* Literal */
|
||||
.chroma .ld {
|
||||
} /* LiteralDate */
|
||||
.chroma .m {
|
||||
color: #649bc4;
|
||||
} /* LiteralNumber */
|
||||
.chroma .mb {
|
||||
color: #649bc4;
|
||||
} /* LiteralNumberBin */
|
||||
.chroma .mf {
|
||||
color: #649bc4;
|
||||
} /* LiteralNumberFloat */
|
||||
.chroma .mh {
|
||||
color: #649bc4;
|
||||
} /* LiteralNumberHex */
|
||||
.chroma .mi {
|
||||
color: #649bc4;
|
||||
} /* LiteralNumberInteger */
|
||||
.chroma .mo {
|
||||
color: #649bc4;
|
||||
} /* LiteralNumberOct */
|
||||
.chroma .n {
|
||||
color: #c9d1d9;
|
||||
} /* Name */
|
||||
.chroma .na {
|
||||
color: #fabd2f;
|
||||
} /* NameAttribute */
|
||||
.chroma .nb {
|
||||
color: #fabd2f;
|
||||
} /* NameBuiltin */
|
||||
.chroma .nc {
|
||||
color: #ffaa10;
|
||||
} /* NameClass */
|
||||
.chroma .nd {
|
||||
color: #8ec07c;
|
||||
} /* NameDecorator */
|
||||
.chroma .ne {
|
||||
color: #ff7540;
|
||||
} /* NameException */
|
||||
.chroma .nf {
|
||||
color: #fabd2f;
|
||||
} /* NameFunction */
|
||||
.chroma .ni {
|
||||
color: #fabd2f;
|
||||
} /* NameEntity */
|
||||
.chroma .nl {
|
||||
color: #ff7540;
|
||||
} /* NameLabel */
|
||||
.chroma .nn {
|
||||
color: #c9d1d9;
|
||||
} /* NameNamespace */
|
||||
.chroma .no {
|
||||
color: #649bc4;
|
||||
} /* NameConstant */
|
||||
.chroma .nt {
|
||||
color: #ff7540;
|
||||
} /* NameTag */
|
||||
.chroma .nv {
|
||||
color: #ebdbb2;
|
||||
} /* NameVariable */
|
||||
.chroma .nx {
|
||||
color: #b6bac5;
|
||||
} /* NameOther */
|
||||
.chroma .o {
|
||||
color: #ff7540;
|
||||
} /* Operator */
|
||||
.chroma .ow {
|
||||
color: #5f8700;
|
||||
} /* OperatorWord */
|
||||
.chroma .p {
|
||||
color: #d2d4db;
|
||||
} /* Punctuation */
|
||||
.chroma .py {
|
||||
} /* NameProperty */
|
||||
.chroma .s {
|
||||
color: #b8bb26;
|
||||
} /* LiteralString */
|
||||
.chroma .s1 {
|
||||
color: #b8bb26;
|
||||
} /* LiteralStringSingle */
|
||||
.chroma .s2 {
|
||||
color: #b8bb26;
|
||||
} /* LiteralStringDouble */
|
||||
.chroma .sa {
|
||||
color: #ffaa10;
|
||||
} /* LiteralStringAffix */
|
||||
.chroma .sb {
|
||||
color: #b8bb26;
|
||||
} /* LiteralStringBacktick */
|
||||
.chroma .sc {
|
||||
color: #ffaa10;
|
||||
} /* LiteralStringChar */
|
||||
.chroma .sd {
|
||||
color: #b8bb26;
|
||||
} /* LiteralStringDoc */
|
||||
.chroma .se {
|
||||
color: #ff8540;
|
||||
} /* LiteralStringEscape */
|
||||
.chroma .sh {
|
||||
color: #b8bb26;
|
||||
} /* LiteralStringHeredoc */
|
||||
.chroma .si {
|
||||
color: #ffaa10;
|
||||
} /* LiteralStringInterpol */
|
||||
.chroma .sr {
|
||||
color: #9075cd;
|
||||
} /* LiteralStringRegex */
|
||||
.chroma .ss {
|
||||
color: #ff8540;
|
||||
} /* LiteralStringSymbol */
|
||||
.chroma .sx {
|
||||
color: #ffaa10;
|
||||
} /* LiteralStringOther */
|
||||
.chroma .vc {
|
||||
color: #649bee;
|
||||
} /* NameVariableClass */
|
||||
.chroma .vg {
|
||||
color: #649bee;
|
||||
} /* NameVariableGlobal */
|
||||
.chroma .vi {
|
||||
color: #649bee;
|
||||
} /* NameVariableInstance */
|
||||
.chroma .vm {
|
||||
} /* NameVariableMagic */
|
||||
.chroma .w {
|
||||
color: #7f8699;
|
||||
} /* TextWhitespace */
|
||||
.chroma .err {
|
||||
/* not styled because Chroma uses it on too many things like JSX */
|
||||
} /* Error */
|
||||
|
||||
/* @import "../codemirror/dark.css"; */
|
||||
.CodeMirror.cm-s-default .cm-property,
|
||||
@@ -405,7 +550,12 @@
|
||||
--color-input-border: var(--color-secondary);
|
||||
--color-input-border-hover: var(--color-secondary-dark-1);
|
||||
--color-light: #00000028;
|
||||
--color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
|
||||
--color-light-mimic-enabled: rgba(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
|
||||
);
|
||||
--color-light-border: #ffffff28;
|
||||
--color-hover: #ffffff12;
|
||||
--color-active: #ffffff18;
|
||||
@@ -422,7 +572,9 @@
|
||||
--color-placeholder-text: var(--color-text-light-3); /* alt #6a737d */
|
||||
--color-editor-line-highlight: var(--color-primary-light-5);
|
||||
--color-project-column-bg: var(--color-secondary-light-2);
|
||||
--color-caret: var(--color-text); /* should ideally be --color-text-dark, see #15651 */
|
||||
--color-caret: var(
|
||||
--color-text
|
||||
); /* should ideally be --color-text-dark, see #15651 */
|
||||
--color-reaction-bg: #ffffff12;
|
||||
--color-reaction-hover-bg: var(--color-primary-light-4);
|
||||
--color-reaction-active-bg: var(--color-primary-alpha-40);
|
||||
@@ -559,7 +711,6 @@ i.grey.icon.icon.icon.icon {
|
||||
border-top-color: var(--color-secondary-light-1) !important;
|
||||
}
|
||||
|
||||
|
||||
.ui.labeled.icon.buttons > .button > .icon,
|
||||
.ui.labeled.icon.button > .icon {
|
||||
background-color: var(--color-light) !important;
|
||||
@@ -580,15 +731,18 @@ i.grey.icon.icon.icon.icon {
|
||||
background: var(--color-light) !important;
|
||||
}
|
||||
|
||||
strong.attention-important, svg.attention-important {
|
||||
strong.attention-important,
|
||||
svg.attention-important {
|
||||
color: var(--color-violet-light);
|
||||
}
|
||||
|
||||
strong.attention-note, svg.attention-note {
|
||||
strong.attention-note,
|
||||
svg.attention-note {
|
||||
color: var(--color-blue-light);
|
||||
}
|
||||
|
||||
strong.attention-caution, svg.attention-caution {
|
||||
strong.attention-caution,
|
||||
svg.attention-caution {
|
||||
color: var(--color-red-light);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user