diff --git a/src/components/CodeDef/CodeDef.module.scss b/src/components/CodeDef/CodeDef.module.scss
index 290b27d0f..edbd3ec66 100644
--- a/src/components/CodeDef/CodeDef.module.scss
+++ b/src/components/CodeDef/CodeDef.module.scss
@@ -5,6 +5,10 @@
 
 .identifier {
   color: var(--color-neutrals-700);
+
+  :global(.dark-mode) & {
+    color: var(--color-dark-600);
+  }
 }
 
 .type {
@@ -12,6 +16,11 @@
   border-radius: 0.125rem;
   color: var(--color-green-500);
   background: var(--color-green-050);
+
+  :global(.dark-mode) & {
+    color: var(--color-green-600);
+    background: var(--color-green-100);
+  }
 }
 
 .comment {
@@ -20,12 +29,20 @@
   > p {
     display: inline;
   }
+
+  :global(.dark-mode) & {
+    color: var(--color-dark-400);
+  }
 }
 
 .keyword,
 .bracket,
 .operator {
   color: var(--color-neutrals-600);
+
+  :global(.dark-mode) & {
+    color: var(--color-dark-500);
+  }
 }
 
 .block {
@@ -34,6 +51,10 @@
 
 .string {
   color: var(--color-green-500);
+
+  :global(.dark-mode) & {
+    color: var(--color-green-200);
+  }
 }
 
 .number {