Files
base16-logseq/css/base16-darktooth.css
2020-10-22 17:59:23 +01:00

242 lines
4.9 KiB
CSS

/* Darktooth by Jason Milkins (https://github.com/jasonm23) */
:root {
--base00: #1D2021;
--base01: #32302F;
--base02: #504945;
--base03: #665C54;
--base04: #928374;
--base05: #A89984;
--base06: #D5C4A1;
--base07: #FDF4C1;
--base08: #FB543F;
--base09: #FE8625;
--base0A: #FAC03B;
--base0B: #95C085;
--base0C: #8BA59B;
--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 **/
.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 .focus\:shadow-outline:focus {
box-shadow: 0 0 0 3px var(--base0A);
}
.dark-theme #search-wrapper:focus-within {
color: var(--base0A);
}
.dark-theme .bullet-container .bullet {
background-color: var(--base0A);
}
.dark-theme .bullet-closed {
background-color: var(--base02);
}
.dark-theme ::-webkit-scrollbar-thumb {
background-color: var(--base01);
}
.dark-theme ::-webkit-scrollbar-track-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 span.cm-comment {
color: var(--base03);
}
.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;
}