aboutsummaryrefslogtreecommitdiff
path: root/styles/code.css
diff options
context:
space:
mode:
Diffstat (limited to 'styles/code.css')
-rw-r--r--styles/code.css50
1 files changed, 50 insertions, 0 deletions
diff --git a/styles/code.css b/styles/code.css
new file mode 100644
index 0000000..5e87615
--- /dev/null
+++ b/styles/code.css
@@ -0,0 +1,50 @@
+.prismjs { padding: 6px; }
+
+pre {
+ background-color: var(--oxford-blue);
+ border-radius: 6px;
+}
+
+.prismjs code { color: var(--magnolia); }
+
+.prismjs .token.comment
+{ font-style: italic; }
+
+.prismjs .token.keyword,
+.prismjs .token.annotation
+{ font-weight: 700; }
+
+.prismjs .token.string,
+.prismjs .token.number
+{ color: var(--fg); }
+
+.prismjs .token.comment {
+ color: var(--heliotrope-gray);
+ opacity: .7;
+}
+
+.prismjs .token.keyword
+{ color: var(--fire-opal); }
+
+.prismjs .token.annotation
+{ color: var(--cyan-process); }
+
+.prismjs .token.punctuation:not(.annotation)
+.prismjs .token.operator
+{ opacity: .8; }
+
+@media (prefers-color-scheme: light) {
+ pre { background-color: var(--heliotrope-gray); }
+
+ .prismjs code { color: var(--fg); }
+
+ .prismjs .token.string,
+ .prismjs .token.number
+ { opacity: .8; }
+
+ .prismjs .token.comment {
+ color: var(--oxford-blue);
+ opacity: .4;
+ }
+}
+