Browse Source

wip code editor update dark mode

David Hill 3 months ago
parent
commit
06b1684ddb
1 changed files with 13 additions and 12 deletions
  1. 13 12
      packages/ui/src/styles/theme.css

+ 13 - 12
packages/ui/src/styles/theme.css

@@ -283,7 +283,7 @@
   --syntax-info: var(--lilac-light-11);
   --syntax-diff-add: var(--mint-light-11);
   --syntax-diff-delete: var(--ember-light-11);
-  --syntax-unknown: red;
+  --syntax-unknown: var(--text-weak);
   --markdown-heading: #d68c27;
   --markdown-text: #1a1a1a;
   --markdown-link: #3b7dd8;
@@ -314,9 +314,9 @@
     /* OC-1-Dark */
     color-scheme: dark;
     --background-base: var(--smoke-dark-1);
-    --background-weak: #201d1d;
+    --background-weak: #1B1818;
     --background-strong: #151313;
-    --background-stronger: #201c1c;
+    --background-stronger: #191515;
     --surface-base: var(--smoke-dark-alpha-2);
     --base: var(--smoke-dark-alpha-2);
     --surface-base-hover: #e0b7b716;
@@ -340,7 +340,7 @@
     --surface-weak: var(--smoke-dark-alpha-4);
     --surface-weaker: var(--smoke-dark-alpha-5);
     --surface-strong: var(--smoke-dark-alpha-7);
-    --surface-raised-stronger-non-alpha: var(--smoke-dark-4);
+    --surface-raised-stronger-non-alpha: var(--smoke-dark-3);
     --surface-brand-base: var(--yuzu-light-9);
     --surface-brand-hover: var(--yuzu-light-10);
     --surface-interactive-base: var(--cobalt-light-3);
@@ -409,7 +409,7 @@
     --text-on-brand-weak: var(--smoke-dark-alpha-9);
     --text-on-brand-weaker: var(--smoke-dark-alpha-8);
     --text-on-brand-strong: var(--smoke-dark-alpha-12);
-    --button-secondary-base: var(--smoke-dark-4);
+    --button-secondary-base: #231F1F;
     --button-secondary-hover: #2a2727;
     --border-base: var(--smoke-dark-alpha-7);
     --border-hover: var(--smoke-dark-alpha-8);
@@ -507,22 +507,23 @@
     --icon-diff-delete-hover: var(--ember-dark-10);
     --syntax-comment: var(--text-weaker);
     --syntax-regexp: var(--text-base);
-    --syntax-string: var(--mint-dark-11);
+    --syntax-string: var(--text-base);
     --syntax-keyword: var(--text-weak);
-    --syntax-primitive: var(--ember-dark-11);
+    --syntax-primitive: #ffba92;
     --syntax-operator: var(--text-weak);
     --syntax-variable: var(--text-strong);
-    --syntax-property: var(--lilac-dark-11);
-    --syntax-type: var(--cobalt-dark-11);
-    --syntax-constant: var(--lilac-dark-11);
-    --syntax-punctuation: var(--text-weak);
-    --syntax-object: var(--blue-dark-11);
+    --syntax-property: #00ceb9;
+    --syntax-type: #ECF58C;
+    --syntax-constant: #93E9F6;
+    --syntax-punctuation: var(--text-weaker);
+    --syntax-object: #ff9ae2;
     --syntax-success: var(--apple-dark-10);
     --syntax-warning: var(--amber-dark-10);
     --syntax-critical: var(--ember-dark-9);
     --syntax-info: var(--lilac-dark-11);
     --syntax-diff-add: var(--mint-dark-11);
     --syntax-diff-delete: var(--ember-dark-11);
+    --syntax-unknown: var(--text-weak);
     --markdown-heading: #9d7cd8;
     --markdown-text: #eeeeee;
     --markdown-link: #fab283;