diff --git a/site.ts b/site.ts
index 54e22fa..cbd568a 100644
--- a/site.ts
+++ b/site.ts
@@ -170,7 +170,12 @@ site.use(extractDate());
 site.use(redirects());
 
 site.use(tailwindcss());
-site.use(codeHighlight());
+site.use(codeHighlight({
+  options: {
+    classPrefix: "token-",
+    noHighlightRe: /^no-highlight$/,
+  },
+}));
 
 site.use(resolveUrls());
 site.use(slugifyUrls({
diff --git a/site/assets/css/default.css b/site/assets/css/default.css
index 558bbaa..444f01b 100644
--- a/site/assets/css/default.css
+++ b/site/assets/css/default.css
@@ -280,31 +280,31 @@ body {
       dark:bg-[#111] dark:shadow-[4px_4px_#bbb];
   }
 
-  .hljs-attr {
+  .token-attr {
     @apply text-[darkblue] dark:text-[lightblue];
   }
-  .hljs-built_in {
+  .token-built_in {
     @apply text-[darkred] dark:text-[firebrick];
   }
-  .hljs-comment {
+  .token-comment {
     @apply italic text-[dimgray] dark:text-[darkgray];
   }
-  .hljs-keyword {
+  .token-keyword {
     @apply text-[darkred] dark:text-[firebrick];
   }
-  .hljs-number {
+  .token-number {
     @apply text-[darkslateblue] dark:text-[mediumslateblue];
   }
-  .hljs-string {
+  .token-string {
     @apply text-[darkgreen] dark:text-[limegreen];
   }
-  .hljs-symbol {
+  .token-symbol {
     @apply text-[darkgoldenrod] dark:text-[gold];
   }
-  .hljs-title {
+  .token-title {
     @apply text-[indianred] dark:text-[lightcoral];
   }
-  .hljs-type {
+  .token-type {
     @apply text-[darkcyan] dark:text-[aquamarine];
   }
 }