diff --git a/layouts/partials/paige/dark.css b/layouts/partials/paige/dark.css index 073efdd4..f6ce0514 100644 --- a/layouts/partials/paige/dark.css +++ b/layouts/partials/paige/dark.css @@ -1,86 +1,89 @@ -/* Background */ .bg { color: #c9d1d9; background-color: var(--bs-body-bg); } -/* PreWrapper */ .chroma { color: #c9d1d9; background-color: var(--bs-body-bg); } +/* Generated using: hugo gen chromastyles --style=github-dark */ +/* Edited Background and PreWrapper to use the Bootstrap background color */ + +/* Background (edited) */ .bg { color:#e6edf3;background-color:var(--bs-body-bg); } +/* PreWrapper (edited) */ .chroma { color:#e6edf3;background-color:var(--bs-body-bg); } /* Other */ .chroma .x { } -/* Error */ .chroma .err { color: #f85149 } +/* Error */ .chroma .err { color:#f85149 } /* CodeLine */ .chroma .cl { } -/* LineLink */ .chroma .lnlinks { outline: none; text-decoration: none; color: inherit } -/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } -/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; } -/* LineHighlight */ .chroma .hl { background-color: #4f4f4d } -/* LineNumbersTable */ .chroma .lnt { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #64686c } -/* LineNumbers */ .chroma .ln { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #6e7681 } -/* Line */ .chroma .line { display: flex; } -/* Keyword */ .chroma .k { color: #ff7b72 } -/* KeywordConstant */ .chroma .kc { color: #79c0ff } -/* KeywordDeclaration */ .chroma .kd { color: #ff7b72 } -/* KeywordNamespace */ .chroma .kn { color: #ff7b72 } -/* KeywordPseudo */ .chroma .kp { color: #79c0ff } -/* KeywordReserved */ .chroma .kr { color: #ff7b72 } -/* KeywordType */ .chroma .kt { color: #ff7b72 } +/* LineLink */ .chroma .lnlinks { outline:none;text-decoration:none;color:inherit } +/* LineTableTD */ .chroma .lntd { vertical-align:top;padding:0;margin:0;border:0; } +/* LineTable */ .chroma .lntable { border-spacing:0;padding:0;margin:0;border:0; } +/* LineHighlight */ .chroma .hl { background-color:#6e7681 } +/* LineNumbersTable */ .chroma .lnt { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#737679 } +/* LineNumbers */ .chroma .ln { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#6e7681 } +/* Line */ .chroma .line { display:flex; } +/* Keyword */ .chroma .k { color:#ff7b72 } +/* KeywordConstant */ .chroma .kc { color:#79c0ff } +/* KeywordDeclaration */ .chroma .kd { color:#ff7b72 } +/* KeywordNamespace */ .chroma .kn { color:#ff7b72 } +/* KeywordPseudo */ .chroma .kp { color:#79c0ff } +/* KeywordReserved */ .chroma .kr { color:#ff7b72 } +/* KeywordType */ .chroma .kt { color:#ff7b72 } /* Name */ .chroma .n { } /* NameAttribute */ .chroma .na { } /* NameBuiltin */ .chroma .nb { } /* NameBuiltinPseudo */ .chroma .bp { } -/* NameClass */ .chroma .nc { color: #f0883e; font-weight: bold } -/* NameConstant */ .chroma .no { color: #79c0ff; font-weight: bold } -/* NameDecorator */ .chroma .nd { color: #d2a8ff; font-weight: bold } -/* NameEntity */ .chroma .ni { color: #ffa657 } -/* NameException */ .chroma .ne { color: #f0883e; font-weight: bold } -/* NameFunction */ .chroma .nf { color: #d2a8ff; font-weight: bold } +/* NameClass */ .chroma .nc { color:#f0883e;font-weight:bold } +/* NameConstant */ .chroma .no { color:#79c0ff;font-weight:bold } +/* NameDecorator */ .chroma .nd { color:#d2a8ff;font-weight:bold } +/* NameEntity */ .chroma .ni { color:#ffa657 } +/* NameException */ .chroma .ne { color:#f0883e;font-weight:bold } +/* NameFunction */ .chroma .nf { color:#d2a8ff;font-weight:bold } /* NameFunctionMagic */ .chroma .fm { } -/* NameLabel */ .chroma .nl { color: #79c0ff; font-weight: bold } -/* NameNamespace */ .chroma .nn { color: #ff7b72 } +/* NameLabel */ .chroma .nl { color:#79c0ff;font-weight:bold } +/* NameNamespace */ .chroma .nn { color:#ff7b72 } /* NameOther */ .chroma .nx { } -/* NameProperty */ .chroma .py { color: #79c0ff } -/* NameTag */ .chroma .nt { color: #7ee787 } -/* NameVariable */ .chroma .nv { color: #79c0ff } +/* NameProperty */ .chroma .py { color:#79c0ff } +/* NameTag */ .chroma .nt { color:#7ee787 } +/* NameVariable */ .chroma .nv { color:#79c0ff } /* NameVariableClass */ .chroma .vc { } /* NameVariableGlobal */ .chroma .vg { } /* NameVariableInstance */ .chroma .vi { } /* NameVariableMagic */ .chroma .vm { } -/* Literal */ .chroma .l { color: #a5d6ff } -/* LiteralDate */ .chroma .ld { color: #79c0ff } -/* LiteralString */ .chroma .s { color: #a5d6ff } -/* LiteralStringAffix */ .chroma .sa { color: #79c0ff } -/* LiteralStringBacktick */ .chroma .sb { color: #a5d6ff } -/* LiteralStringChar */ .chroma .sc { color: #a5d6ff } -/* LiteralStringDelimiter */ .chroma .dl { color: #79c0ff } -/* LiteralStringDoc */ .chroma .sd { color: #a5d6ff } -/* LiteralStringDouble */ .chroma .s2 { color: #a5d6ff } -/* LiteralStringEscape */ .chroma .se { color: #79c0ff } -/* LiteralStringHeredoc */ .chroma .sh { color: #79c0ff } -/* LiteralStringInterpol */ .chroma .si { color: #a5d6ff } -/* LiteralStringOther */ .chroma .sx { color: #a5d6ff } -/* LiteralStringRegex */ .chroma .sr { color: #79c0ff } -/* LiteralStringSingle */ .chroma .s1 { color: #a5d6ff } -/* LiteralStringSymbol */ .chroma .ss { color: #a5d6ff } -/* LiteralNumber */ .chroma .m { color: #a5d6ff } -/* LiteralNumberBin */ .chroma .mb { color: #a5d6ff } -/* LiteralNumberFloat */ .chroma .mf { color: #a5d6ff } -/* LiteralNumberHex */ .chroma .mh { color: #a5d6ff } -/* LiteralNumberInteger */ .chroma .mi { color: #a5d6ff } -/* LiteralNumberIntegerLong */ .chroma .il { color: #a5d6ff } -/* LiteralNumberOct */ .chroma .mo { color: #a5d6ff } -/* Operator */ .chroma .o { color: #ff7b72; font-weight: bold } -/* OperatorWord */ .chroma .ow { color: #ff7b72; font-weight: bold } +/* Literal */ .chroma .l { color:#a5d6ff } +/* LiteralDate */ .chroma .ld { color:#79c0ff } +/* LiteralString */ .chroma .s { color:#a5d6ff } +/* LiteralStringAffix */ .chroma .sa { color:#79c0ff } +/* LiteralStringBacktick */ .chroma .sb { color:#a5d6ff } +/* LiteralStringChar */ .chroma .sc { color:#a5d6ff } +/* LiteralStringDelimiter */ .chroma .dl { color:#79c0ff } +/* LiteralStringDoc */ .chroma .sd { color:#a5d6ff } +/* LiteralStringDouble */ .chroma .s2 { color:#a5d6ff } +/* LiteralStringEscape */ .chroma .se { color:#79c0ff } +/* LiteralStringHeredoc */ .chroma .sh { color:#79c0ff } +/* LiteralStringInterpol */ .chroma .si { color:#a5d6ff } +/* LiteralStringOther */ .chroma .sx { color:#a5d6ff } +/* LiteralStringRegex */ .chroma .sr { color:#79c0ff } +/* LiteralStringSingle */ .chroma .s1 { color:#a5d6ff } +/* LiteralStringSymbol */ .chroma .ss { color:#a5d6ff } +/* LiteralNumber */ .chroma .m { color:#a5d6ff } +/* LiteralNumberBin */ .chroma .mb { color:#a5d6ff } +/* LiteralNumberFloat */ .chroma .mf { color:#a5d6ff } +/* LiteralNumberHex */ .chroma .mh { color:#a5d6ff } +/* LiteralNumberInteger */ .chroma .mi { color:#a5d6ff } +/* LiteralNumberIntegerLong */ .chroma .il { color:#a5d6ff } +/* LiteralNumberOct */ .chroma .mo { color:#a5d6ff } +/* Operator */ .chroma .o { color:#ff7b72;font-weight:bold } +/* OperatorWord */ .chroma .ow { color:#ff7b72;font-weight:bold } /* Punctuation */ .chroma .p { } -/* Comment */ .chroma .c { color: #8b949e; font-style: italic } -/* CommentHashbang */ .chroma .ch { color: #8b949e; font-style: italic } -/* CommentMultiline */ .chroma .cm { color: #8b949e; font-style: italic } -/* CommentSingle */ .chroma .c1 { color: #8b949e; font-style: italic } -/* CommentSpecial */ .chroma .cs { color: #8b949e; font-weight: bold; font-style: italic } -/* CommentPreproc */ .chroma .cp { color: #8b949e; font-weight: bold; font-style: italic } -/* CommentPreprocFile */ .chroma .cpf { color: #8b949e; font-weight: bold; font-style: italic } +/* Comment */ .chroma .c { color:#8b949e;font-style:italic } +/* CommentHashbang */ .chroma .ch { color:#8b949e;font-style:italic } +/* CommentMultiline */ .chroma .cm { color:#8b949e;font-style:italic } +/* CommentSingle */ .chroma .c1 { color:#8b949e;font-style:italic } +/* CommentSpecial */ .chroma .cs { color:#8b949e;font-weight:bold;font-style:italic } +/* CommentPreproc */ .chroma .cp { color:#8b949e;font-weight:bold;font-style:italic } +/* CommentPreprocFile */ .chroma .cpf { color:#8b949e;font-weight:bold;font-style:italic } /* Generic */ .chroma .g { } -/* GenericDeleted */ .chroma .gd { color: #ffa198; background-color: #490202 } -/* GenericEmph */ .chroma .ge { font-style: italic } -/* GenericError */ .chroma .gr { color: #ffa198 } -/* GenericHeading */ .chroma .gh { color: #79c0ff; font-weight: bold } -/* GenericInserted */ .chroma .gi { color: #56d364; background-color: #0f5323 } -/* GenericOutput */ .chroma .go { color: #8b949e } -/* GenericPrompt */ .chroma .gp { color: #8b949e } -/* GenericStrong */ .chroma .gs { font-weight: bold } -/* GenericSubheading */ .chroma .gu { color: #79c0ff } -/* GenericTraceback */ .chroma .gt { color: #ff7b72 } -/* GenericUnderline */ .chroma .gl { text-decoration: underline } -/* TextWhitespace */ .chroma .w { color: #6e7681 } +/* GenericDeleted */ .chroma .gd { color:#ffa198;background-color:#490202 } +/* GenericEmph */ .chroma .ge { font-style:italic } +/* GenericError */ .chroma .gr { color:#ffa198 } +/* GenericHeading */ .chroma .gh { color:#79c0ff;font-weight:bold } +/* GenericInserted */ .chroma .gi { color:#56d364;background-color:#0f5323 } +/* GenericOutput */ .chroma .go { color:#8b949e } +/* GenericPrompt */ .chroma .gp { color:#8b949e } +/* GenericStrong */ .chroma .gs { font-weight:bold } +/* GenericSubheading */ .chroma .gu { color:#79c0ff } +/* GenericTraceback */ .chroma .gt { color:#ff7b72 } +/* GenericUnderline */ .chroma .gl { text-decoration:underline } +/* TextWhitespace */ .chroma .w { color:#6e7681 } diff --git a/layouts/partials/paige/light.css b/layouts/partials/paige/light.css index e5121ac4..19741e3c 100644 --- a/layouts/partials/paige/light.css +++ b/layouts/partials/paige/light.css @@ -1,86 +1,89 @@ -/* Background */ .bg { background-color: #ffffff; } -/* PreWrapper */ .chroma { background-color: #ffffff; } +/* Generated using: hugo gen chromastyles --style=github */ +/* Edited Background and PreWrapper to use the Bootstrap background color */ + +/* Background (edited) */ .bg { background-color:var(--bs-body-bg); } +/* PreWrapper (edited) */ .chroma { background-color:var(--bs-body-bg); } /* Other */ .chroma .x { } -/* Error */ .chroma .err { color: #a61717; background-color: #e3d2d2 } +/* Error */ .chroma .err { color:#f6f8fa;background-color:#82071e } /* CodeLine */ .chroma .cl { } -/* LineLink */ .chroma .lnlinks { outline: none; text-decoration: none; color: inherit } -/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } -/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; } -/* LineHighlight */ .chroma .hl { background-color: #ffffcc } -/* LineNumbersTable */ .chroma .lnt { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } -/* LineNumbers */ .chroma .ln { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } -/* Line */ .chroma .line { display: flex; } -/* Keyword */ .chroma .k { color: #000000; font-weight: bold } -/* KeywordConstant */ .chroma .kc { color: #000000; font-weight: bold } -/* KeywordDeclaration */ .chroma .kd { color: #000000; font-weight: bold } -/* KeywordNamespace */ .chroma .kn { color: #000000; font-weight: bold } -/* KeywordPseudo */ .chroma .kp { color: #000000; font-weight: bold } -/* KeywordReserved */ .chroma .kr { color: #000000; font-weight: bold } -/* KeywordType */ .chroma .kt { color: #445588; font-weight: bold } +/* LineLink */ .chroma .lnlinks { outline:none;text-decoration:none;color:inherit } +/* LineTableTD */ .chroma .lntd { vertical-align:top;padding:0;margin:0;border:0; } +/* LineTable */ .chroma .lntable { border-spacing:0;padding:0;margin:0;border:0; } +/* LineHighlight */ .chroma .hl { background-color:#e5e5e5 } +/* LineNumbersTable */ .chroma .lnt { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f } +/* LineNumbers */ .chroma .ln { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f } +/* Line */ .chroma .line { display:flex; } +/* Keyword */ .chroma .k { color:#cf222e } +/* KeywordConstant */ .chroma .kc { color:#cf222e } +/* KeywordDeclaration */ .chroma .kd { color:#cf222e } +/* KeywordNamespace */ .chroma .kn { color:#cf222e } +/* KeywordPseudo */ .chroma .kp { color:#cf222e } +/* KeywordReserved */ .chroma .kr { color:#cf222e } +/* KeywordType */ .chroma .kt { color:#cf222e } /* Name */ .chroma .n { } -/* NameAttribute */ .chroma .na { color: #008080 } -/* NameBuiltin */ .chroma .nb { color: #0086b3 } -/* NameBuiltinPseudo */ .chroma .bp { color: #999999 } -/* NameClass */ .chroma .nc { color: #445588; font-weight: bold } -/* NameConstant */ .chroma .no { color: #008080 } -/* NameDecorator */ .chroma .nd { color: #3c5d5d; font-weight: bold } -/* NameEntity */ .chroma .ni { color: #800080 } -/* NameException */ .chroma .ne { color: #990000; font-weight: bold } -/* NameFunction */ .chroma .nf { color: #990000; font-weight: bold } +/* NameAttribute */ .chroma .na { color:#1f2328 } +/* NameBuiltin */ .chroma .nb { color:#6639ba } +/* NameBuiltinPseudo */ .chroma .bp { color:#6a737d } +/* NameClass */ .chroma .nc { color:#1f2328 } +/* NameConstant */ .chroma .no { color:#0550ae } +/* NameDecorator */ .chroma .nd { color:#0550ae } +/* NameEntity */ .chroma .ni { color:#6639ba } +/* NameException */ .chroma .ne { } +/* NameFunction */ .chroma .nf { color:#6639ba } /* NameFunctionMagic */ .chroma .fm { } -/* NameLabel */ .chroma .nl { color: #990000; font-weight: bold } -/* NameNamespace */ .chroma .nn { color: #555555 } -/* NameOther */ .chroma .nx { } +/* NameLabel */ .chroma .nl { color:#900;font-weight:bold } +/* NameNamespace */ .chroma .nn { color:#24292e } +/* NameOther */ .chroma .nx { color:#1f2328 } /* NameProperty */ .chroma .py { } -/* NameTag */ .chroma .nt { color: #000080 } -/* NameVariable */ .chroma .nv { color: #008080 } -/* NameVariableClass */ .chroma .vc { color: #008080 } -/* NameVariableGlobal */ .chroma .vg { color: #008080 } -/* NameVariableInstance */ .chroma .vi { color: #008080 } +/* NameTag */ .chroma .nt { color:#0550ae } +/* NameVariable */ .chroma .nv { color:#953800 } +/* NameVariableClass */ .chroma .vc { color:#953800 } +/* NameVariableGlobal */ .chroma .vg { color:#953800 } +/* NameVariableInstance */ .chroma .vi { color:#953800 } /* NameVariableMagic */ .chroma .vm { } /* Literal */ .chroma .l { } /* LiteralDate */ .chroma .ld { } -/* LiteralString */ .chroma .s { color: #dd1144 } -/* LiteralStringAffix */ .chroma .sa { color: #dd1144 } -/* LiteralStringBacktick */ .chroma .sb { color: #dd1144 } -/* LiteralStringChar */ .chroma .sc { color: #dd1144 } -/* LiteralStringDelimiter */ .chroma .dl { color: #dd1144 } -/* LiteralStringDoc */ .chroma .sd { color: #dd1144 } -/* LiteralStringDouble */ .chroma .s2 { color: #dd1144 } -/* LiteralStringEscape */ .chroma .se { color: #dd1144 } -/* LiteralStringHeredoc */ .chroma .sh { color: #dd1144 } -/* LiteralStringInterpol */ .chroma .si { color: #dd1144 } -/* LiteralStringOther */ .chroma .sx { color: #dd1144 } -/* LiteralStringRegex */ .chroma .sr { color: #009926 } -/* LiteralStringSingle */ .chroma .s1 { color: #dd1144 } -/* LiteralStringSymbol */ .chroma .ss { color: #990073 } -/* LiteralNumber */ .chroma .m { color: #009999 } -/* LiteralNumberBin */ .chroma .mb { color: #009999 } -/* LiteralNumberFloat */ .chroma .mf { color: #009999 } -/* LiteralNumberHex */ .chroma .mh { color: #009999 } -/* LiteralNumberInteger */ .chroma .mi { color: #009999 } -/* LiteralNumberIntegerLong */ .chroma .il { color: #009999 } -/* LiteralNumberOct */ .chroma .mo { color: #009999 } -/* Operator */ .chroma .o { color: #000000; font-weight: bold } -/* OperatorWord */ .chroma .ow { color: #000000; font-weight: bold } -/* Punctuation */ .chroma .p { } -/* Comment */ .chroma .c { color: #999988; font-style: italic } -/* CommentHashbang */ .chroma .ch { color: #999988; font-style: italic } -/* CommentMultiline */ .chroma .cm { color: #999988; font-style: italic } -/* CommentSingle */ .chroma .c1 { color: #999988; font-style: italic } -/* CommentSpecial */ .chroma .cs { color: #999999; font-weight: bold; font-style: italic } -/* CommentPreproc */ .chroma .cp { color: #999999; font-weight: bold; font-style: italic } -/* CommentPreprocFile */ .chroma .cpf { color: #999999; font-weight: bold; font-style: italic } +/* LiteralString */ .chroma .s { color:#0a3069 } +/* LiteralStringAffix */ .chroma .sa { color:#0a3069 } +/* LiteralStringBacktick */ .chroma .sb { color:#0a3069 } +/* LiteralStringChar */ .chroma .sc { color:#0a3069 } +/* LiteralStringDelimiter */ .chroma .dl { color:#0a3069 } +/* LiteralStringDoc */ .chroma .sd { color:#0a3069 } +/* LiteralStringDouble */ .chroma .s2 { color:#0a3069 } +/* LiteralStringEscape */ .chroma .se { color:#0a3069 } +/* LiteralStringHeredoc */ .chroma .sh { color:#0a3069 } +/* LiteralStringInterpol */ .chroma .si { color:#0a3069 } +/* LiteralStringOther */ .chroma .sx { color:#0a3069 } +/* LiteralStringRegex */ .chroma .sr { color:#0a3069 } +/* LiteralStringSingle */ .chroma .s1 { color:#0a3069 } +/* LiteralStringSymbol */ .chroma .ss { color:#032f62 } +/* LiteralNumber */ .chroma .m { color:#0550ae } +/* LiteralNumberBin */ .chroma .mb { color:#0550ae } +/* LiteralNumberFloat */ .chroma .mf { color:#0550ae } +/* LiteralNumberHex */ .chroma .mh { color:#0550ae } +/* LiteralNumberInteger */ .chroma .mi { color:#0550ae } +/* LiteralNumberIntegerLong */ .chroma .il { color:#0550ae } +/* LiteralNumberOct */ .chroma .mo { color:#0550ae } +/* Operator */ .chroma .o { color:#0550ae } +/* OperatorWord */ .chroma .ow { color:#0550ae } +/* Punctuation */ .chroma .p { color:#1f2328 } +/* Comment */ .chroma .c { color:#57606a } +/* CommentHashbang */ .chroma .ch { color:#57606a } +/* CommentMultiline */ .chroma .cm { color:#57606a } +/* CommentSingle */ .chroma .c1 { color:#57606a } +/* CommentSpecial */ .chroma .cs { color:#57606a } +/* CommentPreproc */ .chroma .cp { color:#57606a } +/* CommentPreprocFile */ .chroma .cpf { color:#57606a } /* Generic */ .chroma .g { } -/* GenericDeleted */ .chroma .gd { color: #000000; background-color: #ffdddd } -/* GenericEmph */ .chroma .ge { color: #000000; font-style: italic } -/* GenericError */ .chroma .gr { color: #aa0000 } -/* GenericHeading */ .chroma .gh { color: #999999 } -/* GenericInserted */ .chroma .gi { color: #000000; background-color: #ddffdd } -/* GenericOutput */ .chroma .go { color: #888888 } -/* GenericPrompt */ .chroma .gp { color: #555555 } -/* GenericStrong */ .chroma .gs { font-weight: bold } -/* GenericSubheading */ .chroma .gu { color: #aaaaaa } -/* GenericTraceback */ .chroma .gt { color: #aa0000 } -/* GenericUnderline */ .chroma .gl { text-decoration: underline } -/* TextWhitespace */ .chroma .w { color: #bbbbbb } +/* GenericDeleted */ .chroma .gd { color:#82071e;background-color:#ffebe9 } +/* GenericEmph */ .chroma .ge { color:#1f2328 } +/* GenericError */ .chroma .gr { } +/* GenericHeading */ .chroma .gh { } +/* GenericInserted */ .chroma .gi { color:#116329;background-color:#dafbe1 } +/* GenericOutput */ .chroma .go { color:#1f2328 } +/* GenericPrompt */ .chroma .gp { } +/* GenericStrong */ .chroma .gs { } +/* GenericSubheading */ .chroma .gu { } +/* GenericTraceback */ .chroma .gt { } +/* GenericUnderline */ .chroma .gl { text-decoration:underline } +/* TextWhitespace */ .chroma .w { color:#fff }