diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
index a60d103..faf80c0 100644
--- a/.storybook/preview-head.html
+++ b/.storybook/preview-head.html
@@ -8,7 +8,10 @@
     --codex-background: rgb(23 23 23);
     --codex-color: #e1e4d9;
     --codex-color-contrast: #f8f8f8;
-    --codex-color-error: #f85723;
+    --codex-color-error: 239, 68, 68;
+    --codex-color-warning: 234, 179, 8;
+    --codex-color-success: 20, 184, 166;
+    --codex-color-blue: 30, 64, 175;
     --codex-color-primary: #c1f0a4;
     --codex-color-primary-variant: #c1f0a4cc;
     --codex-color-on-primary: #333;
@@ -24,7 +27,6 @@
       BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans,
       sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol,
       Noto Color Emoji;
-    --codex-color-warning: rgb(234 179 8);
 
     font-family: var(--codex-font-family);
     font-feature-settings: normal;