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
/* Outrun Dark by Hugo Delahousse (http://github.com/hugodelahousse/) */
|
|
|
|
:root {
|
|
--base00: #00002A;
|
|
--base01: #20204A;
|
|
--base02: #30305A;
|
|
--base03: #50507A;
|
|
--base04: #B0B0DA;
|
|
--base05: #D0D0FA;
|
|
--base06: #E0E0FF;
|
|
--base07: #F5F5FF;
|
|
--base08: #FF4242;
|
|
--base09: #FC8D28;
|
|
--base0A: #F3E877;
|
|
--base0B: #59F176;
|
|
--base0C: #0EF0F0;
|
|
--base0D: #66B0FF;
|
|
--base0E: #F10596;
|
|
--base0F: #F003EF;
|
|
}
|
|
|
|
/** 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;
|
|
} |