diff --git a/templates/config.yaml b/templates/config.yaml new file mode 100644 index 0000000..760c992 --- /dev/null +++ b/templates/config.yaml @@ -0,0 +1,3 @@ +logseq: + extension: .css + output: css \ No newline at end of file diff --git a/templates/logseq.mustache b/templates/logseq.mustache new file mode 100644 index 0000000..fca38ad --- /dev/null +++ b/templates/logseq.mustache @@ -0,0 +1,121 @@ +/* {{{scheme-name}}} by {{{scheme-author}}} */ + +:root { + --base00: #{{base00-hex}}; + --base01: #{{base01-hex}}; + --base02: #{{base02-hex}}; + --base03: #{{base03-hex}}; + --base04: #{{base04-hex}}; + --base05: #{{base05-hex}}; + --base06: #{{base06-hex}}; + --base07: #{{base07-hex}}; + --base08: #{{base08-hex}}; + --base09: #{{base09-hex}}; + --base0A: #{{base0A-hex}}; + --base0B: #{{base0B-hex}}; + --base0C: #{{base0C-hex}}; + --base0D: #{{base0D-hex}}; + --base0E: #{{base0E-hex}}; + --base0F: #{{base0F-hex}}; +} + +/** LogSeq **/ +.dark-theme { + background-color: var(--base00); + color: var(--base05); +} + +.dark-theme .bg-base-2 { + background-color: var(--base01); +} + +.dark-theme .bg-base-3 { + background-color: var(--base00); +} + +.dark-theme #right-sidebar .bg-base-2 { + background-color: var(--base01); +} + +.dark-theme #right-sidebar .bg-base-3 { + background-color: var(--base00); +} + +.dark-theme .page-references h2, .dark-theme h1.title, .dark-theme .title { + color: var(--base05); +} + +.dark-theme a.chosen { + background: var(--base01); +} + +.dark-theme #right-sidebar { + background-color: var(--base00); + border-left: 1px solid var(--base01); +} + +.dark-theme #right-sidebar .sidebar-item { + border-top: 1px solid var(--base01); +} + +.dark-theme a, .dark-theme .content a, .dark-theme button.menu, .dark-theme #search-wrapper { + color: var(--base0A); +} + +.dark-theme a.menu-link:hover, .dark-theme button.menu:focus, .dark-theme button.pull:hover, dark-theme #search-wrapper:focus-within { + background-color: var(--base01); +} + +.dark-theme a:hover { + color: var(--base06); +} + +.dark-theme .content p a:hover { + border-bottom: 1px solid var(--base06); +} + +.dark-theme .bullet-container .bullet { + background-color: var(--base0A); +} + +/** 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 span.cm-comment { color: var(--base03); } +.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-property, .cm-s-default span.cm-attribute { color: var(--base0B); } +.cm-s-default span.cm-keyword { color: 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 .CodeMirror-activeline-background { background: #373831; } +.cm-s-default .CodeMirror-matchingbracket { + text-decoration: underline; + color: white !important; +} \ No newline at end of file