Skip to content

Instantly share code, notes, and snippets.

@infologie
Last active April 24, 2020 15:42
Show Gist options
  • Save infologie/9a51607803f68369e1349bb5cc52b847 to your computer and use it in GitHub Desktop.
Save infologie/9a51607803f68369e1349bb5cc52b847 to your computer and use it in GitHub Desktop.
Custom CSS for Zettlr.
/* FONTES */
#editor,
.modal .dialog .code,
.CodeMirror .cm-comment,
.CodeMirror .cm-fenced-code,
.CodeMirror .cm-formatting-task,
.CodeMirror .cm-formatting-code-block,
.CodeMirror .cm-formatting-list-ol,
.CodeMirror .cm-formatting-list-ul,
.popup .search input.regexp {
font-family: 'Inconsolata', monospace;
}
.CodeMirror .cm-table {
font-family: 'Inconsolata', monospace;
font-weight: 400;
}
body .cm-string {
font-family: inherit;
}
body .cm-fenced-code.cm-comment {
font-style: normal;
}
/* TAILLES */
.CodeMirror .size-header-1 {
font-size: 1.5em
}
.CodeMirror .size-header-2 {
font-size: 1.2em
}
.CodeMirror .size-header-3 {
font-size: 1em
}
/* COULEURS */
body #editor {
background-color: #fffff8;
}
:root {
--c-primary: #657b83;
--c-primary-shade: #839496;
}
body .cm-hr,
body .cm-em,
body .cm-strong,
body .cm-formatting-list-ul, body .cm-formatting-list-ol {
color: inherit;
}
body .cm-fenced-code.cm-atom,
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: #d02325;
}
body .cm-quote,
body .cm-quote.cm-em,
body .cm-quote.cm-strong {
color: #555;
}
body .cm-fenced-code,
body .cm-fenced-code.cm-link,
body .cm-fenced-code.cm-comment,
body .cm-string {
color: #999999;
}
body .citeproc-citation {
background-color: inherit;
color: #d02325;
}
body .cm-link,
body .cma {
color: inherit;
}
/* MODE SOMBRE */
body.dark #editor {
background-color: #002b36;
}
body.dark #editor .CodeMirror,
body.dark #file-list div.container div.list-item p.filename {
color: #839496
}
body.dark #file-list {
background-color: #073642;
}
body.dark #file-list div.list-item {
border-bottom: 1px solid #586e75;
}
body.dark .cm-quote,
body.dark .cm-link,
body.dark .cm-strong,
body.dark .cm-em {
color: #93a1a1;
}
body.dark .citeproc-citation {
background-color: inherit;
color: #dc322f;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment