/* Gruvbox dark, medium by Dawid Kurek (dawikur@gmail.com), morhetz (https://github.com/morhetz/gruvbox) */

:root {
  --base00: #282828;
  --base01: #3c3836;
  --base02: #504945;
  --base03: #665c54;
  --base04: #bdae93;
  --base05: #d5c4a1;
  --base06: #ebdbb2;
  --base07: #fbf1c7;
  --base08: #fb4934;
  --base09: #fe8019;
  --base0A: #fabd2f;
  --base0B: #b8bb26;
  --base0C: #8ec07c;
  --base0D: #83a598;
  --base0E: #d3869b;
  --base0F: #d65d0e;
}

/** 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;
}