diff --git a/README.md b/README.md index f215178..b0e51a8 100644 --- a/README.md +++ b/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 饱和度主背景 - 红色作为强调色 - 链接 - 默认高亮 diff --git a/custom.css b/custom.css index 4168896..46694dc 100644 --- a/custom.css +++ b/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; }