Commit 2571a9c0 authored by Laura Kalbag's avatar Laura Kalbag
Browse files

Rename code text colour variables to generic text colour variables

This makes the colours (in lightmode and darkmode) more usable by other non-code elements.

Towards #164
parent 10a23d6f
......@@ -32,12 +32,12 @@
--code-linenumber: var(--code-linenumber-lightmode);
--code-text: var(--code-text-lightmode);
--code-comment: var(--code-comment-lightmode);
--code-red: var(--code-red-lightmode);
--code-orange: var(--code-orange-lightmode);
--code-blue: var(--code-blue-lightmode);
--code-aqua: var(--code-aqua-lightmode);
--code-green: var(--code-green-lightmode);
--code-yellow: var(--code-yellow-lightmode);
--text-red: var(--text-red-lightmode);
--text-orange: var(--text-orange-lightmode);
--text-blue: var(--text-blue-lightmode);
--text-aqua: var(--text-aqua-lightmode);
--text-green: var(--text-green-lightmode);
--text-yellow: var(--text-yellow-lightmode);
}
/* Dark mode
......@@ -74,12 +74,12 @@
--code-linenumber: var(--code-linenumber-darkmode);
--code-text: var(--code-text-darkmode);
--code-comment: var(--code-comment-darkmode);
--code-red: var(--code-red-darkmode);
--code-orange: var(--code-orange-darkmode);
--code-blue: var(--code-blue-darkmode);
--code-aqua: var(--code-aqua-darkmode);
--code-green: var(--code-green-darkmode);
--code-yellow: var(--code-yellow-darkmode);
--text-red: var(--text-red-darkmode);
--text-orange: var(--text-orange-darkmode);
--text-blue: var(--text-blue-darkmode);
--text-aqua: var(--text-aqua-darkmode);
--text-green: var(--text-green-darkmode);
--text-yellow: var(--text-yellow-darkmode);
}
/* When the visitor’s operating system requests dark mode,
......@@ -114,11 +114,11 @@
--code-linenumber: var(--code-linenumber-darkmode);
--code-text: var(--code-text-darkmode);
--code-comment: var(--code-comment-darkmode);
--code-red: var(--code-red-darkmode);
--code-orange: var(--code-orange-darkmode);
--code-blue: var(--code-blue-darkmode);
--code-aqua: var(--code-aqua-darkmode);
--code-green: var(--code-green-darkmode);
--code-yellow: var(--code-yellow-darkmode);
--text-red: var(--text-red-darkmode);
--text-orange: var(--text-orange-darkmode);
--text-blue: var(--text-blue-darkmode);
--text-aqua: var(--text-aqua-darkmode);
--text-green: var(--text-green-darkmode);
--text-yellow: var(--text-yellow-darkmode);
}
}
\ No newline at end of file
......@@ -91,59 +91,59 @@
/* based on small tech colours */
/* Background */ .chroma, .chroma code, .chroma pre { color: var(--code-text); background-color: var(--background-code-block); }
/* Other */ .chroma .x { color: var(--code-orange); }
/* Other */ .chroma .x { color: var(--text-orange); }
/* LineHighlight */ .chroma .hl { background-color: var(--code-block-highlight); }
/* LineNumbersTable */ .chroma .lnt { color: var(--code-linenumber); }
/* LineNumbers */ .chroma .ln { color: var(--code-linenumber); }
/* Keyword */ .chroma .k { color: var(--code-green); }
/* KeywordConstant */ .chroma .kc { color: var(--code-orange); }
/* KeywordDeclaration */ .chroma .kd { color: var(--code-blue); }
/* KeywordNamespace */ .chroma .kn { color: var(--code-green); }
/* KeywordPseudo */ .chroma .kp { color: var(--code-green); }
/* KeywordReserved */ .chroma .kr { color: var(--code-blue); }
/* KeywordType */ .chroma .kt { color: var(--code-red); }
/* NameBuiltin */ .chroma .nb { color:var(--code-yellow); }
/* NameBuiltinPseudo */ .chroma .bp { color: var(--code-blue); }
/* NameClass */ .chroma .nc { color: var(--code-blue); }
/* NameConstant */ .chroma .no { color: var(--code-orange); }
/* NameDecorator */ .chroma .nd { color: var(--code-blue); }
/* NameEntity */ .chroma .ni { color: var(--code-orange); }
/* NameException */ .chroma .ne { color: var(--code-orange); }
/* NameFunction */ .chroma .nf { color: var(--code-blue); }
/* NameTag */ .chroma .nt { color: var(--code-blue); }
/* NameVariable */ .chroma .nv { color: var(--code-blue); }
/* LiteralString */ .chroma .s { color: var(--code-aqua); }
/* LiteralStringAffix */ .chroma .sa { color: var(--code-aqua); }
/* Keyword */ .chroma .k { color: var(--text-green); }
/* KeywordConstant */ .chroma .kc { color: var(--text-orange); }
/* KeywordDeclaration */ .chroma .kd { color: var(--text-blue); }
/* KeywordNamespace */ .chroma .kn { color: var(--text-green); }
/* KeywordPseudo */ .chroma .kp { color: var(--text-green); }
/* KeywordReserved */ .chroma .kr { color: var(--text-blue); }
/* KeywordType */ .chroma .kt { color: var(--text-red); }
/* NameBuiltin */ .chroma .nb { color:var(--text-yellow); }
/* NameBuiltinPseudo */ .chroma .bp { color: var(--text-blue); }
/* NameClass */ .chroma .nc { color: var(--text-blue); }
/* NameConstant */ .chroma .no { color: var(--text-orange); }
/* NameDecorator */ .chroma .nd { color: var(--text-blue); }
/* NameEntity */ .chroma .ni { color: var(--text-orange); }
/* NameException */ .chroma .ne { color: var(--text-orange); }
/* NameFunction */ .chroma .nf { color: var(--text-blue); }
/* NameTag */ .chroma .nt { color: var(--text-blue); }
/* NameVariable */ .chroma .nv { color: var(--text-blue); }
/* LiteralString */ .chroma .s { color: var(--text-aqua); }
/* LiteralStringAffix */ .chroma .sa { color: var(--text-aqua); }
/* LiteralStringBacktick */ .chroma .sb { color: var(--code-comment); }
/* LiteralStringChar */ .chroma .sc { color: var(--code-aqua); }
/* LiteralStringDelimiter */ .chroma .dl { color: var(--code-aqua); }
/* LiteralStringDouble */ .chroma .s2 { color: var(--code-aqua); }
/* LiteralStringEscape */ .chroma .se { color: var(--code-orange); }
/* LiteralStringInterpol */ .chroma .si { color: var(--code-aqua); }
/* LiteralStringOther */ .chroma .sx { color: var(--code-aqua); }
/* LiteralStringRegex */ .chroma .sr { color: var(--code-red); }
/* LiteralStringSingle */ .chroma .s1 { color: var(--code-aqua); }
/* LiteralStringSymbol */ .chroma .ss { color: var(--code-aqua); }
/* LiteralNumber */ .chroma .m { color: var(--code-aqua); }
/* LiteralNumberBin */ .chroma .mb { color: var(--code-aqua); }
/* LiteralNumberFloat */ .chroma .mf { color: var(--code-aqua); }
/* LiteralNumberHex */ .chroma .mh { color: var(--code-aqua); }
/* LiteralNumberInteger */ .chroma .mi { color: var(--code-aqua); }
/* LiteralNumberIntegerLong */ .chroma .il { color: var(--code-aqua); }
/* LiteralNumberOct */ .chroma .mo { color: var(--code-aqua); }
/* Operator */ .chroma .o { color: var(--code-green); }
/* OperatorWord */ .chroma .ow { color: var(--code-green); }
/* LiteralStringChar */ .chroma .sc { color: var(--text-aqua); }
/* LiteralStringDelimiter */ .chroma .dl { color: var(--text-aqua); }
/* LiteralStringDouble */ .chroma .s2 { color: var(--text-aqua); }
/* LiteralStringEscape */ .chroma .se { color: var(--text-orange); }
/* LiteralStringInterpol */ .chroma .si { color: var(--text-aqua); }
/* LiteralStringOther */ .chroma .sx { color: var(--text-aqua); }
/* LiteralStringRegex */ .chroma .sr { color: var(--text-red); }
/* LiteralStringSingle */ .chroma .s1 { color: var(--text-aqua); }
/* LiteralStringSymbol */ .chroma .ss { color: var(--text-aqua); }
/* LiteralNumber */ .chroma .m { color: var(--text-aqua); }
/* LiteralNumberBin */ .chroma .mb { color: var(--text-aqua); }
/* LiteralNumberFloat */ .chroma .mf { color: var(--text-aqua); }
/* LiteralNumberHex */ .chroma .mh { color: var(--text-aqua); }
/* LiteralNumberInteger */ .chroma .mi { color: var(--text-aqua); }
/* LiteralNumberIntegerLong */ .chroma .il { color: var(--text-aqua); }
/* LiteralNumberOct */ .chroma .mo { color: var(--text-aqua); }
/* Operator */ .chroma .o { color: var(--text-green); }
/* OperatorWord */ .chroma .ow { color: var(--text-green); }
/* Comment */ .chroma .c { color: var(--code-comment); }
/* CommentHashbang */ .chroma .ch { color: var(--code-comment); }
/* CommentMultiline */ .chroma .cm { color: var(--code-comment); }
/* CommentSingle */ .chroma .c1 { color: var(--code-comment); }
/* CommentSpecial */ .chroma .cs { color: var(--code-green); }
/* CommentPreproc */ .chroma .cp { color: var(--code-green); }
/* CommentPreprocFile */ .chroma .cpf { color: var(--code-green); }
/* GenericDeleted */ .chroma .gd { color: var(--code-red); }
/* CommentSpecial */ .chroma .cs { color: var(--text-green); }
/* CommentPreproc */ .chroma .cp { color: var(--text-green); }
/* CommentPreprocFile */ .chroma .cpf { color: var(--text-green); }
/* GenericDeleted */ .chroma .gd { color: var(--text-red); }
/* GenericEmph */ .chroma .ge { font-style: italic }
/* GenericError */ .chroma .gr { color: var(--code-red); font-weight: bold }
/* GenericHeading */ .chroma .gh { color: var(--code-orange); }
/* GenericInserted */ .chroma .gi { color: var(--code-green); }
/* GenericError */ .chroma .gr { color: var(--text-red); font-weight: bold }
/* GenericHeading */ .chroma .gh { color: var(--text-orange); }
/* GenericInserted */ .chroma .gi { color: var(--text-green); }
/* GenericStrong */ .chroma .gs { font-weight: bold }
/* GenericSubheading */ .chroma .gu { color: var(--code-blue); }
/* GenericSubheading */ .chroma .gu { color: var(--text-blue); }
......@@ -10,16 +10,28 @@
"codeTextDarkmode" : "#B2B2B2",
"codeCommentLightmode" : "#4C4C4C",
"codeCommentDarkmode" : "#999",
"codeRedLightmode" : "#82073B",
"codeRedDarkmode" : "#FFC3A7",
"codeOrangeLightmode" : "#783806",
"codeOrangeDarkmode" : "#FEE59E",
"codeBlueLightmode" : "#C1D0DD",
"codeBlueDarkmode" : "#303B4B",
"codeAquaLightmode" : "#154652",
"codeAquaDarkmode" : "#AFE1E8",
"codeGreenLightmode" : "#004E48",
"codeGreenDarkmode" : "#CBE89B",
"codeYellowLightmode" : "#724F00",
"codeYellowDarkmode" : "#FFF697"
"textRedLightmode" : "#82073B",
"backgroundRedLightmode" : "#FFC3A7",
"backgroundRedDarkmode" : "#82073B",
"textRedDarkmode" : "#FFC3A7",
"textOrangeLightmode" : "#783806",
"backgroundOrangeLightmode" : "#FEE59E",
"backgroundOrangeDarkmode" : "#783806",
"textOrangeDarkmode" : "#FEE59E",
"textBlueLightmode" : "#C1D0DD",
"backgroundBlueLightmode" : "#303B4B",
"backgroundBlueDarkmode" : "#C1D0DD",
"textBlueDarkmode" : "#303B4B",
"textAquaLightmode" : "#154652",
"backgroundAquaLightmode" : "#AFE1E8",
"backgroundAquaDarkmode" : "#154652",
"textAquaDarkmode" : "#AFE1E8",
"textGreenLightmode" : "#004E48",
"backgroundGreenLightmode" : "#CBE89B",
"backgroundGreenDarkmode" : "#004E48",
"textGreenDarkmode" : "#CBE89B",
"textYellowLightmode" : "#724F00",
"backgroundYellowLightmode" : "#FFF697",
"backgroundYellowDarkmode" : "#724F00",
"textYellowDarkmode" : "#FFF697"
}
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment