diff --git a/app/prism.css b/app/prism.css
new file mode 100644
index 0000000..be1a6ed
--- /dev/null
+++ b/app/prism.css
@@ -0,0 +1,47 @@
+pre[class*="language-"] {
+  color: var(--color-zinc-100);
+}
+
+.token.tag,
+.token.class-name,
+.token.selector,
+.token.selector .class,
+.token.selector.class,
+.token.function {
+  color: var(--color-blue-400);
+}
+
+.token.attr-name,
+.token.keyword,
+.token.rule,
+.token.pseudo-class,
+.token.important {
+  color: var(--color-slate-300);
+}
+
+.token.module {
+  color: var(--color-emerald-400);
+}
+
+.token.attr-value,
+.token.class,
+.token.string,
+.token.property {
+  color: var(--color-teal-300);
+}
+
+.token.punctuation,
+.token.attr-equals {
+  color: var(--color-zinc-500);
+}
+
+.token.unit,
+.language-css .token.function {
+  color: var(--color-sky-200);
+}
+
+.token.comment,
+.token.operator,
+.token.combinator {
+  color: var(--color-zinc-400);
+}