use highlightjs with custom syntax theme

pull/1/head
Evan Hemsley 2019-05-31 12:03:50 -07:00
parent e688218609
commit efb0d67510
4 changed files with 93 additions and 61 deletions

View File

@ -2,8 +2,6 @@ baseURL = "/"
languageCode = "en-US" languageCode = "en-US"
title = "Encompass Docs" title = "Encompass Docs"
theme = ["hugo-notice", "hugo-theme-learn"] theme = ["hugo-notice", "hugo-theme-learn"]
pygmentsUseClasses = true
pygmentsCodefences = true
[outputs] [outputs]
home = [ "HTML", "RSS", "JSON" ] home = [ "HTML", "RSS", "JSON" ]

View File

@ -0,0 +1,3 @@
<link rel="stylesheet" href="/css/syntax.css">
<script src="/js/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

View File

@ -1,59 +1,88 @@
/* Background */ .chroma { color: #f8f8f2; background-color: #272822 } /*
/* Error */ .chroma .err { color: #960050; background-color: #1e0010 }
/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } Tragedy and Geometry style by Evan Hemsley
/* 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 } pre {
/* Keyword */ .chroma .k { color: #66d9ef } background: #06122F;
/* KeywordConstant */ .chroma .kc { color: #66d9ef } }
/* KeywordDeclaration */ .chroma .kd { color: #66d9ef }
/* KeywordNamespace */ .chroma .kn { color: #f92672 } .hljs {
/* KeywordPseudo */ .chroma .kp { color: #66d9ef } display: block;
/* KeywordReserved */ .chroma .kr { color: #66d9ef } overflow-x: auto;
/* KeywordType */ .chroma .kt { color: #66d9ef } padding: 0.5em;
/* NameAttribute */ .chroma .na { color: #a6e22e } background: #06122F;
/* NameClass */ .chroma .nc { color: #a6e22e } color: #f8f8ff;
/* NameConstant */ .chroma .no { color: #66d9ef } }
/* NameDecorator */ .chroma .nd { color: #a6e22e }
/* NameException */ .chroma .ne { color: #a6e22e } .hljs-comment,
/* NameFunction */ .chroma .nf { color: #a6e22e } .hljs-quote {
/* NameOther */ .chroma .nx { color: #a6e22e } color: #1451DF;
/* NameTag */ .chroma .nt { color: #f92672 } }
/* Literal */ .chroma .l { color: #ae81ff }
/* LiteralDate */ .chroma .ld { color: #e6db74 } /* Green */
/* LiteralString */ .chroma .s { color: #e6db74 } .hljs-keyword,
/* LiteralStringAffix */ .chroma .sa { color: #e6db74 } .hljs-selector-tag,
/* LiteralStringBacktick */ .chroma .sb { color: #e6db74 } .hljs-addition {
/* LiteralStringChar */ .chroma .sc { color: #e6db74 } color: #00E086;
/* LiteralStringDelimiter */ .chroma .dl { color: #e6db74 } }
/* LiteralStringDoc */ .chroma .sd { color: #e6db74 }
/* LiteralStringDouble */ .chroma .s2 { color: #e6db74 } /* Pink */
/* LiteralStringEscape */ .chroma .se { color: #ae81ff } .hljs-number,
/* LiteralStringHeredoc */ .chroma .sh { color: #e6db74 } .hljs-string,
/* LiteralStringInterpol */ .chroma .si { color: #e6db74 } .hljs-meta .hljs-meta-string,
/* LiteralStringOther */ .chroma .sx { color: #e6db74 } .hljs-literal,
/* LiteralStringRegex */ .chroma .sr { color: #e6db74 } .hljs-doctag,
/* LiteralStringSingle */ .chroma .s1 { color: #e6db74 } .hljs-regexp {
/* LiteralStringSymbol */ .chroma .ss { color: #e6db74 } color: #f000a4;
/* LiteralNumber */ .chroma .m { color: #ae81ff } }
/* LiteralNumberBin */ .chroma .mb { color: #ae81ff }
/* LiteralNumberFloat */ .chroma .mf { color: #ae81ff } /* Green */
/* LiteralNumberHex */ .chroma .mh { color: #ae81ff } .hljs-title,
/* LiteralNumberInteger */ .chroma .mi { color: #ae81ff } .hljs-section,
/* LiteralNumberIntegerLong */ .chroma .il { color: #ae81ff } .hljs-name,
/* LiteralNumberOct */ .chroma .mo { color: #ae81ff } .hljs-selector-id,
/* Operator */ .chroma .o { color: #f92672 } .hljs-selector-class {
/* OperatorWord */ .chroma .ow { color: #f92672 } color: #00E086;
/* Comment */ .chroma .c { color: #75715e } }
/* CommentHashbang */ .chroma .ch { color: #75715e }
/* CommentMultiline */ .chroma .cm { color: #75715e } /* Off Green */
/* CommentSingle */ .chroma .c1 { color: #75715e } .hljs-attribute,
/* CommentSpecial */ .chroma .cs { color: #75715e } .hljs-attr,
/* CommentPreproc */ .chroma .cp { color: #75715e } .hljs-variable,
/* CommentPreprocFile */ .chroma .cpf { color: #75715e } .hljs-template-variable,
/* GenericDeleted */ .chroma .gd { color: #f92672 } .hljs-class .hljs-title,
/* GenericEmph */ .chroma .ge { font-style: italic } .hljs-type {
/* GenericInserted */ .chroma .gi { color: #a6e22e } color: #00ffc9;
/* GenericStrong */ .chroma .gs { font-weight: bold } }
/* GenericSubheading */ .chroma .gu { color: #75715e }
/* Orange */
.hljs-symbol,
.hljs-bullet,
.hljs-subst,
.hljs-meta,
.hljs-meta .hljs-keyword,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-link {
color: #FFAA00;
}
/* Solarized Red */
.hljs-built_in,
.hljs-deletion {
color: #dc322f;
}
.hljs-formula {
background: #073642;
}
.hljs-emphasis {
font-style: italic;
}
.hljs-strong {
font-weight: bold;
}

File diff suppressed because one or more lines are too long