Logseq themes

blue-and-gold.css

.dark-theme,
html[data-theme=dark] {
    --ls-primary-background-color: #23283e;
    --ls-secondary-background-color: #2a304c;
    --ls-tertiary-background-color: #2d344d;
    --ls-quaternary-background-color: rgba(48, 57, 91, .85);
    --ls-table-tr-even-background-color: #282d43;
    --ls-active-primary-color: #dbbf7e;
    --ls-active-secondary-color: #d6e0f4;
    --ls-block-properties-background-color: #06323e;
    --ls-page-properties-background-color: #1b2130;
    --ls-block-ref-link-text-color: #3b456f;
    --ls-search-background-color: linear-gradient( to right,
    #021c23 0,
    #021b21 200px,
    #002b36 100%);
    --ls-border-color: #3d4b6d;
    --ls-secondary-border-color: #314059;
    --ls-guideline-color: #2c334c;
    --ls-menu-hover-color: var(--ls-secondary-background-color);
    --ls-primary-text-color: #a1acc1;
    --ls-secondary-text-color: #dfdfdf;
    --ls-title-text-color: #c9d6e1;
    --ls-link-text-color: var(--ls-active-primary-color);
    --ls-link-text-hover-color: var(--ls-active-secondary-color);
    --ls-link-ref-text-color: var(--ls-link-text-color);
    --ls-link-ref-text-hover-color: var(--ls-link-text-hover-color);
    --ls-tag-text-color: var(--ls-link-text-color);
    --ls-tag-text-hover-color: var(--ls-link-text-hover-color);
    --ls-slide-background-color: var(--ls-primary-background-color);
    --ls-block-bullet-border-color: #303750;
    --ls-block-bullet-color: #60678d;
    --ls-block-highlight-color: #2d3251;
    --ls-selection-background-color: #2b436c;
    --ls-page-checkbox-color: #363c60;
    --ls-page-checkbox-border-color: var(--ls-primary-background-color);
    --ls-page-blockquote-color: var(--ls-primary-text-color);
    --ls-page-blockquote-bg-color: var(--ls-secondary-background-color);
    --ls-page-blockquote-border-color: var(--ls-border-color);
    --ls-page-inline-code-color: var(--ls-primary-text-color);
    --ls-page-inline-code-bg-color: #1c2330;
    --ls-scrollbar-foreground-color: #364360;
    --ls-scrollbar-background-color: rgba(16, 22, 38, .2);
    --ls-scrollbar-thumb-hover-color: rgba(255, 255, 255, 0.2);
    --ls-head-text-color: var(--ls-link-text-color);
    --ls-cloze-text-color: #8fbc8f;
    --ls-icon-color: var(--ls-link-text-color);
    --ls-search-icon-color: var(--ls-link-text-color);
    --ls-a-chosen-bg: var(--ls-secondary-background-color);
    --ls-right-sidebar-code-bg-color: #04193c;
    --color-level-1: var(--ls-secondary-background-color);
    --color-level-2: var(--ls-tertiary-background-color);
    --color-level-3: var(--ls-quaternary-background-color);
    --color-level-4: #19396c;
    --color-level-5: #26537d;
    --color-level-6: #3a678e;
}

.cm-s-solarized.cm-s-dark {
    color: #838a96;
    background-color: #1f2437;
    text-shadow: none;
}

.cm-s-solarized.cm-s-dark .CodeMirror-gutters {
    background-color: #2a304c;
}

.cm-s-solarized.cm-s-dark .CodeMirror-linenumber {
    color: #657186;
    text-shadow: none;
}

.CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like {
    padding: 0 8px;
}

.cm-s-solarized span.cm-comment { color: #6272a4; }
.cm-s-solarized span.cm-string, .cm-s-solarized span.cm-string-2 { color: #f1fa8c; }
.cm-s-solarized span.cm-number { color: #bd93f9; }
.cm-s-solarized span.cm-variable { color: #50fa7b; }
.cm-s-solarized span.cm-variable-2 { color: white; }
.cm-s-solarized span.cm-def { color: #50fa7b; }
.cm-s-solarized span.cm-operator { color: #ff79c6; }
.cm-s-solarized span.cm-keyword { color: #ff79c6; }
.cm-s-solarized span.cm-atom { color: #bd93f9; }
.cm-s-solarized span.cm-meta { color: #f8f8f2; }
.cm-s-solarized span.cm-tag { color: #ff79c6; }
.cm-s-solarized span.cm-attribute { color: #50fa7b; }
.cm-s-solarized span.cm-qualifier { color: #50fa7b; }
.cm-s-solarized span.cm-property { color: #66d9ef; }
.cm-s-solarized span.cm-builtin { color: #50fa7b; }
.cm-s-solarized span.cm-variable-3, .cm-s-solarized span.cm-type { color: #ffb86c; }

.cm-s-solarized.cm-s-dark div.CodeMirror-selected {
    background: #2a324a;
}