hehaiguang1123
616 lines
13 KiB
CSS
616 lines
13 KiB
CSS
|
|
:root
|
|
{
|
|
--dark0-hard: #1d2021;
|
|
--dark0: #282828;
|
|
--dark0-soft: #32302f;
|
|
--dark1: #3c3836;
|
|
--dark2: #504945;
|
|
--dark3: #665c54;
|
|
--dark4: #7c6f64;
|
|
|
|
--gray: #928374;
|
|
|
|
--light0-hard: #f9f5d7;
|
|
--light0-soft: #f2e5bc;
|
|
--light0: #d8dee9;
|
|
--light1: #e5e9f0;
|
|
--light2: #eceff4;
|
|
--light3: #ffffff;
|
|
|
|
--bright-red: #fb4934;
|
|
--bright-green: #b8bb26;
|
|
--bright-yellow: #fabd2f;
|
|
--bright-blue: #83a598;
|
|
--bright-purple: #d3869b;
|
|
--bright-aqua: #8ec07c;
|
|
--bright-orange: #fe8019;
|
|
|
|
--neutral-red: #cc241d;
|
|
--neutral-green: #98971a;
|
|
--neutral-yellow: #d79921;
|
|
--neutral-blue: #458588;
|
|
--neutral-purple: #b16286;
|
|
--neutral-aqua: #689d6a;
|
|
--neutral-orange: #d65d0e;
|
|
|
|
--faded-red: #9d0006;
|
|
--faded-green: #79740e;
|
|
--faded-yellow: #b57614;
|
|
--faded-blue: #076678;
|
|
--faded-purple: #8f3f71;
|
|
--faded-aqua: #427b58;
|
|
--faded-orange: #af3a03;
|
|
}
|
|
|
|
.theme-dark
|
|
{
|
|
--font-monospace: 'Avenir', 'Avenir Next', sans-serif;
|
|
--background-primary: var(--dark0);
|
|
--background-primary-alt: var(--dark0);
|
|
--background-secondary: var(--dark0-hard);
|
|
--background-secondary-alt: var(--dark1);
|
|
--text-normal: #f8f8f2;
|
|
--text-title-h1: #f8f8f2;
|
|
--text-title-h2: #1891ff;
|
|
--text-title-h3: #1891ff;
|
|
--text-title-h4: #1891ff;
|
|
--text-title-h5: #1891ff;
|
|
--text-title-h6: #1891ff;
|
|
--text-link: var(--bright-blue);
|
|
--text-a: #f4a833;
|
|
--text-a-hover: var(--bright-blue);
|
|
--text-mark: rgba(215, 153, 33, 0.4); /* neutral-yellow */
|
|
--pre-code: #44475a;
|
|
--text-highlight-bg: var(--faded-aqua);
|
|
--interactive-accent: var(--bright-orange);
|
|
--interactive-before: var(--dark4);
|
|
--background-modifier-border: var(--dark2);
|
|
--text-accent: var(--bright-orange);
|
|
--interactive-accent-rgb: var(--bright-orange);
|
|
--inline-code: #ff79c6;
|
|
--code-block: #ffb86c;
|
|
--vim-cursor: var(--bright-orange);
|
|
--text-selection: rgba(168, 153, 132, 0.5); /* light4 */
|
|
}
|
|
|
|
.theme-light
|
|
{
|
|
--font-monospace: 'Avenir', 'Avenir Next', sans-serif;
|
|
--background-primary: var(--light3);
|
|
--background-primary-alt: var(--light3);
|
|
--background-secondary: var(--light2);
|
|
--background-secondary-alt: var(--light1);
|
|
--text-normal: var(--dark0);
|
|
--text-faint: var(--dark3);
|
|
--text-title-h1: var(--faded-red);
|
|
--text-title-h2: var(--faded-orange);
|
|
--text-title-h3: var(--faded-yellow);
|
|
--text-title-h4: var(--faded-green);
|
|
--text-title-h5: var(--faded-aqua);
|
|
--text-link: var(--neutral-blue);
|
|
--text-a: var(--neutral-orange);
|
|
--text-a-hover: var(--neutral-blue);
|
|
--text-mark: rgba(215, 153, 33, 0.4); /* neutral-yellow */
|
|
--pre-code: var(--light1);
|
|
--text-highlight-bg: var(--bright-aqua);
|
|
--interactive-accent: var(--neutral-orange);
|
|
--interactive-before: var(--light4);
|
|
--background-modifier-border: var(--light2);
|
|
--text-accent: var(--neutral-orange);
|
|
--interactive-accent-rgb: var(--neutral-orange);
|
|
--inline-code: var(--neutral-blue);
|
|
--vim-cursor: var(--neutral-orange);
|
|
--text-selection: rgba(189, 174, 147, 0.5); /* light3 */
|
|
}
|
|
|
|
.theme-dark code[class*="language-"],
|
|
.theme-dark pre[class*="language-"],
|
|
.theme-light code[class*="language-"],
|
|
.theme-light pre[class*="language-"]
|
|
{
|
|
text-shadow: none !important;
|
|
background-color: var(--pre-code) !important;
|
|
}
|
|
|
|
.graph-view.color-circle,
|
|
.graph-view.color-fill-highlight,
|
|
.graph-view.color-line-highlight
|
|
{
|
|
color: var(--interactive-accent-rgb) !important;
|
|
}
|
|
|
|
/*箭头的颜色*/
|
|
|
|
.theme-dark .graph-view.color-arrow {
|
|
color: #50fa7b;
|
|
}
|
|
|
|
/*图谱线头的颜色*/
|
|
|
|
.graph-view.color-text
|
|
{
|
|
/*color: var(--text-a-hover) !important; */
|
|
}
|
|
|
|
|
|
.graph-view.color-fill
|
|
{
|
|
color: var(--bright-green);
|
|
}
|
|
.graph-view.color-line
|
|
{
|
|
color: #928374;
|
|
}
|
|
|
|
|
|
html,
|
|
body
|
|
{
|
|
font-size: 16px !important;
|
|
/*降低默认字体的粗细by xhs*/
|
|
font-weight: 300 !important;
|
|
}
|
|
|
|
strong
|
|
{
|
|
font-weight: 350 !important;
|
|
color: var(--inline-code);
|
|
}
|
|
|
|
a,
|
|
.cm-hmd-internal-link
|
|
{
|
|
color: var(--text-a) !important;
|
|
text-decoration: none !important;
|
|
/*font-style: italic;*/
|
|
}
|
|
|
|
/* make external links italics to differentiate */
|
|
a:not(.internal-link) {
|
|
font-style: italic;
|
|
}
|
|
|
|
a:hover,
|
|
.cm-hmd-internal-link:hover,
|
|
.cm-url
|
|
{
|
|
color: var(--text-a-hover) !important;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
/* for preview */
|
|
.markdown-preview-view blockquote {
|
|
font-size: 16px;
|
|
background-color: #504946 !important;
|
|
/*border-left: 5px solid var(--bracket-color)!important;*/
|
|
border-top: 0px;
|
|
border-bottom: 0px;
|
|
border-right: 0px;
|
|
border-radius: 5px;
|
|
margin: 1.5em 10px;
|
|
padding: 0.5em 10px;
|
|
position: relative;
|
|
max-width: 90%;
|
|
left:2%;
|
|
font-style: normal;
|
|
quotes: "\201C""\201D""\2018""\2019";
|
|
}
|
|
|
|
|
|
|
|
/*************************************/
|
|
/* tags */
|
|
/*************************************/
|
|
|
|
/* Tag hover in preview */
|
|
a.tag {
|
|
background-color: var(--tag-base);
|
|
border: 1px solid var(--interactive-accent);
|
|
color: var(--text-normal);
|
|
font-weight: 300;
|
|
padding: 1px 4px;
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
text-align: center;
|
|
text-decoration: none !important;
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
border-radius: 8px;
|
|
transition: 0.2s ease-in-out;
|
|
}
|
|
|
|
a.tag:hover {
|
|
color: var(--text-accent) !important;
|
|
}
|
|
|
|
/* Tag Color in editor and preview*/
|
|
.cm-hashtag, a.tag {
|
|
color: #8be9fd !important;
|
|
text-decoration: none !important;
|
|
font-style: normal !important;
|
|
}
|
|
|
|
|
|
|
|
mark
|
|
{
|
|
background-color: var(--text-mark) !important;
|
|
}
|
|
|
|
.view-actions a
|
|
{
|
|
color: var(--text-normal) !important;
|
|
}
|
|
|
|
.view-actions a:hover
|
|
{
|
|
color: var(--text-a) !important;
|
|
}
|
|
|
|
.HyperMD-codeblock-bg
|
|
{
|
|
background-color: var(--pre-code) !important;
|
|
}
|
|
|
|
.HyperMD-codeblock
|
|
{
|
|
line-height: 1.4em !important;
|
|
color: var(--code-block) !important;
|
|
}
|
|
|
|
.HyperMD-codeblock-begin
|
|
{
|
|
border-top-left-radius: 4px !important;
|
|
border-top-right-radius: 4px !important;
|
|
}
|
|
|
|
.HyperMD-codeblock-end
|
|
{
|
|
border-bottom-left-radius: 4px !important;
|
|
border-bottom-right-radius: 4px !important;
|
|
}
|
|
|
|
th
|
|
{
|
|
font-weight: 600 !important;
|
|
}
|
|
|
|
thead
|
|
{
|
|
border-bottom: 2px solid var(--background-modifier-border) !important;
|
|
}
|
|
|
|
.HyperMD-table-row
|
|
{
|
|
line-height: normal !important;
|
|
padding-left: 4px !important;
|
|
padding-right: 4px !important;
|
|
/* background-color: var(--pre-code) !important; */
|
|
}
|
|
|
|
.HyperMD-table-row-0
|
|
{
|
|
/* padding-top: 4px !important; */
|
|
}
|
|
|
|
.CodeMirror-foldgutter-folded,
|
|
.is-collapsed .nav-folder-collapse-indicator
|
|
{
|
|
color: var(--text-a) !important;
|
|
}
|
|
|
|
.nav-file-tag
|
|
{
|
|
color: var(--text-a) !important;
|
|
}
|
|
|
|
.is-active .nav-file-title
|
|
{
|
|
color: var(--text-a) !important;
|
|
background-color: var(--background-primary-alt) !important;
|
|
}
|
|
|
|
.nav-file-title
|
|
{
|
|
border-bottom-left-radius: 0 !important;
|
|
border-bottom-right-radius: 0 !important;
|
|
border-top-left-radius: 0 !important;
|
|
border-top-right-radius: 0 !important;
|
|
}
|
|
|
|
img
|
|
{
|
|
display: block !important;
|
|
margin-left: auto !important;
|
|
margin-right: auto !important;
|
|
}
|
|
|
|
.HyperMD-list-line
|
|
{
|
|
padding-top: 0 !important;
|
|
}
|
|
|
|
|
|
|
|
.CodeMirror-code,
|
|
.CodeMirror-linenumber,
|
|
.cm-formatting
|
|
{
|
|
font-family: var(--font-monospace) !important;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.markdown-preview-section pre code,
|
|
.markdown-preview-section code
|
|
{
|
|
font-size: 0.9em !important;
|
|
background-color: var(--pre-code) !important;
|
|
}
|
|
|
|
.markdown-preview-section pre code
|
|
{
|
|
padding: 10px !important;
|
|
line-height: 1.4em !important;
|
|
display: block !important;
|
|
color: var(--code-block) !important;
|
|
}
|
|
|
|
.markdown-preview-section code
|
|
{
|
|
color: var(--inline-code) !important;
|
|
}
|
|
|
|
.cm-s-obsidian,
|
|
.cm-inline-code
|
|
{
|
|
-webkit-font-smoothing: auto !important;
|
|
}
|
|
|
|
.cm-inline-code
|
|
{
|
|
color: var(--inline-code) !important;
|
|
background-color: var(--pre-code) !important;
|
|
padding: 1px !important;
|
|
}
|
|
|
|
.workspace-leaf-header-title
|
|
{
|
|
font-weight: 600 !important;
|
|
}
|
|
|
|
.side-dock-title
|
|
{
|
|
padding-top: 15px !important;
|
|
font-size: 20px !important;
|
|
}
|
|
|
|
.side-dock-ribbon-tab:hover,
|
|
.side-dock-ribbon-action:hover,
|
|
.side-dock-ribbon-action.is-active:hover,
|
|
.nav-action-button:hover,
|
|
.side-dock-collapse-btn:hover
|
|
{
|
|
color: var(--text-a);
|
|
}
|
|
|
|
.side-dock
|
|
{
|
|
border-right: 0 !important;
|
|
}
|
|
|
|
.cm-s-obsidian,
|
|
.markdown-preview-view
|
|
{
|
|
/* padding-left: 10px !important; */
|
|
padding-right: 10px !important;
|
|
}
|
|
|
|
/* vertical resize-handle */
|
|
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle,
|
|
.workspace-split.mod-left-split > .workspace-leaf-resize-handle,
|
|
.workspace-split.mod-right-split > .workspace-leaf-resize-handle
|
|
{
|
|
width: 1px !important;
|
|
background-color: var(--background-secondary-alt);
|
|
}
|
|
|
|
/* horizontal resize-handle */
|
|
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle
|
|
{
|
|
height: 1px !important;
|
|
background-color: var(--background-secondary-alt);
|
|
}
|
|
|
|
/* Remove vertical split padding */
|
|
.workspace-split.mod-root .workspace-split.mod-vertical .workspace-leaf-content,
|
|
.workspace-split.mod-vertical > .workspace-split,
|
|
.workspace-split.mod-vertical > .workspace-leaf,
|
|
.workspace-tabs
|
|
{
|
|
padding-right: 0px;
|
|
}
|
|
|
|
.markdown-embed-title
|
|
{
|
|
font-weight: 600 !important;
|
|
}
|
|
|
|
.markdown-embed
|
|
{
|
|
padding-left: 10px !important;
|
|
padding-right: 10px !important;
|
|
margin-left: 10px !important;
|
|
margin-right: 10px !important;
|
|
}
|
|
|
|
.cm-header-1,
|
|
.markdown-preview-section h1
|
|
{
|
|
font-weight: 350 !important;
|
|
font-size: 30px !important;
|
|
color: var(--text-title-h1) !important;
|
|
}
|
|
|
|
.cm-header-2,
|
|
.markdown-preview-section h2
|
|
{
|
|
font-weight: 350 !important;
|
|
font-size: 23px !important;
|
|
color: var(--text-title-h2) !important;
|
|
}
|
|
|
|
.cm-header-3
|
|
{
|
|
font-weight: 350 !important;
|
|
font-size: 23px !important;
|
|
color: var(--text-title-h3) !important;
|
|
}
|
|
.markdown-preview-section h3
|
|
{
|
|
font-weight: 350 !important;
|
|
font-size: 17px;
|
|
margin: 1em -0.5em;
|
|
color:#1891ff;
|
|
padding: 0px 10px;
|
|
border-left: 7px solid #1891ff;
|
|
}
|
|
|
|
.cm-header-4,
|
|
.markdown-preview-section h4
|
|
{
|
|
font-weight: 350 !important;
|
|
font-size: 20px !important;
|
|
color: var(--text-title-h4) !important;
|
|
}
|
|
|
|
.cm-header-5,
|
|
.cm-header-6,
|
|
.markdown-preview-section h5,
|
|
.markdown-preview-section h6
|
|
{
|
|
font-weight: 350 !important;
|
|
font-size: 18px !important;
|
|
color: var(--text-title-h5) !important;
|
|
}
|
|
|
|
.suggestion-item.is-selected
|
|
{
|
|
background-color: var(--background-secondary);
|
|
}
|
|
|
|
.empty-state-container:hover
|
|
{
|
|
background-color: var(--background-secondary-alt);
|
|
border: 5px solid var(--interactive-accent) !important;
|
|
}
|
|
|
|
.checkbox-container
|
|
{
|
|
background-color: var(--interactive-before);
|
|
}
|
|
|
|
.checkbox-container:after
|
|
{
|
|
background-color: var(--background-secondary-alt);
|
|
}
|
|
|
|
.mod-cta
|
|
{
|
|
color: var(--background-secondary-alt) !important;
|
|
font-weight: 600 !important;
|
|
}
|
|
|
|
.mod-cta a
|
|
{
|
|
color: var(--background-secondary-alt) !important;
|
|
font-weight: 600 !important;
|
|
}
|
|
|
|
.mod-cta:hover
|
|
{
|
|
background-color: var(--interactive-before) !important;
|
|
font-weight: 600 !important;
|
|
}
|
|
|
|
.CodeMirror-cursor
|
|
{
|
|
background-color: var(--vim-cursor) !important;
|
|
opacity: 60% !important;
|
|
}
|
|
|
|
input.task-list-item-checkbox {
|
|
border: 1px solid var(--dark4);
|
|
appearance: none;
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
input.task-list-item-checkbox:checked
|
|
{
|
|
background-color: var(--dark4);
|
|
box-shadow: inset 0 0 0 2px var(--background-primary);
|
|
}
|
|
|
|
::selection
|
|
{
|
|
background-color: var(--text-selection) !important;
|
|
}
|
|
|
|
.mermaid .note
|
|
{
|
|
fill: var(--dark3) !important;
|
|
}
|
|
|
|
|
|
/* Bullet Point Relationship Lines */
|
|
|
|
.cm-hmd-list-indent .cm-tab,
|
|
ul ul {
|
|
position: relative;
|
|
}
|
|
|
|
.cm-hmd-list-indent .cm-tab::before,
|
|
ul ul::before {
|
|
content: "";
|
|
border-left: 1px solid;
|
|
color: #92CDD6;
|
|
position: absolute;
|
|
}
|
|
|
|
.cm-hmd-list-indent .cm-tab::before {
|
|
left: 0;
|
|
top: -5px;
|
|
bottom: -4px;
|
|
}
|
|
|
|
ul ul::before {
|
|
left: 0px;
|
|
top: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
/* ul, li & ol colors in editor */
|
|
|
|
.cm-s-obsidian span.cm-formatting-list {
|
|
color: #8abeb7;
|
|
}
|
|
|
|
ol {
|
|
display: block;
|
|
list-style-type: decimal;
|
|
margin-block-start: 1em;
|
|
margin-block-end: 1em;
|
|
margin-inline-start: 0px;
|
|
margin-inline-end: 0px;
|
|
padding-inline-start: 40px;
|
|
}
|
|
|
|
.suggestion-highlight {
|
|
color: var(--interactive-accent)!important;
|
|
}
|
|
|
|
.is-selected {
|
|
background-color: var(--blockquote-border)!important;
|
|
}
|
|
|