mirror of
				https://github.com/imfing/hextra.git
				synced 2025-10-31 15:34:53 -04:00 
			
		
		
		
	 e71887d00e
			
		
	
	e71887d00e
	
	
	
		
			
			feat: codeblock highlight feat: dark mode for highlight feat: copy button for code block feat: support katex math rendering
		
			
				
	
	
		
			91 lines
		
	
	
		
			5.4 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			91 lines
		
	
	
		
			5.4 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
| /* Light theme for syntax highlight */
 | |
| /* Generated using `hugo gen chromastyles --style=github` */
 | |
| .highlight {
 | |
|   /* Background  .bg { background-color: #ffffff; } */
 | |
|   /* PreWrapper  .chroma { background-color: #ffffff; } */
 | |
|   /* Other .chroma .x {  } */
 | |
|   /* Error */ .chroma .err { color: #a61717; background-color: #e3d2d2 }
 | |
|   /* 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; -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: #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 }
 | |
|   /* 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 }
 | |
|   /* NameFunctionMagic .chroma .fm {  } */
 | |
|   /* NameLabel */ .chroma .nl { color: #990000; font-weight: bold }
 | |
|   /* NameNamespace */ .chroma .nn { color: #555555 }
 | |
|   /* NameOther .chroma .nx {  } */
 | |
|   /* 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 }
 | |
|   /* 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 }
 | |
|   /* 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 }
 | |
| }
 |