update built-in css files

henices · Jan 16, 2024 · 0900388 · 0900388
1 parent 542f6ce
commit 0900388
Show file tree

Hide file tree

Showing 7 changed files with 84 additions and 14 deletions.
diff --git a/custom.css b/custom.css
@@ -233,7 +233,7 @@ html[data-theme='dark'] {
     --ls-page-inline-code-color: hsl(var(--cl-primary));
     --ls-page-inline-code-bg-color: hsl(var(--cl-primary), 0.1);
     --ls-scrollbar-foreground-color: hsl(var(--cl-primary), 0.4);
-    --ls-scrollbar-background-color: hsl(var(--ls-secondary-background-color));
+    --ls-scrollbar-background-color: var(--ls-secondary-background-color);
     --ls-scrollbar-thumb-hover-color: hsl(var(--cl-primary));
     --ls-scrollbar-width: 6px;
     --ls-head-text-color: var(--ls-link-text-color);
@@ -242,6 +242,9 @@ html[data-theme='dark'] {
     --ls-search-icon-color: var(--ls-link-text-color);
     --ls-a-chosen-bg: var(--ls-secondary-background-color);
     --ls-right-sidebar-code-bg-color: var(--bg-color-3);
+    --ls-create-whiteboard-background: var(--ls-secondary-background-color);
+    --logseq-whiteboard-toolbar-background: var(--ls-secondary-background-color);
+    --ls-whiteboard-title-background:var(--ls-primary-background-color);
     --color-level-1: var(--ls-secondary-background-color);
     --color-level-2: var(--ls-tertiary-background-color);
     --color-level-3: var(--ls-quaternary-background-color);
@@ -363,7 +366,7 @@ html[data-theme='light'] {
     --ls-page-inline-code-color: hsl(var(--cl-primary));
     --ls-page-inline-code-bg-color: hsl(var(--cl-primary), 0.1);
     --ls-scrollbar-foreground-color: hsl(var(--cl-primary), 0.4);
-    --ls-scrollbar-background-color: hsl(var(--ls-secondary-background-color));
+    --ls-scrollbar-background-color: var(--ls-secondary-background-color);
     --ls-scrollbar-thumb-hover-color: hsl(var(--cl-primary));
     --ls-scrollbar-width: 6px;
     --ls-head-text-color: var(--ls-link-text-color);
@@ -372,6 +375,9 @@ html[data-theme='light'] {
     --ls-search-icon-color: var(--ls-link-text-color);
     --ls-a-chosen-bg: var(--ls-secondary-background-color);
     --ls-right-sidebar-code-bg-color: var(--bg-color-3);
+    --ls-create-whiteboard-background: var(--ls-secondary-background-color);
+    --logseq-whiteboard-toolbar-background: var(--ls-secondary-background-color);
+    --ls-whiteboard-title-background:var(--ls-primary-background-color);
     --color-level-1: var(--ls-secondary-background-color);
     --color-level-2: var(--ls-tertiary-background-color);
     --color-level-3: var(--ls-quaternary-background-color);
@@ -2477,6 +2483,10 @@ div #date-time-picker {
     background-color: transparent;
 }
 
+.cp__themes-installed .it.is-active, .cp__themes-installed .it:hover {
+    background-color: var(--ls-secondary-background-color);
+}
+
 /* This is a simple way to put any blocks side by side in a column view, simply by adding the tags #parallel-2 to the 2 blocks, or #parallel-3 to the 3 blocks. Additionally, the tags #parallel-small and #parallel-big work to have 2 blocks side by side with one taking more space than the other, similar to having a sidebar.
  *
  * https://github.com/elgatopanzon/logseq-logtools-custom

diff --git a/latte.css b/latte.css
@@ -233,7 +233,7 @@ html[data-theme='dark'] {
     --ls-page-inline-code-color: hsl(var(--cl-primary));
     --ls-page-inline-code-bg-color: hsl(var(--cl-primary), 0.1);
     --ls-scrollbar-foreground-color: hsl(var(--cl-primary), 0.4);
-    --ls-scrollbar-background-color: hsl(var(--ls-secondary-background-color));
+    --ls-scrollbar-background-color: var(--ls-secondary-background-color);
     --ls-scrollbar-thumb-hover-color: hsl(var(--cl-primary));
     --ls-scrollbar-width: 6px;
     --ls-head-text-color: var(--ls-link-text-color);
@@ -242,6 +242,9 @@ html[data-theme='dark'] {
     --ls-search-icon-color: var(--ls-link-text-color);
     --ls-a-chosen-bg: var(--ls-secondary-background-color);
     --ls-right-sidebar-code-bg-color: var(--bg-color-3);
+    --ls-create-whiteboard-background: var(--ls-secondary-background-color);
+    --logseq-whiteboard-toolbar-background: var(--ls-secondary-background-color);
+    --ls-whiteboard-title-background:var(--ls-primary-background-color);
     --color-level-1: var(--ls-secondary-background-color);
     --color-level-2: var(--ls-tertiary-background-color);
     --color-level-3: var(--ls-quaternary-background-color);
@@ -363,7 +366,7 @@ html[data-theme='light'] {
     --ls-page-inline-code-color: hsl(var(--cl-primary));
     --ls-page-inline-code-bg-color: hsl(var(--cl-primary), 0.1);
     --ls-scrollbar-foreground-color: hsl(var(--cl-primary), 0.4);
-    --ls-scrollbar-background-color: hsl(var(--ls-secondary-background-color));
+    --ls-scrollbar-background-color: var(--ls-secondary-background-color);
     --ls-scrollbar-thumb-hover-color: hsl(var(--cl-primary));
     --ls-scrollbar-width: 6px;
     --ls-head-text-color: var(--ls-link-text-color);
@@ -372,6 +375,9 @@ html[data-theme='light'] {
     --ls-search-icon-color: var(--ls-link-text-color);
     --ls-a-chosen-bg: var(--ls-secondary-background-color);
     --ls-right-sidebar-code-bg-color: var(--bg-color-3);
+    --ls-create-whiteboard-background: var(--ls-secondary-background-color);
+    --logseq-whiteboard-toolbar-background: var(--ls-secondary-background-color);
+    --ls-whiteboard-title-background:var(--ls-primary-background-color);
     --color-level-1: var(--ls-secondary-background-color);
     --color-level-2: var(--ls-tertiary-background-color);
     --color-level-3: var(--ls-quaternary-background-color);
@@ -2477,6 +2483,10 @@ div #date-time-picker {
     background-color: transparent;
 }
 
+.cp__themes-installed .it.is-active, .cp__themes-installed .it:hover {
+    background-color: var(--ls-secondary-background-color);
+}
+
 /* This is a simple way to put any blocks side by side in a column view, simply by adding the tags #parallel-2 to the 2 blocks, or #parallel-3 to the 3 blocks. Additionally, the tags #parallel-small and #parallel-big work to have 2 blocks side by side with one taking more space than the other, similar to having a sidebar.
  *
  * https://github.com/elgatopanzon/logseq-logtools-custom

diff --git a/macchiato.css b/macchiato.css
@@ -233,7 +233,7 @@ html[data-theme='dark'] {
     --ls-page-inline-code-color: hsl(var(--cl-primary));
     --ls-page-inline-code-bg-color: hsl(var(--cl-primary), 0.1);
     --ls-scrollbar-foreground-color: hsl(var(--cl-primary), 0.4);
-    --ls-scrollbar-background-color: hsl(var(--ls-secondary-background-color));
+    --ls-scrollbar-background-color: var(--ls-secondary-background-color);
     --ls-scrollbar-thumb-hover-color: hsl(var(--cl-primary));
     --ls-scrollbar-width: 6px;
     --ls-head-text-color: var(--ls-link-text-color);
@@ -242,6 +242,9 @@ html[data-theme='dark'] {
     --ls-search-icon-color: var(--ls-link-text-color);
     --ls-a-chosen-bg: var(--ls-secondary-background-color);
     --ls-right-sidebar-code-bg-color: var(--bg-color-3);
+    --ls-create-whiteboard-background: var(--ls-secondary-background-color);
+    --logseq-whiteboard-toolbar-background: var(--ls-secondary-background-color);
+    --ls-whiteboard-title-background:var(--ls-primary-background-color);
     --color-level-1: var(--ls-secondary-background-color);
     --color-level-2: var(--ls-tertiary-background-color);
     --color-level-3: var(--ls-quaternary-background-color);
@@ -363,7 +366,7 @@ html[data-theme='light'] {
     --ls-page-inline-code-color: hsl(var(--cl-primary));
     --ls-page-inline-code-bg-color: hsl(var(--cl-primary), 0.1);
     --ls-scrollbar-foreground-color: hsl(var(--cl-primary), 0.4);
-    --ls-scrollbar-background-color: hsl(var(--ls-secondary-background-color));
+    --ls-scrollbar-background-color: var(--ls-secondary-background-color);
     --ls-scrollbar-thumb-hover-color: hsl(var(--cl-primary));
     --ls-scrollbar-width: 6px;
     --ls-head-text-color: var(--ls-link-text-color);
@@ -372,6 +375,9 @@ html[data-theme='light'] {
     --ls-search-icon-color: var(--ls-link-text-color);
     --ls-a-chosen-bg: var(--ls-secondary-background-color);
     --ls-right-sidebar-code-bg-color: var(--bg-color-3);
+    --ls-create-whiteboard-background: var(--ls-secondary-background-color);
+    --logseq-whiteboard-toolbar-background: var(--ls-secondary-background-color);
+    --ls-whiteboard-title-background:var(--ls-primary-background-color);
     --color-level-1: var(--ls-secondary-background-color);
     --color-level-2: var(--ls-tertiary-background-color);
     --color-level-3: var(--ls-quaternary-background-color);
@@ -2477,6 +2483,10 @@ div #date-time-picker {
     background-color: transparent;
 }
 
+.cp__themes-installed .it.is-active, .cp__themes-installed .it:hover {
+    background-color: var(--ls-secondary-background-color);
+}
+
 /* This is a simple way to put any blocks side by side in a column view, simply by adding the tags #parallel-2 to the 2 blocks, or #parallel-3 to the 3 blocks. Additionally, the tags #parallel-small and #parallel-big work to have 2 blocks side by side with one taking more space than the other, similar to having a sidebar.
  *
  * https://github.com/elgatopanzon/logseq-logtools-custom

diff --git a/nord.css b/nord.css
@@ -233,7 +233,7 @@ html[data-theme='dark'] {
     --ls-page-inline-code-color: hsl(var(--cl-primary));
     --ls-page-inline-code-bg-color: hsl(var(--cl-primary), 0.1);
     --ls-scrollbar-foreground-color: hsl(var(--cl-primary), 0.4);
-    --ls-scrollbar-background-color: hsl(var(--ls-secondary-background-color));
+    --ls-scrollbar-background-color: var(--ls-secondary-background-color);
     --ls-scrollbar-thumb-hover-color: hsl(var(--cl-primary));
     --ls-scrollbar-width: 6px;
     --ls-head-text-color: var(--ls-link-text-color);
@@ -242,6 +242,9 @@ html[data-theme='dark'] {
     --ls-search-icon-color: var(--ls-link-text-color);
     --ls-a-chosen-bg: var(--ls-secondary-background-color);
     --ls-right-sidebar-code-bg-color: var(--bg-color-3);
+    --ls-create-whiteboard-background: var(--ls-secondary-background-color);
+    --logseq-whiteboard-toolbar-background: var(--ls-secondary-background-color);
+    --ls-whiteboard-title-background:var(--ls-primary-background-color);
     --color-level-1: var(--ls-secondary-background-color);
     --color-level-2: var(--ls-tertiary-background-color);
     --color-level-3: var(--ls-quaternary-background-color);
@@ -363,7 +366,7 @@ html[data-theme='light'] {
     --ls-page-inline-code-color: hsl(var(--cl-primary));
     --ls-page-inline-code-bg-color: hsl(var(--cl-primary), 0.1);
     --ls-scrollbar-foreground-color: hsl(var(--cl-primary), 0.4);
-    --ls-scrollbar-background-color: hsl(var(--ls-secondary-background-color));
+    --ls-scrollbar-background-color: var(--ls-secondary-background-color);
     --ls-scrollbar-thumb-hover-color: hsl(var(--cl-primary));
     --ls-scrollbar-width: 6px;
     --ls-head-text-color: var(--ls-link-text-color);
@@ -372,6 +375,9 @@ html[data-theme='light'] {
     --ls-search-icon-color: var(--ls-link-text-color);
     --ls-a-chosen-bg: var(--ls-secondary-background-color);
     --ls-right-sidebar-code-bg-color: var(--bg-color-3);
+    --ls-create-whiteboard-background: var(--ls-secondary-background-color);
+    --logseq-whiteboard-toolbar-background: var(--ls-secondary-background-color);
+    --ls-whiteboard-title-background:var(--ls-primary-background-color);
     --color-level-1: var(--ls-secondary-background-color);
     --color-level-2: var(--ls-tertiary-background-color);
     --color-level-3: var(--ls-quaternary-background-color);
@@ -2477,6 +2483,10 @@ div #date-time-picker {
     background-color: transparent;
 }
 
+.cp__themes-installed .it.is-active, .cp__themes-installed .it:hover {
+    background-color: var(--ls-secondary-background-color);
+}
+
 /* This is a simple way to put any blocks side by side in a column view, simply by adding the tags #parallel-2 to the 2 blocks, or #parallel-3 to the 3 blocks. Additionally, the tags #parallel-small and #parallel-big work to have 2 blocks side by side with one taking more space than the other, similar to having a sidebar.
  *
  * https://github.com/elgatopanzon/logseq-logtools-custom

diff --git a/onedark.css b/onedark.css
@@ -233,7 +233,7 @@ html[data-theme='dark'] {
     --ls-page-inline-code-color: hsl(var(--cl-primary));
     --ls-page-inline-code-bg-color: hsl(var(--cl-primary), 0.1);
     --ls-scrollbar-foreground-color: hsl(var(--cl-primary), 0.4);
-    --ls-scrollbar-background-color: hsl(var(--ls-secondary-background-color));
+    --ls-scrollbar-background-color: var(--ls-secondary-background-color);
     --ls-scrollbar-thumb-hover-color: hsl(var(--cl-primary));
     --ls-scrollbar-width: 6px;
     --ls-head-text-color: var(--ls-link-text-color);
@@ -242,6 +242,9 @@ html[data-theme='dark'] {
     --ls-search-icon-color: var(--ls-link-text-color);
     --ls-a-chosen-bg: var(--ls-secondary-background-color);
     --ls-right-sidebar-code-bg-color: var(--bg-color-3);
+    --ls-create-whiteboard-background: var(--ls-secondary-background-color);
+    --logseq-whiteboard-toolbar-background: var(--ls-secondary-background-color);
+    --ls-whiteboard-title-background:var(--ls-primary-background-color);
     --color-level-1: var(--ls-secondary-background-color);
     --color-level-2: var(--ls-tertiary-background-color);
     --color-level-3: var(--ls-quaternary-background-color);
@@ -363,7 +366,7 @@ html[data-theme='light'] {
     --ls-page-inline-code-color: hsl(var(--cl-primary));
     --ls-page-inline-code-bg-color: hsl(var(--cl-primary), 0.1);
     --ls-scrollbar-foreground-color: hsl(var(--cl-primary), 0.4);
-    --ls-scrollbar-background-color: hsl(var(--ls-secondary-background-color));
+    --ls-scrollbar-background-color: var(--ls-secondary-background-color);
     --ls-scrollbar-thumb-hover-color: hsl(var(--cl-primary));
     --ls-scrollbar-width: 6px;
     --ls-head-text-color: var(--ls-link-text-color);
@@ -372,6 +375,9 @@ html[data-theme='light'] {
     --ls-search-icon-color: var(--ls-link-text-color);
     --ls-a-chosen-bg: var(--ls-secondary-background-color);
     --ls-right-sidebar-code-bg-color: var(--bg-color-3);
+    --ls-create-whiteboard-background: var(--ls-secondary-background-color);
+    --logseq-whiteboard-toolbar-background: var(--ls-secondary-background-color);
+    --ls-whiteboard-title-background:var(--ls-primary-background-color);
     --color-level-1: var(--ls-secondary-background-color);
     --color-level-2: var(--ls-tertiary-background-color);
     --color-level-3: var(--ls-quaternary-background-color);
@@ -2477,6 +2483,10 @@ div #date-time-picker {
     background-color: transparent;
 }
 
+.cp__themes-installed .it.is-active, .cp__themes-installed .it:hover {
+    background-color: var(--ls-secondary-background-color);
+}
+
 /* This is a simple way to put any blocks side by side in a column view, simply by adding the tags #parallel-2 to the 2 blocks, or #parallel-3 to the 3 blocks. Additionally, the tags #parallel-small and #parallel-big work to have 2 blocks side by side with one taking more space than the other, similar to having a sidebar.
  *
  * https://github.com/elgatopanzon/logseq-logtools-custom

diff --git a/sepia.css b/sepia.css
@@ -233,7 +233,7 @@ html[data-theme='dark'] {
     --ls-page-inline-code-color: hsl(var(--cl-primary));
     --ls-page-inline-code-bg-color: hsl(var(--cl-primary), 0.1);
     --ls-scrollbar-foreground-color: hsl(var(--cl-primary), 0.4);
-    --ls-scrollbar-background-color: hsl(var(--ls-secondary-background-color));
+    --ls-scrollbar-background-color: var(--ls-secondary-background-color);
     --ls-scrollbar-thumb-hover-color: hsl(var(--cl-primary));
     --ls-scrollbar-width: 6px;
     --ls-head-text-color: var(--ls-link-text-color);
@@ -242,6 +242,9 @@ html[data-theme='dark'] {
     --ls-search-icon-color: var(--ls-link-text-color);
     --ls-a-chosen-bg: var(--ls-secondary-background-color);
     --ls-right-sidebar-code-bg-color: var(--bg-color-3);
+    --ls-create-whiteboard-background: var(--ls-secondary-background-color);
+    --logseq-whiteboard-toolbar-background: var(--ls-secondary-background-color);
+    --ls-whiteboard-title-background:var(--ls-primary-background-color);
     --color-level-1: var(--ls-secondary-background-color);
     --color-level-2: var(--ls-tertiary-background-color);
     --color-level-3: var(--ls-quaternary-background-color);
@@ -363,7 +366,7 @@ html[data-theme='light'] {
     --ls-page-inline-code-color: hsl(var(--cl-primary));
     --ls-page-inline-code-bg-color: hsl(var(--cl-primary), 0.1);
     --ls-scrollbar-foreground-color: hsl(var(--cl-primary), 0.4);
-    --ls-scrollbar-background-color: hsl(var(--ls-secondary-background-color));
+    --ls-scrollbar-background-color: var(--ls-secondary-background-color);
     --ls-scrollbar-thumb-hover-color: hsl(var(--cl-primary));
     --ls-scrollbar-width: 6px;
     --ls-head-text-color: var(--ls-link-text-color);
@@ -372,6 +375,9 @@ html[data-theme='light'] {
     --ls-search-icon-color: var(--ls-link-text-color);
     --ls-a-chosen-bg: var(--ls-secondary-background-color);
     --ls-right-sidebar-code-bg-color: var(--bg-color-3);
+    --ls-create-whiteboard-background: var(--ls-secondary-background-color);
+    --logseq-whiteboard-toolbar-background: var(--ls-secondary-background-color);
+    --ls-whiteboard-title-background:var(--ls-primary-background-color);
     --color-level-1: var(--ls-secondary-background-color);
     --color-level-2: var(--ls-tertiary-background-color);
     --color-level-3: var(--ls-quaternary-background-color);
@@ -2477,6 +2483,10 @@ div #date-time-picker {
     background-color: transparent;
 }
 
+.cp__themes-installed .it.is-active, .cp__themes-installed .it:hover {
+    background-color: var(--ls-secondary-background-color);
+}
+
 /* This is a simple way to put any blocks side by side in a column view, simply by adding the tags #parallel-2 to the 2 blocks, or #parallel-3 to the 3 blocks. Additionally, the tags #parallel-small and #parallel-big work to have 2 blocks side by side with one taking more space than the other, similar to having a sidebar.
  *
  * https://github.com/elgatopanzon/logseq-logtools-custom