added syntax highlighting :tada:

2 files changed, 56 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;
+	}
+}
+
diff --git a/styles/colors.css b/styles/colors.css
index 5cce897..f1978f4 100644
--- a/styles/colors.css
+++ b/styles/colors.css
@@ -5,7 +5,10 @@
 	--oxford-blue: #161B33;
 	--xiketic: #0D0C1A;
 	--magnolia: #EFE9F4;
+
 	--fire-opal: #EE6352;
+	--cyan-process: #08B2E3;
+	--forest-green-crayola: #57A773;
 
 	--bg: var(--xiketic);
 	--fg: var(--almond);
@@ -15,7 +18,10 @@
 	:root {
 		--heliotrope-gray: #c9c9dd;
 		--purple-navy: #989abb;
+
 		--fire-opal: #ba3321;
+		--cyan-process: #397889;
+		--forest-green-crayola: #376848;
 
 		--bg: var(--magnolia);
 		--fg: var(--xiketic);