diff --git a/css/base16-3024.css b/css/base16-3024.css index f540051..1ca17a8 100644 --- a/css/base16-3024.css +++ b/css/base16-3024.css @@ -17,6 +17,10 @@ --base0D: #01a0e4; --base0E: #a16a94; --base0F: #cdab53; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-apathy.css b/css/base16-apathy.css index 33d0e58..f650dac 100644 --- a/css/base16-apathy.css +++ b/css/base16-apathy.css @@ -17,6 +17,10 @@ --base0D: #96883E; --base0E: #4C963E; --base0F: #3E965B; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-ashes.css b/css/base16-ashes.css index 338cb69..c026b40 100644 --- a/css/base16-ashes.css +++ b/css/base16-ashes.css @@ -17,6 +17,10 @@ --base0D: #AE95C7; --base0E: #C795AE; --base0F: #C79595; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-atelier-cave-light.css b/css/base16-atelier-cave-light.css index 904e57a..8ad3d85 100644 --- a/css/base16-atelier-cave-light.css +++ b/css/base16-atelier-cave-light.css @@ -17,6 +17,10 @@ --base0D: #576ddb; --base0E: #955ae7; --base0F: #bf40bf; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-atelier-cave.css b/css/base16-atelier-cave.css index 126834f..6760c31 100644 --- a/css/base16-atelier-cave.css +++ b/css/base16-atelier-cave.css @@ -17,6 +17,10 @@ --base0D: #576ddb; --base0E: #955ae7; --base0F: #bf40bf; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-atelier-dune-light.css b/css/base16-atelier-dune-light.css index 3681007..3f14b98 100644 --- a/css/base16-atelier-dune-light.css +++ b/css/base16-atelier-dune-light.css @@ -17,6 +17,10 @@ --base0D: #6684e1; --base0E: #b854d4; --base0F: #d43552; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-atelier-dune.css b/css/base16-atelier-dune.css index 338baf2..ed8548c 100644 --- a/css/base16-atelier-dune.css +++ b/css/base16-atelier-dune.css @@ -17,6 +17,10 @@ --base0D: #6684e1; --base0E: #b854d4; --base0F: #d43552; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-atelier-estuary-light.css b/css/base16-atelier-estuary-light.css index a8e9100..2b1ec06 100644 --- a/css/base16-atelier-estuary-light.css +++ b/css/base16-atelier-estuary-light.css @@ -17,6 +17,10 @@ --base0D: #36a166; --base0E: #5f9182; --base0F: #9d6c7c; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-atelier-estuary.css b/css/base16-atelier-estuary.css index 9c58deb..3ba0f2e 100644 --- a/css/base16-atelier-estuary.css +++ b/css/base16-atelier-estuary.css @@ -17,6 +17,10 @@ --base0D: #36a166; --base0E: #5f9182; --base0F: #9d6c7c; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-atelier-forest-light.css b/css/base16-atelier-forest-light.css index 3b60df6..a56dc40 100644 --- a/css/base16-atelier-forest-light.css +++ b/css/base16-atelier-forest-light.css @@ -17,6 +17,10 @@ --base0D: #407ee7; --base0E: #6666ea; --base0F: #c33ff3; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-atelier-forest.css b/css/base16-atelier-forest.css index 97d268a..7b06876 100644 --- a/css/base16-atelier-forest.css +++ b/css/base16-atelier-forest.css @@ -17,6 +17,10 @@ --base0D: #407ee7; --base0E: #6666ea; --base0F: #c33ff3; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-atelier-heath-light.css b/css/base16-atelier-heath-light.css index dbf7367..af1fb23 100644 --- a/css/base16-atelier-heath-light.css +++ b/css/base16-atelier-heath-light.css @@ -17,6 +17,10 @@ --base0D: #516aec; --base0E: #7b59c0; --base0F: #cc33cc; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-atelier-heath.css b/css/base16-atelier-heath.css index 7b1e5e6..798d6a9 100644 --- a/css/base16-atelier-heath.css +++ b/css/base16-atelier-heath.css @@ -17,6 +17,10 @@ --base0D: #516aec; --base0E: #7b59c0; --base0F: #cc33cc; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-atelier-lakeside-light.css b/css/base16-atelier-lakeside-light.css index ab6281e..786a83f 100644 --- a/css/base16-atelier-lakeside-light.css +++ b/css/base16-atelier-lakeside-light.css @@ -17,6 +17,10 @@ --base0D: #257fad; --base0E: #6b6bb8; --base0F: #b72dd2; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-atelier-lakeside.css b/css/base16-atelier-lakeside.css index 4fd406e..9264711 100644 --- a/css/base16-atelier-lakeside.css +++ b/css/base16-atelier-lakeside.css @@ -17,6 +17,10 @@ --base0D: #257fad; --base0E: #6b6bb8; --base0F: #b72dd2; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-atelier-plateau-light.css b/css/base16-atelier-plateau-light.css index 6c9a8d5..847169d 100644 --- a/css/base16-atelier-plateau-light.css +++ b/css/base16-atelier-plateau-light.css @@ -17,6 +17,10 @@ --base0D: #7272ca; --base0E: #8464c4; --base0F: #bd5187; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-atelier-plateau.css b/css/base16-atelier-plateau.css index f427d23..0717317 100644 --- a/css/base16-atelier-plateau.css +++ b/css/base16-atelier-plateau.css @@ -17,6 +17,10 @@ --base0D: #7272ca; --base0E: #8464c4; --base0F: #bd5187; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-atelier-savanna-light.css b/css/base16-atelier-savanna-light.css index 8226716..65dfaeb 100644 --- a/css/base16-atelier-savanna-light.css +++ b/css/base16-atelier-savanna-light.css @@ -17,6 +17,10 @@ --base0D: #478c90; --base0E: #55859b; --base0F: #867469; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-atelier-savanna.css b/css/base16-atelier-savanna.css index 4a225e0..3e78eee 100644 --- a/css/base16-atelier-savanna.css +++ b/css/base16-atelier-savanna.css @@ -17,6 +17,10 @@ --base0D: #478c90; --base0E: #55859b; --base0F: #867469; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-atelier-seaside-light.css b/css/base16-atelier-seaside-light.css index d3b394d..0e7d994 100644 --- a/css/base16-atelier-seaside-light.css +++ b/css/base16-atelier-seaside-light.css @@ -17,6 +17,10 @@ --base0D: #3d62f5; --base0E: #ad2bee; --base0F: #e619c3; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-atelier-seaside.css b/css/base16-atelier-seaside.css index 1754433..754135a 100644 --- a/css/base16-atelier-seaside.css +++ b/css/base16-atelier-seaside.css @@ -17,6 +17,10 @@ --base0D: #3d62f5; --base0E: #ad2bee; --base0F: #e619c3; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-atelier-sulphurpool-light.css b/css/base16-atelier-sulphurpool-light.css index 6227942..97a94cd 100644 --- a/css/base16-atelier-sulphurpool-light.css +++ b/css/base16-atelier-sulphurpool-light.css @@ -17,6 +17,10 @@ --base0D: #3d8fd1; --base0E: #6679cc; --base0F: #9c637a; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-atelier-sulphurpool.css b/css/base16-atelier-sulphurpool.css index c119add..6f3f2c3 100644 --- a/css/base16-atelier-sulphurpool.css +++ b/css/base16-atelier-sulphurpool.css @@ -17,6 +17,10 @@ --base0D: #3d8fd1; --base0E: #6679cc; --base0F: #9c637a; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-atlas.css b/css/base16-atlas.css index 4538867..17ceeb6 100644 --- a/css/base16-atlas.css +++ b/css/base16-atlas.css @@ -17,6 +17,10 @@ --base0D: #5dd7b9; --base0E: #9a70a4; --base0F: #c43060; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-bespin.css b/css/base16-bespin.css index 4b48808..61b5f6f 100644 --- a/css/base16-bespin.css +++ b/css/base16-bespin.css @@ -17,6 +17,10 @@ --base0D: #5ea6ea; --base0E: #9b859d; --base0F: #937121; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-black-metal-bathory.css b/css/base16-black-metal-bathory.css index 3211986..77303f8 100644 --- a/css/base16-black-metal-bathory.css +++ b/css/base16-black-metal-bathory.css @@ -17,6 +17,10 @@ --base0D: #888888; --base0E: #999999; --base0F: #444444; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-black-metal-burzum.css b/css/base16-black-metal-burzum.css index 04c9c5c..03e3a73 100644 --- a/css/base16-black-metal-burzum.css +++ b/css/base16-black-metal-burzum.css @@ -17,6 +17,10 @@ --base0D: #888888; --base0E: #999999; --base0F: #444444; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-black-metal-dark-funeral.css b/css/base16-black-metal-dark-funeral.css index 28b4bcb..6f307b6 100644 --- a/css/base16-black-metal-dark-funeral.css +++ b/css/base16-black-metal-dark-funeral.css @@ -17,6 +17,10 @@ --base0D: #888888; --base0E: #999999; --base0F: #444444; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-black-metal-gorgoroth.css b/css/base16-black-metal-gorgoroth.css index 661039e..ebc05d4 100644 --- a/css/base16-black-metal-gorgoroth.css +++ b/css/base16-black-metal-gorgoroth.css @@ -17,6 +17,10 @@ --base0D: #888888; --base0E: #999999; --base0F: #444444; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-black-metal-immortal.css b/css/base16-black-metal-immortal.css index 4ef7377..3f1e15c 100644 --- a/css/base16-black-metal-immortal.css +++ b/css/base16-black-metal-immortal.css @@ -17,6 +17,10 @@ --base0D: #888888; --base0E: #999999; --base0F: #444444; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-black-metal-khold.css b/css/base16-black-metal-khold.css index f11e091..19b49f9 100644 --- a/css/base16-black-metal-khold.css +++ b/css/base16-black-metal-khold.css @@ -17,6 +17,10 @@ --base0D: #888888; --base0E: #999999; --base0F: #444444; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-black-metal-marduk.css b/css/base16-black-metal-marduk.css index 10e24b4..e8bfe1a 100644 --- a/css/base16-black-metal-marduk.css +++ b/css/base16-black-metal-marduk.css @@ -17,6 +17,10 @@ --base0D: #888888; --base0E: #999999; --base0F: #444444; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-black-metal-mayhem.css b/css/base16-black-metal-mayhem.css index c006ce1..617e2e0 100644 --- a/css/base16-black-metal-mayhem.css +++ b/css/base16-black-metal-mayhem.css @@ -17,6 +17,10 @@ --base0D: #888888; --base0E: #999999; --base0F: #444444; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-black-metal-nile.css b/css/base16-black-metal-nile.css index 428cfed..cc26cae 100644 --- a/css/base16-black-metal-nile.css +++ b/css/base16-black-metal-nile.css @@ -17,6 +17,10 @@ --base0D: #888888; --base0E: #999999; --base0F: #444444; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-black-metal-venom.css b/css/base16-black-metal-venom.css index 5e02daa..2cf15f7 100644 --- a/css/base16-black-metal-venom.css +++ b/css/base16-black-metal-venom.css @@ -17,6 +17,10 @@ --base0D: #888888; --base0E: #999999; --base0F: #444444; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-black-metal.css b/css/base16-black-metal.css index 1fe774f..c4cca8a 100644 --- a/css/base16-black-metal.css +++ b/css/base16-black-metal.css @@ -17,6 +17,10 @@ --base0D: #888888; --base0E: #999999; --base0F: #444444; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-brewer.css b/css/base16-brewer.css index 7f1e28a..9d4aea4 100644 --- a/css/base16-brewer.css +++ b/css/base16-brewer.css @@ -17,6 +17,10 @@ --base0D: #3182bd; --base0E: #756bb1; --base0F: #b15928; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-bright.css b/css/base16-bright.css index 61c6064..7a7b5b4 100644 --- a/css/base16-bright.css +++ b/css/base16-bright.css @@ -17,6 +17,10 @@ --base0D: #6fb3d2; --base0E: #d381c3; --base0F: #be643c; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-brogrammer.css b/css/base16-brogrammer.css index a74fb5c..3510b5e 100644 --- a/css/base16-brogrammer.css +++ b/css/base16-brogrammer.css @@ -17,6 +17,10 @@ --base0D: #5350b9; --base0E: #0f7ddb; --base0F: #ffffff; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-brushtrees-dark.css b/css/base16-brushtrees-dark.css index 9aacf2b..3a4b5c3 100644 --- a/css/base16-brushtrees-dark.css +++ b/css/base16-brushtrees-dark.css @@ -17,6 +17,10 @@ --base0D: #868cb3; --base0E: #b386b2; --base0F: #b39f9f; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-brushtrees.css b/css/base16-brushtrees.css index 3f61141..e412a6f 100644 --- a/css/base16-brushtrees.css +++ b/css/base16-brushtrees.css @@ -17,6 +17,10 @@ --base0D: #868cb3; --base0E: #b386b2; --base0F: #b39f9f; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-chalk.css b/css/base16-chalk.css index 95f1d47..5286fb9 100644 --- a/css/base16-chalk.css +++ b/css/base16-chalk.css @@ -17,6 +17,10 @@ --base0D: #6fc2ef; --base0E: #e1a3ee; --base0F: #deaf8f; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-circus.css b/css/base16-circus.css index 754904e..849872f 100644 --- a/css/base16-circus.css +++ b/css/base16-circus.css @@ -17,6 +17,10 @@ --base0D: #639ee4; --base0E: #b888e2; --base0F: #b888e2; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-classic-dark.css b/css/base16-classic-dark.css index 8cfbfcb..1401fac 100644 --- a/css/base16-classic-dark.css +++ b/css/base16-classic-dark.css @@ -17,6 +17,10 @@ --base0D: #6A9FB5; --base0E: #AA759F; --base0F: #8F5536; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-classic-light.css b/css/base16-classic-light.css index 0bfd241..583ca1d 100644 --- a/css/base16-classic-light.css +++ b/css/base16-classic-light.css @@ -17,6 +17,10 @@ --base0D: #6A9FB5; --base0E: #AA759F; --base0F: #8F5536; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-codeschool.css b/css/base16-codeschool.css index 8d019f4..2031359 100644 --- a/css/base16-codeschool.css +++ b/css/base16-codeschool.css @@ -17,6 +17,10 @@ --base0D: #484d79; --base0E: #c59820; --base0F: #c98344; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-cupcake.css b/css/base16-cupcake.css index d16f4ff..ca9b670 100644 --- a/css/base16-cupcake.css +++ b/css/base16-cupcake.css @@ -17,6 +17,10 @@ --base0D: #7297B9; --base0E: #BB99B4; --base0F: #BAA58C; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-cupertino.css b/css/base16-cupertino.css index 38e2395..03df140 100644 --- a/css/base16-cupertino.css +++ b/css/base16-cupertino.css @@ -17,6 +17,10 @@ --base0D: #0000ff; --base0E: #a90d91; --base0F: #826b28; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-darkmoss.css b/css/base16-darkmoss.css index 0944e8d..020e0ca 100644 --- a/css/base16-darkmoss.css +++ b/css/base16-darkmoss.css @@ -17,6 +17,10 @@ --base0D: #498091; --base0E: #9bc0c8; --base0F: #d27b53; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-darktooth.css b/css/base16-darktooth.css index 72b1308..ef40e62 100644 --- a/css/base16-darktooth.css +++ b/css/base16-darktooth.css @@ -17,6 +17,10 @@ --base0D: #0D6678; --base0E: #8F4673; --base0F: #A87322; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-darkviolet.css b/css/base16-darkviolet.css index 852a727..be9bf87 100644 --- a/css/base16-darkviolet.css +++ b/css/base16-darkviolet.css @@ -17,6 +17,10 @@ --base0D: #4136d9; --base0E: #7e5ce6; --base0F: #a886bf; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-decaf.css b/css/base16-decaf.css index 5f6a629..d77845d 100644 --- a/css/base16-decaf.css +++ b/css/base16-decaf.css @@ -17,6 +17,10 @@ --base0D: #90bee1; --base0E: #efb3f7; --base0F: #ff93b3; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-default-dark.css b/css/base16-default-dark.css index e91d392..ac78327 100644 --- a/css/base16-default-dark.css +++ b/css/base16-default-dark.css @@ -17,6 +17,10 @@ --base0D: #7cafc2; --base0E: #ba8baf; --base0F: #a16946; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-default-light.css b/css/base16-default-light.css index 4309ae2..115488d 100644 --- a/css/base16-default-light.css +++ b/css/base16-default-light.css @@ -17,6 +17,10 @@ --base0D: #7cafc2; --base0E: #ba8baf; --base0F: #a16946; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-dirtysea.css b/css/base16-dirtysea.css index 4cf2dfe..9a2bb9d 100644 --- a/css/base16-dirtysea.css +++ b/css/base16-dirtysea.css @@ -17,6 +17,10 @@ --base0D: #007300; --base0E: #840000; --base0F: #755B00; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-dracula.css b/css/base16-dracula.css index 28e61a7..ad5df7b 100644 --- a/css/base16-dracula.css +++ b/css/base16-dracula.css @@ -17,6 +17,10 @@ --base0D: #62d6e8; --base0E: #b45bcf; --base0F: #00f769; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-edge-dark.css b/css/base16-edge-dark.css index 6287b13..13c9fbf 100644 --- a/css/base16-edge-dark.css +++ b/css/base16-edge-dark.css @@ -17,6 +17,10 @@ --base0D: #73b3e7; --base0E: #d390e7; --base0F: #5ebaa5; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-edge-light.css b/css/base16-edge-light.css index b87e54e..0f5cb42 100644 --- a/css/base16-edge-light.css +++ b/css/base16-edge-light.css @@ -17,6 +17,10 @@ --base0D: #6587bf; --base0E: #b870ce; --base0F: #509c93; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-eighties.css b/css/base16-eighties.css index e3a450c..1d20270 100644 --- a/css/base16-eighties.css +++ b/css/base16-eighties.css @@ -17,6 +17,10 @@ --base0D: #6699cc; --base0E: #cc99cc; --base0F: #d27b53; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-embers.css b/css/base16-embers.css index b0b3a2f..1a9a64a 100644 --- a/css/base16-embers.css +++ b/css/base16-embers.css @@ -17,6 +17,10 @@ --base0D: #6D5782; --base0E: #82576D; --base0F: #825757; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-equilibrium-dark.css b/css/base16-equilibrium-dark.css index beb6d43..c3bd150 100644 --- a/css/base16-equilibrium-dark.css +++ b/css/base16-equilibrium-dark.css @@ -17,6 +17,10 @@ --base0D: #008dd1; --base0E: #6a7fd2; --base0F: #e3488e; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-equilibrium-gray-dark.css b/css/base16-equilibrium-gray-dark.css index 22897f4..e37d563 100644 --- a/css/base16-equilibrium-gray-dark.css +++ b/css/base16-equilibrium-gray-dark.css @@ -17,6 +17,10 @@ --base0D: #008dd1; --base0E: #6a7fd2; --base0F: #e3488e; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-equilibrium-gray-light.css b/css/base16-equilibrium-gray-light.css index 0aedae3..d0e3416 100644 --- a/css/base16-equilibrium-gray-light.css +++ b/css/base16-equilibrium-gray-light.css @@ -17,6 +17,10 @@ --base0D: #0073b5; --base0E: #4e66b6; --base0F: #c42775; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-equilibrium-light.css b/css/base16-equilibrium-light.css index fafe2cd..da6da2c 100644 --- a/css/base16-equilibrium-light.css +++ b/css/base16-equilibrium-light.css @@ -17,6 +17,10 @@ --base0D: #0073b5; --base0E: #4e66b6; --base0F: #c42775; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-espresso.css b/css/base16-espresso.css index f82fad5..8785740 100644 --- a/css/base16-espresso.css +++ b/css/base16-espresso.css @@ -17,6 +17,10 @@ --base0D: #6c99bb; --base0E: #d197d9; --base0F: #f97394; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-eva-dim.css b/css/base16-eva-dim.css index 91643c4..b0566aa 100644 --- a/css/base16-eva-dim.css +++ b/css/base16-eva-dim.css @@ -17,6 +17,10 @@ --base0D: #1ae1dc; --base0E: #9c6cd3; --base0F: #bb64a9; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-eva.css b/css/base16-eva.css index 7803f14..667f0b5 100644 --- a/css/base16-eva.css +++ b/css/base16-eva.css @@ -17,6 +17,10 @@ --base0D: #15f4ee; --base0E: #9c6cd3; --base0F: #bb64a9; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-flat.css b/css/base16-flat.css index c4d70dd..ff2259b 100644 --- a/css/base16-flat.css +++ b/css/base16-flat.css @@ -17,6 +17,10 @@ --base0D: #3498DB; --base0E: #9B59B6; --base0F: #be643c; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-framer.css b/css/base16-framer.css index 27772af..94c32fa 100644 --- a/css/base16-framer.css +++ b/css/base16-framer.css @@ -17,6 +17,10 @@ --base0D: #20BCFC; --base0E: #BA8CFC; --base0F: #B15F4A; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-fruit-soda.css b/css/base16-fruit-soda.css index f37e4b8..4f0a796 100644 --- a/css/base16-fruit-soda.css +++ b/css/base16-fruit-soda.css @@ -17,6 +17,10 @@ --base0D: #2931df; --base0E: #611fce; --base0F: #b16f40; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-gigavolt.css b/css/base16-gigavolt.css index 1aed21c..48cf898 100644 --- a/css/base16-gigavolt.css +++ b/css/base16-gigavolt.css @@ -17,6 +17,10 @@ --base0D: #40bfff; --base0E: #ae94f9; --base0F: #6187ff; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-github.css b/css/base16-github.css index ee3ac4f..3bce13e 100644 --- a/css/base16-github.css +++ b/css/base16-github.css @@ -17,6 +17,10 @@ --base0D: #795da3; --base0E: #a71d5d; --base0F: #333333; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-google-dark.css b/css/base16-google-dark.css index 7912c84..172c533 100644 --- a/css/base16-google-dark.css +++ b/css/base16-google-dark.css @@ -17,6 +17,10 @@ --base0D: #3971ED; --base0E: #A36AC7; --base0F: #3971ED; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-google-light.css b/css/base16-google-light.css index 645f379..95a5bc5 100644 --- a/css/base16-google-light.css +++ b/css/base16-google-light.css @@ -17,6 +17,10 @@ --base0D: #3971ED; --base0E: #A36AC7; --base0F: #3971ED; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-grayscale-dark.css b/css/base16-grayscale-dark.css index 7c108ae..8ac277f 100644 --- a/css/base16-grayscale-dark.css +++ b/css/base16-grayscale-dark.css @@ -17,6 +17,10 @@ --base0D: #686868; --base0E: #747474; --base0F: #5e5e5e; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-grayscale-light.css b/css/base16-grayscale-light.css index 6ecc70d..e844063 100644 --- a/css/base16-grayscale-light.css +++ b/css/base16-grayscale-light.css @@ -17,6 +17,10 @@ --base0D: #686868; --base0E: #747474; --base0F: #5e5e5e; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-greenscreen.css b/css/base16-greenscreen.css index 0705f3a..6897c16 100644 --- a/css/base16-greenscreen.css +++ b/css/base16-greenscreen.css @@ -17,6 +17,10 @@ --base0D: #009900; --base0E: #00bb00; --base0F: #005500; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-gruvbox-dark-hard.css b/css/base16-gruvbox-dark-hard.css index e077416..f79fb00 100644 --- a/css/base16-gruvbox-dark-hard.css +++ b/css/base16-gruvbox-dark-hard.css @@ -17,6 +17,10 @@ --base0D: #83a598; --base0E: #d3869b; --base0F: #d65d0e; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-gruvbox-dark-medium.css b/css/base16-gruvbox-dark-medium.css index 2b3b41f..e15185f 100644 --- a/css/base16-gruvbox-dark-medium.css +++ b/css/base16-gruvbox-dark-medium.css @@ -17,6 +17,10 @@ --base0D: #83a598; --base0E: #d3869b; --base0F: #d65d0e; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-gruvbox-dark-pale.css b/css/base16-gruvbox-dark-pale.css index e7b61ce..02eef99 100644 --- a/css/base16-gruvbox-dark-pale.css +++ b/css/base16-gruvbox-dark-pale.css @@ -17,6 +17,10 @@ --base0D: #83adad; --base0E: #d485ad; --base0F: #d65d0e; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-gruvbox-dark-soft.css b/css/base16-gruvbox-dark-soft.css index 1e33baf..6389de1 100644 --- a/css/base16-gruvbox-dark-soft.css +++ b/css/base16-gruvbox-dark-soft.css @@ -17,6 +17,10 @@ --base0D: #83a598; --base0E: #d3869b; --base0F: #d65d0e; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-gruvbox-light-hard.css b/css/base16-gruvbox-light-hard.css index 7473f0e..993cd67 100644 --- a/css/base16-gruvbox-light-hard.css +++ b/css/base16-gruvbox-light-hard.css @@ -17,6 +17,10 @@ --base0D: #076678; --base0E: #8f3f71; --base0F: #d65d0e; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-gruvbox-light-medium.css b/css/base16-gruvbox-light-medium.css index 71e6b46..2b67ae6 100644 --- a/css/base16-gruvbox-light-medium.css +++ b/css/base16-gruvbox-light-medium.css @@ -17,6 +17,10 @@ --base0D: #076678; --base0E: #8f3f71; --base0F: #d65d0e; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-gruvbox-light-soft.css b/css/base16-gruvbox-light-soft.css index f631b77..9c04016 100644 --- a/css/base16-gruvbox-light-soft.css +++ b/css/base16-gruvbox-light-soft.css @@ -17,6 +17,10 @@ --base0D: #076678; --base0E: #8f3f71; --base0F: #d65d0e; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-hardcore.css b/css/base16-hardcore.css index bab2907..0682c27 100644 --- a/css/base16-hardcore.css +++ b/css/base16-hardcore.css @@ -17,6 +17,10 @@ --base0D: #66d9ef; --base0E: #9e6ffe; --base0F: #e8b882; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-harmonic-dark.css b/css/base16-harmonic-dark.css index cdc28d7..6f53d13 100644 --- a/css/base16-harmonic-dark.css +++ b/css/base16-harmonic-dark.css @@ -17,6 +17,10 @@ --base0D: #8b56bf; --base0E: #bf568b; --base0F: #bf5656; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-harmonic-light.css b/css/base16-harmonic-light.css index 7942a7d..d9661ff 100644 --- a/css/base16-harmonic-light.css +++ b/css/base16-harmonic-light.css @@ -17,6 +17,10 @@ --base0D: #8b56bf; --base0E: #bf568b; --base0F: #bf5656; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-heetch-light.css b/css/base16-heetch-light.css index d6637c5..3b10600 100644 --- a/css/base16-heetch-light.css +++ b/css/base16-heetch-light.css @@ -17,6 +17,10 @@ --base0D: #47f9f5; --base0E: #bd0152; --base0F: #dedae2; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-heetch.css b/css/base16-heetch.css index a5ed18c..158d9a6 100644 --- a/css/base16-heetch.css +++ b/css/base16-heetch.css @@ -17,6 +17,10 @@ --base0D: #BD0152; --base0E: #82034C; --base0F: #470546; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-helios.css b/css/base16-helios.css index d48759c..920170d 100644 --- a/css/base16-helios.css +++ b/css/base16-helios.css @@ -17,6 +17,10 @@ --base0D: #1e8bac; --base0E: #be4264; --base0F: #c85e0d; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-hopscotch.css b/css/base16-hopscotch.css index e29319e..e7061f5 100644 --- a/css/base16-hopscotch.css +++ b/css/base16-hopscotch.css @@ -17,6 +17,10 @@ --base0D: #1290bf; --base0E: #c85e7c; --base0F: #b33508; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-horizon-dark.css b/css/base16-horizon-dark.css index a161ff3..6c96647 100644 --- a/css/base16-horizon-dark.css +++ b/css/base16-horizon-dark.css @@ -17,6 +17,10 @@ --base0D: #DF5273; --base0E: #B072D1; --base0F: #E4A382; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-horizon-light.css b/css/base16-horizon-light.css index 24051d3..7e5da53 100644 --- a/css/base16-horizon-light.css +++ b/css/base16-horizon-light.css @@ -17,6 +17,10 @@ --base0D: #DA103F; --base0E: #1D8991; --base0F: #E58C92; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-horizon-terminal-dark.css b/css/base16-horizon-terminal-dark.css index da27191..6e558e7 100644 --- a/css/base16-horizon-terminal-dark.css +++ b/css/base16-horizon-terminal-dark.css @@ -17,6 +17,10 @@ --base0D: #26BBD9; --base0E: #EE64AC; --base0F: #F09383; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-horizon-terminal-light.css b/css/base16-horizon-terminal-light.css index 174a854..2db3e66 100644 --- a/css/base16-horizon-terminal-light.css +++ b/css/base16-horizon-terminal-light.css @@ -17,6 +17,10 @@ --base0D: #26BBD9; --base0E: #EE64AC; --base0F: #F9CBBE; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-humanoid-dark.css b/css/base16-humanoid-dark.css index 2108a27..9341e90 100644 --- a/css/base16-humanoid-dark.css +++ b/css/base16-humanoid-dark.css @@ -17,6 +17,10 @@ --base0D: #00a6fb; --base0E: #f15ee3; --base0F: #b27701; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-humanoid-light.css b/css/base16-humanoid-light.css index aad252a..7eac172 100644 --- a/css/base16-humanoid-light.css +++ b/css/base16-humanoid-light.css @@ -17,6 +17,10 @@ --base0D: #0082c9; --base0E: #700f98; --base0F: #b27701; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-ia-dark.css b/css/base16-ia-dark.css index cee7f3e..69f1f10 100644 --- a/css/base16-ia-dark.css +++ b/css/base16-ia-dark.css @@ -17,6 +17,10 @@ --base0D: #8eccdd; --base0E: #b98eb2; --base0F: #8b6c37; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-ia-light.css b/css/base16-ia-light.css index ebe0fa3..146c77f 100644 --- a/css/base16-ia-light.css +++ b/css/base16-ia-light.css @@ -17,6 +17,10 @@ --base0D: #48bac2; --base0E: #a94598; --base0F: #8b6c37; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-icy.css b/css/base16-icy.css index 852d207..ea20d78 100644 --- a/css/base16-icy.css +++ b/css/base16-icy.css @@ -17,6 +17,10 @@ --base0D: #00bcd4; --base0E: #00acc1; --base0F: #0097a7; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-irblack.css b/css/base16-irblack.css index 8287314..4247bb2 100644 --- a/css/base16-irblack.css +++ b/css/base16-irblack.css @@ -17,6 +17,10 @@ --base0D: #96cbfe; --base0E: #ff73fd; --base0F: #b18a3d; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-isotope.css b/css/base16-isotope.css index 4312c5f..45d8971 100644 --- a/css/base16-isotope.css +++ b/css/base16-isotope.css @@ -17,6 +17,10 @@ --base0D: #0066ff; --base0E: #cc00ff; --base0F: #3300ff; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-macintosh.css b/css/base16-macintosh.css index 1b4753b..e8338bf 100644 --- a/css/base16-macintosh.css +++ b/css/base16-macintosh.css @@ -17,6 +17,10 @@ --base0D: #0000d3; --base0E: #4700a5; --base0F: #90713a; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-marrakesh.css b/css/base16-marrakesh.css index 3ccaf2a..e291cdc 100644 --- a/css/base16-marrakesh.css +++ b/css/base16-marrakesh.css @@ -17,6 +17,10 @@ --base0D: #477ca1; --base0E: #8868b3; --base0F: #b3588e; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-materia.css b/css/base16-materia.css index 8997279..b283966 100644 --- a/css/base16-materia.css +++ b/css/base16-materia.css @@ -17,6 +17,10 @@ --base0D: #89DDFF; --base0E: #82AAFF; --base0F: #EC5F67; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-material-darker.css b/css/base16-material-darker.css index cc8660b..f30168b 100644 --- a/css/base16-material-darker.css +++ b/css/base16-material-darker.css @@ -17,6 +17,10 @@ --base0D: #82AAFF; --base0E: #C792EA; --base0F: #FF5370; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-material-lighter.css b/css/base16-material-lighter.css index 7ff9377..3860f79 100644 --- a/css/base16-material-lighter.css +++ b/css/base16-material-lighter.css @@ -17,6 +17,10 @@ --base0D: #6182B8; --base0E: #7C4DFF; --base0F: #E53935; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-material-palenight.css b/css/base16-material-palenight.css index 0822d9b..2024480 100644 --- a/css/base16-material-palenight.css +++ b/css/base16-material-palenight.css @@ -17,6 +17,10 @@ --base0D: #82AAFF; --base0E: #C792EA; --base0F: #FF5370; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-material-vivid.css b/css/base16-material-vivid.css index 84cda77..80fa554 100644 --- a/css/base16-material-vivid.css +++ b/css/base16-material-vivid.css @@ -17,6 +17,10 @@ --base0D: #2196f3; --base0E: #673ab7; --base0F: #8d6e63; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-material.css b/css/base16-material.css index 16e62a9..bf03992 100644 --- a/css/base16-material.css +++ b/css/base16-material.css @@ -17,6 +17,10 @@ --base0D: #82AAFF; --base0E: #C792EA; --base0F: #FF5370; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-mellow-purple.css b/css/base16-mellow-purple.css index bb75da4..f34089d 100644 --- a/css/base16-mellow-purple.css +++ b/css/base16-mellow-purple.css @@ -17,6 +17,10 @@ --base0D: #550068; --base0E: #8991bb; --base0F: #4d6fff; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-mexico-light.css b/css/base16-mexico-light.css index 8dff9f6..b3c1e28 100644 --- a/css/base16-mexico-light.css +++ b/css/base16-mexico-light.css @@ -17,6 +17,10 @@ --base0D: #7cafc2; --base0E: #96609e; --base0F: #a16946; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-mocha.css b/css/base16-mocha.css index 68379ff..1a404a2 100644 --- a/css/base16-mocha.css +++ b/css/base16-mocha.css @@ -17,6 +17,10 @@ --base0D: #8ab3b5; --base0E: #a89bb9; --base0F: #bb9584; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-monokai.css b/css/base16-monokai.css index 7d53fe9..6439d20 100644 --- a/css/base16-monokai.css +++ b/css/base16-monokai.css @@ -17,6 +17,10 @@ --base0D: #66d9ef; --base0E: #ae81ff; --base0F: #cc6633; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-nebula.css b/css/base16-nebula.css index 75a9d97..f2fbc71 100644 --- a/css/base16-nebula.css +++ b/css/base16-nebula.css @@ -17,6 +17,10 @@ --base0D: #4d6bb6; --base0E: #716cae; --base0F: #8c70a7; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-nord.css b/css/base16-nord.css index 6f1a5a9..53ee44a 100644 --- a/css/base16-nord.css +++ b/css/base16-nord.css @@ -17,6 +17,10 @@ --base0D: #81A1C1; --base0E: #B48EAD; --base0F: #5E81AC; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-nova.css b/css/base16-nova.css index b61ac41..7303b21 100644 --- a/css/base16-nova.css +++ b/css/base16-nova.css @@ -17,6 +17,10 @@ --base0D: #83AFE5; --base0E: #9A93E1; --base0F: #F2C38F; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-ocean.css b/css/base16-ocean.css index 2de5d19..c2e7669 100644 --- a/css/base16-ocean.css +++ b/css/base16-ocean.css @@ -17,6 +17,10 @@ --base0D: #8fa1b3; --base0E: #b48ead; --base0F: #ab7967; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-oceanicnext.css b/css/base16-oceanicnext.css index 3fe4f95..14277b2 100644 --- a/css/base16-oceanicnext.css +++ b/css/base16-oceanicnext.css @@ -17,6 +17,10 @@ --base0D: #6699CC; --base0E: #C594C5; --base0F: #AB7967; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-one-light.css b/css/base16-one-light.css index f5f645a..a97098f 100644 --- a/css/base16-one-light.css +++ b/css/base16-one-light.css @@ -17,6 +17,10 @@ --base0D: #4078f2; --base0E: #a626a4; --base0F: #986801; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-onedark.css b/css/base16-onedark.css index cf5ad04..55ebc4b 100644 --- a/css/base16-onedark.css +++ b/css/base16-onedark.css @@ -17,6 +17,10 @@ --base0D: #61afef; --base0E: #c678dd; --base0F: #be5046; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-outrun-dark.css b/css/base16-outrun-dark.css index 3d6b79a..832cfaa 100644 --- a/css/base16-outrun-dark.css +++ b/css/base16-outrun-dark.css @@ -17,6 +17,10 @@ --base0D: #66B0FF; --base0E: #F10596; --base0F: #F003EF; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-papercolor-dark.css b/css/base16-papercolor-dark.css index 212a4d7..1505a06 100644 --- a/css/base16-papercolor-dark.css +++ b/css/base16-papercolor-dark.css @@ -17,6 +17,10 @@ --base0D: #ff5faf; --base0E: #00afaf; --base0F: #5f8787; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-papercolor-light.css b/css/base16-papercolor-light.css index 5373a3a..28c95bf 100644 --- a/css/base16-papercolor-light.css +++ b/css/base16-papercolor-light.css @@ -17,6 +17,10 @@ --base0D: #d75f00; --base0E: #005faf; --base0F: #005f87; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-paraiso.css b/css/base16-paraiso.css index 31602a7..09b6df0 100644 --- a/css/base16-paraiso.css +++ b/css/base16-paraiso.css @@ -17,6 +17,10 @@ --base0D: #06b6ef; --base0E: #815ba4; --base0F: #e96ba8; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-pasque.css b/css/base16-pasque.css index feace7b..fda248d 100644 --- a/css/base16-pasque.css +++ b/css/base16-pasque.css @@ -17,6 +17,10 @@ --base0D: #8E7DC6; --base0E: #953B9D; --base0F: #59325C; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-phd.css b/css/base16-phd.css index 3ac926e..64c4ef3 100644 --- a/css/base16-phd.css +++ b/css/base16-phd.css @@ -17,6 +17,10 @@ --base0D: #5299bf; --base0E: #9989cc; --base0F: #b08060; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-pico.css b/css/base16-pico.css index aab00c6..ef8b89d 100644 --- a/css/base16-pico.css +++ b/css/base16-pico.css @@ -17,6 +17,10 @@ --base0D: #83769c; --base0E: #ff77a8; --base0F: #ffccaa; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-pop.css b/css/base16-pop.css index 00df651..a47cee1 100644 --- a/css/base16-pop.css +++ b/css/base16-pop.css @@ -17,6 +17,10 @@ --base0D: #0e5a94; --base0E: #b31e8d; --base0F: #7a2d00; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-porple.css b/css/base16-porple.css index 6717636..17b169c 100644 --- a/css/base16-porple.css +++ b/css/base16-porple.css @@ -17,6 +17,10 @@ --base0D: #8485ce; --base0E: #b74989; --base0F: #986841; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-railscasts.css b/css/base16-railscasts.css index df575ed..fadcad9 100644 --- a/css/base16-railscasts.css +++ b/css/base16-railscasts.css @@ -17,6 +17,10 @@ --base0D: #6d9cbe; --base0E: #b6b3eb; --base0F: #bc9458; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-rebecca.css b/css/base16-rebecca.css index 33a0acf..64112ae 100644 --- a/css/base16-rebecca.css +++ b/css/base16-rebecca.css @@ -17,6 +17,10 @@ --base0D: #2de0a7; --base0E: #7aa5ff; --base0F: #ff79c6; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-sandcastle.css b/css/base16-sandcastle.css index 4a2cd19..204f368 100644 --- a/css/base16-sandcastle.css +++ b/css/base16-sandcastle.css @@ -17,6 +17,10 @@ --base0D: #83a598; --base0E: #d75f5f; --base0F: #a87322; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-seti.css b/css/base16-seti.css index 2aa1ad0..02f890a 100644 --- a/css/base16-seti.css +++ b/css/base16-seti.css @@ -17,6 +17,10 @@ --base0D: #55b5db; --base0E: #a074c4; --base0F: #8a553f; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-shapeshifter.css b/css/base16-shapeshifter.css index 42748a3..cc31cf4 100644 --- a/css/base16-shapeshifter.css +++ b/css/base16-shapeshifter.css @@ -17,6 +17,10 @@ --base0D: #3b48e3; --base0E: #f996e2; --base0F: #69542d; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-snazzy.css b/css/base16-snazzy.css index 961432c..68d33f0 100644 --- a/css/base16-snazzy.css +++ b/css/base16-snazzy.css @@ -17,6 +17,10 @@ --base0D: #57c7ff; --base0E: #ff6ac1; --base0F: #b2643c; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-solarflare.css b/css/base16-solarflare.css index d33436d..e5d9a78 100644 --- a/css/base16-solarflare.css +++ b/css/base16-solarflare.css @@ -17,6 +17,10 @@ --base0D: #33B5E1; --base0E: #A363D5; --base0F: #D73C9A; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-solarized-dark.css b/css/base16-solarized-dark.css index eae4508..9f8293f 100644 --- a/css/base16-solarized-dark.css +++ b/css/base16-solarized-dark.css @@ -17,6 +17,10 @@ --base0D: #268bd2; --base0E: #6c71c4; --base0F: #d33682; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-solarized-light.css b/css/base16-solarized-light.css index 2ef145f..8a015c7 100644 --- a/css/base16-solarized-light.css +++ b/css/base16-solarized-light.css @@ -17,6 +17,10 @@ --base0D: #268bd2; --base0E: #6c71c4; --base0F: #d33682; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-spacemacs.css b/css/base16-spacemacs.css index 7284fbc..e574a78 100644 --- a/css/base16-spacemacs.css +++ b/css/base16-spacemacs.css @@ -17,6 +17,10 @@ --base0D: #4f97d7; --base0E: #a31db1; --base0F: #b03060; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-summercamp.css b/css/base16-summercamp.css index 839da8d..892f0a2 100644 --- a/css/base16-summercamp.css +++ b/css/base16-summercamp.css @@ -17,6 +17,10 @@ --base0D: #489bf0; --base0E: #FF8080; --base0F: #F69BE7; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-summerfruit-dark.css b/css/base16-summerfruit-dark.css index edaaa97..6c30ea6 100644 --- a/css/base16-summerfruit-dark.css +++ b/css/base16-summerfruit-dark.css @@ -17,6 +17,10 @@ --base0D: #3777E6; --base0E: #AD00A1; --base0F: #CC6633; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-summerfruit-light.css b/css/base16-summerfruit-light.css index 12c071a..bae1ff5 100644 --- a/css/base16-summerfruit-light.css +++ b/css/base16-summerfruit-light.css @@ -17,6 +17,10 @@ --base0D: #3777E6; --base0E: #AD00A1; --base0F: #CC6633; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-synth-midnight-dark.css b/css/base16-synth-midnight-dark.css index 85f48cc..116f60e 100644 --- a/css/base16-synth-midnight-dark.css +++ b/css/base16-synth-midnight-dark.css @@ -17,6 +17,10 @@ --base0D: #03aeff; --base0E: #ea5ce2; --base0F: #cd6320; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-synth-midnight-light.css b/css/base16-synth-midnight-light.css index fa75f10..e9e98bc 100644 --- a/css/base16-synth-midnight-light.css +++ b/css/base16-synth-midnight-light.css @@ -17,6 +17,10 @@ --base0D: #03aeff; --base0E: #ea5ce2; --base0F: #cd6320; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-tango.css b/css/base16-tango.css index 1ba0b91..4f6acce 100644 --- a/css/base16-tango.css +++ b/css/base16-tango.css @@ -17,6 +17,10 @@ --base0D: #3465a4; --base0E: #75507b; --base0F: #34e2e2; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-tomorrow-night-eighties.css b/css/base16-tomorrow-night-eighties.css index 3d6e99a..03dc34a 100644 --- a/css/base16-tomorrow-night-eighties.css +++ b/css/base16-tomorrow-night-eighties.css @@ -17,6 +17,10 @@ --base0D: #6699cc; --base0E: #cc99cc; --base0F: #a3685a; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-tomorrow-night.css b/css/base16-tomorrow-night.css index 58d3cd2..b92924b 100644 --- a/css/base16-tomorrow-night.css +++ b/css/base16-tomorrow-night.css @@ -17,6 +17,10 @@ --base0D: #81a2be; --base0E: #b294bb; --base0F: #a3685a; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-tomorrow.css b/css/base16-tomorrow.css index adff7ff..81121e6 100644 --- a/css/base16-tomorrow.css +++ b/css/base16-tomorrow.css @@ -17,6 +17,10 @@ --base0D: #4271ae; --base0E: #8959a8; --base0F: #a3685a; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-tube.css b/css/base16-tube.css index a843d80..d17e7a7 100644 --- a/css/base16-tube.css +++ b/css/base16-tube.css @@ -17,6 +17,10 @@ --base0D: #009ddc; --base0E: #98005d; --base0F: #b06110; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-twilight.css b/css/base16-twilight.css index 71182eb..23ba54b 100644 --- a/css/base16-twilight.css +++ b/css/base16-twilight.css @@ -17,6 +17,10 @@ --base0D: #7587a6; --base0E: #9b859d; --base0F: #9b703f; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-unikitty-dark.css b/css/base16-unikitty-dark.css index 1403b7b..052884d 100644 --- a/css/base16-unikitty-dark.css +++ b/css/base16-unikitty-dark.css @@ -17,6 +17,10 @@ --base0D: #796af5; --base0E: #bb60ea; --base0F: #c720ca; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-unikitty-light.css b/css/base16-unikitty-light.css index 0c8ba12..8bc2668 100644 --- a/css/base16-unikitty-light.css +++ b/css/base16-unikitty-light.css @@ -17,6 +17,10 @@ --base0D: #775dff; --base0E: #aa17e6; --base0F: #e013d0; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-vulcan.css b/css/base16-vulcan.css index d84c524..bfdb556 100644 --- a/css/base16-vulcan.css +++ b/css/base16-vulcan.css @@ -17,6 +17,10 @@ --base0D: #977d7c; --base0E: #9198a3; --base0F: #977d7c; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-woodland.css b/css/base16-woodland.css index 4df3a0e..9eb5d61 100644 --- a/css/base16-woodland.css +++ b/css/base16-woodland.css @@ -17,6 +17,10 @@ --base0D: #88a4d3; --base0E: #bb90e2; --base0F: #b49368; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-xcode-dusk.css b/css/base16-xcode-dusk.css index e731fd4..b9c0937 100644 --- a/css/base16-xcode-dusk.css +++ b/css/base16-xcode-dusk.css @@ -17,6 +17,10 @@ --base0D: #790EAD; --base0E: #B21889; --base0F: #C77C48; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file diff --git a/css/base16-zenburn.css b/css/base16-zenburn.css index 4125623..701e7a9 100644 --- a/css/base16-zenburn.css +++ b/css/base16-zenburn.css @@ -17,6 +17,10 @@ --base0D: #7cb8bb; --base0E: #dc8cc3; --base0F: #000000; + --button-blue: var(--base0C); + --button-gray-1: var(--base05); + --button-gray-2: var(--base06); + --button-gray-3: var(--base07); } /** LogSeq **/ @@ -41,7 +45,9 @@ background-color: var(--base00); } -.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { +.dark-theme .page-references h2, +.dark-theme h1.title, +.dark-theme .title { color: var(--base05); } @@ -58,11 +64,17 @@ border-top: 1px solid var(--base01); } -.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { +.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 { +.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); } @@ -74,48 +86,157 @@ border-bottom: 1px solid var(--base06); } +.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); +} + +.dark-theme tr:nth-child(even) { + background-color: var(--base02); +} + +.dark-theme th { + color: var(--base05); +} +.dark-theme .non-block-editor textarea, +.dark-theme pre, +.dark-theme pre.code { + background: var(--base01); +} + /** CodeMirror **/ +.cm-s-default .CodeMirror { + background: var(--base00); + color: var(--base05); +} +.cm-s-default div.CodeMirror-selected { + background: var(--base02); +} +.cm-s-default .CodeMirror-line::selection, +.cm-s-default .CodeMirror-line > span::selection, +.cm-s-default .CodeMirror-line > span > span::selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-line::-moz-selection, +.cm-s-default .CodeMirror-line > span::-moz-selection, +.cm-s-default .CodeMirror-line > span > span::-moz-selection { + background: rgba(73, 72, 62, .99); +} +.cm-s-default .CodeMirror-gutters { + background: var(--base00); + border-right: 0px; +} +.cm-s-default .CodeMirror-guttermarker { + color: white; +} +.cm-s-default .CodeMirror-guttermarker-subtle { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-linenumber { + color: #d0d0d0; +} +.cm-s-default .CodeMirror-cursor { + border-left: 1px solid #f8f8f0; +} -.cm-s-default .CodeMirror { background: var(--base00); color:var(--base05); } -.cm-s-default div.CodeMirror-selected { background:var(--base02); } -.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } -.cm-s-default .CodeMirror-gutters { background: var(--base00); border-right: 0px; } -.cm-s-default .CodeMirror-guttermarker { color: white; } -.cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; } -.cm-s-default .CodeMirror-linenumber { color: #d0d0d0; } -.cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } +.cm-s-default span.cm-comment { + color: var(--base03); +} +.cm-s-default span.cm-atom { + color: var(--base0E); +} +.cm-s-default span.cm-number { + color: var(--base0E); +} -.cm-s-default span.cm-comment { color: var(--base03); } -.cm-s-default span.cm-atom { color: var(--base0E); } -.cm-s-default span.cm-number { color: var(--base0E); } +.cm-s-default span.cm-comment.cm-attribute { + color: #97b757; +} +.cm-s-default span.cm-comment.cm-def { + color: #bc9262; +} +.cm-s-default span.cm-comment.cm-tag { + color: #bc6283; +} +.cm-s-default span.cm-comment.cm-type { + color: #5998a6; +} -.cm-s-default span.cm-comment.cm-attribute { color: #97b757; } -.cm-s-default span.cm-comment.cm-def { color: #bc9262; } -.cm-s-default span.cm-comment.cm-tag { color: #bc6283; } -.cm-s-default span.cm-comment.cm-type { color: #5998a6; } +.cm-s-default span.cm-property, +.cm-s-default span.cm-attribute { + color: var(--base0B); +} +.cm-s-default span.cm-keyword { + color: var(--base08); +} +.cm-s-default span.cm-builtin { + color: var(--base0D); +} +.cm-s-default span.cm-string { + color: #e6db74; +} -.cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: var(--base0B); } -.cm-s-default span.cm-keyword { color: var(--base08); } -.cm-s-default span.cm-builtin { color: var(--base0D); } -.cm-s-default span.cm-string { color: #e6db74; } +.cm-s-default span.cm-variable { + color: var(--base05); +} +.cm-s-default span.cm-variable-2 { + color: #9effff; +} +.cm-s-default span.cm-variable-3, +.cm-s-default span.cm-type { + color: var(--base0D); +} +.cm-s-default span.cm-def { + color: var(--base09); +} +.cm-s-default span.cm-bracket { + color: var(--base05); +} +.cm-s-default span.cm-tag { + color: var(--base08); +} +.cm-s-default span.cm-header { + color: var(--base0E); +} +.cm-s-default span.cm-link { + color: var(--base0E); +} +.cm-s-default span.cm-error { + background: var(--base08); + color: #f8f8f0; +} -.cm-s-default span.cm-variable { color:var(--base05); } -.cm-s-default span.cm-variable-2 { color: #9effff; } -.cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: var(--base0D); } -.cm-s-default span.cm-def { color:var(--base09); } -.cm-s-default span.cm-bracket { color:var(--base05); } -.cm-s-default span.cm-tag { color: var(--base08); } -.cm-s-default span.cm-header { color: var(--base0E); } -.cm-s-default span.cm-link { color: var(--base0E); } -.cm-s-default span.cm-error { background: var(--base08); color: #f8f8f0; } - -.cm-s-default .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-activeline-background { + background: #373831; +} .cm-s-default .CodeMirror-matchingbracket { - text-decoration: underline; - color: white !important; + text-decoration: underline; + color: white !important; } \ No newline at end of file