diff --git a/packages/ui/src/styles/theme.css b/packages/ui/src/styles/theme.css
index 98450ff53..2a095b436 100644
--- a/packages/ui/src/styles/theme.css
+++ b/packages/ui/src/styles/theme.css
@@ -122,7 +122,7 @@
   --surface-diff-hidden-weaker: var(--blue-light-1);
   --surface-diff-hidden-strong: var(--blue-light-5);
   --surface-diff-hidden-stronger: var(--blue-light-9);
-  --surface-diff-add-base: #DAFBE0;
+  --surface-diff-add-base: #dafbe0;
   --surface-diff-add-weak: var(--mint-light-2);
   --surface-diff-add-weaker: var(--mint-light-1);
   --surface-diff-add-strong: var(--mint-light-5);
@@ -269,21 +269,21 @@
   --syntax-regexp: var(--text-base);
   --syntax-string: #006656;
   --syntax-keyword: var(--text-weak);
-  --syntax-primitive: #FB4804;
+  --syntax-primitive: #fb4804;
   --syntax-operator: var(--text-base);
   --syntax-variable: var(--text-strong);
-  --syntax-property: #ED6DC8;
+  --syntax-property: #ed6dc8;
   --syntax-type: #596600;
-  --syntax-constant: #007B80;
+  --syntax-constant: #007b80;
   --syntax-punctuation: var(--text-base);
   --syntax-object: var(--text-strong);
   --syntax-success: var(--apple-light-10);
   --syntax-warning: var(--amber-light-10);
   --syntax-critical: var(--ember-light-10);
-  --syntax-info: #0092A8;
+  --syntax-info: #0092a8;
   --syntax-diff-add: var(--mint-light-11);
   --syntax-diff-delete: var(--ember-light-11);
-  --syntax-diff-unknown: #FF0000;
+  --syntax-diff-unknown: #ff0000;
   --markdown-heading: #d68c27;
   --markdown-text: #1a1a1a;
   --markdown-link: #3b7dd8;