fix headers & update docs

README.md

@@ -12,7 +12,7 @@ Most of the enhanced features were inspired by great guys on [Logseq Discord ser
 
 All these changes are based on default dark theme of Logseq.
 
-- 0 saturation background (#121212)
+- 0 saturation background 
 - Red accent color
   - link
   - highlight (mark)
@@ -81,7 +81,7 @@ Add the following line to your `logseq/custom.css` file.
 
 所有的修改都基于 Logseq 的默认深色主题
 
-- 0 饱和度主背景 (#121212)
+- 0 饱和度主背景 
 - 红色作为强调色
   - 链接
   - 默认高亮

custom.css

@@ -281,10 +281,10 @@ blockquote {
 
 .dark-theme,
 html[data-theme="dark"] {
-  --ls-primary-background-color: #121212;
-  --ls-secondary-background-color: #1a1a1a;
-  --ls-tertiary-background-color: #202020;
-  --ls-quaternary-background-color: #202020;
+  --ls-primary-background-color: #191919;
+  --ls-secondary-background-color: #212121;
+  --ls-tertiary-background-color: #212121;
+  --ls-quaternary-background-color: #212121;
   --ls-table-tr-even-background-color: #1b1b1b;
   --ls-active-primary-color: #c28e8e;
   --ls-active-secondary-color: #e8d0d0;
@@ -321,9 +321,9 @@ html[data-theme="dark"] {
   --ls-page-blockquote-border-color: #653c3c;
   --ls-page-inline-code-color: var(--ls-primary-text-color);
   --ls-page-inline-code-bg-color: #2e2e2e;
-  --ls-scrollbar-foreground-color: #2a2a2a;
-  --ls-scrollbar-background-color: #1717171a;
-  --ls-scrollbar-thumb-hover-color: rgba(255, 255, 255, 0.2);
+  --ls-scrollbar-foreground-color: #333333;
+  --ls-scrollbar-background-color: #00000000;
+  --ls-scrollbar-thumb-hover-color: rgb(255 255 255 / 27%);
   --ls-head-text-color: var(--ls-link-text-color);
   --ls-icon-color: var(--ls-link-text-color);
   --ls-search-icon-color: var(--ls-link-text-color);
@@ -338,7 +338,7 @@ html[data-theme="dark"] {
   --bold-color: #fff;
   --mark-bg: #653434;
   --head-bg: #121212cc;
-  --right-sidebar-topbar-bg: #1a1a1acc;
+  --right-sidebar-topbar-bg: #212121cc;
 }
 
 /* light color scheme */
@@ -614,11 +614,8 @@ del {
 
 /* add blur and shadow to both headers */
 
-#head {
-  height: 2.5em;
-  /*backdrop-filter: blur(15px);
-  background-color: var(--head-bg) !important;
-  box-shadow: var(--head-bg) 0 3px 5px 0;*/
+.cp__header {
+    height: 42px;
 }
 
 .h-12 {
@@ -630,14 +627,17 @@ del {
 
 /* sticky sidebar headers */
 
+.cp__right-sidebar .sidebar-item {
+    padding-top: 0px !important;
+}
+
 .sidebar-item.content > div > div:first-of-type {
   position: sticky;
   top: 0rem;
   padding: 0.6rem;
   margin: 0 -1rem;
   z-index: 100;
-  background-color: var(--right-sidebar-topbar-bg)
-    /*var(--ls-secondary-background-color)*/ !important;
+  background-color: var(--right-sidebar-topbar-bg);
   backdrop-filter: blur(6px);
   box-shadow: var(--right-sidebar-topbar-bg) 0 3px 5px 0;
 }