From 58892357adbd2fbb02439b91b04e80255d1793e9 Mon Sep 17 00:00:00 2001 From: Andrew Williams Date: Fri, 23 Oct 2020 21:10:51 +0100 Subject: [PATCH] Update build assets for 0.0.4.1 --- css/base16-3024.css | 122 +++++++---------------- css/base16-apathy.css | 122 +++++++---------------- css/base16-ashes.css | 122 +++++++---------------- css/base16-atelier-cave-light.css | 122 +++++++---------------- css/base16-atelier-cave.css | 122 +++++++---------------- css/base16-atelier-dune-light.css | 122 +++++++---------------- css/base16-atelier-dune.css | 122 +++++++---------------- css/base16-atelier-estuary-light.css | 122 +++++++---------------- css/base16-atelier-estuary.css | 122 +++++++---------------- css/base16-atelier-forest-light.css | 122 +++++++---------------- css/base16-atelier-forest.css | 122 +++++++---------------- css/base16-atelier-heath-light.css | 122 +++++++---------------- css/base16-atelier-heath.css | 122 +++++++---------------- css/base16-atelier-lakeside-light.css | 122 +++++++---------------- css/base16-atelier-lakeside.css | 122 +++++++---------------- css/base16-atelier-plateau-light.css | 122 +++++++---------------- css/base16-atelier-plateau.css | 122 +++++++---------------- css/base16-atelier-savanna-light.css | 122 +++++++---------------- css/base16-atelier-savanna.css | 122 +++++++---------------- css/base16-atelier-seaside-light.css | 122 +++++++---------------- css/base16-atelier-seaside.css | 122 +++++++---------------- css/base16-atelier-sulphurpool-light.css | 122 +++++++---------------- css/base16-atelier-sulphurpool.css | 122 +++++++---------------- css/base16-atlas.css | 122 +++++++---------------- css/base16-bespin.css | 122 +++++++---------------- css/base16-black-metal-bathory.css | 122 +++++++---------------- css/base16-black-metal-burzum.css | 122 +++++++---------------- css/base16-black-metal-dark-funeral.css | 122 +++++++---------------- css/base16-black-metal-gorgoroth.css | 122 +++++++---------------- css/base16-black-metal-immortal.css | 122 +++++++---------------- css/base16-black-metal-khold.css | 122 +++++++---------------- css/base16-black-metal-marduk.css | 122 +++++++---------------- css/base16-black-metal-mayhem.css | 122 +++++++---------------- css/base16-black-metal-nile.css | 122 +++++++---------------- css/base16-black-metal-venom.css | 122 +++++++---------------- css/base16-black-metal.css | 122 +++++++---------------- css/base16-brewer.css | 122 +++++++---------------- css/base16-bright.css | 122 +++++++---------------- css/base16-brogrammer.css | 122 +++++++---------------- css/base16-brushtrees-dark.css | 122 +++++++---------------- css/base16-brushtrees.css | 122 +++++++---------------- css/base16-chalk.css | 122 +++++++---------------- css/base16-circus.css | 122 +++++++---------------- css/base16-classic-dark.css | 122 +++++++---------------- css/base16-classic-light.css | 122 +++++++---------------- css/base16-codeschool.css | 122 +++++++---------------- css/base16-cupcake.css | 122 +++++++---------------- css/base16-cupertino.css | 122 +++++++---------------- css/base16-darkmoss.css | 122 +++++++---------------- css/base16-darktooth.css | 122 +++++++---------------- css/base16-darkviolet.css | 122 +++++++---------------- css/base16-decaf.css | 122 +++++++---------------- css/base16-default-dark.css | 122 +++++++---------------- css/base16-default-light.css | 122 +++++++---------------- css/base16-dirtysea.css | 122 +++++++---------------- css/base16-dracula.css | 122 +++++++---------------- css/base16-edge-dark.css | 122 +++++++---------------- css/base16-edge-light.css | 122 +++++++---------------- css/base16-eighties.css | 122 +++++++---------------- css/base16-embers.css | 122 +++++++---------------- css/base16-equilibrium-dark.css | 122 +++++++---------------- css/base16-equilibrium-gray-dark.css | 122 +++++++---------------- css/base16-equilibrium-gray-light.css | 122 +++++++---------------- css/base16-equilibrium-light.css | 122 +++++++---------------- css/base16-espresso.css | 122 +++++++---------------- css/base16-eva-dim.css | 122 +++++++---------------- css/base16-eva.css | 122 +++++++---------------- css/base16-flat.css | 122 +++++++---------------- css/base16-framer.css | 122 +++++++---------------- css/base16-fruit-soda.css | 122 +++++++---------------- css/base16-gigavolt.css | 122 +++++++---------------- css/base16-github.css | 122 +++++++---------------- css/base16-google-dark.css | 122 +++++++---------------- css/base16-google-light.css | 122 +++++++---------------- css/base16-grayscale-dark.css | 122 +++++++---------------- css/base16-grayscale-light.css | 122 +++++++---------------- css/base16-greenscreen.css | 122 +++++++---------------- css/base16-gruvbox-dark-hard.css | 122 +++++++---------------- css/base16-gruvbox-dark-medium.css | 122 +++++++---------------- css/base16-gruvbox-dark-pale.css | 122 +++++++---------------- css/base16-gruvbox-dark-soft.css | 122 +++++++---------------- css/base16-gruvbox-light-hard.css | 122 +++++++---------------- css/base16-gruvbox-light-medium.css | 122 +++++++---------------- css/base16-gruvbox-light-soft.css | 122 +++++++---------------- css/base16-hardcore.css | 122 +++++++---------------- css/base16-harmonic-dark.css | 122 +++++++---------------- css/base16-harmonic-light.css | 122 +++++++---------------- css/base16-heetch-light.css | 122 +++++++---------------- css/base16-heetch.css | 122 +++++++---------------- css/base16-helios.css | 122 +++++++---------------- css/base16-hopscotch.css | 122 +++++++---------------- css/base16-horizon-dark.css | 122 +++++++---------------- css/base16-horizon-light.css | 122 +++++++---------------- css/base16-horizon-terminal-dark.css | 122 +++++++---------------- css/base16-horizon-terminal-light.css | 122 +++++++---------------- css/base16-humanoid-dark.css | 122 +++++++---------------- css/base16-humanoid-light.css | 122 +++++++---------------- css/base16-ia-dark.css | 122 +++++++---------------- css/base16-ia-light.css | 122 +++++++---------------- css/base16-icy.css | 122 +++++++---------------- css/base16-irblack.css | 122 +++++++---------------- css/base16-isotope.css | 122 +++++++---------------- css/base16-macintosh.css | 122 +++++++---------------- css/base16-marrakesh.css | 122 +++++++---------------- css/base16-materia.css | 122 +++++++---------------- css/base16-material-darker.css | 122 +++++++---------------- css/base16-material-lighter.css | 122 +++++++---------------- css/base16-material-palenight.css | 122 +++++++---------------- css/base16-material-vivid.css | 122 +++++++---------------- css/base16-material.css | 122 +++++++---------------- css/base16-mellow-purple.css | 122 +++++++---------------- css/base16-mexico-light.css | 122 +++++++---------------- css/base16-mocha.css | 122 +++++++---------------- css/base16-monokai.css | 122 +++++++---------------- css/base16-nebula.css | 122 +++++++---------------- css/base16-nord.css | 122 +++++++---------------- css/base16-nova.css | 122 +++++++---------------- css/base16-ocean.css | 122 +++++++---------------- css/base16-oceanicnext.css | 122 +++++++---------------- css/base16-one-light.css | 122 +++++++---------------- css/base16-onedark.css | 122 +++++++---------------- css/base16-outrun-dark.css | 122 +++++++---------------- css/base16-papercolor-dark.css | 122 +++++++---------------- css/base16-papercolor-light.css | 122 +++++++---------------- css/base16-paraiso.css | 122 +++++++---------------- css/base16-pasque.css | 122 +++++++---------------- css/base16-phd.css | 122 +++++++---------------- css/base16-pico.css | 122 +++++++---------------- css/base16-pop.css | 122 +++++++---------------- css/base16-porple.css | 122 +++++++---------------- css/base16-railscasts.css | 122 +++++++---------------- css/base16-rebecca.css | 122 +++++++---------------- css/base16-sandcastle.css | 122 +++++++---------------- css/base16-seti.css | 122 +++++++---------------- css/base16-shapeshifter.css | 122 +++++++---------------- css/base16-snazzy.css | 122 +++++++---------------- css/base16-solarflare.css | 122 +++++++---------------- css/base16-solarized-dark.css | 122 +++++++---------------- css/base16-solarized-light.css | 122 +++++++---------------- css/base16-spacemacs.css | 122 +++++++---------------- css/base16-summercamp.css | 122 +++++++---------------- css/base16-summerfruit-dark.css | 122 +++++++---------------- css/base16-summerfruit-light.css | 122 +++++++---------------- css/base16-synth-midnight-dark.css | 122 +++++++---------------- css/base16-synth-midnight-light.css | 122 +++++++---------------- css/base16-tango.css | 122 +++++++---------------- css/base16-tomorrow-night-eighties.css | 122 +++++++---------------- css/base16-tomorrow-night.css | 122 +++++++---------------- css/base16-tomorrow.css | 122 +++++++---------------- css/base16-tube.css | 122 +++++++---------------- css/base16-twilight.css | 122 +++++++---------------- css/base16-unikitty-dark.css | 122 +++++++---------------- css/base16-unikitty-light.css | 122 +++++++---------------- css/base16-vulcan.css | 122 +++++++---------------- css/base16-woodland.css | 122 +++++++---------------- css/base16-xcode-dusk.css | 122 +++++++---------------- css/base16-zenburn.css | 122 +++++++---------------- 157 files changed, 5966 insertions(+), 13188 deletions(-) diff --git a/css/base16-3024.css b/css/base16-3024.css index 0860487..d54fda8 100644 --- a/css/base16-3024.css +++ b/css/base16-3024.css @@ -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 **/ diff --git a/css/base16-apathy.css b/css/base16-apathy.css index da4f6b6..67d78fd 100644 --- a/css/base16-apathy.css +++ b/css/base16-apathy.css @@ -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 **/ diff --git a/css/base16-ashes.css b/css/base16-ashes.css index fe5663d..e7cf5ac 100644 --- a/css/base16-ashes.css +++ b/css/base16-ashes.css @@ -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 **/ diff --git a/css/base16-atelier-cave-light.css b/css/base16-atelier-cave-light.css index 8d6c269..78f9d9e 100644 --- a/css/base16-atelier-cave-light.css +++ b/css/base16-atelier-cave-light.css @@ -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 **/ diff --git a/css/base16-atelier-cave.css b/css/base16-atelier-cave.css index 663179b..7b3032b 100644 --- a/css/base16-atelier-cave.css +++ b/css/base16-atelier-cave.css @@ -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 **/ diff --git a/css/base16-atelier-dune-light.css b/css/base16-atelier-dune-light.css index fd302c9..f574f08 100644 --- a/css/base16-atelier-dune-light.css +++ b/css/base16-atelier-dune-light.css @@ -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 **/ diff --git a/css/base16-atelier-dune.css b/css/base16-atelier-dune.css index ba8b8b8..1129567 100644 --- a/css/base16-atelier-dune.css +++ b/css/base16-atelier-dune.css @@ -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 **/ diff --git a/css/base16-atelier-estuary-light.css b/css/base16-atelier-estuary-light.css index 2da9ecb..9e61130 100644 --- a/css/base16-atelier-estuary-light.css +++ b/css/base16-atelier-estuary-light.css @@ -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 **/ diff --git a/css/base16-atelier-estuary.css b/css/base16-atelier-estuary.css index 47a281c..c716fa8 100644 --- a/css/base16-atelier-estuary.css +++ b/css/base16-atelier-estuary.css @@ -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 **/ diff --git a/css/base16-atelier-forest-light.css b/css/base16-atelier-forest-light.css index f9ac38d..1eca0e3 100644 --- a/css/base16-atelier-forest-light.css +++ b/css/base16-atelier-forest-light.css @@ -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 **/ diff --git a/css/base16-atelier-forest.css b/css/base16-atelier-forest.css index f557a17..9fee851 100644 --- a/css/base16-atelier-forest.css +++ b/css/base16-atelier-forest.css @@ -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 **/ diff --git a/css/base16-atelier-heath-light.css b/css/base16-atelier-heath-light.css index 5ed1a77..769c746 100644 --- a/css/base16-atelier-heath-light.css +++ b/css/base16-atelier-heath-light.css @@ -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 **/ diff --git a/css/base16-atelier-heath.css b/css/base16-atelier-heath.css index a17c1ea..1d9466f 100644 --- a/css/base16-atelier-heath.css +++ b/css/base16-atelier-heath.css @@ -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 **/ diff --git a/css/base16-atelier-lakeside-light.css b/css/base16-atelier-lakeside-light.css index 6fe8763..a6d68df 100644 --- a/css/base16-atelier-lakeside-light.css +++ b/css/base16-atelier-lakeside-light.css @@ -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 **/ diff --git a/css/base16-atelier-lakeside.css b/css/base16-atelier-lakeside.css index 5a72920..dc5b788 100644 --- a/css/base16-atelier-lakeside.css +++ b/css/base16-atelier-lakeside.css @@ -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 **/ diff --git a/css/base16-atelier-plateau-light.css b/css/base16-atelier-plateau-light.css index 48d37bd..bfedd3b 100644 --- a/css/base16-atelier-plateau-light.css +++ b/css/base16-atelier-plateau-light.css @@ -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 **/ diff --git a/css/base16-atelier-plateau.css b/css/base16-atelier-plateau.css index 4329853..44b1f12 100644 --- a/css/base16-atelier-plateau.css +++ b/css/base16-atelier-plateau.css @@ -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 **/ diff --git a/css/base16-atelier-savanna-light.css b/css/base16-atelier-savanna-light.css index 1ff70e0..122bf78 100644 --- a/css/base16-atelier-savanna-light.css +++ b/css/base16-atelier-savanna-light.css @@ -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 **/ diff --git a/css/base16-atelier-savanna.css b/css/base16-atelier-savanna.css index 595252a..428bff5 100644 --- a/css/base16-atelier-savanna.css +++ b/css/base16-atelier-savanna.css @@ -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 **/ diff --git a/css/base16-atelier-seaside-light.css b/css/base16-atelier-seaside-light.css index b86bcf1..61ee97b 100644 --- a/css/base16-atelier-seaside-light.css +++ b/css/base16-atelier-seaside-light.css @@ -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 **/ diff --git a/css/base16-atelier-seaside.css b/css/base16-atelier-seaside.css index d942aab..35efc46 100644 --- a/css/base16-atelier-seaside.css +++ b/css/base16-atelier-seaside.css @@ -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 **/ diff --git a/css/base16-atelier-sulphurpool-light.css b/css/base16-atelier-sulphurpool-light.css index aaf6044..e0a40a2 100644 --- a/css/base16-atelier-sulphurpool-light.css +++ b/css/base16-atelier-sulphurpool-light.css @@ -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 **/ diff --git a/css/base16-atelier-sulphurpool.css b/css/base16-atelier-sulphurpool.css index e763d7b..518ef1c 100644 --- a/css/base16-atelier-sulphurpool.css +++ b/css/base16-atelier-sulphurpool.css @@ -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 **/ diff --git a/css/base16-atlas.css b/css/base16-atlas.css index 4d68716..65755d2 100644 --- a/css/base16-atlas.css +++ b/css/base16-atlas.css @@ -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 **/ diff --git a/css/base16-bespin.css b/css/base16-bespin.css index eca7d9d..86709db 100644 --- a/css/base16-bespin.css +++ b/css/base16-bespin.css @@ -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 **/ diff --git a/css/base16-black-metal-bathory.css b/css/base16-black-metal-bathory.css index b280a12..df1ba66 100644 --- a/css/base16-black-metal-bathory.css +++ b/css/base16-black-metal-bathory.css @@ -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 **/ diff --git a/css/base16-black-metal-burzum.css b/css/base16-black-metal-burzum.css index ec2b410..b1fc640 100644 --- a/css/base16-black-metal-burzum.css +++ b/css/base16-black-metal-burzum.css @@ -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 **/ diff --git a/css/base16-black-metal-dark-funeral.css b/css/base16-black-metal-dark-funeral.css index 5e0f27b..e9dd3fe 100644 --- a/css/base16-black-metal-dark-funeral.css +++ b/css/base16-black-metal-dark-funeral.css @@ -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 **/ diff --git a/css/base16-black-metal-gorgoroth.css b/css/base16-black-metal-gorgoroth.css index 3aa1ce2..f7fee59 100644 --- a/css/base16-black-metal-gorgoroth.css +++ b/css/base16-black-metal-gorgoroth.css @@ -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 **/ diff --git a/css/base16-black-metal-immortal.css b/css/base16-black-metal-immortal.css index 60375ce..4b5656f 100644 --- a/css/base16-black-metal-immortal.css +++ b/css/base16-black-metal-immortal.css @@ -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 **/ diff --git a/css/base16-black-metal-khold.css b/css/base16-black-metal-khold.css index 413dfd9..67f5eab 100644 --- a/css/base16-black-metal-khold.css +++ b/css/base16-black-metal-khold.css @@ -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 **/ diff --git a/css/base16-black-metal-marduk.css b/css/base16-black-metal-marduk.css index 8b6c241..22a025e 100644 --- a/css/base16-black-metal-marduk.css +++ b/css/base16-black-metal-marduk.css @@ -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 **/ diff --git a/css/base16-black-metal-mayhem.css b/css/base16-black-metal-mayhem.css index eb05bf5..361c4d7 100644 --- a/css/base16-black-metal-mayhem.css +++ b/css/base16-black-metal-mayhem.css @@ -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 **/ diff --git a/css/base16-black-metal-nile.css b/css/base16-black-metal-nile.css index 21ba14b..813633b 100644 --- a/css/base16-black-metal-nile.css +++ b/css/base16-black-metal-nile.css @@ -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 **/ diff --git a/css/base16-black-metal-venom.css b/css/base16-black-metal-venom.css index 5b4a66d..a5d5770 100644 --- a/css/base16-black-metal-venom.css +++ b/css/base16-black-metal-venom.css @@ -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 **/ diff --git a/css/base16-black-metal.css b/css/base16-black-metal.css index 305f478..db20e65 100644 --- a/css/base16-black-metal.css +++ b/css/base16-black-metal.css @@ -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 **/ diff --git a/css/base16-brewer.css b/css/base16-brewer.css index 1f0c0df..5946d7c 100644 --- a/css/base16-brewer.css +++ b/css/base16-brewer.css @@ -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 **/ diff --git a/css/base16-bright.css b/css/base16-bright.css index e34305e..f73b4c2 100644 --- a/css/base16-bright.css +++ b/css/base16-bright.css @@ -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 **/ diff --git a/css/base16-brogrammer.css b/css/base16-brogrammer.css index 2f44b4c..37133ea 100644 --- a/css/base16-brogrammer.css +++ b/css/base16-brogrammer.css @@ -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 **/ diff --git a/css/base16-brushtrees-dark.css b/css/base16-brushtrees-dark.css index 1c27e03..dce8808 100644 --- a/css/base16-brushtrees-dark.css +++ b/css/base16-brushtrees-dark.css @@ -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 **/ diff --git a/css/base16-brushtrees.css b/css/base16-brushtrees.css index c5220a9..4fcc6e6 100644 --- a/css/base16-brushtrees.css +++ b/css/base16-brushtrees.css @@ -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 **/ diff --git a/css/base16-chalk.css b/css/base16-chalk.css index e7abddc..aca6a75 100644 --- a/css/base16-chalk.css +++ b/css/base16-chalk.css @@ -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 **/ diff --git a/css/base16-circus.css b/css/base16-circus.css index 301d150..c341d7e 100644 --- a/css/base16-circus.css +++ b/css/base16-circus.css @@ -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 **/ diff --git a/css/base16-classic-dark.css b/css/base16-classic-dark.css index e73027f..d8162d1 100644 --- a/css/base16-classic-dark.css +++ b/css/base16-classic-dark.css @@ -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 **/ diff --git a/css/base16-classic-light.css b/css/base16-classic-light.css index b4f8cae..d498e9a 100644 --- a/css/base16-classic-light.css +++ b/css/base16-classic-light.css @@ -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 **/ diff --git a/css/base16-codeschool.css b/css/base16-codeschool.css index b1b272b..8316832 100644 --- a/css/base16-codeschool.css +++ b/css/base16-codeschool.css @@ -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 **/ diff --git a/css/base16-cupcake.css b/css/base16-cupcake.css index 262b61d..63ad098 100644 --- a/css/base16-cupcake.css +++ b/css/base16-cupcake.css @@ -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 **/ diff --git a/css/base16-cupertino.css b/css/base16-cupertino.css index 8bc1690..cba781b 100644 --- a/css/base16-cupertino.css +++ b/css/base16-cupertino.css @@ -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 **/ diff --git a/css/base16-darkmoss.css b/css/base16-darkmoss.css index 90843f8..18da981 100644 --- a/css/base16-darkmoss.css +++ b/css/base16-darkmoss.css @@ -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 **/ diff --git a/css/base16-darktooth.css b/css/base16-darktooth.css index dcdb96c..46114e7 100644 --- a/css/base16-darktooth.css +++ b/css/base16-darktooth.css @@ -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 **/ diff --git a/css/base16-darkviolet.css b/css/base16-darkviolet.css index 9c75dd1..df1a0b9 100644 --- a/css/base16-darkviolet.css +++ b/css/base16-darkviolet.css @@ -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 **/ diff --git a/css/base16-decaf.css b/css/base16-decaf.css index 42abe62..4f4d851 100644 --- a/css/base16-decaf.css +++ b/css/base16-decaf.css @@ -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 **/ diff --git a/css/base16-default-dark.css b/css/base16-default-dark.css index cd3290b..b1189f8 100644 --- a/css/base16-default-dark.css +++ b/css/base16-default-dark.css @@ -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 **/ diff --git a/css/base16-default-light.css b/css/base16-default-light.css index d60d3d9..6660246 100644 --- a/css/base16-default-light.css +++ b/css/base16-default-light.css @@ -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 **/ diff --git a/css/base16-dirtysea.css b/css/base16-dirtysea.css index a19fca5..6f424c6 100644 --- a/css/base16-dirtysea.css +++ b/css/base16-dirtysea.css @@ -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 **/ diff --git a/css/base16-dracula.css b/css/base16-dracula.css index e2e9808..e241c1c 100644 --- a/css/base16-dracula.css +++ b/css/base16-dracula.css @@ -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 **/ diff --git a/css/base16-edge-dark.css b/css/base16-edge-dark.css index 31314ae..d1e8d83 100644 --- a/css/base16-edge-dark.css +++ b/css/base16-edge-dark.css @@ -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 **/ diff --git a/css/base16-edge-light.css b/css/base16-edge-light.css index d8b7be7..4dbddf1 100644 --- a/css/base16-edge-light.css +++ b/css/base16-edge-light.css @@ -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 **/ diff --git a/css/base16-eighties.css b/css/base16-eighties.css index 5b8404c..19a4a8e 100644 --- a/css/base16-eighties.css +++ b/css/base16-eighties.css @@ -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 **/ diff --git a/css/base16-embers.css b/css/base16-embers.css index f6bf9a5..975aba3 100644 --- a/css/base16-embers.css +++ b/css/base16-embers.css @@ -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 **/ diff --git a/css/base16-equilibrium-dark.css b/css/base16-equilibrium-dark.css index a0de5a9..8718212 100644 --- a/css/base16-equilibrium-dark.css +++ b/css/base16-equilibrium-dark.css @@ -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 **/ diff --git a/css/base16-equilibrium-gray-dark.css b/css/base16-equilibrium-gray-dark.css index 750257d..7533ba9 100644 --- a/css/base16-equilibrium-gray-dark.css +++ b/css/base16-equilibrium-gray-dark.css @@ -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 **/ diff --git a/css/base16-equilibrium-gray-light.css b/css/base16-equilibrium-gray-light.css index e2dd304..3e3b590 100644 --- a/css/base16-equilibrium-gray-light.css +++ b/css/base16-equilibrium-gray-light.css @@ -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 **/ diff --git a/css/base16-equilibrium-light.css b/css/base16-equilibrium-light.css index 0191dfd..c526785 100644 --- a/css/base16-equilibrium-light.css +++ b/css/base16-equilibrium-light.css @@ -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 **/ diff --git a/css/base16-espresso.css b/css/base16-espresso.css index 9e8bb17..b7bc2e5 100644 --- a/css/base16-espresso.css +++ b/css/base16-espresso.css @@ -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 **/ diff --git a/css/base16-eva-dim.css b/css/base16-eva-dim.css index bee9ed0..360bb64 100644 --- a/css/base16-eva-dim.css +++ b/css/base16-eva-dim.css @@ -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 **/ diff --git a/css/base16-eva.css b/css/base16-eva.css index 6601c5d..df7a143 100644 --- a/css/base16-eva.css +++ b/css/base16-eva.css @@ -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 **/ diff --git a/css/base16-flat.css b/css/base16-flat.css index 36083c2..43a052f 100644 --- a/css/base16-flat.css +++ b/css/base16-flat.css @@ -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 **/ diff --git a/css/base16-framer.css b/css/base16-framer.css index 95c816d..e782369 100644 --- a/css/base16-framer.css +++ b/css/base16-framer.css @@ -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 **/ diff --git a/css/base16-fruit-soda.css b/css/base16-fruit-soda.css index 8118658..19899ac 100644 --- a/css/base16-fruit-soda.css +++ b/css/base16-fruit-soda.css @@ -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 **/ diff --git a/css/base16-gigavolt.css b/css/base16-gigavolt.css index 56b5e5b..00ed214 100644 --- a/css/base16-gigavolt.css +++ b/css/base16-gigavolt.css @@ -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 **/ diff --git a/css/base16-github.css b/css/base16-github.css index 0eb171e..c67ea3e 100644 --- a/css/base16-github.css +++ b/css/base16-github.css @@ -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 **/ diff --git a/css/base16-google-dark.css b/css/base16-google-dark.css index 0e0c40d..c8dd2ef 100644 --- a/css/base16-google-dark.css +++ b/css/base16-google-dark.css @@ -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 **/ diff --git a/css/base16-google-light.css b/css/base16-google-light.css index e581306..9538b44 100644 --- a/css/base16-google-light.css +++ b/css/base16-google-light.css @@ -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 **/ diff --git a/css/base16-grayscale-dark.css b/css/base16-grayscale-dark.css index b7864f6..e1fcf93 100644 --- a/css/base16-grayscale-dark.css +++ b/css/base16-grayscale-dark.css @@ -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 **/ diff --git a/css/base16-grayscale-light.css b/css/base16-grayscale-light.css index fd903a4..861c422 100644 --- a/css/base16-grayscale-light.css +++ b/css/base16-grayscale-light.css @@ -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 **/ diff --git a/css/base16-greenscreen.css b/css/base16-greenscreen.css index 01f4382..104f3cc 100644 --- a/css/base16-greenscreen.css +++ b/css/base16-greenscreen.css @@ -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 **/ diff --git a/css/base16-gruvbox-dark-hard.css b/css/base16-gruvbox-dark-hard.css index 05d7431..61381e6 100644 --- a/css/base16-gruvbox-dark-hard.css +++ b/css/base16-gruvbox-dark-hard.css @@ -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 **/ diff --git a/css/base16-gruvbox-dark-medium.css b/css/base16-gruvbox-dark-medium.css index 7272398..b1fac27 100644 --- a/css/base16-gruvbox-dark-medium.css +++ b/css/base16-gruvbox-dark-medium.css @@ -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 **/ diff --git a/css/base16-gruvbox-dark-pale.css b/css/base16-gruvbox-dark-pale.css index 0ca49d0..cb0217a 100644 --- a/css/base16-gruvbox-dark-pale.css +++ b/css/base16-gruvbox-dark-pale.css @@ -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 **/ diff --git a/css/base16-gruvbox-dark-soft.css b/css/base16-gruvbox-dark-soft.css index 8cff205..bc10105 100644 --- a/css/base16-gruvbox-dark-soft.css +++ b/css/base16-gruvbox-dark-soft.css @@ -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 **/ diff --git a/css/base16-gruvbox-light-hard.css b/css/base16-gruvbox-light-hard.css index 29f7731..4ff3331 100644 --- a/css/base16-gruvbox-light-hard.css +++ b/css/base16-gruvbox-light-hard.css @@ -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 **/ diff --git a/css/base16-gruvbox-light-medium.css b/css/base16-gruvbox-light-medium.css index a181619..706b765 100644 --- a/css/base16-gruvbox-light-medium.css +++ b/css/base16-gruvbox-light-medium.css @@ -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 **/ diff --git a/css/base16-gruvbox-light-soft.css b/css/base16-gruvbox-light-soft.css index 238d5c1..47a2c3a 100644 --- a/css/base16-gruvbox-light-soft.css +++ b/css/base16-gruvbox-light-soft.css @@ -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 **/ diff --git a/css/base16-hardcore.css b/css/base16-hardcore.css index 3a78a53..86038d6 100644 --- a/css/base16-hardcore.css +++ b/css/base16-hardcore.css @@ -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 **/ diff --git a/css/base16-harmonic-dark.css b/css/base16-harmonic-dark.css index b910b5f..bebdaae 100644 --- a/css/base16-harmonic-dark.css +++ b/css/base16-harmonic-dark.css @@ -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 **/ diff --git a/css/base16-harmonic-light.css b/css/base16-harmonic-light.css index 7f5a595..26db7f4 100644 --- a/css/base16-harmonic-light.css +++ b/css/base16-harmonic-light.css @@ -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 **/ diff --git a/css/base16-heetch-light.css b/css/base16-heetch-light.css index 6220e46..c2aef1c 100644 --- a/css/base16-heetch-light.css +++ b/css/base16-heetch-light.css @@ -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 **/ diff --git a/css/base16-heetch.css b/css/base16-heetch.css index aa4f4c1..546b192 100644 --- a/css/base16-heetch.css +++ b/css/base16-heetch.css @@ -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 **/ diff --git a/css/base16-helios.css b/css/base16-helios.css index 46d1ac0..62136e7 100644 --- a/css/base16-helios.css +++ b/css/base16-helios.css @@ -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 **/ diff --git a/css/base16-hopscotch.css b/css/base16-hopscotch.css index 95cf841..373fe16 100644 --- a/css/base16-hopscotch.css +++ b/css/base16-hopscotch.css @@ -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 **/ diff --git a/css/base16-horizon-dark.css b/css/base16-horizon-dark.css index ef8650b..7cfc79b 100644 --- a/css/base16-horizon-dark.css +++ b/css/base16-horizon-dark.css @@ -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 **/ diff --git a/css/base16-horizon-light.css b/css/base16-horizon-light.css index d1aa68c..1e8db43 100644 --- a/css/base16-horizon-light.css +++ b/css/base16-horizon-light.css @@ -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 **/ diff --git a/css/base16-horizon-terminal-dark.css b/css/base16-horizon-terminal-dark.css index 4ffea05..5e387be 100644 --- a/css/base16-horizon-terminal-dark.css +++ b/css/base16-horizon-terminal-dark.css @@ -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 **/ diff --git a/css/base16-horizon-terminal-light.css b/css/base16-horizon-terminal-light.css index 1dbe25a..3521de3 100644 --- a/css/base16-horizon-terminal-light.css +++ b/css/base16-horizon-terminal-light.css @@ -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 **/ diff --git a/css/base16-humanoid-dark.css b/css/base16-humanoid-dark.css index fd6fd8f..7bace47 100644 --- a/css/base16-humanoid-dark.css +++ b/css/base16-humanoid-dark.css @@ -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 **/ diff --git a/css/base16-humanoid-light.css b/css/base16-humanoid-light.css index e2ad8fb..126e376 100644 --- a/css/base16-humanoid-light.css +++ b/css/base16-humanoid-light.css @@ -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 **/ diff --git a/css/base16-ia-dark.css b/css/base16-ia-dark.css index 89d6227..689729c 100644 --- a/css/base16-ia-dark.css +++ b/css/base16-ia-dark.css @@ -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 **/ diff --git a/css/base16-ia-light.css b/css/base16-ia-light.css index 4be4c81..4d811fd 100644 --- a/css/base16-ia-light.css +++ b/css/base16-ia-light.css @@ -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 **/ diff --git a/css/base16-icy.css b/css/base16-icy.css index 91e5b7b..dcecfa5 100644 --- a/css/base16-icy.css +++ b/css/base16-icy.css @@ -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 **/ diff --git a/css/base16-irblack.css b/css/base16-irblack.css index 6d1c44b..296d601 100644 --- a/css/base16-irblack.css +++ b/css/base16-irblack.css @@ -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 **/ diff --git a/css/base16-isotope.css b/css/base16-isotope.css index 8467244..e88058e 100644 --- a/css/base16-isotope.css +++ b/css/base16-isotope.css @@ -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 **/ diff --git a/css/base16-macintosh.css b/css/base16-macintosh.css index adfba0a..097d905 100644 --- a/css/base16-macintosh.css +++ b/css/base16-macintosh.css @@ -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 **/ diff --git a/css/base16-marrakesh.css b/css/base16-marrakesh.css index c2983ac..82de3b1 100644 --- a/css/base16-marrakesh.css +++ b/css/base16-marrakesh.css @@ -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 **/ diff --git a/css/base16-materia.css b/css/base16-materia.css index 173bd08..6c79a08 100644 --- a/css/base16-materia.css +++ b/css/base16-materia.css @@ -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 **/ diff --git a/css/base16-material-darker.css b/css/base16-material-darker.css index 0f387de..848eb06 100644 --- a/css/base16-material-darker.css +++ b/css/base16-material-darker.css @@ -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 **/ diff --git a/css/base16-material-lighter.css b/css/base16-material-lighter.css index cf5e897..f92e179 100644 --- a/css/base16-material-lighter.css +++ b/css/base16-material-lighter.css @@ -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 **/ diff --git a/css/base16-material-palenight.css b/css/base16-material-palenight.css index f031b43..4240176 100644 --- a/css/base16-material-palenight.css +++ b/css/base16-material-palenight.css @@ -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 **/ diff --git a/css/base16-material-vivid.css b/css/base16-material-vivid.css index 92e6a46..6dcb0ef 100644 --- a/css/base16-material-vivid.css +++ b/css/base16-material-vivid.css @@ -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 **/ diff --git a/css/base16-material.css b/css/base16-material.css index 74b7a17..10e4e1c 100644 --- a/css/base16-material.css +++ b/css/base16-material.css @@ -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 **/ diff --git a/css/base16-mellow-purple.css b/css/base16-mellow-purple.css index 399657a..c6e203f 100644 --- a/css/base16-mellow-purple.css +++ b/css/base16-mellow-purple.css @@ -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 **/ diff --git a/css/base16-mexico-light.css b/css/base16-mexico-light.css index d481030..8864c5b 100644 --- a/css/base16-mexico-light.css +++ b/css/base16-mexico-light.css @@ -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 **/ diff --git a/css/base16-mocha.css b/css/base16-mocha.css index 943c228..fd9d3cf 100644 --- a/css/base16-mocha.css +++ b/css/base16-mocha.css @@ -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 **/ diff --git a/css/base16-monokai.css b/css/base16-monokai.css index 9f36e79..c6e5e98 100644 --- a/css/base16-monokai.css +++ b/css/base16-monokai.css @@ -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 **/ diff --git a/css/base16-nebula.css b/css/base16-nebula.css index 7bac8f8..534e48b 100644 --- a/css/base16-nebula.css +++ b/css/base16-nebula.css @@ -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 **/ diff --git a/css/base16-nord.css b/css/base16-nord.css index 7841ed0..145e64c 100644 --- a/css/base16-nord.css +++ b/css/base16-nord.css @@ -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 **/ diff --git a/css/base16-nova.css b/css/base16-nova.css index aaf7baf..bb2dea3 100644 --- a/css/base16-nova.css +++ b/css/base16-nova.css @@ -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 **/ diff --git a/css/base16-ocean.css b/css/base16-ocean.css index 5603ed8..1f307ac 100644 --- a/css/base16-ocean.css +++ b/css/base16-ocean.css @@ -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 **/ diff --git a/css/base16-oceanicnext.css b/css/base16-oceanicnext.css index 7af9e99..ffa5a91 100644 --- a/css/base16-oceanicnext.css +++ b/css/base16-oceanicnext.css @@ -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 **/ diff --git a/css/base16-one-light.css b/css/base16-one-light.css index ac512fd..90b6f2a 100644 --- a/css/base16-one-light.css +++ b/css/base16-one-light.css @@ -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 **/ diff --git a/css/base16-onedark.css b/css/base16-onedark.css index 88b3017..1b452b7 100644 --- a/css/base16-onedark.css +++ b/css/base16-onedark.css @@ -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 **/ diff --git a/css/base16-outrun-dark.css b/css/base16-outrun-dark.css index b59a5ed..2df6198 100644 --- a/css/base16-outrun-dark.css +++ b/css/base16-outrun-dark.css @@ -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 **/ diff --git a/css/base16-papercolor-dark.css b/css/base16-papercolor-dark.css index 22b5afe..6e3c35f 100644 --- a/css/base16-papercolor-dark.css +++ b/css/base16-papercolor-dark.css @@ -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 **/ diff --git a/css/base16-papercolor-light.css b/css/base16-papercolor-light.css index f5b6221..8d234c5 100644 --- a/css/base16-papercolor-light.css +++ b/css/base16-papercolor-light.css @@ -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 **/ diff --git a/css/base16-paraiso.css b/css/base16-paraiso.css index 1f03f5c..3c7e498 100644 --- a/css/base16-paraiso.css +++ b/css/base16-paraiso.css @@ -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 **/ diff --git a/css/base16-pasque.css b/css/base16-pasque.css index ec796a0..49dc2c3 100644 --- a/css/base16-pasque.css +++ b/css/base16-pasque.css @@ -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 **/ diff --git a/css/base16-phd.css b/css/base16-phd.css index 773848f..b8c13d9 100644 --- a/css/base16-phd.css +++ b/css/base16-phd.css @@ -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 **/ diff --git a/css/base16-pico.css b/css/base16-pico.css index f76c1dc..d57eed5 100644 --- a/css/base16-pico.css +++ b/css/base16-pico.css @@ -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 **/ diff --git a/css/base16-pop.css b/css/base16-pop.css index 6d6b550..e8653ab 100644 --- a/css/base16-pop.css +++ b/css/base16-pop.css @@ -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 **/ diff --git a/css/base16-porple.css b/css/base16-porple.css index 62cb298..9b823cb 100644 --- a/css/base16-porple.css +++ b/css/base16-porple.css @@ -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 **/ diff --git a/css/base16-railscasts.css b/css/base16-railscasts.css index 15d7f79..fc9ce12 100644 --- a/css/base16-railscasts.css +++ b/css/base16-railscasts.css @@ -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 **/ diff --git a/css/base16-rebecca.css b/css/base16-rebecca.css index ce52754..230d95c 100644 --- a/css/base16-rebecca.css +++ b/css/base16-rebecca.css @@ -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 **/ diff --git a/css/base16-sandcastle.css b/css/base16-sandcastle.css index 41ea6dc..2e8e9c1 100644 --- a/css/base16-sandcastle.css +++ b/css/base16-sandcastle.css @@ -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 **/ diff --git a/css/base16-seti.css b/css/base16-seti.css index d42c277..6632bcc 100644 --- a/css/base16-seti.css +++ b/css/base16-seti.css @@ -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 **/ diff --git a/css/base16-shapeshifter.css b/css/base16-shapeshifter.css index a842233..57112dd 100644 --- a/css/base16-shapeshifter.css +++ b/css/base16-shapeshifter.css @@ -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 **/ diff --git a/css/base16-snazzy.css b/css/base16-snazzy.css index b96141a..ddd8f00 100644 --- a/css/base16-snazzy.css +++ b/css/base16-snazzy.css @@ -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 **/ diff --git a/css/base16-solarflare.css b/css/base16-solarflare.css index b572909..766b682 100644 --- a/css/base16-solarflare.css +++ b/css/base16-solarflare.css @@ -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 **/ diff --git a/css/base16-solarized-dark.css b/css/base16-solarized-dark.css index 0604479..3697821 100644 --- a/css/base16-solarized-dark.css +++ b/css/base16-solarized-dark.css @@ -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 **/ diff --git a/css/base16-solarized-light.css b/css/base16-solarized-light.css index 1431a33..9a8175c 100644 --- a/css/base16-solarized-light.css +++ b/css/base16-solarized-light.css @@ -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 **/ diff --git a/css/base16-spacemacs.css b/css/base16-spacemacs.css index 506dd43..3e543fc 100644 --- a/css/base16-spacemacs.css +++ b/css/base16-spacemacs.css @@ -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 **/ diff --git a/css/base16-summercamp.css b/css/base16-summercamp.css index 8cddf28..984e20e 100644 --- a/css/base16-summercamp.css +++ b/css/base16-summercamp.css @@ -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 **/ diff --git a/css/base16-summerfruit-dark.css b/css/base16-summerfruit-dark.css index b06401a..3e34799 100644 --- a/css/base16-summerfruit-dark.css +++ b/css/base16-summerfruit-dark.css @@ -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 **/ diff --git a/css/base16-summerfruit-light.css b/css/base16-summerfruit-light.css index 76c7722..bbb7ef4 100644 --- a/css/base16-summerfruit-light.css +++ b/css/base16-summerfruit-light.css @@ -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 **/ diff --git a/css/base16-synth-midnight-dark.css b/css/base16-synth-midnight-dark.css index 329d8bd..42dba5a 100644 --- a/css/base16-synth-midnight-dark.css +++ b/css/base16-synth-midnight-dark.css @@ -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 **/ diff --git a/css/base16-synth-midnight-light.css b/css/base16-synth-midnight-light.css index 9136e29..75f1c1d 100644 --- a/css/base16-synth-midnight-light.css +++ b/css/base16-synth-midnight-light.css @@ -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 **/ diff --git a/css/base16-tango.css b/css/base16-tango.css index bd28a46..e0d3838 100644 --- a/css/base16-tango.css +++ b/css/base16-tango.css @@ -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 **/ diff --git a/css/base16-tomorrow-night-eighties.css b/css/base16-tomorrow-night-eighties.css index dd8be49..8e2a6d5 100644 --- a/css/base16-tomorrow-night-eighties.css +++ b/css/base16-tomorrow-night-eighties.css @@ -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 **/ diff --git a/css/base16-tomorrow-night.css b/css/base16-tomorrow-night.css index 7ec26b3..bf474f7 100644 --- a/css/base16-tomorrow-night.css +++ b/css/base16-tomorrow-night.css @@ -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 **/ diff --git a/css/base16-tomorrow.css b/css/base16-tomorrow.css index 674d332..0812294 100644 --- a/css/base16-tomorrow.css +++ b/css/base16-tomorrow.css @@ -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 **/ diff --git a/css/base16-tube.css b/css/base16-tube.css index 1ed913f..f071227 100644 --- a/css/base16-tube.css +++ b/css/base16-tube.css @@ -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 **/ diff --git a/css/base16-twilight.css b/css/base16-twilight.css index 134a960..d60b285 100644 --- a/css/base16-twilight.css +++ b/css/base16-twilight.css @@ -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 **/ diff --git a/css/base16-unikitty-dark.css b/css/base16-unikitty-dark.css index b4e5d62..b327f06 100644 --- a/css/base16-unikitty-dark.css +++ b/css/base16-unikitty-dark.css @@ -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 **/ diff --git a/css/base16-unikitty-light.css b/css/base16-unikitty-light.css index b4cfe53..d961366 100644 --- a/css/base16-unikitty-light.css +++ b/css/base16-unikitty-light.css @@ -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 **/ diff --git a/css/base16-vulcan.css b/css/base16-vulcan.css index 2f83d2c..22dd3a0 100644 --- a/css/base16-vulcan.css +++ b/css/base16-vulcan.css @@ -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 **/ diff --git a/css/base16-woodland.css b/css/base16-woodland.css index ad68874..ba0f2ea 100644 --- a/css/base16-woodland.css +++ b/css/base16-woodland.css @@ -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 **/ diff --git a/css/base16-xcode-dusk.css b/css/base16-xcode-dusk.css index fe1f6c6..f868b34 100644 --- a/css/base16-xcode-dusk.css +++ b/css/base16-xcode-dusk.css @@ -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 **/ diff --git a/css/base16-zenburn.css b/css/base16-zenburn.css index 2554ea3..2fff489 100644 --- a/css/base16-zenburn.css +++ b/css/base16-zenburn.css @@ -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 **/