generated from DNDs/dnd-template
1167 lines
31 KiB
CSS
1167 lines
31 KiB
CSS
:root {
|
|
--border-radius: 8px;
|
|
--border-radius-small: 4px;
|
|
}
|
|
|
|
:root {
|
|
--color-black: #010409;
|
|
--color-white: #f7f9fc;
|
|
--color-gray-0: #e1e7ee;
|
|
--color-gray-1: #c9d1d9;
|
|
--color-gray-2: #b1bac4;
|
|
--color-gray-3: #8b949e;
|
|
--color-gray-4: #6e7681;
|
|
--color-gray-5: #484f58;
|
|
--color-gray-6: #30363d;
|
|
--color-gray-7: #21262d;
|
|
--color-gray-8: #161b22;
|
|
--color-gray-9: #0d1117;
|
|
--color-blue-0: #cae8ff;
|
|
--color-blue-1: #a5d6ff;
|
|
--color-blue-2: #79c0ff;
|
|
--color-blue-3: #58a6ff;
|
|
--color-blue-4: #388bfd;
|
|
--color-blue-5: #1f6feb;
|
|
--color-blue-6: #1158c7;
|
|
--color-blue-7: #0d419d;
|
|
--color-blue-8: #0c2d6b;
|
|
--color-blue-9: #051d4d;
|
|
--color-green-0: #aff5b4;
|
|
--color-green-1: #7ee787;
|
|
--color-green-2: #56d364;
|
|
--color-green-3: #3fb950;
|
|
--color-green-4: #2ea043;
|
|
--color-green-5: #238636;
|
|
--color-green-6: #196c2e;
|
|
--color-green-7: #0f5323;
|
|
--color-green-8: #033a16;
|
|
--color-green-9: #04260f;
|
|
--color-yellow-0: #f8e3a1;
|
|
--color-yellow-1: #f2cc60;
|
|
--color-yellow-2: #e3b341;
|
|
--color-yellow-3: #d29922;
|
|
--color-yellow-4: #bb8009;
|
|
--color-yellow-5: #9e6a03;
|
|
--color-yellow-6: #845306;
|
|
--color-yellow-7: #693e00;
|
|
--color-yellow-8: #4b2900;
|
|
--color-yellow-9: #341a00;
|
|
--color-orange-0: #ffdfb6;
|
|
--color-orange-1: #ffc680;
|
|
--color-orange-2: #ffa657;
|
|
--color-orange-3: #f0883e;
|
|
--color-orange-4: #db6d28;
|
|
--color-orange-5: #bd561d;
|
|
--color-orange-6: #9b4215;
|
|
--color-orange-7: #762d0a;
|
|
--color-orange-8: #5a1e02;
|
|
--color-orange-9: #3d1300;
|
|
--color-red-0: #ffdcd7;
|
|
--color-red-1: #ffc1ba;
|
|
--color-red-2: #ffa198;
|
|
--color-red-3: #ff7b72;
|
|
--color-red-4: #f85149;
|
|
--color-red-5: #da3633;
|
|
--color-red-6: #b62324;
|
|
--color-red-7: #8e1519;
|
|
--color-red-8: #67060c;
|
|
--color-red-9: #490202;
|
|
--color-purple-0: #eddeff;
|
|
--color-purple-1: #e2c5ff;
|
|
--color-purple-2: #d2a8ff;
|
|
--color-purple-3: #bc8cff;
|
|
--color-purple-4: #a371f7;
|
|
--color-purple-5: #8957e5;
|
|
--color-purple-6: #6e40c9;
|
|
--color-purple-7: #553098;
|
|
--color-purple-8: #3c1e70;
|
|
--color-purple-9: #271052;
|
|
--color-pink-0: #ffdaec;
|
|
--color-pink-1: #ffbedd;
|
|
--color-pink-2: #ff9bce;
|
|
--color-pink-3: #f778ba;
|
|
--color-pink-4: #db61a2;
|
|
--color-pink-5: #bf4b8a;
|
|
--color-pink-6: #9e3670;
|
|
--color-pink-7: #7d2457;
|
|
--color-pink-8: #5e103e;
|
|
--color-pink-9: #42062a;
|
|
}
|
|
|
|
@keyframes bounceIn {
|
|
from,
|
|
20%,
|
|
40%,
|
|
60%,
|
|
80%,
|
|
to {
|
|
animation-timing-function: cubic-bezier(
|
|
0.215,
|
|
0.61,
|
|
0.355,
|
|
1
|
|
);
|
|
}
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale3d(0.3, 0.3, 0.3);
|
|
}
|
|
20% {
|
|
transform: scale3d(1.1, 1.1, 1.1);
|
|
}
|
|
40% {
|
|
transform: scale3d(0.9, 0.9, 0.9);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
transform: scale3d(1.03, 1.03, 1.03);
|
|
}
|
|
80% {
|
|
transform: scale3d(0.97, 0.97, 0.97);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
}
|
|
body {
|
|
line-height: 1.5;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
:root {
|
|
--default-font: -apple-system, BlinkMacSystemFont, Segoe UI,
|
|
Helvetica, Arial, sans-serif, Apple Color Emoji,
|
|
Segoe UI Emoji;
|
|
--editor-font: ui-monospace, SFMono-Regular, SF Mono, Menlo,
|
|
Consolas, Liberation Mono, monospace;
|
|
}
|
|
|
|
.markdown-source-view {
|
|
font-family: var(--editor-font);
|
|
font-weight: var(--cm-font-weight, 400);
|
|
}
|
|
|
|
.markdown-preview-view {
|
|
font-family: var(--default-font);
|
|
font-weight: var(--cm-font-weight, 400);
|
|
}
|
|
|
|
body .dropdown {
|
|
border-width: 2px;
|
|
border-color: var(--background-modifier-border);
|
|
border-radius: 6px;
|
|
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOTIuNCIgaGVpZ2h0PSIyOTIuNCI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTI4NyA2OS40YTE3LjYgMTcuNiAwIDAgMC0xMy01LjRIMTguNGMtNSAwLTkuMyAxLjgtMTIuOSA1LjRBMTcuNiAxNy42IDAgMCAwIDAgODIuMmMwIDUgMS44IDkuMyA1LjQgMTIuOWwxMjggMTI3LjljMy42IDMuNiA3LjggNS40IDEyLjggNS40czkuMi0xLjggMTIuOC01LjRMMjg3IDk1YzMuNS0zLjUgNS40LTcuOCA1LjQtMTIuOCAwLTUtMS45LTkuMi01LjUtMTIuOHoiLz48L3N2Zz4=);
|
|
cursor: pointer;
|
|
}
|
|
|
|
body [data-type="file-explorer"] .nav-files-container {
|
|
padding: 1rem;
|
|
}
|
|
body
|
|
[data-type="file-explorer"]
|
|
.nav-files-container
|
|
.nav-folder-title,
|
|
body
|
|
[data-type="file-explorer"]
|
|
.nav-files-container
|
|
.nav-file-title {
|
|
white-space: normal;
|
|
width: auto;
|
|
border-left: 5px solid transparent;
|
|
transition: background-color 0.75s
|
|
cubic-bezier(0.075, 0.82, 0.165, 1),
|
|
border-left 0.75s cubic-bezier(0.075, 0.82, 0.165, 1),
|
|
color 1s cubic-bezier(0.075, 0.82, 0.165, 1);
|
|
margin-bottom: 0.25rem;
|
|
}
|
|
body
|
|
[data-type="file-explorer"]
|
|
.nav-files-container
|
|
.nav-folder-title:hover,
|
|
body
|
|
[data-type="file-explorer"]
|
|
.nav-files-container
|
|
.nav-file-title:hover {
|
|
border-left: 5px solid var(--interactive-hover);
|
|
}
|
|
body
|
|
[data-type="file-explorer"]
|
|
.nav-files-container
|
|
.nav-file-title.is-active {
|
|
border-left: 5px solid var(--interactive-accent);
|
|
}
|
|
|
|
body .suggestion-container {
|
|
border-radius: 6px;
|
|
}
|
|
|
|
body {
|
|
padding-top: 27px !important;
|
|
}
|
|
|
|
body .titlebar {
|
|
height: 27px !important;
|
|
}
|
|
body .titlebar-inner {
|
|
background: var(--background-secondary-alt);
|
|
color: var(--text-normal);
|
|
}
|
|
body .titlebar-text {
|
|
top: 5px;
|
|
}
|
|
body .titlebar-button-container {
|
|
top: 0px;
|
|
}
|
|
body .titlebar-button {
|
|
opacity: 1;
|
|
}
|
|
|
|
body .workspace-leaf .view-header {
|
|
transition: border-bottom 1s
|
|
cubic-bezier(0.075, 0.82, 0.165, 1),
|
|
background-color 1s cubic-bezier(0.075, 0.82, 0.165, 1);
|
|
}
|
|
body .workspace-leaf .view-header-title {
|
|
transition: color 1s cubic-bezier(0.075, 0.82, 0.165, 1);
|
|
}
|
|
body .workspace-leaf.mod-active .view-header {
|
|
background-color: var(--background-primary);
|
|
}
|
|
body
|
|
.workspace-leaf.mod-active
|
|
.view-header-title-container::before,
|
|
body
|
|
.workspace-leaf.mod-active
|
|
.view-header-title-container::after {
|
|
background: none !important;
|
|
}
|
|
|
|
body .modal {
|
|
border-radius: 18px;
|
|
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
|
|
}
|
|
body .modal .prompt-results {
|
|
padding: calc((1rem * 2) * 1);
|
|
}
|
|
body .modal.mod-settings {
|
|
max-width: 1440px;
|
|
}
|
|
body .modal.mod-community-theme {
|
|
max-width: 1440px;
|
|
}
|
|
body .modal-bg {
|
|
backdrop-filter: blur(10px);
|
|
}
|
|
body .modal .vertical-tabs-container .vertical-tab-header {
|
|
flex: 0 0 300px;
|
|
}
|
|
body .modal .community-plugin-search {
|
|
border-radius: 18px 0 0 18px;
|
|
}
|
|
body .modal .community-plugin-details {
|
|
border-radius: 0 18px 18px 0;
|
|
}
|
|
|
|
body .prompt {
|
|
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
|
|
border-radius: 18px;
|
|
padding: calc((1rem * 2) * 1);
|
|
}
|
|
body .prompt-input {
|
|
background-color: var(--background-primary-alt);
|
|
border-radius: 18px;
|
|
margin-bottom: calc(1rem * 1);
|
|
padding: calc(1rem * 1) !important;
|
|
height: initial;
|
|
font-size: 1.15rem;
|
|
flex-shrink: 0;
|
|
}
|
|
body .prompt-results {
|
|
padding: calc(1rem * 1);
|
|
}
|
|
body .prompt-results .suggestion-item {
|
|
border-left: 5px solid transparent;
|
|
border-radius: 6px;
|
|
transition: border-left 0.25s
|
|
cubic-bezier(0.075, 0.82, 0.165, 1),
|
|
background-color 0.75s cubic-bezier(0.075, 0.82, 0.165, 1),
|
|
color 0.75s cubic-bezier(0.075, 0.82, 0.165, 1);
|
|
}
|
|
body .prompt-results .suggestion-item .suggestion-hotkey {
|
|
position: relative;
|
|
top: 0.25em;
|
|
}
|
|
body .prompt-results .suggestion-item.is-selected {
|
|
background-color: var(--background-secondary-alt);
|
|
color: var(--interactive-accent);
|
|
border-left: 5px solid var(--interactive-accent);
|
|
}
|
|
|
|
body .frontmatter-container {
|
|
border: 1px solid var(--background-modifier-border);
|
|
background-color: var(--background-secondary);
|
|
border-radius: 10px;
|
|
padding: calc((1rem * 2) * 1) calc(1rem * 1);
|
|
}
|
|
body .frontmatter code[class*="language-"] {
|
|
padding: initial;
|
|
}
|
|
|
|
body button {
|
|
border-radius: 6px;
|
|
border: 1px solid var(--color-border);
|
|
font-weight: 600;
|
|
}
|
|
|
|
body input[type="text"],
|
|
body input[type="search"],
|
|
body input[type="email"],
|
|
body input[type="password"],
|
|
body input[type="number"] {
|
|
border-width: 2px;
|
|
border-radius: 12px;
|
|
padding: calc(1rem * 1) calc((1rem * 2) * 1) calc(1rem * 1)
|
|
calc(1rem * 1);
|
|
}
|
|
|
|
body .setting-item .setting-hotkey {
|
|
border-radius: 10px;
|
|
padding: calc((1rem / 8) * 1) calc(1rem * 1);
|
|
min-height: 24px;
|
|
line-height: 24px;
|
|
}
|
|
|
|
body .status-bar {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
align-self: center;
|
|
max-height: none;
|
|
height: 27px;
|
|
width: 100%;
|
|
background-color: var(--background-primary);
|
|
color: var(--text-muted);
|
|
font-size: 14px;
|
|
font-family: var(--editor-font);
|
|
line-height: 1;
|
|
border-top: 1px solid var(--background-secondary);
|
|
gap: calc(1rem * 1);
|
|
padding: calc((1rem / 4) * 1) calc(1rem * 1);
|
|
user-select: none;
|
|
}
|
|
body .status-bar-item,
|
|
body .status-bar-item-segment {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
align-content: center;
|
|
line-height: 1;
|
|
padding: 0;
|
|
}
|
|
body .status-bar-item svg,
|
|
body .status-bar-item-segment svg {
|
|
display: block;
|
|
}
|
|
|
|
body .workspace-tabs .workspace-tab-header-container {
|
|
display: flex;
|
|
justify-content: center;
|
|
height: fit-content;
|
|
padding-top: calc((1rem / 2) * 1);
|
|
padding-right: 0;
|
|
padding-left: 0;
|
|
padding-bottom: calc((1rem / 2) * 1);
|
|
}
|
|
body .workspace-tab-container-inner {
|
|
min-height: 35px;
|
|
background-color: var(--background-secondary);
|
|
border: 2px solid var(--interactive-normal);
|
|
border-radius: 6px;
|
|
flex-wrap: wrap;
|
|
}
|
|
body .workspace-tab-header-inner {
|
|
width: 35px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin: auto;
|
|
}
|
|
body .workspace-tab-header-inner-icon {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
body .workspace-tab-header {
|
|
border: 2px solid var(--color-transparent);
|
|
color: var(--text-muted);
|
|
cursor: pointer;
|
|
}
|
|
body .workspace-tab-header svg {
|
|
width: 15px;
|
|
height: 15px;
|
|
}
|
|
body .workspace-tab-header.is-active {
|
|
background-color: var(--interactive-accent);
|
|
color: var(--text-on-accent);
|
|
border-radius: 6px;
|
|
border: 2px solid var(--interactive-accent-hover);
|
|
}
|
|
body .workspace-tab-header.is-active svg {
|
|
color: var(--text-bright);
|
|
}
|
|
body .workspace-tab-header.is-active:hover svg {
|
|
color: var(--text-bright);
|
|
}
|
|
body .workspace-tab-header:not(.is-active):hover {
|
|
color: var(--interactive-accent-hover);
|
|
}
|
|
body .workspace-tab-header.is-after-active,
|
|
body
|
|
.workspace-tab-header.is-after-active
|
|
.workspace-tab-header-inner,
|
|
body .workspace-tab-header.is-before-active,
|
|
body
|
|
.workspace-tab-header.is-before-active
|
|
.workspace-tab-header-inner {
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
border-radius: 10px;
|
|
}
|
|
body .workspace-tab-container-after,
|
|
body .workspace-tab-container-before,
|
|
body .workspace-tab-container-after.is-after-active,
|
|
body .workspace-tab-container-after.is-after-active,
|
|
body .workspace-tab-container-before.is-before-active {
|
|
display: none;
|
|
}
|
|
|
|
body .workspace-leaf-resize-handle {
|
|
background-color: var(--color-transparent);
|
|
}
|
|
|
|
body .markdown-source-view .CodeMirror .CodeMirror-activeline {
|
|
background: var(--active-line-bg);
|
|
}
|
|
|
|
body .markdown-preview-view blockquote {
|
|
padding: calc(1rem * 1) calc((1rem * 4) * 1);
|
|
margin: 0 0 calc(1rem * 1) 0;
|
|
background: var(--background-primary-alt);
|
|
color: var(--text-normal);
|
|
font-style: italic;
|
|
line-height: 2;
|
|
border-radius: 6px;
|
|
border-width: 1px;
|
|
box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
body .markdown-preview-view code {
|
|
color: var(--text-code);
|
|
font-family: var(--font-monospace);
|
|
background-color: var(--background-secondary-alt);
|
|
border-radius: 6px;
|
|
font-size: 0.85em;
|
|
}
|
|
body .markdown-preview-view pre[class*="language-"] {
|
|
border-radius: 12px;
|
|
background-color: var(--background-secondary);
|
|
}
|
|
body
|
|
.markdown-preview-view
|
|
pre[class*="language-"]::-webkit-scrollbar {
|
|
background-color: var(--background-secondary-alt);
|
|
border-radius: 0 0 12px 12px;
|
|
height: 15px;
|
|
}
|
|
body
|
|
.markdown-preview-view
|
|
pre[class*="language-"]::-webkit-scrollbar-thumb {
|
|
background-color: var(--background-secondary);
|
|
border-radius: 0 0 12px 12px;
|
|
}
|
|
body
|
|
.markdown-preview-view
|
|
pre[class*="language-"]
|
|
*:not(.copy-code-button) {
|
|
background-color: transparent !important;
|
|
}
|
|
body
|
|
.markdown-preview-view
|
|
pre[class*="language-"]
|
|
.copy-code-button {
|
|
background-color: var(--background-secondary-alt);
|
|
}
|
|
body
|
|
.markdown-preview-view
|
|
pre[class*="language-"]
|
|
.copy-code-button:hover {
|
|
transition: background-color 0.75s
|
|
cubic-bezier(0.075, 0.82, 0.165, 1),
|
|
color 0.75s cubic-bezier(0.075, 0.82, 0.165, 1);
|
|
background-color: var(--interactive-accent);
|
|
color: var(--text-on-accent);
|
|
}
|
|
|
|
body .markdown-source-view .CodeMirror .HyperMD-codeblock {
|
|
color: var(--text-code);
|
|
}
|
|
body .markdown-source-view .CodeMirror .cm-inline-code {
|
|
color: var(--text-code);
|
|
}
|
|
|
|
body .markdown-source-view.mod-cm6 .HyperMD-codeblock {
|
|
color: var(--text-code);
|
|
}
|
|
body .markdown-source-view.mod-cm6 .cm-inline-code {
|
|
color: var(--text-code);
|
|
}
|
|
|
|
body .markdown-source-view .CodeMirror .CodeMirror-cursor {
|
|
background: var(--cursor-bg);
|
|
}
|
|
|
|
body .markdown-preview-view .external-link {
|
|
font-weight: 600;
|
|
text-decoration: none;
|
|
background-position-y: 60%;
|
|
}
|
|
body .markdown-preview-view .external-link:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
body .markdown-source-view .CodeMirror .cm-link {
|
|
font-weight: 700;
|
|
}
|
|
|
|
body .markdown-source-view.mod-cm6 .cm-link {
|
|
font-weight: 700;
|
|
}
|
|
|
|
body .markdown-preview-view .file-embed {
|
|
border: none;
|
|
border-radius: 4px;
|
|
}
|
|
body .markdown-preview-view .file-embed .file-embed-link {
|
|
top: 2rem;
|
|
}
|
|
|
|
body .markdown-preview-view h1 {
|
|
border-bottom: 1px solid var(--background-secondary-alt);
|
|
font-weight: 600;
|
|
line-height: 1.25;
|
|
padding-bottom: calc((1rem / 2) * 1);
|
|
}
|
|
body .markdown-preview-view h2 {
|
|
border-bottom: 1px solid var(--background-secondary-alt);
|
|
font-weight: 600;
|
|
line-height: 1.25;
|
|
padding-bottom: calc((1rem / 2) * 1);
|
|
}
|
|
body .markdown-preview-view h3 {
|
|
font-weight: 600;
|
|
}
|
|
body .markdown-preview-view h4 {
|
|
font-weight: 600;
|
|
}
|
|
body .markdown-preview-view h5 {
|
|
font-style: italic;
|
|
}
|
|
body .markdown-preview-view h6 {
|
|
font-style: italic;
|
|
font-weight: 400;
|
|
}
|
|
|
|
body .markdown-source-view.mod-cm6 .HyperMD-header-1 {
|
|
border-bottom: 1px solid var(--background-secondary-alt);
|
|
font-weight: 600;
|
|
line-height: 1.25;
|
|
padding-bottom: calc((1rem / 2) * 1);
|
|
}
|
|
body .markdown-source-view.mod-cm6 .HyperMD-header-2 {
|
|
border-bottom: 1px solid var(--background-secondary-alt);
|
|
font-weight: 600;
|
|
line-height: 1.25;
|
|
padding-bottom: calc((1rem / 2) * 1);
|
|
}
|
|
body .markdown-source-view.mod-cm6 .HyperMD-header-3 {
|
|
font-weight: 600;
|
|
}
|
|
body .markdown-source-view.mod-cm6 .HyperMD-header-4 {
|
|
font-weight: 600;
|
|
}
|
|
body .markdown-source-view.mod-cm6 .HyperMD-header-5 {
|
|
font-style: italic;
|
|
}
|
|
body .markdown-source-view.mod-cm6 .HyperMD-header-6 {
|
|
font-style: italic;
|
|
font-weight: 400;
|
|
}
|
|
|
|
body .markdown-preview-view .internal-link {
|
|
font-weight: 600;
|
|
color: var(--text-accent);
|
|
text-decoration: none;
|
|
}
|
|
body .markdown-preview-view .internal-link:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
body .markdown-source-view .CodeMirror .cm-hmd-internal-link {
|
|
font-weight: 700;
|
|
}
|
|
|
|
body .markdown-source-view.mod-cm6 .cm-hmd-internal-link {
|
|
font-weight: 700;
|
|
}
|
|
|
|
body .markdown-preview-view ul,
|
|
body .markdown-preview-view ol {
|
|
position: relative;
|
|
}
|
|
body .markdown-preview-view ul ul::before,
|
|
body .markdown-preview-view ul ol::before,
|
|
body .markdown-preview-view ol ul::before,
|
|
body .markdown-preview-view ol ol::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: -1em;
|
|
width: 2px;
|
|
background: linear-gradient(
|
|
to bottom,
|
|
transparent 0%,
|
|
var(--background-secondary-alt) 25%,
|
|
var(--background-secondary-alt) 75%,
|
|
transparent 100%
|
|
);
|
|
}
|
|
body .markdown-preview-view ul.contains-task-list ul::before,
|
|
body .markdown-preview-view ul.contains-task-list ol::before,
|
|
body .markdown-preview-view ol.contains-task-list ul::before,
|
|
body .markdown-preview-view ol.contains-task-list ol::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: -0.8em;
|
|
width: 2px;
|
|
background: linear-gradient(
|
|
to bottom,
|
|
transparent 0%,
|
|
var(--background-secondary-alt) 25%,
|
|
var(--background-secondary-alt) 75%,
|
|
transparent 100%
|
|
);
|
|
}
|
|
|
|
body .markdown-preview-view .markdown-embed {
|
|
border-radius: 12px;
|
|
border: none;
|
|
padding: 0;
|
|
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
|
|
transition: box-shadow 0.75s
|
|
cubic-bezier(0.075, 0.82, 0.165, 1);
|
|
}
|
|
body .markdown-preview-view .markdown-embed:hover {
|
|
box-shadow: 0 15px 50px rgba(0, 0, 0, 0.15);
|
|
}
|
|
body .markdown-preview-view .markdown-embed:before {
|
|
background: linear-gradient(
|
|
to bottom,
|
|
var(--text-accent-hover) 0%,
|
|
var(--text-accent) 100%
|
|
);
|
|
border-radius: 12px 0 0 12px;
|
|
bottom: 0;
|
|
content: "";
|
|
display: block;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 10px;
|
|
}
|
|
body
|
|
.markdown-preview-view
|
|
.markdown-embed
|
|
.markdown-embed-content::-webkit-scrollbar,
|
|
body
|
|
.markdown-preview-view
|
|
.markdown-embed
|
|
.markdown-embed-content::-webkit-scrollbar-thumb {
|
|
border-radius: 0 12px 12px 0;
|
|
}
|
|
body
|
|
.markdown-preview-view
|
|
.markdown-embed
|
|
.markdown-embed-content::-webkit-scrollbar {
|
|
background: linear-gradient(
|
|
to bottom,
|
|
var(--background-secondary) 0%,
|
|
var(--background-primary) 100%
|
|
);
|
|
}
|
|
body
|
|
.markdown-preview-view
|
|
.markdown-embed
|
|
.markdown-preview-view {
|
|
padding-right: calc(1rem * 1);
|
|
border-radius: 12px;
|
|
}
|
|
body
|
|
.markdown-preview-view
|
|
.markdown-embed
|
|
.markdown-preview-view
|
|
.markdown-preview-sizer {
|
|
max-width: 90%;
|
|
}
|
|
body
|
|
.markdown-preview-view
|
|
.markdown-embed
|
|
.markdown-embed-link {
|
|
top: calc((1rem * 2) * 1);
|
|
}
|
|
|
|
body .markdown-source-view.mod-cm6 .markdown-embed {
|
|
padding: calc((1rem * 2) * 1) 0 calc((1rem * 2) * 1)
|
|
calc((1rem * 2) * 1);
|
|
border: none;
|
|
}
|
|
body
|
|
.markdown-source-view.mod-cm6
|
|
.markdown-embed
|
|
.markdown-preview-view {
|
|
padding-right: 40px;
|
|
}
|
|
body
|
|
.markdown-source-view.mod-cm6
|
|
.markdown-embed
|
|
.markdown-embed-link {
|
|
top: calc((1rem * 2) * 1);
|
|
}
|
|
body
|
|
.markdown-source-view.mod-cm6
|
|
.markdown-embed
|
|
.task-list-item-checkbox {
|
|
top: -1px;
|
|
}
|
|
|
|
body .markdown-preview-view p {
|
|
line-height: 1.5;
|
|
}
|
|
|
|
body .markdown-preview-view .tag:not(.token) {
|
|
background: var(--color-topic-tag-bg);
|
|
color: var(--text-accent-light);
|
|
font-size: 0.75rem;
|
|
text-decoration: none;
|
|
font-family: var(--editor-font);
|
|
padding-top: 2px;
|
|
padding-right: 5px;
|
|
padding-bottom: 2px;
|
|
padding-left: 5px;
|
|
border-radius: 8px;
|
|
border: 1px solid var(--text-accent-light);
|
|
}
|
|
|
|
body .markdown-source-view.mod-cm6 .cm-hashtag-begin,
|
|
body .markdown-source-view.mod-cm6 .cm-hashtag-end {
|
|
background: var(--color-topic-tag-bg);
|
|
color: var(--text-accent-light);
|
|
font-size: 0.75rem;
|
|
text-decoration: none;
|
|
font-family: var(--editor-font);
|
|
}
|
|
body .markdown-source-view.mod-cm6 .cm-hashtag-begin {
|
|
padding-top: 2px;
|
|
padding-right: 0;
|
|
padding-bottom: 2px;
|
|
padding-left: 5px;
|
|
border-radius: 8px 0 0 8px;
|
|
border-top: 1px solid var(--text-accent-light);
|
|
border-right: none;
|
|
border-bottom: 1px solid var(--text-accent-light);
|
|
border-left: 1px solid var(--text-accent-light);
|
|
}
|
|
body .markdown-source-view.mod-cm6 .cm-hashtag-end {
|
|
padding-top: 2px;
|
|
padding-right: 5px;
|
|
padding-bottom: 2px;
|
|
padding-left: 0;
|
|
border-radius: 0 8px 8px 0;
|
|
border-top: 1px solid var(--text-accent-light);
|
|
border-right: 1px solid var(--text-accent-light);
|
|
border-bottom: 1px solid var(--text-accent-light);
|
|
border-left: none;
|
|
}
|
|
|
|
body
|
|
.markdown-preview-view
|
|
ul.contains-task-list
|
|
.task-list-item {
|
|
text-decoration: none;
|
|
color: var(--text-normal);
|
|
transition: color 0.75s cubic-bezier(0.075, 0.82, 0.165, 1),
|
|
filter 0.75s cubic-bezier(0.075, 0.82, 0.165, 1);
|
|
}
|
|
body
|
|
.markdown-preview-view
|
|
ul.contains-task-list
|
|
.task-list-item.is-checked {
|
|
color: var(--text-muted);
|
|
}
|
|
body
|
|
.markdown-preview-view
|
|
ul.contains-task-list
|
|
.task-list-item.is-checked
|
|
.internal-link,
|
|
body
|
|
.markdown-preview-view
|
|
ul.contains-task-list
|
|
.task-list-item.is-checked
|
|
.external-link {
|
|
filter: opacity(0.5);
|
|
}
|
|
body
|
|
.markdown-preview-view
|
|
ul.contains-task-list
|
|
.task-list-item-checkbox {
|
|
width: 16px;
|
|
height: 16px;
|
|
filter: none;
|
|
line-height: 0;
|
|
margin: 0;
|
|
margin-right: calc((1rem / 2) * 1);
|
|
appearance: none;
|
|
background-color: var(--color-white);
|
|
transition: background-color 0.75s
|
|
cubic-bezier(0.075, 0.82, 0.165, 1);
|
|
border-radius: 30%;
|
|
border: 2px solid var(--text-muted);
|
|
padding: 0;
|
|
position: relative;
|
|
top: 2px;
|
|
}
|
|
body
|
|
.markdown-preview-view
|
|
ul.contains-task-list
|
|
.task-list-item-checkbox:checked {
|
|
border: 2px solid var(--text-accent-hover);
|
|
background-color: var(--text-accent);
|
|
background-position: 50% 45%;
|
|
background-size: 68%;
|
|
background-repeat: no-repeat;
|
|
background-image: url('data:image/svg+xml; utf8, <svg width="12px" height="10px" viewBox="0 0 12 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-4.000000, -6.000000)" fill="%23ffffff"><path d="M8.1043257,14.0367999 L4.52468714,10.5420499 C4.32525014,10.3497722 4.32525014,10.0368095 4.52468714,9.8424863 L5.24777413,9.1439454 C5.44721114,8.95166768 5.77142411,8.95166768 5.97086112,9.1439454 L8.46638057,11.5903727 L14.0291389,6.1442083 C14.2285759,5.95193057 14.5527889,5.95193057 14.7522259,6.1442083 L15.4753129,6.84377194 C15.6747499,7.03604967 15.6747499,7.35003511 15.4753129,7.54129009 L8.82741268,14.0367999 C8.62797568,14.2290777 8.3037627,14.2290777 8.1043257,14.0367999"></path></g></g></svg>');
|
|
}
|
|
|
|
body .markdown-source-view.mod-cm6 .HyperMD-task-line {
|
|
text-decoration: none !important;
|
|
transition: color 0.75s cubic-bezier(0.075, 0.82, 0.165, 1),
|
|
filter 0.75s cubic-bezier(0.075, 0.82, 0.165, 1);
|
|
}
|
|
body
|
|
.markdown-source-view.mod-cm6
|
|
.HyperMD-task-line
|
|
.task-list-item-checkbox {
|
|
width: 16px;
|
|
height: 16px;
|
|
filter: none;
|
|
line-height: 0;
|
|
margin: 0;
|
|
margin-right: calc((1rem / 2) * 1);
|
|
appearance: none;
|
|
background-color: var(--color-white);
|
|
transition: background-color 0.75s
|
|
cubic-bezier(0.075, 0.82, 0.165, 1);
|
|
border-radius: 30%;
|
|
border: 2px solid var(--text-muted);
|
|
padding: 0;
|
|
position: relative;
|
|
top: -1px;
|
|
}
|
|
body
|
|
.markdown-source-view.mod-cm6
|
|
.HyperMD-task-line[data-task~="-"],
|
|
body
|
|
.markdown-source-view.mod-cm6
|
|
.HyperMD-task-line[data-task~="x"] {
|
|
color: var(--text-normal);
|
|
}
|
|
body
|
|
.markdown-source-view.mod-cm6
|
|
.HyperMD-task-line[data-task~="-"]
|
|
*:not(.task-list-item-checkbox),
|
|
body
|
|
.markdown-source-view.mod-cm6
|
|
.HyperMD-task-line[data-task~="x"]
|
|
*:not(.task-list-item-checkbox) {
|
|
filter: opacity(0.75);
|
|
}
|
|
body
|
|
.markdown-source-view.mod-cm6
|
|
.HyperMD-task-line[data-task~="-"]
|
|
.task-list-item-checkbox,
|
|
body
|
|
.markdown-source-view.mod-cm6
|
|
.HyperMD-task-line[data-task~="x"]
|
|
.task-list-item-checkbox {
|
|
border: 2px solid var(--text-accent-hover);
|
|
background-color: var(--text-accent);
|
|
background-position: 50% 45%;
|
|
background-size: 68%;
|
|
background-repeat: no-repeat;
|
|
background-image: url('data:image/svg+xml; utf8, <svg width="12px" height="10px" viewBox="0 0 12 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-4.000000, -6.000000)" fill="%23ffffff"><path d="M8.1043257,14.0367999 L4.52468714,10.5420499 C4.32525014,10.3497722 4.32525014,10.0368095 4.52468714,9.8424863 L5.24777413,9.1439454 C5.44721114,8.95166768 5.77142411,8.95166768 5.97086112,9.1439454 L8.46638057,11.5903727 L14.0291389,6.1442083 C14.2285759,5.95193057 14.5527889,5.95193057 14.7522259,6.1442083 L15.4753129,6.84377194 C15.6747499,7.03604967 15.6747499,7.35003511 15.4753129,7.54129009 L8.82741268,14.0367999 C8.62797568,14.2290777 8.3037627,14.2290777 8.1043257,14.0367999"></path></g></g></svg>');
|
|
}
|
|
|
|
body .markdown-preview-view .search-highlight > div.is-active {
|
|
border-bottom: 2px dashed var(--color-blue-3);
|
|
}
|
|
|
|
body .markdown-preview-view .admonition {
|
|
box-shadow: none;
|
|
}
|
|
|
|
body .markdown-preview-view .button-default {
|
|
box-shadow: none;
|
|
}
|
|
body .markdown-preview-view .button-default:hover {
|
|
background-color: inherit;
|
|
}
|
|
body .markdown-preview-view .button-default.white {
|
|
background: linear-gradient(
|
|
45deg,
|
|
var(--color-gray-1),
|
|
var(--color-gray-2)
|
|
);
|
|
border: 1px solid var(--color-gray-1);
|
|
color: var(--color-gray-8);
|
|
}
|
|
body .markdown-preview-view .button-default.green {
|
|
background: linear-gradient(
|
|
45deg,
|
|
var(--color-green-3),
|
|
var(--color-green-4)
|
|
);
|
|
border: 1px solid var(--color-green-2);
|
|
}
|
|
body .markdown-preview-view .button-default.blue {
|
|
background: linear-gradient(
|
|
45deg,
|
|
var(--color-blue-3),
|
|
var(--color-blue-4)
|
|
);
|
|
border: 1px solid var(--color-blue-2);
|
|
}
|
|
body .markdown-preview-view .button-default.purple {
|
|
background: linear-gradient(
|
|
45deg,
|
|
var(--color-purple-3),
|
|
var(--color-purple-4)
|
|
);
|
|
border: 1px solid var(--color-purple-2);
|
|
}
|
|
|
|
body.plugin-sliding-panes-stacking
|
|
.workspace
|
|
> .mod-root
|
|
> .workspace-leaf {
|
|
transition: box-shadow 0.75s
|
|
cubic-bezier(0.075, 0.82, 0.165, 1);
|
|
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
|
|
}
|
|
body.plugin-sliding-panes-stacking
|
|
.workspace
|
|
> .mod-root
|
|
> .workspace-leaf.mod-active {
|
|
box-shadow: 0 15px 50px rgba(0, 0, 0, 0.25) !important;
|
|
}
|
|
body.plugin-sliding-panes-rotate-header
|
|
div.workspace
|
|
> .mod-root
|
|
> .workspace-leaf
|
|
> .workspace-leaf-content
|
|
> .view-header {
|
|
background: var(--background-primary);
|
|
border-left: 3px solid var(--interactive-normal);
|
|
border-right: 3px solid var(--background-primary);
|
|
}
|
|
body.plugin-sliding-panes-rotate-header
|
|
div.workspace
|
|
> .mod-root
|
|
> .workspace-leaf
|
|
> .workspace-leaf-content
|
|
> .view-header
|
|
.view-header-icon {
|
|
left: 4px;
|
|
}
|
|
body.plugin-sliding-panes-rotate-header
|
|
div.workspace
|
|
> .mod-root
|
|
> .workspace-leaf
|
|
> .workspace-leaf-content
|
|
> .view-header
|
|
.view-header-title-container:after,
|
|
body.plugin-sliding-panes-rotate-header
|
|
div.workspace
|
|
> .mod-root
|
|
> .workspace-leaf
|
|
> .workspace-leaf-content
|
|
> .view-header
|
|
.view-header-title-container:before {
|
|
display: none;
|
|
}
|
|
body.plugin-sliding-panes-rotate-header
|
|
div.workspace
|
|
> .mod-root
|
|
> .workspace-leaf.mod-active
|
|
> .workspace-leaf-content
|
|
> .view-header {
|
|
background: var(--background-primary);
|
|
border-left: 3px solid var(--interactive-accent);
|
|
border-right: 3px solid var(--background-primary);
|
|
}
|
|
|
|
.workspace-leaf .kanban-plugin {
|
|
background-color: var(--background-primary);
|
|
}
|
|
.workspace-leaf .kanban-plugin__lane {
|
|
border-radius: 10px;
|
|
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
|
|
}
|
|
.workspace-leaf .kanban-plugin__item {
|
|
border-radius: 10px;
|
|
}
|
|
.workspace-leaf .kanban-plugin__item-title-wrapper {
|
|
padding: calc((1rem / 2) * 1) calc(1rem * 1);
|
|
}
|
|
.workspace-leaf .kanban-plugin__item-form textarea {
|
|
border-radius: 10px;
|
|
}
|
|
.workspace-leaf .kanban-plugin__item-form textarea:focus {
|
|
border-width: 2px;
|
|
}
|
|
|
|
.obsidian42-jump-to-date.flatpickr-calendar {
|
|
background-color: var(--background-primary);
|
|
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
|
|
border-radius: 12px;
|
|
}
|
|
.obsidian42-jump-to-date .flatpickr-months * {
|
|
color: var(--text-normal);
|
|
}
|
|
.obsidian42-jump-to-date .flatpickr-weekdays * {
|
|
color: var(--text-normal);
|
|
}
|
|
.obsidian42-jump-to-date .flatpickr-days .dayContainer {
|
|
padding: calc(1rem * 1);
|
|
border-radius: 12px;
|
|
}
|
|
.obsidian42-jump-to-date
|
|
.flatpickr-days
|
|
.dayContainer
|
|
.flatpickr-day {
|
|
color: var(--text-normal);
|
|
border: 1px solid var(--background-secondary);
|
|
border-radius: 4px !important;
|
|
}
|
|
.obsidian42-jump-to-date
|
|
.flatpickr-days
|
|
.dayContainer
|
|
.flatpickr-day:focus {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
|
|
.theme-dark {
|
|
--background-primary: var(--color-gray-9);
|
|
--background-primary-alt: var(--color-gray-8);
|
|
--background-secondary: var(--color-gray-8);
|
|
--background-secondary-alt: var(--color-gray-7);
|
|
--background-modifier-border: var(--color-gray-7);
|
|
--background-modifier-form-field: var(--color-gray-8);
|
|
--background-modifier-form-field-highlighted: var(
|
|
--color-gray-8
|
|
);
|
|
--background-modifier-box-shadow: rgba(0, 0, 0, 0.3);
|
|
--background-modifier-success: var(--color-green-4);
|
|
--background-modifier-error: var(--color-red-6);
|
|
--background-modifier-error-rgb: 61, 0, 0;
|
|
--background-modifier-error-hover: var(--color-red-6);
|
|
--background-modifier-cover: rgba(0, 0, 0, 0.1);
|
|
--text-accent: var(--color-blue-4);
|
|
--text-accent-light: var(--color-blue-3);
|
|
--text-accent-hover: var(--text-accent-light);
|
|
--text-normal: var(--color-gray-1);
|
|
--text-code: var(--color-gray-1);
|
|
--text-muted: var(--color-gray-4);
|
|
--text-muted-rgb: 153, 153, 153;
|
|
--text-faint: var(--color-gray-4);
|
|
--text-bright: var(--color-gray-0);
|
|
--text-error: var(--color-red-4);
|
|
--text-error-hover: var(--color-red-5);
|
|
--text-highlight-bg: rgba(0, 63, 179, 0.75);
|
|
--text-highlight-bg-active: rgba(0, 123, 255, 0.15);
|
|
--text-selection: rgba(23, 48, 77, 0.99);
|
|
--text-on-accent: var(--color-white);
|
|
--interactive-normal: var(--color-gray-6);
|
|
--interactive-hover: var(--color-gray-5);
|
|
--interactive-accent: var(--color-green-4);
|
|
--interactive-accent-rgb: 46, 160, 67;
|
|
--interactive-accent-hover: var(--color-green-3);
|
|
--interactive-success: var(--color-green-5);
|
|
--scrollbar-active-thumb-bg: var(--text-accent);
|
|
--scrollbar-bg: var(--background-primary);
|
|
--scrollbar-thumb-bg: var(--background-primary-alt);
|
|
--highlight-mix-blend-mode: screen;
|
|
--color-topic-tag-bg: rgba(56, 139, 253, 0.1);
|
|
--cursor-bg: var(--color-green-3);
|
|
--active-line-bg: rgba(var(--text-muted-rgb), 0.1);
|
|
--color-transparent: rgba(255, 255, 255, 0);
|
|
--color-border: rgba(255, 255, 255, 0.2);
|
|
}
|
|
|
|
.theme-light {
|
|
--background-primary: var(--color-white);
|
|
--background-primary-alt: var(--color-gray-0);
|
|
--background-secondary: var(--color-gray-0);
|
|
--background-secondary-alt: var(--color-gray-1);
|
|
--background-modifier-border: var(--color-gray-1);
|
|
--background-modifier-form-field: var(--color-gray-0);
|
|
--background-modifier-form-field-highlighted: var(
|
|
--color-gray-0
|
|
);
|
|
--background-modifier-box-shadow: rgba(0, 0, 0, 0.3);
|
|
--background-modifier-success: var(--color-green-4);
|
|
--background-modifier-error: var(--color-red-6);
|
|
--background-modifier-error-rgb: 61, 0, 0;
|
|
--background-modifier-error-hover: var(--color-red-6);
|
|
--background-modifier-cover: rgba(0, 0, 0, 0.1);
|
|
--text-accent: var(--color-blue-5);
|
|
--text-accent-light: var(--color-blue-3);
|
|
--text-accent-hover: var(--text-accent-light);
|
|
--text-normal: var(--color-gray-8);
|
|
--text-code: var(--color-gray-7);
|
|
--text-muted: var(--color-gray-4);
|
|
--text-muted-rgb: 153, 153, 153;
|
|
--text-faint: var(--color-gray-4);
|
|
--text-bright: var(--color-gray-0);
|
|
--text-error: var(--color-red-4);
|
|
--text-error-hover: var(--color-red-5);
|
|
--text-highlight-bg: rgba(0, 89, 255, 0.2);
|
|
--text-highlight-bg-active: rgba(0, 89, 255, 0.05);
|
|
--text-selection: rgba(0, 89, 255, 0.1);
|
|
--text-on-accent: var(--color-white);
|
|
--interactive-normal: var(--color-gray-0);
|
|
--interactive-hover: var(--color-gray-3);
|
|
--interactive-accent: var(--color-blue-5);
|
|
--interactive-accent-rgb: 31, 111, 235;
|
|
--interactive-accent-hover: var(--color-blue-4);
|
|
--interactive-success: var(--color-green-5);
|
|
--scrollbar-active-thumb-bg: var(--text-accent);
|
|
--scrollbar-bg: var(--background-primary);
|
|
--scrollbar-thumb-bg: var(--background-primary-alt);
|
|
--highlight-mix-blend-mode: normal;
|
|
--color-topic-tag-bg: rgba(56, 139, 253, 0.1);
|
|
--cursor-bg: var(--color-blue-4);
|
|
--active-line-bg: rgba(var(--text-muted-rgb), 0.25);
|
|
--color-transparent: rgba(255, 255, 255, 0);
|
|
--color-border: rgba(0, 0, 0, 0.2);
|
|
}
|