Adding dark mode support

2025-09-01 18:53:49 +02:00 · 2020-02-02 10:24:16 -06:00
parent 2240682681
commit 4e8b26a3b0
7 changed files with 320 additions and 115 deletions
--- a/assets/prism-solarized.css
+++ b/assets/prism-solarized.css
@@ -0,0 +1,157 @@
+/* PrismJS 1.16.0
+https://prismjs.com/download.html#themes=prism-solarizedlight&languages=markup+css+clike+javascript+markup-templating+http+php */
+/*
+ Solarized Color Schemes originally by Ethan Schoonover
+ http://ethanschoonover.com/solarized
+
+ Ported for PrismJS by Hector Matos
+ Website: https://krakendev.io
+ Twitter Handle: https://twitter.com/allonsykraken)
+*/
+
+/*
+SOLARIZED HEX
+--------- -------
+base03    #002b36
+base02    #073642
+base01    #586e75
+base00    #657b83
+base0     #839496
+base1     #93a1a1
+base2     #eee8d5
+base3     #fdf6e3
+yellow    #b58900
+orange    #cb4b16
+red       #dc322f
+magenta   #d33682
+violet    #6c71c4
+blue      #268bd2
+cyan      #2aa198
+green     #859900
+*/
+
+.light-mode code[class*="language-"],
+.light-mode pre[class*="language-"] {
+	color: #657b83; /* base00 */
+	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+	font-size: 1em;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	word-wrap: normal;
+
+	line-height: 1.5;
+
+	-moz-tab-size: 4;
+	-o-tab-size: 4;
+	tab-size: 4;
+
+	-webkit-hyphens: none;
+	-moz-hyphens: none;
+	-ms-hyphens: none;
+	hyphens: none;
+}
+
+.light-mode pre[class*="language-"]::-moz-selection,
+.light-mode pre[class*="language-"] ::-moz-selection,
+.light-mode code[class*="language-"]::-moz-selection,
+.light-mode code[class*="language-"] ::-moz-selection {
+	background: #073642; /* base02 */
+}
+
+.light-mode pre[class*="language-"]::selection,
+.light-mode pre[class*="language-"] ::selection,
+.light-mode code[class*="language-"]::selection,
+.light-mode code[class*="language-"] ::selection {
+	background: #073642; /* base02 */
+}
+
+/* Code blocks */
+.light-mode pre[class*="language-"] {
+	padding: 1em;
+	margin: .5em 0;
+	overflow: auto;
+	border-radius: 0.3em;
+}
+
+.light-mode :not(pre) > code[class*="language-"],
+.light-mode pre[class*="language-"] {
+	background-color: #fdf6e3; /* base3 */
+}
+
+/* Inline code */
+.light-mode :not(pre) > code[class*="language-"] {
+	padding: .1em;
+	border-radius: .3em;
+}
+
+.light-mode .token.comment,
+.light-mode .token.prolog,
+.light-mode .token.doctype,
+.light-mode .token.cdata {
+	color: #93a1a1; /* base1 */
+}
+
+.light-mode .token.punctuation {
+	color: #586e75; /* base01 */
+}
+
+.light-mode .namespace {
+	opacity: .7;
+}
+
+.light-mode .token.property,
+.light-mode .token.tag,
+.light-mode .token.boolean,
+.light-mode .token.number,
+.light-mode .token.constant,
+.light-mode .token.symbol,
+.light-mode .token.deleted {
+	color: #268bd2; /* blue */
+}
+
+.light-mode .token.selector,
+.light-mode .token.attr-name,
+.light-mode .token.string,
+.light-mode .token.char,
+.light-mode .token.builtin,
+.light-mode .token.url,
+.light-mode .token.inserted {
+	color: #2aa198; /* cyan */
+}
+
+.light-mode .token.entity {
+	color: #657b83; /* base00 */
+	background: #eee8d5; /* base2 */
+}
+
+.light-mode .token.atrule,
+.light-mode .token.attr-value,
+.light-mode .token.keyword {
+	color: #859900; /* green */
+}
+
+.light-mode .token.function,
+.light-mode .token.class-name {
+	color: #b58900; /* yellow */
+}
+
+.light-mode .token.regex,
+.light-mode .token.important,
+.light-mode .token.variable {
+	color: #cb4b16; /* orange */
+}
+
+.light-mode .token.important,
+.light-mode .token.bold {
+	font-weight: bold;
+}
+.light-mode .token.italic {
+	font-style: italic;
+}
+
+.light-mode .token.entity {
+	cursor: help;
+}
+