/* Brogrammer by Vik Ramanujam (http://github.com/piggyslasher) */

:root {
  --base00: #1f1f1f;
  --base01: #f81118;
  --base02: #2dc55e;
  --base03: #ecba0f;
  --base04: #2a84d2;
  --base05: #4e5ab7;
  --base06: #1081d6;
  --base07: #d6dbe5;
  --base08: #d6dbe5;
  --base09: #de352e;
  --base0A: #1dd361;
  --base0B: #f3bd09;
  --base0C: #1081d6;
  --base0D: #5350b9;
  --base0E: #0f7ddb;
  --base0F: #ffffff;
}

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