tweak color

Sansui233 · Nov 20, 2023 · dd9d8a6 · dd9d8a6
1 parent 2c9590f
commit dd9d8a6
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 11 deletions.
diff --git a/custom.css b/custom.css
diff --git a/source/codeMirror.scss b/source/codeMirror.scss
@@ -28,7 +28,7 @@
 
 .extensions__code {
   display: block;
-  background-color: var(--bf-codeblock-background-color);
+  background-color: var(--bf-codeblock-background-color); // calculator result
 
   .code-editor {
     margin: 0.5rem 0;
@@ -44,6 +44,7 @@
 
   textarea {
     color: var(--ls-primary-text-color);
+    background-color: var(--bf-codeblock-background-color);
   }
 
   .CodeMirror {
@@ -187,17 +188,15 @@
   }
 }
 
-// Fix a code Mirror bug when switching between light and dark theme in current logseq
-// For code mirror modifies selectors when initialization, not when switching theme, which makes .cs-s-light and .cs-s-dark not working properly
-// It'll be better for logseq to use only one way to manage all elements' styles, including code-mirror. dynamically modifying the styles instead of functional selectors is not a good idea.
-// Heavy. hope we can remove the redundant part in the future
-
 /* Active line */
 .dark-theme .cm-s-solarized.cm-s-light,
 .cm-s-solarized.cm-s-dark {
   .CodeMirror-activeline-background {
     background: rgba(0, 0, 0, 0.1);
   }
+  .CodeMirror-linenumber {
+    color: #586375;
+  }
 }
 
 .white-theme .cm-s-solarized.cm-s-dark,

diff --git a/source/color-scheme.scss b/source/color-scheme.scss
@@ -23,9 +23,9 @@ html[data-theme="dark"] {
   --ls-tertiary-background-color: rgb(46, 48, 51);
   --ls-quaternary-background-color: rgb(54, 56, 59);
   --ls-table-tr-even-background-color: #adadad1c;
-  --ls-callout-background-color: rgba(69, 75, 78, 0.3);
-  --bf-codeblock-background-color: rgb(49, 53, 56);
-  --ls-block-properties-background-color: #33363891;
+  --ls-callout-background-color: #45474e4d;
+  --bf-codeblock-background-color: #313238;
+  --ls-block-properties-background-color: #33353891;
   --ls-block-ref-link-text-color: #73d2f6;
   --ls-search-background-color: var(--ls-primary-background-color);
   --ls-border-color: #3f3f3f;
@@ -60,7 +60,7 @@ html[data-theme="dark"] {
   --ls-page-blockquote-border-color: var(--ls-primary-text-color);
   --ls-page-inline-code-color: #eb5757;
   --ls-page-inline-code-bg-color: rgba(135, 131, 120, 0.15);
-  --ls-page-properties-background-color: #2f3033;
+  --ls-page-properties-background-color: #292b2e;
   --ls-scrollbar-foreground-color: #8a8a8a3d;
   --ls-scrollbar-background-color: #fff0;
   --bf-scrollbar-thumb-hover-color: #8a8a8a61;