Zettlr Bear CSS

custom.css

/* Note name is bold */
.container .list-item.file p.filename, #file-list .container .list-item.directory p.filename {
  font-weight: bold;
}

/* Match the file-tree with the style of the bear tag pane */
body #file-tree {
  color: #CFCFCF;
}

body #file-tree div.list-item.selected, body #file-tree div.list-item.selected:hover {
  background-color: #414747;
}

/* no hover behavior */
body #file-tree div.list-item:hover {
    color: inherit;
    background-color: inherit;
}

/* Make the directory names a bit larger */
body #file-tree {
    font-size: 1em;
}

/* No shadow at the right side of the file list */
body #file-list {
    box-shadow: inherit;
    border-right: 1px solid var(--grey-2);
}

:root {
  --selection-light: #B6DAFA;
  --bg-directories: #2E3236;
  --c-project: var(--red-0);
  --bg-preview: white;
  --c-primary: #D94E55;
  --c-primary-shade: #D94E55;
}

/* Change scrollbar color */
body ::-webkit-scrollbar-thumb { background-color: #7D7D7D; }
body ::-webkit-scrollbar-thumb:window-inactive { background-color: #7D7D7D; }

/* Headings in grey */
body .cm-formatting-header-1, body .cm-formatting-header-2, body .cm-formatting-header-3, body .cm-formatting-header-4, body .cm-formatting-header-5, body .cm-formatting-header-6 {
    color: #B4B4B4;
}
body .cma {
    color: #D94E55;
}