Update color scheme to github light and dark
Some checks failed
github pages / deploy (push) Failing after 6s
Some checks failed
github pages / deploy (push) Failing after 6s
This commit is contained in:
parent
ce5baa572d
commit
d3ce523bfe
1 changed files with 156 additions and 90 deletions
|
|
@ -1,91 +1,157 @@
|
|||
/* This style is a variant of Dracula that is more accessible to people with poor eyesight */
|
||||
/* See https://web.dev/color-and-contrast-accessibility/ */
|
||||
/* And https://xyproto.github.io/splash/docs/dracula.html */
|
||||
/* And https://github.com/alecthomas/chroma/blob/a40c95e447a577322e20eac58f2f7c0d026665b0/styles/dracula.xml */
|
||||
/* Light: github, Dark: github-dark — toggled via prefers-color-scheme */
|
||||
|
||||
/* Background */ .bg { color: #f8f8f2; background-color: #282a36; }
|
||||
/* PreWrapper */ .chroma { color: #f8f8f2; background-color: #282a36; }
|
||||
/* Other .chroma .x { } */
|
||||
/* Error .chroma .err { } */
|
||||
/* 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: #929292 }
|
||||
/* LineNumbers */ .chroma .ln { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #929292 }
|
||||
/* Line */ .chroma .line { display: flex; }
|
||||
/* Keyword */ .chroma .k { color: #ff79c6 }
|
||||
/* KeywordConstant */ .chroma .kc { color: #ff79c6 }
|
||||
/* KeywordDeclaration */ .chroma .kd { color: #8be9fd; font-style: italic }
|
||||
/* KeywordNamespace */ .chroma .kn { color: #ff79c6 }
|
||||
/* KeywordPseudo */ .chroma .kp { color: #ff79c6 }
|
||||
/* KeywordReserved */ .chroma .kr { color: #ff79c6 }
|
||||
/* KeywordType */ .chroma .kt { color: #8be9fd }
|
||||
/* Name .chroma .n { } */
|
||||
/* NameAttribute */ .chroma .na { color: #50fa7b }
|
||||
/* NameBuiltin */ .chroma .nb { color: #8be9fd; font-style: italic }
|
||||
/* NameBuiltinPseudo .chroma .bp { } */
|
||||
/* NameClass */ .chroma .nc { color: #50fa7b }
|
||||
/* NameConstant .chroma .no { } */
|
||||
/* NameDecorator .chroma .nd { } */
|
||||
/* NameEntity .chroma .ni { } */
|
||||
/* NameException .chroma .ne { } */
|
||||
/* NameFunction */ .chroma .nf { color: #50fa7b }
|
||||
/* NameFunctionMagic .chroma .fm { } */
|
||||
/* NameLabel */ .chroma .nl { color: #8be9fd; font-style: italic }
|
||||
/* NameNamespace .chroma .nn { } */
|
||||
/* NameOther .chroma .nx { } */
|
||||
/* NameProperty .chroma .py { } */
|
||||
/* NameTag */ .chroma .nt { color: #ff79c6 }
|
||||
/* NameVariable */ .chroma .nv { color: #8be9fd; font-style: italic }
|
||||
/* NameVariableClass */ .chroma .vc { color: #8be9fd; font-style: italic }
|
||||
/* NameVariableGlobal */ .chroma .vg { color: #8be9fd; font-style: italic }
|
||||
/* NameVariableInstance */ .chroma .vi { color: #8be9fd; font-style: italic }
|
||||
/* NameVariableMagic .chroma .vm { } */
|
||||
/* Literal .chroma .l { } */
|
||||
/* LiteralDate .chroma .ld { } */
|
||||
/* LiteralString */ .chroma .s { color: #f1fa8c }
|
||||
/* LiteralStringAffix */ .chroma .sa { color: #f1fa8c }
|
||||
/* LiteralStringBacktick */ .chroma .sb { color: #f1fa8c }
|
||||
/* LiteralStringChar */ .chroma .sc { color: #f1fa8c }
|
||||
/* LiteralStringDelimiter */ .chroma .dl { color: #f1fa8c }
|
||||
/* LiteralStringDoc */ .chroma .sd { color: #f1fa8c }
|
||||
/* LiteralStringDouble */ .chroma .s2 { color: #f1fa8c }
|
||||
/* LiteralStringEscape */ .chroma .se { color: #f1fa8c }
|
||||
/* LiteralStringHeredoc */ .chroma .sh { color: #f1fa8c }
|
||||
/* LiteralStringInterpol */ .chroma .si { color: #f1fa8c }
|
||||
/* LiteralStringOther */ .chroma .sx { color: #f1fa8c }
|
||||
/* LiteralStringRegex */ .chroma .sr { color: #f1fa8c }
|
||||
/* LiteralStringSingle */ .chroma .s1 { color: #f1fa8c }
|
||||
/* LiteralStringSymbol */ .chroma .ss { color: #f1fa8c }
|
||||
/* LiteralNumber */ .chroma .m { color: #bd93f9 }
|
||||
/* LiteralNumberBin */ .chroma .mb { color: #bd93f9 }
|
||||
/* LiteralNumberFloat */ .chroma .mf { color: #bd93f9 }
|
||||
/* LiteralNumberHex */ .chroma .mh { color: #bd93f9 }
|
||||
/* LiteralNumberInteger */ .chroma .mi { color: #bd93f9 }
|
||||
/* LiteralNumberIntegerLong */ .chroma .il { color: #bd93f9 }
|
||||
/* LiteralNumberOct */ .chroma .mo { color: #bd93f9 }
|
||||
/* Operator */ .chroma .o { color: #ff79c6 }
|
||||
/* OperatorWord */ .chroma .ow { color: #ff79c6 }
|
||||
/* Punctuation .chroma .p { } */
|
||||
/* Comment */ .chroma .c { color: #8491b8 }
|
||||
/* CommentHashbang */ .chroma .ch { color: #8491b8 }
|
||||
/* CommentMultiline */ .chroma .cm { color: #8491b8 }
|
||||
/* CommentSingle */ .chroma .c1 { color: #8491b8 }
|
||||
/* CommentSpecial */ .chroma .cs { color: #8491b8 }
|
||||
/* CommentPreproc */ .chroma .cp { color: #ff79c6 }
|
||||
/* CommentPreprocFile */ .chroma .cpf { color: #ff79c6 }
|
||||
/* Generic .chroma .g { } */
|
||||
/* GenericDeleted */ .chroma .gd { color: #ff5555 }
|
||||
/* GenericEmph */ .chroma .ge { text-decoration: underline }
|
||||
/* GenericError .chroma .gr { } */
|
||||
/* GenericHeading */ .chroma .gh { font-weight: bold }
|
||||
/* GenericInserted */ .chroma .gi { color: #50fa7b; font-weight: bold }
|
||||
/* GenericOutput */ .chroma .go { color: #44475a }
|
||||
/* GenericPrompt .chroma .gp { } */
|
||||
/* GenericStrong .chroma .gs { } */
|
||||
/* GenericSubheading */ .chroma .gu { font-weight: bold }
|
||||
/* GenericTraceback .chroma .gt { } */
|
||||
/* GenericUnderline */ .chroma .gl { text-decoration: underline }
|
||||
/* TextWhitespace .chroma .w { } */
|
||||
/* Shared structural rules (no colors) */
|
||||
.chroma .lnlinks { outline:none;text-decoration:none;color:inherit }
|
||||
.chroma .lntd { vertical-align:top;padding:0;margin:0;border:0; }
|
||||
.chroma .lntable { border-spacing:0;padding:0;margin:0;border:0; }
|
||||
.chroma .lnt { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em; }
|
||||
.chroma .ln { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em; }
|
||||
.chroma .line { display:flex; }
|
||||
.chroma .ge { font-style:italic }
|
||||
.chroma .gs { font-weight:bold }
|
||||
.chroma .gl { text-decoration:underline }
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
/* Generated using: hugo gen chromastyles --style=github */
|
||||
.bg { background-color:#f7f7f7; }
|
||||
.chroma { background-color:#f7f7f7;-webkit-text-size-adjust:none; }
|
||||
.chroma .err { color:#f6f8fa;background-color:#82071e }
|
||||
.chroma .hl { background-color:#dedede }
|
||||
.chroma .lnt { color:#7f7f7f }
|
||||
.chroma .ln { color:#7f7f7f }
|
||||
.chroma .k { color:#cf222e }
|
||||
.chroma .kc { color:#cf222e }
|
||||
.chroma .kd { color:#cf222e }
|
||||
.chroma .kn { color:#cf222e }
|
||||
.chroma .kp { color:#cf222e }
|
||||
.chroma .kr { color:#cf222e }
|
||||
.chroma .kt { color:#cf222e }
|
||||
.chroma .na { color:#1f2328 }
|
||||
.chroma .nc { color:#1f2328 }
|
||||
.chroma .no { color:#0550ae }
|
||||
.chroma .nd { color:#0550ae }
|
||||
.chroma .ni { color:#6639ba }
|
||||
.chroma .nl { color:#900;font-weight:bold }
|
||||
.chroma .nn { color:#24292e }
|
||||
.chroma .nx { color:#1f2328 }
|
||||
.chroma .nt { color:#0550ae }
|
||||
.chroma .nb { color:#6639ba }
|
||||
.chroma .bp { color:#6a737d }
|
||||
.chroma .nv { color:#953800 }
|
||||
.chroma .vc { color:#953800 }
|
||||
.chroma .vg { color:#953800 }
|
||||
.chroma .vi { color:#953800 }
|
||||
.chroma .vm { color:#953800 }
|
||||
.chroma .nf { color:#6639ba }
|
||||
.chroma .fm { color:#6639ba }
|
||||
.chroma .s { color:#0a3069 }
|
||||
.chroma .sa { color:#0a3069 }
|
||||
.chroma .sb { color:#0a3069 }
|
||||
.chroma .sc { color:#0a3069 }
|
||||
.chroma .dl { color:#0a3069 }
|
||||
.chroma .sd { color:#0a3069 }
|
||||
.chroma .s2 { color:#0a3069 }
|
||||
.chroma .se { color:#0a3069 }
|
||||
.chroma .sh { color:#0a3069 }
|
||||
.chroma .si { color:#0a3069 }
|
||||
.chroma .sx { color:#0a3069 }
|
||||
.chroma .sr { color:#0a3069 }
|
||||
.chroma .s1 { color:#0a3069 }
|
||||
.chroma .ss { color:#032f62 }
|
||||
.chroma .m { color:#0550ae }
|
||||
.chroma .mb { color:#0550ae }
|
||||
.chroma .mf { color:#0550ae }
|
||||
.chroma .mh { color:#0550ae }
|
||||
.chroma .mi { color:#0550ae }
|
||||
.chroma .il { color:#0550ae }
|
||||
.chroma .mo { color:#0550ae }
|
||||
.chroma .o { color:#0550ae }
|
||||
.chroma .ow { color:#0550ae }
|
||||
.chroma .p { color:#1f2328 }
|
||||
.chroma .c { color:#57606a }
|
||||
.chroma .ch { color:#57606a }
|
||||
.chroma .cm { color:#57606a }
|
||||
.chroma .c1 { color:#57606a }
|
||||
.chroma .cs { color:#57606a }
|
||||
.chroma .cp { color:#57606a }
|
||||
.chroma .cpf { color:#57606a }
|
||||
.chroma .gd { color:#82071e;background-color:#ffebe9 }
|
||||
.chroma .ge { color:#1f2328 }
|
||||
.chroma .gi { color:#116329;background-color:#dafbe1 }
|
||||
.chroma .go { color:#1f2328 }
|
||||
.chroma .w { color:#fff }
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
/* Generated using: hugo gen chromastyles --style=github-dark */
|
||||
.bg { color:#e6edf3;background-color:#0d1117; }
|
||||
.chroma { color:#e6edf3;background-color:#0d1117;-webkit-text-size-adjust:none; }
|
||||
.chroma .err { color:#f85149 }
|
||||
.chroma .hl { background-color:#6e7681 }
|
||||
.chroma .lnt { color:#737679 }
|
||||
.chroma .ln { color:#6e7681 }
|
||||
.chroma .k { color:#ff7b72 }
|
||||
.chroma .kc { color:#79c0ff }
|
||||
.chroma .kd { color:#ff7b72 }
|
||||
.chroma .kn { color:#ff7b72 }
|
||||
.chroma .kp { color:#79c0ff }
|
||||
.chroma .kr { color:#ff7b72 }
|
||||
.chroma .kt { color:#ff7b72 }
|
||||
.chroma .nc { color:#f0883e;font-weight:bold }
|
||||
.chroma .no { color:#79c0ff;font-weight:bold }
|
||||
.chroma .nd { color:#d2a8ff;font-weight:bold }
|
||||
.chroma .ni { color:#ffa657 }
|
||||
.chroma .ne { color:#f0883e;font-weight:bold }
|
||||
.chroma .nl { color:#79c0ff;font-weight:bold }
|
||||
.chroma .nn { color:#ff7b72 }
|
||||
.chroma .py { color:#79c0ff }
|
||||
.chroma .nt { color:#7ee787 }
|
||||
.chroma .nv { color:#79c0ff }
|
||||
.chroma .vc { color:#79c0ff }
|
||||
.chroma .vg { color:#79c0ff }
|
||||
.chroma .vi { color:#79c0ff }
|
||||
.chroma .vm { color:#79c0ff }
|
||||
.chroma .nf { color:#d2a8ff;font-weight:bold }
|
||||
.chroma .fm { color:#d2a8ff;font-weight:bold }
|
||||
.chroma .l { color:#a5d6ff }
|
||||
.chroma .ld { color:#79c0ff }
|
||||
.chroma .s { color:#a5d6ff }
|
||||
.chroma .sa { color:#79c0ff }
|
||||
.chroma .sb { color:#a5d6ff }
|
||||
.chroma .sc { color:#a5d6ff }
|
||||
.chroma .dl { color:#79c0ff }
|
||||
.chroma .sd { color:#a5d6ff }
|
||||
.chroma .s2 { color:#a5d6ff }
|
||||
.chroma .se { color:#79c0ff }
|
||||
.chroma .sh { color:#79c0ff }
|
||||
.chroma .si { color:#a5d6ff }
|
||||
.chroma .sx { color:#a5d6ff }
|
||||
.chroma .sr { color:#79c0ff }
|
||||
.chroma .s1 { color:#a5d6ff }
|
||||
.chroma .ss { color:#a5d6ff }
|
||||
.chroma .m { color:#a5d6ff }
|
||||
.chroma .mb { color:#a5d6ff }
|
||||
.chroma .mf { color:#a5d6ff }
|
||||
.chroma .mh { color:#a5d6ff }
|
||||
.chroma .mi { color:#a5d6ff }
|
||||
.chroma .il { color:#a5d6ff }
|
||||
.chroma .mo { color:#a5d6ff }
|
||||
.chroma .o { color:#ff7b72;font-weight:bold }
|
||||
.chroma .ow { color:#ff7b72;font-weight:bold }
|
||||
.chroma .c { color:#8b949e;font-style:italic }
|
||||
.chroma .ch { color:#8b949e;font-style:italic }
|
||||
.chroma .cm { color:#8b949e;font-style:italic }
|
||||
.chroma .c1 { color:#8b949e;font-style:italic }
|
||||
.chroma .cs { color:#8b949e;font-weight:bold;font-style:italic }
|
||||
.chroma .cp { color:#8b949e;font-weight:bold;font-style:italic }
|
||||
.chroma .cpf { color:#8b949e;font-weight:bold;font-style:italic }
|
||||
.chroma .gd { color:#ffa198;background-color:#490202 }
|
||||
.chroma .gr { color:#ffa198 }
|
||||
.chroma .gh { color:#79c0ff;font-weight:bold }
|
||||
.chroma .gi { color:#56d364;background-color:#0f5323 }
|
||||
.chroma .go { color:#8b949e }
|
||||
.chroma .gp { color:#8b949e }
|
||||
.chroma .gu { color:#79c0ff }
|
||||
.chroma .gt { color:#ff7b72 }
|
||||
.chroma .w { color:#6e7681 }
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue