96 lines
2.2 KiB
CSS
96 lines
2.2 KiB
CSS
|
@import 'night/codeblock.dark.css';
|
||
|
|
@import 'night/mermaid.dark.css';
|
||
|
|
@import 'night/sourcemode.dark.css';
|
||
|
|
@import 'ia_typora.css';
|
||
|
|
|
||
|
|
:root {
|
||
|
|
--accented-background-color: #1e1e1e;
|
||
|
|
--light-header-color: #dbdbdb; /* H1-H3 */
|
||
|
|
--select-text-bg-color: #186a9a;
|
||
|
|
--accent-color: #4f525a;
|
||
|
|
--background-color: #101010;
|
||
|
|
--font-color: #bbbcbc;
|
||
|
|
--header-color: #bebebe; /* H4-H6 */
|
||
|
|
--border-color: #232629;
|
||
|
|
--link-color: #5584aa;
|
||
|
|
--code-bg-color: #1c1a1a;
|
||
|
|
--hover-bg-color: #050505;
|
||
|
|
--control-text-color: var(--font-color);
|
||
|
|
--side-bar-bg-color: var(--accented-background-color);
|
||
|
|
--control-text-hover-color: var(--header-color);
|
||
|
|
--item-hover-text-color: var(--header-color);
|
||
|
|
--item-hover-bg-color: var(--hover-bg-color);
|
||
|
|
--bg-color: var(--background-color);
|
||
|
|
--text-color: var(--font-color);
|
||
|
|
--meta-content-color: var(--accent-color);
|
||
|
|
--md-char-color: var(--accent-color);
|
||
|
|
--window-border: 1px solid rgba(0,0,0,.07);
|
||
|
|
--active-file-bg-color: var(--hover-bg-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
.outline-item:hover {
|
||
|
|
background-color: var(--hover-bg-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
#write {
|
||
|
|
cursor: -webkit-image-set(url("night/cursor.png") 1x, url("night/cursor@2x.png") 2x) 8 8, auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1,
|
||
|
|
h2,
|
||
|
|
h3 {
|
||
|
|
color: var(--light-header-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
mark {
|
||
|
|
background: #b8b80a
|
||
|
|
}
|
||
|
|
|
||
|
|
table tr:nth-child(2n),
|
||
|
|
thead {
|
||
|
|
background-color: #141313;
|
||
|
|
}
|
||
|
|
|
||
|
|
sup.md-footnote {
|
||
|
|
background-color: var(--code-bg-color);
|
||
|
|
color: var(--font-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* right click menu */
|
||
|
|
.context-menu {
|
||
|
|
background-color: #141313;
|
||
|
|
}
|
||
|
|
|
||
|
|
.context-menu.dropdown-menu .divider {
|
||
|
|
background-color: #232629;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* focus mode */
|
||
|
|
.on-focus-mode .md-end-block:not(.md-focus):not(.md-focus-container) * {
|
||
|
|
color: #4f525a !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.on-focus-mode .md-end-block:not(.md-focus) img,
|
||
|
|
.on-focus-mode .md-task-list-item:not(.md-focus-container)>input {
|
||
|
|
opacity: #4f525a !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.on-focus-mode li[cid]:not(.md-focus-container){
|
||
|
|
color: #4f525a;
|
||
|
|
}
|
||
|
|
|
||
|
|
.on-focus-mode .md-fences.md-focus .CodeMirror-code>*:not(.CodeMirror-activeline) *,
|
||
|
|
.on-focus-mode .CodeMirror.cm-s-inner:not(.CodeMirror-focused) * {
|
||
|
|
color: #4f525a !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.on-focus-mode .md-focus,
|
||
|
|
.on-focus-mode .md-focus-container {
|
||
|
|
color: var(--light-header-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
.on-focus-mode #typora-source .CodeMirror-code>*:not(.CodeMirror-activeline) * {
|
||
|
|
color: #4f525a !important;
|
||
|
|
}
|
||
|
|
|