fix: update colors

Bad3r · Dec 24, 2021 · 291a4ac · 291a4ac
1 parent a3bea5d
commit 291a4ac
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 7 deletions.
diff --git a/src/_miscs.scss b/src/_miscs.scss
@@ -158,11 +158,24 @@ progress::-webkit-progress-value {
   line-height: 16px;
 }
 
+.cm-s-solarized div.CodeMirror-selected {
+  background: var(--ct-primary-color);
+  color: var(--ls-selection-color);
+}
+
 .CodeMirror {
   background-color: var(--color-level-1);
   box-shadow: 0 0 0 2px var(--color-level-2);
 }
 
+.cm-s-solarized div.CodeMirror-selected {
+  background: var(--color-level-4) !important;
+}
+
+.extensions__code > .CodeMirror {
+  padding-top: 0;
+}
+
 .extensions__code-calc {
   top: 8px;
 }

diff --git a/src/_theme_dark.scss b/src/_theme_dark.scss
@@ -10,10 +10,17 @@ html[data-theme="dark"] {
   --ct-success-color: #0dcf82;
   --ct-highlight-color: #ffc600;
 
-  --ls-primary-background-color: #272c35;
-  --ls-secondary-background-color: #313942;
-  --ls-tertiary-background-color: #38434c;
-  --ls-quaternary-background-color: #404b55;
+  --color-level-1: #272c35;
+  --color-level-2: #313942;
+  --color-level-3: #38434c;
+  --color-level-4: #404b55;
+  --color-level-5: #525f6b;
+  --color-level-6: #606e7a;
+
+  --ls-primary-background-color: var(--color-level-1);
+  --ls-secondary-background-color: var(--color-level-2);
+  --ls-tertiary-background-color: var(--color-level-3);
+  --ls-quaternary-background-color: var(--color-level-4);
 
   --ls-border-color: var(--ls-tertiary-background-color);
 

diff --git a/src/_theme_light.scss b/src/_theme_light.scss
@@ -6,6 +6,13 @@ html[data-theme="light"] {
   --ct-success-color: #0dcf82;
   --ct-highlight-color: #ffc600;
 
+  --color-level-1: #f1f5f9;
+  --color-level-2: #e2e8f0;
+  --color-level-3: #cbd5e1;
+  --color-level-4: #b9c1ca;
+  --color-level-5: #aeb5bd;
+  --color-level-6: #969ca5;
+
   --ls-primary-background-color: #ffffff;
   --ls-secondary-background-color: #f8f9fa;
   --ls-tertiary-background-color: #e9ecef;
@@ -15,9 +22,6 @@ html[data-theme="light"] {
 
   --ls-table-tr-even-background-color: var(--ls-secondary-background-color);
 
-  --color-level-4: #ced4da;
-  --color-level-5: #adb5bd;
-
   --ls-primary-text-color: rgb(40, 40, 40);
   --ls-secondary-text-color: #161e2e;