update theming (also add catppuccin-latte highlighting chroma example file)
not used, I use theme standards for now
This commit is contained in:
parent
bd9af05e8b
commit
b71887c2f2
3 changed files with 92 additions and 223 deletions
86
assets/css/catppuccin-latte.css
Normal file
86
assets/css/catppuccin-latte.css
Normal file
|
@ -0,0 +1,86 @@
|
|||
/* Background */ .bg { color:#4c4f69;background-color:#eff1f5; }
|
||||
/* PreWrapper */ .chroma { color:#4c4f69;background-color:#eff1f5; }
|
||||
/* Other */ .chroma .x { }
|
||||
/* Error */ .chroma .err { color:#d20f39 }
|
||||
/* 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:#bcc0cc }
|
||||
/* 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:#8c8fa1 }
|
||||
/* 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:#8c8fa1 }
|
||||
/* Line */ .chroma .line { display:flex; }
|
||||
/* Keyword */ .chroma .k { color:#8839ef }
|
||||
/* KeywordConstant */ .chroma .kc { color:#fe640b }
|
||||
/* KeywordDeclaration */ .chroma .kd { color:#d20f39 }
|
||||
/* KeywordNamespace */ .chroma .kn { color:#179299 }
|
||||
/* KeywordPseudo */ .chroma .kp { color:#8839ef }
|
||||
/* KeywordReserved */ .chroma .kr { color:#8839ef }
|
||||
/* KeywordType */ .chroma .kt { color:#d20f39 }
|
||||
/* Name */ .chroma .n { }
|
||||
/* NameAttribute */ .chroma .na { color:#1e66f5 }
|
||||
/* NameBuiltin */ .chroma .nb { color:#04a5e5 }
|
||||
/* NameBuiltinPseudo */ .chroma .bp { color:#04a5e5 }
|
||||
/* NameClass */ .chroma .nc { color:#df8e1d }
|
||||
/* NameConstant */ .chroma .no { color:#df8e1d }
|
||||
/* NameDecorator */ .chroma .nd { color:#1e66f5;font-weight:bold }
|
||||
/* NameEntity */ .chroma .ni { color:#179299 }
|
||||
/* NameException */ .chroma .ne { color:#fe640b }
|
||||
/* NameFunction */ .chroma .nf { color:#1e66f5 }
|
||||
/* NameFunctionMagic */ .chroma .fm { color:#1e66f5 }
|
||||
/* NameLabel */ .chroma .nl { color:#04a5e5 }
|
||||
/* NameNamespace */ .chroma .nn { color:#fe640b }
|
||||
/* NameOther */ .chroma .nx { }
|
||||
/* NameProperty */ .chroma .py { color:#fe640b }
|
||||
/* NameTag */ .chroma .nt { color:#8839ef }
|
||||
/* NameVariable */ .chroma .nv { color:#dc8a78 }
|
||||
/* NameVariableClass */ .chroma .vc { color:#dc8a78 }
|
||||
/* NameVariableGlobal */ .chroma .vg { color:#dc8a78 }
|
||||
/* NameVariableInstance */ .chroma .vi { color:#dc8a78 }
|
||||
/* NameVariableMagic */ .chroma .vm { color:#dc8a78 }
|
||||
/* Literal */ .chroma .l { }
|
||||
/* LiteralDate */ .chroma .ld { }
|
||||
/* LiteralString */ .chroma .s { color:#40a02b }
|
||||
/* LiteralStringAffix */ .chroma .sa { color:#d20f39 }
|
||||
/* LiteralStringBacktick */ .chroma .sb { color:#40a02b }
|
||||
/* LiteralStringChar */ .chroma .sc { color:#40a02b }
|
||||
/* LiteralStringDelimiter */ .chroma .dl { color:#1e66f5 }
|
||||
/* LiteralStringDoc */ .chroma .sd { color:#9ca0b0 }
|
||||
/* LiteralStringDouble */ .chroma .s2 { color:#40a02b }
|
||||
/* LiteralStringEscape */ .chroma .se { color:#1e66f5 }
|
||||
/* LiteralStringHeredoc */ .chroma .sh { color:#9ca0b0 }
|
||||
/* LiteralStringInterpol */ .chroma .si { color:#40a02b }
|
||||
/* LiteralStringOther */ .chroma .sx { color:#40a02b }
|
||||
/* LiteralStringRegex */ .chroma .sr { color:#179299 }
|
||||
/* LiteralStringSingle */ .chroma .s1 { color:#40a02b }
|
||||
/* LiteralStringSymbol */ .chroma .ss { color:#40a02b }
|
||||
/* 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 }
|
||||
/* LiteralNumberIntegerLong */ .chroma .il { color:#fe640b }
|
||||
/* LiteralNumberOct */ .chroma .mo { color:#fe640b }
|
||||
/* Operator */ .chroma .o { color:#04a5e5;font-weight:bold }
|
||||
/* OperatorWord */ .chroma .ow { color:#04a5e5;font-weight:bold }
|
||||
/* Punctuation */ .chroma .p { }
|
||||
/* Comment */ .chroma .c { color:#9ca0b0;font-style:italic }
|
||||
/* CommentHashbang */ .chroma .ch { color:#9ca0b0;font-style:italic }
|
||||
/* CommentMultiline */ .chroma .cm { color:#9ca0b0;font-style:italic }
|
||||
/* CommentSingle */ .chroma .c1 { color:#9ca0b0;font-style:italic }
|
||||
/* CommentSpecial */ .chroma .cs { color:#9ca0b0;font-style:italic }
|
||||
/* CommentPreproc */ .chroma .cp { color:#9ca0b0;font-style:italic }
|
||||
/* CommentPreprocFile */ .chroma .cpf { color:#9ca0b0;font-weight:bold;font-style:italic }
|
||||
/* Generic */ .chroma .g { }
|
||||
/* GenericDeleted */ .chroma .gd { color:#d20f39;background-color:#ccd0da }
|
||||
/* GenericEmph */ .chroma .ge { font-style:italic }
|
||||
/* GenericError */ .chroma .gr { color:#d20f39 }
|
||||
/* GenericHeading */ .chroma .gh { color:#fe640b;font-weight:bold }
|
||||
/* GenericInserted */ .chroma .gi { color:#40a02b;background-color:#ccd0da }
|
||||
/* GenericOutput */ .chroma .go { }
|
||||
/* GenericPrompt */ .chroma .gp { }
|
||||
/* GenericStrong */ .chroma .gs { font-weight:bold }
|
||||
/* GenericSubheading */ .chroma .gu { color:#fe640b;font-weight:bold }
|
||||
/* GenericTraceback */ .chroma .gt { color:#d20f39 }
|
||||
/* GenericUnderline */ .chroma .gl { text-decoration:underline }
|
||||
/* TextWhitespace */ .chroma .w { }
|
|
@ -1,96 +1,8 @@
|
|||
/* Increase the default font size */
|
||||
html {
|
||||
font-size: 15pt;
|
||||
font-size: 15pt;
|
||||
}
|
||||
|
||||
/* Background */ .bg { color: #ffffff; background-color: #000000; !important }
|
||||
/* PreWrapper */ .chroma { color: #ffffff; background-color: #000000; !important }
|
||||
/* Other */ .chroma .x { !important }
|
||||
/* Error */ .chroma .err { !important }
|
||||
/* CodeLine */ .chroma .cl { !important }
|
||||
/* LineLink */ .chroma .lnlinks { outline: none; text-decoration: none; color: inherit !important }
|
||||
/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; !important }
|
||||
/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; !important }
|
||||
/* LineHighlight */ .chroma .hl { background-color: #191919 !important }
|
||||
/* 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 !important }
|
||||
/* 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 !important }
|
||||
/* Line */ .chroma .line { display: flex; !important }
|
||||
/* Keyword */ .chroma .k { color: #b6a0ff !important }
|
||||
/* KeywordConstant */ .chroma .kc { color: #00bcff !important }
|
||||
/* KeywordDeclaration */ .chroma .kd { color: #b6a0ff !important }
|
||||
/* KeywordNamespace */ .chroma .kn { color: #b6a0ff !important }
|
||||
/* KeywordPseudo */ .chroma .kp { color: #b6a0ff !important }
|
||||
/* KeywordReserved */ .chroma .kr { color: #b6a0ff !important }
|
||||
/* KeywordType */ .chroma .kt { color: #6ae4b9 !important }
|
||||
/* Name */ .chroma .n { !important }
|
||||
/* NameAttribute */ .chroma .na { !important }
|
||||
/* NameBuiltin */ .chroma .nb { color: #f78fe7 !important }
|
||||
/* NameBuiltinPseudo */ .chroma .bp { !important }
|
||||
/* NameClass */ .chroma .nc { !important }
|
||||
/* NameConstant */ .chroma .no { !important }
|
||||
/* NameDecorator */ .chroma .nd { !important }
|
||||
/* NameEntity */ .chroma .ni { !important }
|
||||
/* NameException */ .chroma .ne { !important }
|
||||
/* NameFunction */ .chroma .nf { color: #feacd0 !important }
|
||||
/* NameFunctionMagic */ .chroma .fm { !important }
|
||||
/* NameLabel */ .chroma .nl { !important }
|
||||
/* NameNamespace */ .chroma .nn { !important }
|
||||
/* NameOther */ .chroma .nx { !important }
|
||||
/* NameProperty */ .chroma .py { !important }
|
||||
/* NameTag */ .chroma .nt { !important }
|
||||
/* NameVariable */ .chroma .nv { color: #00d3d0 !important }
|
||||
/* NameVariableClass */ .chroma .vc { !important }
|
||||
/* NameVariableGlobal */ .chroma .vg { !important }
|
||||
/* NameVariableInstance */ .chroma .vi { !important }
|
||||
/* NameVariableMagic */ .chroma .vm { !important }
|
||||
/* Literal */ .chroma .l { color: #00bcff !important }
|
||||
/* LiteralDate */ .chroma .ld { color: #00bcff !important }
|
||||
/* LiteralString */ .chroma .s { color: #79a8ff !important }
|
||||
/* LiteralStringAffix */ .chroma .sa { color: #79a8ff !important }
|
||||
/* LiteralStringBacktick */ .chroma .sb { color: #79a8ff !important }
|
||||
/* LiteralStringChar */ .chroma .sc { color: #79a8ff !important }
|
||||
/* LiteralStringDelimiter */ .chroma .dl { color: #79a8ff !important }
|
||||
/* LiteralStringDoc */ .chroma .sd { color: #79a8ff !important }
|
||||
/* LiteralStringDouble */ .chroma .s2 { color: #79a8ff !important }
|
||||
/* LiteralStringEscape */ .chroma .se { color: #79a8ff !important }
|
||||
/* LiteralStringHeredoc */ .chroma .sh { color: #79a8ff !important }
|
||||
/* LiteralStringInterpol */ .chroma .si { color: #79a8ff !important }
|
||||
/* LiteralStringOther */ .chroma .sx { color: #79a8ff !important }
|
||||
/* LiteralStringRegex */ .chroma .sr { color: #79a8ff !important }
|
||||
/* LiteralStringSingle */ .chroma .s1 { color: #79a8ff !important }
|
||||
/* LiteralStringSymbol */ .chroma .ss { color: #79a8ff !important }
|
||||
/* LiteralNumber */ .chroma .m { color: #00bcff !important }
|
||||
/* LiteralNumberBin */ .chroma .mb { color: #00bcff !important }
|
||||
/* LiteralNumberFloat */ .chroma .mf { color: #00bcff !important }
|
||||
/* LiteralNumberHex */ .chroma .mh { color: #00bcff !important }
|
||||
/* LiteralNumberInteger */ .chroma .mi { color: #00bcff !important }
|
||||
/* LiteralNumberIntegerLong */ .chroma .il { color: #00bcff !important }
|
||||
/* LiteralNumberOct */ .chroma .mo { color: #00bcff !important }
|
||||
/* Operator */ .chroma .o { color: #00d3d0 !important }
|
||||
/* OperatorWord */ .chroma .ow { color: #00d3d0 !important }
|
||||
/* Punctuation */ .chroma .p { !important }
|
||||
/* Comment */ .chroma .c { color: #a8a8a8 !important }
|
||||
/* CommentHashbang */ .chroma .ch { color: #a8a8a8 !important }
|
||||
/* CommentMultiline */ .chroma .cm { color: #a8a8a8 !important }
|
||||
/* CommentSingle */ .chroma .c1 { color: #a8a8a8 !important }
|
||||
/* CommentSpecial */ .chroma .cs { color: #a8a8a8 !important }
|
||||
/* CommentPreproc */ .chroma .cp { color: #a8a8a8 !important }
|
||||
/* CommentPreprocFile */ .chroma .cpf { color: #a8a8a8 !important }
|
||||
/* Generic */ .chroma .g { !important }
|
||||
/* GenericDeleted */ .chroma .gd { !important }
|
||||
/* GenericEmph */ .chroma .ge { !important }
|
||||
/* GenericError */ .chroma .gr { !important }
|
||||
/* GenericHeading */ .chroma .gh { !important }
|
||||
/* GenericInserted */ .chroma .gi { !important }
|
||||
/* GenericOutput */ .chroma .go { !important }
|
||||
/* GenericPrompt */ .chroma .gp { !important }
|
||||
/* GenericStrong */ .chroma .gs { !important }
|
||||
/* GenericSubheading */ .chroma .gu { !important }
|
||||
/* GenericTraceback */ .chroma .gt { !important }
|
||||
/* GenericUnderline */ .chroma .gl { !important }
|
||||
/* TextWhitespace */ .chroma .w { !important }
|
||||
|
||||
|
||||
/* .toc { */
|
||||
/* overflow: scroll; */
|
||||
/* } */
|
||||
|
@ -121,133 +33,3 @@ html {
|
|||
/* .toc a:hover { */
|
||||
/* font-size: 16pt; */
|
||||
/* } */
|
||||
|
||||
|
||||
/* // Based on Monokai (pygments-high-contrast-stylesheets) */
|
||||
/* // Source: https://github.com/mpchadwick/pygments-high-contrast-stylesheets/blob/gh-pages/monokai.css */
|
||||
|
||||
/* .chroma, */
|
||||
/* pre, */
|
||||
/* p code, */
|
||||
/* li code { */
|
||||
/* color: #f8f8f2 !important; */
|
||||
/* background: #272822 !important; */
|
||||
/* } */
|
||||
/**/
|
||||
/* .chroma .err { */
|
||||
/* color: #eb0083 !important; */
|
||||
/* background-color: #1e0010 !important; */
|
||||
/* } */
|
||||
/**/
|
||||
/* .chroma .lntd { */
|
||||
/* vertical-align: top !important; */
|
||||
/* padding: 0 !important; */
|
||||
/* margin: 0 !important; */
|
||||
/* border: 0 !important; */
|
||||
/* } */
|
||||
/**/
|
||||
/* .chroma .lntable { */
|
||||
/* border-spacing: 0 !important; */
|
||||
/* /* //padding: 0; */ */
|
||||
/* margin: 0 !important; */
|
||||
/* border: 0 !important; */
|
||||
/* width: auto !important; */
|
||||
/* /* //overflow: auto; */ */
|
||||
/* display: block !important; */
|
||||
/* } */
|
||||
/**/
|
||||
/* .chroma .hl { */
|
||||
/* display: block !important; */
|
||||
/* width: 100% !important; */
|
||||
/* background-color: rgba(0,0,0,.3) !important; */
|
||||
/* } */
|
||||
/**/
|
||||
/* .chroma .ge { */
|
||||
/* font-style: italic !important; */
|
||||
/* } */
|
||||
/**/
|
||||
/* .chroma .gs { */
|
||||
/* font-weight: bold !important; */
|
||||
/* } */
|
||||
/**/
|
||||
/* .chroma .lnt, */
|
||||
/* .chroma .ln { */
|
||||
/* margin-right: 0.5rem !important; */
|
||||
/* padding: 0 0.5rem 0 1.5rem !important; */
|
||||
/* color: #8e8e8e !important; */
|
||||
/* } */
|
||||
/**/
|
||||
/* .chroma .k, */
|
||||
/* .chroma .kc, */
|
||||
/* .chroma .kd, */
|
||||
/* .chroma .kp, */
|
||||
/* .chroma .kr, */
|
||||
/* .chroma .kt, */
|
||||
/* .chroma .no { */
|
||||
/* color: #66d9ef !important; */
|
||||
/* } */
|
||||
/**/
|
||||
/* .chroma .kn, */
|
||||
/* .chroma .nt, */
|
||||
/* .chroma .o, */
|
||||
/* .chroma .ow, */
|
||||
/* .chroma .gd { */
|
||||
/* color: #f94e8a !important; */
|
||||
/* } */
|
||||
/**/
|
||||
/* .chroma .na, */
|
||||
/* .chroma .nc, */
|
||||
/* .chroma .nd, */
|
||||
/* .chroma .ne, */
|
||||
/* .chroma .nf, */
|
||||
/* .chroma .nx, */
|
||||
/* .chroma .gi { */
|
||||
/* color: #a6e22e !important; */
|
||||
/* } */
|
||||
/**/
|
||||
/* .chroma .l, */
|
||||
/* .chroma .se, */
|
||||
/* .chroma .m, */
|
||||
/* .chroma .mb, */
|
||||
/* .chroma .mf, */
|
||||
/* .chroma .mh, */
|
||||
/* .chroma .mi, */
|
||||
/* .chroma .il, */
|
||||
/* .chroma .mo { */
|
||||
/* color: #ae81ff !important; */
|
||||
/* } */
|
||||
/**/
|
||||
/* .chroma .ld, */
|
||||
/* .chroma .s, */
|
||||
/* .chroma .sa, */
|
||||
/* .chroma .sb, */
|
||||
/* .chroma .sc, */
|
||||
/* .chroma .dl, */
|
||||
/* .chroma .sd, */
|
||||
/* .chroma .s2, */
|
||||
/* .chroma .sh, */
|
||||
/* .chroma .si, */
|
||||
/* .chroma .sx, */
|
||||
/* .chroma .sr, */
|
||||
/* .chroma .s1, */
|
||||
/* .chroma .ss { */
|
||||
/* color: #e6db74 !important; */
|
||||
/* } */
|
||||
/**/
|
||||
/* /* .chroma .n, */ */
|
||||
/* .chroma .c, */
|
||||
/* .chroma .ch, */
|
||||
/* .chroma .cm, */
|
||||
/* .chroma .c1, */
|
||||
/* .chroma .cs, */
|
||||
/* .chroma .cp, */
|
||||
/* .chroma .cpf, */
|
||||
/* .chroma .gu { */
|
||||
/* color: #949076 !important; */
|
||||
/* } */
|
||||
/**/
|
||||
/**/
|
||||
/* .chroma .n { */
|
||||
/* color: white !important; */
|
||||
/* } */
|
||||
/**/
|
||||
|
|
|
@ -10,15 +10,16 @@ theme = [ "congo", "plausible-hugo" ]
|
|||
# theme = [ "plausible-hugo", "congo" ]
|
||||
|
||||
# congo (default), avocado, cherry, fire, ocean, sapphire and slate.
|
||||
# colorScheme = "congo"
|
||||
colorScheme = "congo"
|
||||
# colorScheme = "avocado"
|
||||
# colorScheme = "cherry"
|
||||
# colorScheme = "fire"
|
||||
colorScheme = "ocean"
|
||||
# colorScheme = "ocean"
|
||||
# colorScheme = "sapphire"
|
||||
# colorScheme = "slate"
|
||||
defaultAppearance = "dark" # valid options: light or dark
|
||||
autoSwitchAppearance = false
|
||||
# defaultAppearance = "dark" # valid options: light or dark
|
||||
defaultAppearance = "light" # valid options: light or dark
|
||||
autoSwitchAppearance = true
|
||||
|
||||
enableSearch = true
|
||||
enableCodeCopy = false
|
||||
|
|
Loading…
Reference in a new issue