| /* Colorful style (`hugo gen chromastyles --style=colorful`) */ |
| /* Changes: default background color */ |
| :not([data-user-color-scheme]), |
| [data-user-color-scheme='light'] { |
| /* Background */ .chroma { background-color: adjust-color($white, $lightness: -3%) } |
| /* Other */ .chroma .x { } |
| /* Error */ .chroma .err { color: #ff0000; background-color: #ffaaaa } |
| /* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } |
| /* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } |
| /* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc } |
| /* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } |
| /* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } |
| /* Keyword */ .chroma .k { color: #008800; font-weight: bold } |
| /* KeywordConstant */ .chroma .kc { color: #008800; font-weight: bold } |
| /* KeywordDeclaration */ .chroma .kd { color: #008800; font-weight: bold } |
| /* KeywordNamespace */ .chroma .kn { color: #008800; font-weight: bold } |
| /* KeywordPseudo */ .chroma .kp { color: #003388; font-weight: bold } |
| /* KeywordReserved */ .chroma .kr { color: #008800; font-weight: bold } |
| /* KeywordType */ .chroma .kt { color: #333399; font-weight: bold } |
| /* Name */ .chroma .n { } |
| /* NameAttribute */ .chroma .na { color: #0000cc } |
| /* NameBuiltin */ .chroma .nb { color: #007020 } |
| /* NameBuiltinPseudo */ .chroma .bp { } |
| /* NameClass */ .chroma .nc { color: #bb0066; font-weight: bold } |
| /* NameConstant */ .chroma .no { color: #003366; font-weight: bold } |
| /* NameDecorator */ .chroma .nd { color: #555555; font-weight: bold } |
| /* NameEntity */ .chroma .ni { color: #880000; font-weight: bold } |
| /* NameException */ .chroma .ne { color: #ff0000; font-weight: bold } |
| /* NameFunction */ .chroma .nf { color: #0066bb; font-weight: bold } |
| /* NameFunctionMagic */ .chroma .fm { } |
| /* NameLabel */ .chroma .nl { color: #997700; font-weight: bold } |
| /* NameNamespace */ .chroma .nn { color: #0e84b5; font-weight: bold } |
| /* NameOther */ .chroma .nx { } |
| /* NameProperty */ .chroma .py { } |
| /* NameTag */ .chroma .nt { color: #007700 } |
| /* NameVariable */ .chroma .nv { color: #996633 } |
| /* NameVariableClass */ .chroma .vc { color: #336699 } |
| /* NameVariableGlobal */ .chroma .vg { color: #dd7700; font-weight: bold } |
| /* NameVariableInstance */ .chroma .vi { color: #3333bb } |
| /* NameVariableMagic */ .chroma .vm { } |
| /* Literal */ .chroma .l { } |
| /* LiteralDate */ .chroma .ld { } |
| /* LiteralString */ .chroma .s { background-color: #fff0f0 } |
| /* LiteralStringAffix */ .chroma .sa { background-color: #fff0f0 } |
| /* LiteralStringBacktick */ .chroma .sb { background-color: #fff0f0 } |
| /* LiteralStringChar */ .chroma .sc { color: #0044dd; background-color: #fff0f0 } |
| /* LiteralStringDelimiter */ .chroma .dl { background-color: #fff0f0 } |
| /* LiteralStringDoc */ .chroma .sd { color: #dd4422; background-color: #fff0f0 } |
| /* LiteralStringDouble */ .chroma .s2 { background-color: #fff0f0 } |
| /* LiteralStringEscape */ .chroma .se { color: #666666; background-color: #fff0f0; font-weight: bold } |
| /* LiteralStringHeredoc */ .chroma .sh { background-color: #fff0f0 } |
| /* LiteralStringInterpol */ .chroma .si { background-color: #eeeeee } |
| /* LiteralStringOther */ .chroma .sx { color: #dd2200; background-color: #fff0f0 } |
| /* LiteralStringRegex */ .chroma .sr { color: #000000; background-color: #fff0ff } |
| /* LiteralStringSingle */ .chroma .s1 { background-color: #fff0f0 } |
| /* LiteralStringSymbol */ .chroma .ss { color: #aa6600; background-color: #fff0f0 } |
| /* LiteralNumber */ .chroma .m { color: #6600ee; font-weight: bold } |
| /* LiteralNumberBin */ .chroma .mb { color: #6600ee; font-weight: bold } |
| /* LiteralNumberFloat */ .chroma .mf { color: #6600ee; font-weight: bold } |
| /* LiteralNumberHex */ .chroma .mh { color: #005588; font-weight: bold } |
| /* LiteralNumberInteger */ .chroma .mi { color: #0000dd; font-weight: bold } |
| /* LiteralNumberIntegerLong */ .chroma .il { color: #6600ee; font-weight: bold } |
| /* LiteralNumberOct */ .chroma .mo { color: #4400ee; font-weight: bold } |
| /* Operator */ .chroma .o { color: #333333 } |
| /* OperatorWord */ .chroma .ow { color: #000000; font-weight: bold } |
| /* Punctuation */ .chroma .p { } |
| /* Comment */ .chroma .c { color: #888888 } |
| /* CommentHashbang */ .chroma .ch { color: #888888 } |
| /* CommentMultiline */ .chroma .cm { color: #888888 } |
| /* CommentSingle */ .chroma .c1 { color: #888888 } |
| /* CommentSpecial */ .chroma .cs { color: #cc0000; font-weight: bold } |
| /* CommentPreproc */ .chroma .cp { color: #557799 } |
| /* CommentPreprocFile */ .chroma .cpf { color: #557799 } |
| /* Generic */ .chroma .g { } |
| /* GenericDeleted */ .chroma .gd { color: #a00000 } |
| /* GenericEmph */ .chroma .ge { font-style: italic } |
| /* GenericError */ .chroma .gr { color: #ff0000 } |
| /* GenericHeading */ .chroma .gh { color: #000080; font-weight: bold } |
| /* GenericInserted */ .chroma .gi { color: #00a000 } |
| /* GenericOutput */ .chroma .go { color: #888888 } |
| /* GenericPrompt */ .chroma .gp { color: #c65d09; font-weight: bold } |
| /* GenericStrong */ .chroma .gs { font-weight: bold } |
| /* GenericSubheading */ .chroma .gu { color: #800080; font-weight: bold } |
| /* GenericTraceback */ .chroma .gt { color: #0044dd } |
| /* GenericUnderline */ .chroma .gl { text-decoration: underline } |
| /* TextWhitespace */ .chroma .w { color: #bbbbbb } |
| } |
| |
| /* Dracula style (`hugo gen chromastyles --style=dracula`) */ |
| /* Changes: default background color */ |
| [data-user-color-scheme='dark'] { |
| /* Background */ .chroma { color: #f8f8f2; background-color: adjust-color($black, $lightness: 3%) } |
| /* Other */ .chroma .x { } |
| /* Error */ .chroma .err { } |
| /* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } |
| /* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } |
| /* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc } |
| /* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } |
| /* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } |
| /* 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: #6272a4 } |
| /* CommentHashbang */ .chroma .ch { color: #6272a4 } |
| /* CommentMultiline */ .chroma .cm { color: #6272a4 } |
| /* CommentSingle */ .chroma .c1 { color: #6272a4 } |
| /* CommentSpecial */ .chroma .cs { color: #6272a4 } |
| /* CommentPreproc */ .chroma .cp { color: #ff79c6 } |
| /* CommentPreprocFile */ .chroma .cpf { color: #ff79c6 } |
| /* Generic */ .chroma .g { } |
| /* GenericDeleted */ .chroma .gd { color: #8b080b } |
| /* GenericEmph */ .chroma .ge { text-decoration: underline } |
| /* GenericError */ .chroma .gr { } |
| /* GenericHeading */ .chroma .gh { font-weight: bold } |
| /* GenericInserted */ .chroma .gi { 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 { } |
| } |
