mirror of
https://github.com/nikdoof/base16-logseq.git
synced 2025-12-13 11:22:15 +00:00
121 lines
3.8 KiB
CSS
121 lines
3.8 KiB
CSS
/* Atelier Sulphurpool by Bram de Haan (http://atelierbramdehaan.nl) */
|
|
|
|
:root {
|
|
--base00: #202746;
|
|
--base01: #293256;
|
|
--base02: #5e6687;
|
|
--base03: #6b7394;
|
|
--base04: #898ea4;
|
|
--base05: #979db4;
|
|
--base06: #dfe2f1;
|
|
--base07: #f5f7ff;
|
|
--base08: #c94922;
|
|
--base09: #c76b29;
|
|
--base0A: #c08b30;
|
|
--base0B: #ac9739;
|
|
--base0C: #22a2c9;
|
|
--base0D: #3d8fd1;
|
|
--base0E: #6679cc;
|
|
--base0F: #9c637a;
|
|
}
|
|
|
|
/** 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;
|
|
} |