|
|
|
@ -369,7 +369,7 @@ settings:
|
|
|
|
|
type: variable-color
|
|
|
|
|
format: hsl-split
|
|
|
|
|
opacity: false
|
|
|
|
|
default: '#5a6ded'
|
|
|
|
|
default: '#3751fb'
|
|
|
|
|
-
|
|
|
|
|
id: accent-color-override-light
|
|
|
|
|
title: Override accent color setting in "Settings-Appearance" menu(light mode)
|
|
|
|
@ -1325,7 +1325,7 @@ settings:
|
|
|
|
|
type: variable-color
|
|
|
|
|
format: hsl-split
|
|
|
|
|
opacity: false
|
|
|
|
|
default: '#8a96e5'
|
|
|
|
|
default: '#707bc2'
|
|
|
|
|
-
|
|
|
|
|
id: accent-color-override-dark
|
|
|
|
|
title: Override accent color setting in "Settings-Appearance" menu(dark mode)
|
|
|
|
@ -3871,8 +3871,8 @@ body:not(.editor-grid-background-pattren) .setting-item:is([data-id=grid-backgro
|
|
|
|
|
body {
|
|
|
|
|
/* Accent HSL values */
|
|
|
|
|
--accent-h: 232;
|
|
|
|
|
--accent-s: 80%;
|
|
|
|
|
--accent-l: 64%;
|
|
|
|
|
--accent-s: 96%;
|
|
|
|
|
--accent-l: 60%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.theme-light.accent-color-override-light {
|
|
|
|
@ -3889,9 +3889,11 @@ body {
|
|
|
|
|
|
|
|
|
|
.theme-light {
|
|
|
|
|
color-scheme: light;
|
|
|
|
|
--text-normal: hsl(var(--accent-h), 12%, 12%);
|
|
|
|
|
--text-normal: hsl(var(--accent-h), 6%, 12%);
|
|
|
|
|
--text-muted: hsl(var(--accent-h), 9%, 36%);
|
|
|
|
|
--text-faint: hsl(var(--accent-h), 6%, 64%);
|
|
|
|
|
--text-faint: hsl(var(--accent-h), 12%, 64%);
|
|
|
|
|
--text-accent: var(--color-accent-1);
|
|
|
|
|
--text-accent-hover: var(--color-accent-2);
|
|
|
|
|
--highlight-mix-blend-mode: darken;
|
|
|
|
|
--mono-rgb-0: 255, 255, 255;
|
|
|
|
|
--mono-rgb-100: 0, 0, 0;
|
|
|
|
@ -3928,8 +3930,8 @@ body {
|
|
|
|
|
--accent-s: var(--accent-light-s);
|
|
|
|
|
--accent-l: var(--accent-light-l);
|
|
|
|
|
--accent-light-h: 232;
|
|
|
|
|
--accent-light-s: 80%;
|
|
|
|
|
--accent-light-l: 64%;
|
|
|
|
|
--accent-light-s: 96%;
|
|
|
|
|
--accent-light-l: 60%;
|
|
|
|
|
--color-accent-hsl: var(--color-accent-hsl-light);
|
|
|
|
|
--color-accent: var(--color-accent-light);
|
|
|
|
|
--color-accent-1: var(--color-accent-1-light);
|
|
|
|
@ -3939,8 +3941,8 @@ body {
|
|
|
|
|
var(--accent-s),
|
|
|
|
|
var(--accent-l);
|
|
|
|
|
--color-accent-light: hsl(var(--accent-h), var(--accent-s), var(--accent-l));
|
|
|
|
|
--color-accent-1-light: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 2.5%));
|
|
|
|
|
--color-accent-2-light: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 5%));
|
|
|
|
|
--color-accent-1-light: hsl(calc(var(--accent-h) - 1), calc(var(--accent-s) * 1.01), calc(var(--accent-l) * 1.075));
|
|
|
|
|
--color-accent-2-light: hsl(calc(var(--accent-h) - 3), calc(var(--accent-s) * 1.02), calc(var(--accent-l) * 1.15));
|
|
|
|
|
--color-accent-3-light: hsla(var(--accent-h), calc(0.4*var(--accent-s)), calc(var(--accent-l)));
|
|
|
|
|
--background-modifier-border: hsla(var(--accent-h), calc(0.4*var(--accent-s)), calc(var(--accent-l)), 0.2);
|
|
|
|
|
--background-modifier-border-hover: hsla(var(--accent-h), calc(0.4*var(--accent-s)), calc(var(--accent-l)), 0.25);
|
|
|
|
@ -4007,9 +4009,11 @@ body {
|
|
|
|
|
|
|
|
|
|
.theme-dark {
|
|
|
|
|
color-scheme: dark;
|
|
|
|
|
--text-normal: hsl(var(--accent-h), 24%, 84%);
|
|
|
|
|
--text-muted: hsl(var(--accent-h), 18%, 72%);
|
|
|
|
|
--text-faint: hsl(var(--accent-h), 12%, 44%);
|
|
|
|
|
--text-normal: hsl(var(--accent-h), 10%, 85%);
|
|
|
|
|
--text-muted: hsl(var(--accent-h), 15%, 75%);
|
|
|
|
|
--text-faint: hsl(var(--accent-h), 20%, 45%);
|
|
|
|
|
--text-accent: var(--color-accent-1);
|
|
|
|
|
--text-accent-hover: var(--color-accent-2);
|
|
|
|
|
--highlight-mix-blend-mode: lighten;
|
|
|
|
|
--mono-rgb-0: 0, 0, 0;
|
|
|
|
|
--mono-rgb-100: 255, 255, 255;
|
|
|
|
@ -4045,8 +4049,8 @@ body {
|
|
|
|
|
--accent-s: var(--accent-dark-s);
|
|
|
|
|
--accent-l: var(--accent-dark-l);
|
|
|
|
|
--accent-dark-h: 232;
|
|
|
|
|
--accent-dark-s: 64%;
|
|
|
|
|
--accent-dark-l: 72%;
|
|
|
|
|
--accent-dark-s: 40%;
|
|
|
|
|
--accent-dark-l: 60%;
|
|
|
|
|
--color-accent-hsl: var(--color-accent-hsl-dark);
|
|
|
|
|
--color-accent: var(--color-accent-dark);
|
|
|
|
|
--color-accent-1: var(--color-accent-1-dark);
|
|
|
|
@ -4056,8 +4060,8 @@ body {
|
|
|
|
|
var(--accent-s),
|
|
|
|
|
var(--accent-l);
|
|
|
|
|
--color-accent-dark: hsl(var(--accent-h), var(--accent-s), var(--accent-l));
|
|
|
|
|
--color-accent-1-dark: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 3.8%));
|
|
|
|
|
--color-accent-2-dark: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 3.8%));
|
|
|
|
|
--color-accent-1-dark: hsl(calc(var(--accent-h) - 3), calc(var(--accent-s) * 1.02), calc(var(--accent-l) * 1.15));
|
|
|
|
|
--color-accent-2-dark: hsl(calc(var(--accent-h) - 5), calc(var(--accent-s) * 1.05), calc(var(--accent-l) * 1.29));
|
|
|
|
|
--color-accent-3-dark: hsla(var(--accent-h), calc(0.4*var(--accent-s)), calc(0.9*var(--accent-l)));
|
|
|
|
|
--background-modifier-border: hsla(var(--accent-h), calc(0.4*var(--accent-s)), calc(0.9*var(--accent-l)), 0.2);
|
|
|
|
|
--background-modifier-border-hover: hsla(var(--accent-h), calc(0.4*var(--accent-s)), calc(0.9*var(--accent-l)), 0.25);
|
|
|
|
@ -4082,13 +4086,16 @@ body {
|
|
|
|
|
--search-result-background: transparent;
|
|
|
|
|
--text-highlight-bg: rgba(255, 208, 0, 0.4);
|
|
|
|
|
--text-highlight-bg-active: rgba(255, 128, 0, 0.4);
|
|
|
|
|
--text-selection: hsla(var(--interactive-accent-hsl), 0.25);
|
|
|
|
|
--text-selection: hsla(var(--interactive-accent-hsl), 0.4);
|
|
|
|
|
--shadow-s: 0px 1px 2px rgba(0, 0, 0, 0.121),
|
|
|
|
|
0px 3.4px 6.7px rgba(0, 0, 0, 0.179),
|
|
|
|
|
0px 15px 30px rgba(0, 0, 0, 0.3);
|
|
|
|
|
0px 15px 30px rgba(0, 0, 0, 0.3),
|
|
|
|
|
0 -1px 0 0 var(--background-modifier-border-focus);
|
|
|
|
|
--shadow-l: 0px 1.8px 7.3px rgba(0, 0, 0, 0.071),
|
|
|
|
|
0px 6.3px 24.7px rgba(0, 0, 0, 0.112),
|
|
|
|
|
0px 30px 90px rgba(0, 0, 0, 0.2);
|
|
|
|
|
0px 30px 90px rgba(0, 0, 0, 0.2),
|
|
|
|
|
0 -1px 0 0 var(--background-modifier-border-focus);
|
|
|
|
|
;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.theme-dark.theme-dark-background-darker {
|
|
|
|
@ -4636,8 +4643,8 @@ body:not(.is-mobile).theme-dark:not(.card-layout-open-dark).mod-root-split-backg
|
|
|
|
|
/* ====== Layout ===== */
|
|
|
|
|
/* default Layout*/
|
|
|
|
|
body {
|
|
|
|
|
--card-shadow-light: 0px 0px 6px hsla(var(--accent-h), 18%, 80%, 0.4), 0px 0px 2px hsla(var(--accent-h), 18%, 80%, 0.2), 0 0 0 1px var(--background-modifier-border);
|
|
|
|
|
--card-shadow-dark: 0px 0px 0px 1px var(--background-modifier-border);
|
|
|
|
|
--card-shadow-light: 0 -1px 0 0 rgba(255, 255, 255, .24), 0 0 0 1px var(--background-modifier-border), 0 0 6px var(--background-modifier-border);
|
|
|
|
|
--card-shadow-dark: 0 -1px 0 0 var(--background-modifier-border), 0 0 0 1px var(--background-modifier-border);
|
|
|
|
|
--card-border-radius-light: 8px;
|
|
|
|
|
--card-border-radius-dark: 8px;
|
|
|
|
|
--card-shadow-border-radius-light: calc(var(--card-border-radius-light) - 1px);
|
|
|
|
@ -5109,15 +5116,16 @@ body:not(.hider-sidebar-buttons) .workspace-tab-header-tab-list:has(+.sidebar-to
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* tab style */
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
--border-radius-activated-tab-header-light: 6px;
|
|
|
|
|
--border-radius-activated-tab-header-dark: 6px;
|
|
|
|
|
--color-activated-tab-header-light: var(--text-normal);
|
|
|
|
|
--color-activated-tab-header-dark: var(--text-normal);
|
|
|
|
|
--background-activated-tab-header-light: var(--background-primary);
|
|
|
|
|
--shadow-activated-tab-header-light: 0px 0px 6px hsla(var(--accent-h), 18%, 80%, 0.4), 0px 0px 2px hsla(var(--accent-h), 18%, 80%, 0.2), 0 0 0 1px var(--background-modifier-border);
|
|
|
|
|
--shadow-activated-tab-header-light: 0 -1px 0 0 rgba(255, 255, 255, .24), 0 0 0 1px var(--background-modifier-border), 0 0 6px var(--background-modifier-border), 0px 4px 8px -6px var(--background-modifier-border), inset 0px -1px 0px var(--background-tertiary), inset 0 -2px 2px 0 var(--background-tertiary);
|
|
|
|
|
--background-activated-tab-header-dark: var(--background-modifier-active-hover);
|
|
|
|
|
--shadow-activated-tab-header-dark: inset 0 0 0 1px var(--background-modifier-border);
|
|
|
|
|
--shadow-activated-tab-header-dark: inset 0 0 0 1px var(--background-modifier-border), inset 0 4px 4px 0 var(--background-modifier-border), inset 0 1px 1px 1px var(--background-modifier-border);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -5673,7 +5681,7 @@ body:not(.is-mobile) .embedded-backlinks .nav-header~.search-input-container {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* document search replace */
|
|
|
|
|
#cMenuToolbarModalBar.top {
|
|
|
|
|
#editingToolbarModalBar.top {
|
|
|
|
|
z-index: var(--layer-status-bar);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@ -5877,6 +5885,8 @@ body:not(.new-tab-text-btn-restore) .workspace-leaf-content[data-type="empty"] .
|
|
|
|
|
body.is-mobile:not(.new-tab-text-btn-restore) .workspace-leaf-content[data-type="empty"] .empty-state-action:before {
|
|
|
|
|
height: 24px !important;
|
|
|
|
|
width: 24px !important;
|
|
|
|
|
-webkit-mask-size: cover;
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
body:not(.new-tab-text-btn-restore) .workspace-leaf-content[data-type="empty"] .empty-state-action:nth-child(1):before {
|
|
|
|
@ -6578,6 +6588,11 @@ body:not(.is-phone) .vertical-tab-nav-item.is-active {
|
|
|
|
|
background-color: var(--nav-item-background-active);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.theme-dark .community-item,
|
|
|
|
|
.theme-dark .setting-hotkey {
|
|
|
|
|
box-shadow: inset 0 1px 0 0 var(--background-modifier-border-focus);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* ====== UI Components====== */
|
|
|
|
|
.theme-light {
|
|
|
|
|
--toggle-thumb-color: var(--toggle-thumb-color-light);
|
|
|
|
@ -6608,8 +6623,8 @@ body:not(.is-phone) .vertical-tab-nav-item.is-active {
|
|
|
|
|
--input-shadow-hover: var(--input-shadow-hover-light);
|
|
|
|
|
|
|
|
|
|
--input-radius-light: 5px;
|
|
|
|
|
--input-shadow-light: 0px 4px 8px -4px rgba(0, 0, 0, 0.16), inset 0px -1px 0px rgba(0, 0, 0, 0.04), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 0.75px rgba(255, 255, 255, 0.24), inset 0px -3px 0.75px rgba(0, 0, 0, 0.04);
|
|
|
|
|
--input-shadow-hover-light: 0px 4px 8px -4px rgba(0, 0, 0, 0.16), inset 0px -1px 0px rgba(0, 0, 0, 0.04), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 0.75px rgba(255, 255, 255, 0.24), inset 0px -3px 0.75px rgba(0, 0, 0, 0.04);
|
|
|
|
|
--input-shadow-light: 0px 4px 8px -4px rgba(0, 0, 0, 0.16), inset 0px -1px 0px rgba(0, 0, 0, 0.04), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 0.75px rgba(255, 255, 255, 0.4), inset 0px -3px 0.75px rgba(0, 0, 0, 0.04);
|
|
|
|
|
--input-shadow-hover-light: 0px 4px 8px -4px rgba(0, 0, 0, 0.16), inset 0px -1px 0px rgba(0, 0, 0, 0.04), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 0.75px rgba(255, 255, 255, 0.4), inset 0px -3px 0.75px rgba(0, 0, 0, 0.04);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.theme-dark {
|
|
|
|
@ -6645,8 +6660,8 @@ body:not(.is-phone) .vertical-tab-nav-item.is-active {
|
|
|
|
|
--input-shadow-hover: var(--input-shadow-hover-dark);
|
|
|
|
|
|
|
|
|
|
--input-radius-dark: 5px;
|
|
|
|
|
--input-shadow-dark: 0px 4px 8px -4px rgba(0, 0, 0, 0.32), 0px 1px 2px rgba(0, 0, 0, 0.32), 0px 0px 0px 1px rgba(0, 0, 0, 0.32), 0px 0px 1px 1px rgba(0, 0, 0, 0.12), inset 0px 1px 0.75px rgba(255, 255, 255, 0.16), inset 0px -2px 0.75px rgba(0, 0, 0, 0.16);
|
|
|
|
|
--input-shadow-hover-dark: 0px 4px 8px -4px rgba(0, 0, 0, 0.32), 0px 1px 2px rgba(0, 0, 0, 0.32), 0px 0px 0px 1px rgba(0, 0, 0, 0.32), 0px 0px 1px 1px rgba(0, 0, 0, 0.12), inset 0px 1px 0.75px rgba(255, 255, 255, 0.16), inset 0px -2px 0.75px rgba(0, 0, 0, 0.16);
|
|
|
|
|
--input-shadow-dark: 0px 4px 8px -4px rgba(0, 0, 0, 0.32), 0px 1px 2px rgba(0, 0, 0, 0.32), 0px 0px 0px 1px rgba(0, 0, 0, 0.32), 0px 0px 1px 1px rgba(0, 0, 0, 0.12), inset 0px 1px 0.75px rgba(255, 255, 255, 0.24), inset 0px -2px 0.75px rgba(0, 0, 0, 0.16);
|
|
|
|
|
--input-shadow-hover-dark: 0px 4px 8px -4px rgba(0, 0, 0, 0.32), 0px 1px 2px rgba(0, 0, 0, 0.32), 0px 0px 0px 1px rgba(0, 0, 0, 0.32), 0px 0px 1px 1px rgba(0, 0, 0, 0.12), inset 0px 1px 0.75px rgba(255, 255, 255, 0.24), inset 0px -2px 0.75px rgba(0, 0, 0, 0.16);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.theme-light.is-mobile,
|
|
|
|
@ -6712,7 +6727,17 @@ body:not(.is-mobile).theme-light input[type='search']:not([class]),
|
|
|
|
|
body:not(.is-mobile).theme-light input[type='email']:not([class]),
|
|
|
|
|
body:not(.is-mobile).theme-light input[type='password']:not([class]),
|
|
|
|
|
body:not(.is-mobile).theme-light input[type='number']:not([class]) {
|
|
|
|
|
box-shadow: 0 1px 2px 0px hsla(var(--accent-h), 18%, 80%, 0.2);
|
|
|
|
|
box-shadow: 0 1px 2px 0 hsla(var(--accent-h), 18%, 80%, 0.2);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.theme-dark input[type=checkbox],
|
|
|
|
|
body:not(.is-mobile).theme-dark textarea:not([class]),
|
|
|
|
|
body:not(.is-mobile).theme-dark input[type='text']:not([class]),
|
|
|
|
|
body:not(.is-mobile).theme-dark input[type='search']:not([class]),
|
|
|
|
|
body:not(.is-mobile).theme-dark input[type='email']:not([class]),
|
|
|
|
|
body:not(.is-mobile).theme-dark input[type='password']:not([class]),
|
|
|
|
|
body:not(.is-mobile).theme-dark input[type='number']:not([class]) {
|
|
|
|
|
box-shadow: 0 -1px 0 0 var(--background-modifier-border);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
body:not(.is-mobile) textarea:not([class]):is(:focus, :focus-visible),
|
|
|
|
@ -7562,7 +7587,7 @@ body {
|
|
|
|
|
--tag-background-hover: hsla(var(--interactive-accent-hsl), 0.2);
|
|
|
|
|
--tag-border-color: hsla(var(--interactive-accent-hsl), 0.15);
|
|
|
|
|
--tag-border-color-hover: hsla(var(--interactive-accent-hsl), 0.15);
|
|
|
|
|
--tag-border-width: 0px;
|
|
|
|
|
--tag-border-width: 1px;
|
|
|
|
|
--tag-padding-x: 0.65em;
|
|
|
|
|
--tag-padding-y: 0.25em;
|
|
|
|
|
--tag-radius: 2em;
|
|
|
|
@ -7575,12 +7600,25 @@ body {
|
|
|
|
|
.cm-hashtag-begin:hover,
|
|
|
|
|
.cm-hashtag-begin:hover+.cm-hashtag-end {
|
|
|
|
|
background-color: var(--tag-background-hover);
|
|
|
|
|
border: var(--tag-border-width) solid var(--tag-border-color-hover);
|
|
|
|
|
border-color: var(--tag-border-color-hover);
|
|
|
|
|
color: var(--tag-color-hover);
|
|
|
|
|
text-decoration: var(--tag-decoration-hover);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.theme-light a.tag,
|
|
|
|
|
.theme-light .cm-hashtag,
|
|
|
|
|
.theme-light .community-item .flair,
|
|
|
|
|
.theme-light .metadata-property[data-property-key="tags"] .multi-select-pill {
|
|
|
|
|
box-shadow: inset 0 -2px 6px 0 var(--tag-background), inset 0 2px 6px 0 rgba(255, 255, 255, .4), inset 0 1px 0 0 rgba(255, 255, 255, .85);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.theme-dark a.tag,
|
|
|
|
|
.theme-dark .cm-hashtag,
|
|
|
|
|
.theme-dark .community-item .flair,
|
|
|
|
|
.theme-dark .metadata-property[data-property-key="tags"] .multi-select-pill {
|
|
|
|
|
box-shadow: inset 0 2px 6px 0 var(--tag-background), inset 0 -2px 6px 0 rgba(0, 0, 0, .1), inset 0 1px 0 0 rgba(255, 255, 255, .15);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* ====== line emphasis ====== */
|
|
|
|
|
/* ====== highlight ====== */
|
|
|
|
@ -7630,7 +7668,7 @@ body {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.line-hover-indicator .workspace-leaf-content[data-type="markdown"] .markdown-source-view .cm-content>div:not(:has(.mk-note-footer)):has(.cm-hmd-list-indent)::after,
|
|
|
|
|
.line-hover-indicator .workspace-leaf-content[data-type="markdown"] .markdown-source-view .cm-content>div:not(.image-embed, .mk-header, :has(.mk-note-footer, .collapse-indicator))::after,
|
|
|
|
|
.line-hover-indicator .workspace-leaf-content[data-type="markdown"] .markdown-source-view .cm-content>div:not(.image-embed, .mk-header, .HyperMD-header, :has(.mk-note-footer, .collapse-indicator))::after,
|
|
|
|
|
.line-hover-indicator .workspace-leaf-content:is([data-type="markdown"], [data-type="webviewer"]):not(:has(.document-search-container)) .markdown-preview-sizer>div:is(.el-ul, .el-ol)::after,
|
|
|
|
|
.line-hover-indicator .workspace-leaf-content:is([data-type="markdown"], [data-type="webviewer"]):not(:has(.document-search-container)) .markdown-preview-sizer>div:not(:has(.collapse-indicator, .mk-header))::after {
|
|
|
|
|
content: "";
|
|
|
|
@ -7646,7 +7684,7 @@ body {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.line-hover-indicator .workspace-leaf-content[data-type="markdown"] .markdown-source-view .cm-content>div:not(:has(.mk-note-footer)):has(.cm-hmd-list-indent):hover::after,
|
|
|
|
|
.line-hover-indicator .workspace-leaf-content[data-type="markdown"] .markdown-source-view .cm-content>div:not(.image-embed, .mk-header, :has(.mk-note-footer, .collapse-indicator)):hover::after,
|
|
|
|
|
.line-hover-indicator .workspace-leaf-content[data-type="markdown"] .markdown-source-view .cm-content>div:not(.image-embed, .mk-header, .HyperMD-header, :has(.mk-note-footer, .collapse-indicator)):hover::after,
|
|
|
|
|
.line-hover-indicator .workspace-leaf-content:is([data-type="markdown"], [data-type="webviewer"]):not(:has(.document-search-container)) .markdown-preview-sizer>div:is(.el-ul, .el-ol):hover::after,
|
|
|
|
|
.line-hover-indicator .workspace-leaf-content:is([data-type="markdown"], [data-type="webviewer"]):not(:has(.document-search-container)) .markdown-preview-sizer>div:not(:has(.collapse-indicator, .mk-header)):hover::after {
|
|
|
|
|
height: calc(100% - 6px);
|
|
|
|
@ -7732,7 +7770,7 @@ body {
|
|
|
|
|
/* active line */
|
|
|
|
|
|
|
|
|
|
.line-hover-indicator .workspace-leaf-content[data-type="markdown"] .markdown-source-view .cm-content>.cm-active:not(:has(.mk-note-footer)):has(.cm-hmd-list-indent)::after,
|
|
|
|
|
.line-hover-indicator .workspace-leaf-content[data-type="markdown"] .markdown-source-view .cm-content>.cm-active:not(.image-embed, .mk-header, :has(.mk-note-footer, .collapse-indicator))::after {
|
|
|
|
|
.line-hover-indicator .workspace-leaf-content[data-type="markdown"] .markdown-source-view .cm-content>.cm-active:not(.image-embed, .mk-header, .HyperMD-header, :has(.mk-note-footer, .collapse-indicator))::after {
|
|
|
|
|
content: "";
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: -12px;
|
|
|
|
@ -8676,22 +8714,24 @@ body {
|
|
|
|
|
background-color: transparent
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
body:not(.zoom-off) .view-content div:not(.canvas-node-content) img:not([class]) {
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
body:not(.zoom-off):not(.is-mobile) .workspace-leaf-content[data-type=markdown] .view-content div:not(.canvas-node-content) img {
|
|
|
|
|
cursor: zoom-in
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
body:not(.zoom-off) .view-content img:not([class]):active {
|
|
|
|
|
body:not(.zoom-off):not(.is-mobile) .workspace-leaf-content[data-type=markdown] .view-content img:active {
|
|
|
|
|
cursor: zoom-out;
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
z-index: 900
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
body:not(.zoom-off) .view-content .markdown-preview-view img:not([class])[referrerpolicy=no-referrer]:active {
|
|
|
|
|
background-color: var(--background-primary);
|
|
|
|
|
padding: 10px;
|
|
|
|
|
body:not(.zoom-off):not(.is-mobile) .workspace-leaf-content[data-type=markdown] .view-content .markdown-preview-view img[referrerpolicy=no-referrer]:active,
|
|
|
|
|
body:not(.zoom-off):not(.is-mobile) .workspace-leaf-content[data-type=markdown] .view-content .markdown-source-view.mod-cm6 .cm-content>img[contenteditable=false]:active {
|
|
|
|
|
background-color: var(--background-primary)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
body:not(.zoom-off) .view-content .image-embed:not(.canvas-node-content):active,
|
|
|
|
|
body:not(.zoom-off) .view-content .markdown-preview-view img:not([class])[referrerpolicy=no-referrer]:active {
|
|
|
|
|
body:not(.zoom-off):not(.is-mobile) .workspace-leaf-content[data-type=markdown] .view-content .image-embed:not(.canvas-node-content):active,
|
|
|
|
|
body:not(.zoom-off):not(.is-mobile) .workspace-leaf-content[data-type=markdown] .view-content .markdown-preview-view img[referrerpolicy=no-referrer]:active,
|
|
|
|
|
body:not(.zoom-off):not(.is-mobile) .workspace-leaf-content[data-type=markdown] .view-content .markdown-source-view.mod-cm6 .cm-content>img[contenteditable=false]:active {
|
|
|
|
|
aspect-ratio: unset;
|
|
|
|
|
cursor: zoom-out;
|
|
|
|
|
display: block;
|
|
|
|
@ -8707,10 +8747,10 @@ body:not(.zoom-off) .view-content .markdown-preview-view img:not([class])[referr
|
|
|
|
|
padding: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
bottom: 0
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
body:not(.zoom-off) .view-content .image-embed:not(.canvas-node-content):active:after {
|
|
|
|
|
body:not(.zoom-off):not(.is-mobile) .workspace-leaf-content[data-type=markdown] .view-content .image-embed:not(.canvas-node-content):active:after {
|
|
|
|
|
background-color: var(--background-primary);
|
|
|
|
|
opacity: .9;
|
|
|
|
|
content: " ";
|
|
|
|
@ -8719,14 +8759,12 @@ body:not(.zoom-off) .view-content .image-embed:not(.canvas-node-content):active:
|
|
|
|
|
position: fixed;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 1px;
|
|
|
|
|
z-index: 0;
|
|
|
|
|
z-index: 0
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
body:not(.zoom-off) .view-content .image-embed:not(.canvas-node-content):active img:not([class]) {
|
|
|
|
|
body:not(.zoom-off):not(.is-mobile) .workspace-leaf-content[data-type=markdown] .view-content .image-embed:not(.canvas-node-content):active img {
|
|
|
|
|
aspect-ratio: unset;
|
|
|
|
|
top: 50%;
|
|
|
|
|
z-index: 99;
|
|
|
|
|
transform: translateY(-50%);
|
|
|
|
|
padding: 0;
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
width: calc(100% - 20px);
|
|
|
|
@ -8736,10 +8774,11 @@ body:not(.zoom-off) .view-content .image-embed:not(.canvas-node-content):active
|
|
|
|
|
right: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
position: absolute;
|
|
|
|
|
opacity: 1;
|
|
|
|
|
outline: unset !important;
|
|
|
|
|
outline-offset: 0px !important;
|
|
|
|
|
border-radius: 0 !important;
|
|
|
|
|
opacity: 1
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
body:not(.zoom-off):not(.is-mobile) .workspace-leaf-content[data-type=markdown] .view-content .markdown-source-view.mod-cm6 .cm-content>.cm-callout[contenteditable=false]:active {
|
|
|
|
|
contain: unset !important
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* ====== pdf ====== */
|
|
|
|
@ -8764,6 +8803,15 @@ body {
|
|
|
|
|
padding-top: 6px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.theme-light .clickable-icon.is-active {
|
|
|
|
|
background: linear-gradient(hsla(var(--interactive-accent-hsl), 0.05) 0%, hsla(var(--interactive-accent-hsl), 0.2) 100%);
|
|
|
|
|
box-shadow: inset 0 0 1px 1px hsla(0, 100%, 100%, 0.5), 0 0 0 1px var(--background-modifier-active-hover);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.theme-dark .clickable-icon.is-active {
|
|
|
|
|
box-shadow: inset 0 0 0 1px var(--background-modifier-active-hover), inset 0 4px 4px 0 var(--background-modifier-active-hover), inset 0 1px 1px 1px var(--background-modifier-active-hover);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.clickable-icon.document-search-button,
|
|
|
|
|
.clickable-icon.document-search-close-button,
|
|
|
|
|
body:not(.is-mobile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile .workspace-drawer-vault-actions .clickable-icon,
|
|
|
|
@ -8774,7 +8822,7 @@ body:not(.is-mobile) .workspace-split.mod-left-split .workspace-sidedock-vault-p
|
|
|
|
|
.sidebar-toggle-button .clickable-icon,
|
|
|
|
|
.workspace-tab-header-new-tab .clickable-icon,
|
|
|
|
|
.workspace-tab-header-tab-list .clickable-icon,
|
|
|
|
|
.view-header .clickable-icon {
|
|
|
|
|
.view-header .clickable-icon:not([aria-label="Accept changes"], [aria-label="Reject changes"]) {
|
|
|
|
|
padding: 7px;
|
|
|
|
|
height: 32px;
|
|
|
|
|
width: 32px;
|
|
|
|
@ -8898,6 +8946,20 @@ svg.sidebar-left {
|
|
|
|
|
border-top: var(--border-width) solid transparent;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.is-phone .mod-root .view-header {
|
|
|
|
|
gap: 4px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.is-phone .mod-root .view-header .view-header-title-container {
|
|
|
|
|
flex: 10;
|
|
|
|
|
justify-content: flex-start;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.is-phone .prompt {
|
|
|
|
|
border: 1px solid var(--background-modifier-border-focus);
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* tablet card layout */
|
|
|
|
|
.card-layout-pad-open.is-tablet .workspace-drawer {
|
|
|
|
|
padding-top: 0;
|
|
|
|
|