From 291a4ac9904d282c3abc65758e971b150bbd622f Mon Sep 17 00:00:00 2001
From: Peng Xiao <pengxiao@outlook.com>
Date: Fri, 24 Dec 2021 14:03:42 +0800
Subject: [PATCH] fix: update colors

---
 src/_miscs.scss       | 13 +++++++++++++
 src/_theme_dark.scss  | 15 +++++++++++----
 src/_theme_light.scss | 10 +++++++---
 3 files changed, 31 insertions(+), 7 deletions(-)

diff --git a/src/_miscs.scss b/src/_miscs.scss
index c597e7d..35900f0 100644
--- 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
index 4bdda90..158a47b 100644
--- 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
index eed597b..aa6e39a 100644
--- 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;