diff --git a/templates/logseq.mustache b/templates/logseq.mustache index f9725d5..07274b8 100644 --- a/templates/logseq.mustache +++ b/templates/logseq.mustache @@ -23,97 +23,50 @@ --button-gray-3: var(--base07); } -/** LogSeq **/ .dark-theme { + --ls-primary-background-color: var(--base00); + --ls-secondary-background-color: var(--base01); + --ls-tertiary-background-color: var(--ls-secondary-background-color); + --ls-search-background-color: var(--ls-primary-background-color); + --ls-border-color: var(--base02); + --ls-menu-hover-color: var(--ls-secondary-background-color); + --ls-primary-text-color: var(--base05); + --ls-secondary-text-color: var(--base06); + --ls-title-text-color: var(--base05); + --ls-link-text-color: var(--base09); + --ls-link-text-hover-color: var(--base0A); + --ls-link-ref-text-color: var(--ls-link-text-color); + --ls-block-bullet-border-color: var(--base02); + --ls-block-bullet-color: var(--base09); + --ls-block-highlight-color: var(--base02); + --ls-page-checkbox-color: var(--base01); + --ls-page-checkbox-border-color: var(--ls-primary-background-color); + --ls-page-blockquote-color: var(--ls-tertiary-backgorund-color); + --ls-page-blockquote-border-color: var(--ls-secondary-text-color); + --ls-page-inline-code-color: var(--ls-primary-text-color); + --ls-page-inline-code-bg-color: var(--base01); + --ls-scrollbar-color: var(--base00); + --ls-scrollbar-thumb-hover-color: #b4b4b466; + --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); + --ls-a-chosen-bg: var(--ls-secondary-background-color); +} + +.dark-theme .form-checkbox { background-color: var(--base00); - color: var(--base05); + border-color: var(--base04); } -.dark-theme .bg-base-2 { - background-color: var(--base01); -} - -.dark-theme .bg-base-3 { - background-color: var(--base00); -} - -.dark-theme #right-sidebar .bg-base-2 { - background-color: var(--base01); -} - -.dark-theme #right-sidebar .bg-base-3 { - background-color: var(--base00); -} - -.dark-theme .page-references h2, -.dark-theme h1.title, -.dark-theme .title { - color: var(--base05); -} - -.dark-theme a.chosen { - background: var(--base01); -} - -.dark-theme #right-sidebar { - background-color: var(--base00); - border-left: 1px solid var(--base01); -} - -.dark-theme #right-sidebar .sidebar-item { - border-top: 1px solid var(--base01); -} - -.dark-theme a, -.dark-theme .content a, -.dark-theme button.menu, -.dark-theme #search-wrapper { - color: var(--base0A); -} - -.dark-theme a.menu-link:hover, -.dark-theme button.menu:focus, -.dark-theme button.pull:hover, -dark-theme #search-wrapper:focus-within { - background-color: var(--base01); -} - -.dark-theme a:hover { - color: var(--base06); -} - -.dark-theme .content p a:hover { - border-bottom: 1px solid var(--base06); +mark { + background: var(--base0A); + color: var(--base00); } .dark-theme .focus\:shadow-outline:focus { box-shadow: 0 0 0 3px var(--base0A); } -.dark-theme #search-wrapper:focus-within { - color: var(--base0A); -} - -.dark-theme .bullet-container .bullet { - background-color: var(--base0A); -} - -.dark-theme .bullet-closed { - background-color: var(--base02); -} - -.dark-theme ::-webkit-scrollbar-thumb { - background-color: var(--base01); -} - -.dark-theme ::-webkit-scrollbar-track-piece { - background-color: var(--base00); -} - -.dark-theme #journals .journal { - border-top-color: var(--base01); -} - .dark-theme tr:nth-child(odd) { background-color: var(--base01); } @@ -124,7 +77,9 @@ dark-theme #search-wrapper:focus-within { .dark-theme th { color: var(--base05); + border-bottom: 2px solid var(--base03); } + .dark-theme .non-block-editor textarea, .dark-theme pre, .dark-theme pre.code { @@ -147,9 +102,8 @@ dark-theme #search-wrapper:focus-within { border-left: 1px solid var(--base02); } -mark { - background: var(--base0A); - color: var(--base00); +.text-gray-500 { + color: var(--base06); } /** CodeMirror **/