1377 lines
52 KiB
CSS
1377 lines
52 KiB
CSS
@charset "UTF-8";
|
|
body {
|
|
/* ## Fonts */
|
|
--font-text-theme: Roboto, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
|
Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
|
|
"Segoe UI Symbol", "Microsoft YaHei Light", sans-serif;
|
|
--font-monospace-theme: "Roboto Mono", monospace, Menlo, SFMono-Regular, Consolas;
|
|
--font-interface-theme: var(--font-text-theme);
|
|
}
|
|
|
|
:root {
|
|
/* ------------- */
|
|
/* # TYPOGRAPHY */
|
|
/* ------------- */
|
|
/* ## Font Sizes */
|
|
--smallest: 0.75rem;
|
|
/* Equal to px */
|
|
--smaller: 0.875rem;
|
|
/* Equal to 14px */
|
|
--h1: 2.25rem;
|
|
--h2: 2rem;
|
|
--h3: 1.75rem;
|
|
--h4: 1.5rem;
|
|
--h5: 1.375rem;
|
|
--h6: 1rem;
|
|
/* Roundness */
|
|
--big-radius: 24px;
|
|
--medium-radius: 16px;
|
|
--small-radius: 8px;
|
|
/* ## Font Weights */
|
|
--light: 350;
|
|
--regular: 400;
|
|
--medium: 500;
|
|
--bold: 650;
|
|
/* ------------- */
|
|
/* # COLOURS */
|
|
/* ------------- */
|
|
--elevation1: 0.05;
|
|
--elevation2: 0.08;
|
|
--elevation3: 0.11;
|
|
--elevation4: 0.12;
|
|
--elevation5: 0.14;
|
|
}
|
|
|
|
.theme-light {
|
|
--primary: #5F4BBD;
|
|
--primary-r: 95;
|
|
--primary-g: 75;
|
|
--primary-b: 189;
|
|
--onPrimary: #FFFFFF;
|
|
--primaryContainer: #E7DEFF;
|
|
--onPrimaryContainer: #1A0064;
|
|
--secondary: #605C71;
|
|
--onSecondary: #FFFFFF;
|
|
--secondaryContainer: #E6DFF9;
|
|
--onSecondaryContainer: #1C192C;
|
|
--tertiary: #7C5264;
|
|
--onTertiary: #FFFFFF;
|
|
--tertiaryContainer: #FFD9E8;
|
|
--onTertiaryContainer: #301020;
|
|
--error: #BA1B1B;
|
|
--errorContainer: #FFDAD4;
|
|
--onError: #FFFFFF;
|
|
--onErrorContainer: #410001;
|
|
--background: #FFFBFF;
|
|
--onBackground: #1C1B1E;
|
|
--surface: #FFFBFF;
|
|
--surface-r: 255;
|
|
--surface-g: 251;
|
|
--surface-b: 255;
|
|
--surface: #FFFBFF;
|
|
--onSurface: #1C1B1E;
|
|
--surfaceVariant: #E5E0EB;
|
|
--onSurfaceVariant: #48454F;
|
|
--outline: #79767F;
|
|
--inverseOnSurface: #F4EFF4;
|
|
--inverseSurface: #313033;
|
|
--primaryInverse: #CABEFF;
|
|
--on-primary: var(--onPrimary);
|
|
--primary-container: var(--primaryContainer);
|
|
--on-primary-container: var(--onPrimaryContainer);
|
|
--on-secondary: var(--onSecondary);
|
|
--secondary-container: var(--secondaryContainer);
|
|
--on-secondary-container: var(--onSecondaryContainer);
|
|
--on-tertiary: var(--onTertiary);
|
|
--tertiary-container: var(--tertiaryContainer);
|
|
--on-tertiary-container: var(--onTertiaryContainer);
|
|
--error-container: var(--errorContainer);
|
|
--on-error: var(--onError);
|
|
--on-error-container: var(--onErrorContainer);
|
|
--on-background: var(--onBackground);
|
|
--on-surface: var(--onSurface);
|
|
--surface-variant: var(--surfaceVariant);
|
|
--on-surface-variant: var(--onSurfaceVariant);
|
|
--inverse-on-surface: var(--inverseOnSurface);
|
|
--inverse-surface: var(--inverseSurface);
|
|
--primary-inverse: var(--primaryInverse);
|
|
--surface1: rgb(
|
|
calc(var(--primary-r) * var(--elevation1) + var(--surface-r) * (1 - var(--elevation1))),
|
|
calc(var(--primary-g) * var(--elevation1) + var(--surface-g) * (1 - var(--elevation1))),
|
|
calc(var(--primary-b) * var(--elevation1) + var(--surface-b) * (1 - var(--elevation1)))
|
|
);
|
|
--surface2: rgb(
|
|
calc(var(--primary-r) * var(--elevation2) + var(--surface-r) * (1 - var(--elevation2))),
|
|
calc(var(--primary-g) * var(--elevation2) + var(--surface-g) * (1 - var(--elevation2))),
|
|
calc(var(--primary-b) * var(--elevation2) + var(--surface-b) * (1 - var(--elevation2)))
|
|
);
|
|
--surface3: rgb(
|
|
calc(var(--primary-r) * var(--elevation3) + var(--surface-r) * (1 - var(--elevation3))),
|
|
calc(var(--primary-g) * var(--elevation3) + var(--surface-g) * (1 - var(--elevation3))),
|
|
calc(var(--primary-b) * var(--elevation3) + var(--surface-b) * (1 - var(--elevation3)))
|
|
);
|
|
--surface4: rgb(
|
|
calc(var(--primary-r) * var(--elevation4) + var(--surface-r) * (1 - var(--elevation4))),
|
|
calc(var(--primary-g) * var(--elevation4) + var(--surface-g) * (1 - var(--elevation4))),
|
|
calc(var(--primary-b) * var(--elevation4) + var(--surface-b) * (1 - var(--elevation4)))
|
|
);
|
|
--surface5: rgb(
|
|
calc(var(--primary-r) * var(--elevation5) + var(--surface-r) * (1 - var(--elevation5))),
|
|
calc(var(--primary-g) * var(--elevation5) + var(--surface-g) * (1 - var(--elevation5))),
|
|
calc(var(--primary-b) * var(--elevation5) + var(--surface-b) * (1 - var(--elevation5)))
|
|
);
|
|
/* Standard colours */
|
|
--background-primary: var(--background);
|
|
--background-primary-alt: var(--surface1);
|
|
--background-secondary: var(--surface-variant);
|
|
--background-secondary-alt: var(--surface3);
|
|
--background-modifier-border: var(--surface-variant);
|
|
--background-modifier-form-field: #fff;
|
|
--background-modifier-form-field-highlighted: #fff;
|
|
--background-modifier-box-shadow: rgba(0, 0, 0, 0.1);
|
|
--background-modifier-success: #a4e7c3;
|
|
--background-modifier-error: var(--error);
|
|
--background-modifier-error-rgb: 230, 135, 135;
|
|
--background-modifier-error-hover: #b00020;
|
|
--background-modifier-cover: rgba(0, 0, 0, 0.8);
|
|
--text-accent: var(--primary);
|
|
--text-accent-hover: var(--primary-container);
|
|
--text-normal: var(--on-background);
|
|
--text-muted: var(--on-surface-variant);
|
|
--text-muted-rgb: 136, 136, 136;
|
|
--text-faint: var(--secondary);
|
|
--text-error: #800000;
|
|
--text-error-hover: #990000;
|
|
--text-highlight-bg: var(--surface-variant);
|
|
--text-highlight-bg-active: rgba(255, 128, 0, 0.4);
|
|
--text-selection: rgba(204, 230, 255, 0.99);
|
|
--text-on-accent: #f2f2f2;
|
|
--interactive-normal: #f2f3f5;
|
|
--interactive-hover: #fcb2b2;
|
|
--interactive-accent: var(--primary);
|
|
--interactive-accent-rgb: var(--primary);
|
|
--interactive-accent-hover: var(--primary);
|
|
--interactive-success: #197300;
|
|
--scrollbar-active-thumb-bg: rgba(0, 0, 0, 0.2);
|
|
--scrollbar-bg: rgba(0, 0, 0, 0.05);
|
|
--scrollbar-thumb-bg: rgba(0, 0, 0, 0.1);
|
|
--highlight-mix-blend-mode: darken;
|
|
--focus: var(--surface4);
|
|
--hover: var(--surface2);
|
|
}
|
|
|
|
.theme-dark {
|
|
--primary: #CABEFF;
|
|
--primary-r: 202;
|
|
--primary-g: 190;
|
|
--primary-b: 255;
|
|
--onPrimary: #30128D;
|
|
--primaryContainer: #4731A4;
|
|
--onPrimaryContainer: #E7DEFF;
|
|
--secondary: #C9C3DC;
|
|
--onSecondary: #312E41;
|
|
--secondaryContainer: #484459;
|
|
--onSecondaryContainer: #E6DFF9;
|
|
--tertiary: #EDB8CD;
|
|
--onTertiary: #482535;
|
|
--tertiaryContainer: #623B4C;
|
|
--onTertiaryContainer: #FFD9E8;
|
|
--error: #FFB4A9;
|
|
--errorContainer: #930006;
|
|
--onError: #680003;
|
|
--onErrorContainer: #FFDAD4;
|
|
--background: #1C1B1E;
|
|
--onBackground: #E5E1E5;
|
|
--surface: #1C1B1E;
|
|
--surface-r: 28;
|
|
--surface-g: 27;
|
|
--surface-b: 30;
|
|
--onSurface: #E5E1E5;
|
|
--surfaceVariant: #48454F;
|
|
--onSurfaceVariant: #C9C4D0;
|
|
--outline: #938F99;
|
|
--inverseOnSurface: #1C1B1E;
|
|
--inverseSurface: #E5E1E5;
|
|
--primaryInverse: #5F4BBD;
|
|
--on-primary: var(--onPrimary);
|
|
--primary-container: var(--primaryContainer);
|
|
--on-primary-container: var(--onPrimaryContainer);
|
|
--on-secondary: var(--onSecondary);
|
|
--secondary-container: var(--secondaryContainer);
|
|
--on-secondary-container: var(--onSecondaryContainer);
|
|
--on-tertiary: var(--onTertiary);
|
|
--tertiary-container: var(--tertiaryContainer);
|
|
--on-tertiary-container: var(--onTertiaryContainer);
|
|
--error-container: var(--errorContainer);
|
|
--on-error: var(--onError);
|
|
--on-error-container: var(--onErrorContainer);
|
|
--on-background: var(--onBackground);
|
|
--on-surface: var(--onSurface);
|
|
--surface-variant: var(--surfaceVariant);
|
|
--on-surface-variant: var(--onSurfaceVariant);
|
|
--inverse-on-surface: var(--inverseOnSurface);
|
|
--inverse-surface: var(--inverseSurface);
|
|
--primary-inverse: var(--primaryInverse);
|
|
--surface1: rgb(
|
|
calc(var(--primary-r) * var(--elevation1) + var(--surface-r) * (1 - var(--elevation1))),
|
|
calc(var(--primary-g) * var(--elevation1) + var(--surface-g) * (1 - var(--elevation1))),
|
|
calc(var(--primary-b) * var(--elevation1) + var(--surface-b) * (1 - var(--elevation1)))
|
|
);
|
|
--surface2: rgb(
|
|
calc(var(--primary-r) * var(--elevation2) + var(--surface-r) * (1 - var(--elevation2))),
|
|
calc(var(--primary-g) * var(--elevation2) + var(--surface-g) * (1 - var(--elevation2))),
|
|
calc(var(--primary-b) * var(--elevation2) + var(--surface-b) * (1 - var(--elevation2)))
|
|
);
|
|
--surface3: rgb(
|
|
calc(var(--primary-r) * var(--elevation3) + var(--surface-r) * (1 - var(--elevation3))),
|
|
calc(var(--primary-g) * var(--elevation3) + var(--surface-g) * (1 - var(--elevation3))),
|
|
calc(var(--primary-b) * var(--elevation3) + var(--surface-b) * (1 - var(--elevation3)))
|
|
);
|
|
--surface4: rgb(
|
|
calc(var(--primary-r) * var(--elevation4) + var(--surface-r) * (1 - var(--elevation4))),
|
|
calc(var(--primary-g) * var(--elevation4) + var(--surface-g) * (1 - var(--elevation4))),
|
|
calc(var(--primary-b) * var(--elevation4) + var(--surface-b) * (1 - var(--elevation4)))
|
|
);
|
|
--surface5: rgb(
|
|
calc(var(--primary-r) * var(--elevation5) + var(--surface-r) * (1 - var(--elevation5))),
|
|
calc(var(--primary-g) * var(--elevation5) + var(--surface-g) * (1 - var(--elevation5))),
|
|
calc(var(--primary-b) * var(--elevation5) + var(--surface-b) * (1 - var(--elevation5)))
|
|
);
|
|
--focus: var(--surface4);
|
|
--hover: var(--surface2);
|
|
/* Standard Colours */
|
|
--background-primary: var(--background);
|
|
--background-primary-alt: var(--surface1);
|
|
--background-secondary: var(--surface-variant);
|
|
--background-secondary-alt: var(--surface3);
|
|
--background-modifier-border: var(--surface-variant);
|
|
--background-modifier-form-field: rgba(0, 0, 0, 0.3);
|
|
--background-modifier-form-field-highlighted: rgba(0, 0, 0, 0.22);
|
|
--background-modifier-box-shadow: rgba(0, 0, 0, 0.3);
|
|
--background-modifier-success: #197300;
|
|
--background-modifier-error: var(--error);
|
|
--background-modifier-error-rgb: 61, 0, 0;
|
|
--background-modifier-error-hover: #470000;
|
|
--background-modifier-cover: rgba(0, 0, 0, 0.8);
|
|
--text-accent: var(--primary);
|
|
--text-accent-hover: var(--primary-container);
|
|
--text-normal: var(--on-background);
|
|
--text-muted: var(--on-surface-variant);
|
|
--text-muted-rgb: 153, 153, 153;
|
|
--text-faint: #666;
|
|
--text-error: #cf6679;
|
|
--text-error-hover: #990000;
|
|
--text-highlight-bg: var(--surface-variant);
|
|
--text-highlight-bg-active: rgba(255, 128, 0, 0.4);
|
|
--text-selection: rgba(23, 48, 77, 0.99);
|
|
--text-on-accent: #dcddde;
|
|
--interactive-normal: #2a2a2a;
|
|
--interactive-hover: #303030;
|
|
--interactive-accent: var(--primary);
|
|
--interactive-accent-rgb: var(--primary);
|
|
--interactive-accent-hover: var(--primary);
|
|
--interactive-success: #197300;
|
|
--scrollbar-active-thumb-bg: rgba(255, 255, 255, 0.2);
|
|
--scrollbar-bg: rgba(255, 255, 255, 0.05);
|
|
--scrollbar-thumb-bg: rgba(255, 255, 255, 0.1);
|
|
--highlight-mix-blend-mode: lighten;
|
|
}
|
|
|
|
.cm-formatting-header {
|
|
color: var(--surface-variant) !important;
|
|
}
|
|
|
|
.markdown-reading-view h1,
|
|
.cm-s-obsidian .cm-header-1,
|
|
.mod-cm6 .cm-editor .HyperMD-header-1 {
|
|
line-height: 2.75rem;
|
|
font-size: var(--h1);
|
|
font-weight: var(--regular);
|
|
}
|
|
|
|
.markdown-reading-view h2,
|
|
.cm-s-obsidian .cm-header-2,
|
|
.mod-cm6 .cm-editor .HyperMD-header-2 {
|
|
line-height: 2.5rem;
|
|
font-size: var(--h2);
|
|
font-weight: var(--regular);
|
|
}
|
|
|
|
.markdown-reading-view h3,
|
|
.cm-s-obsidian .cm-header-3,
|
|
.mod-cm6 .cm-editor .HyperMD-header-3 {
|
|
line-height: 2.25rem;
|
|
font-size: var(--h3);
|
|
font-weight: var(--regular);
|
|
}
|
|
|
|
.markdown-reading-view h4,
|
|
.cm-s-obsidian .cm-header-4,
|
|
.mod-cm6 .cm-editor .HyperMD-header-4 {
|
|
line-height: 2rem;
|
|
font-size: var(--h4);
|
|
font-weight: var(--regular);
|
|
}
|
|
|
|
.markdown-reading-view h5,
|
|
.cm-s-obsidian .cm-header-5,
|
|
.mod-cm6 .cm-editor .HyperMD-header-5 {
|
|
line-height: 1.75rem;
|
|
font-size: var(--h5);
|
|
font-weight: var(--regular);
|
|
}
|
|
|
|
.markdown-reading-view h6,
|
|
.cm-s-obsidian .cm-header-6,
|
|
.mod-cm6 .cm-editor .HyperMD-header-6 {
|
|
line-height: 1.5rem;
|
|
font-size: var(--h6);
|
|
letter-spacing: 0.009375rem;
|
|
font-weight: var(--medium);
|
|
}
|
|
|
|
/* ------------- */
|
|
/* # Body */
|
|
/* ------------- */
|
|
.markdown-preview-view,
|
|
.markdown-source-view,
|
|
.cm-line {
|
|
line-height: 1.5rem;
|
|
font-size: 1rem;
|
|
letter-spacing: 0.009375rem;
|
|
font-weight: var(--medium);
|
|
}
|
|
|
|
strong,
|
|
.cm-s-obsidian .cm-strong {
|
|
font-weight: var(--bold);
|
|
}
|
|
|
|
/* Checkboxes */
|
|
input[type=checkbox]:checked {
|
|
filter: grayscale(100%);
|
|
}
|
|
|
|
.theme-dark .task-list-item-checkbox {
|
|
filter: invert(1);
|
|
}
|
|
|
|
/* Images */
|
|
img {
|
|
border-radius: var(--small-radius);
|
|
}
|
|
|
|
span.cm-formatting.cm-formatting-list.cm-formatting-list-ul.cm-list-1,
|
|
span.cm-formatting.cm-formatting-list.cm-formatting-list-ol.cm-list-1 {
|
|
color: var(--secondary);
|
|
}
|
|
|
|
/* Callout boxes from Vileplume: https://github.com/hungsu/vileplume-obsidian */
|
|
/* Blockquotes */
|
|
.markdown-preview-view blockquote,
|
|
.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote {
|
|
line-height: 1.5rem;
|
|
font-size: 1rem;
|
|
letter-spacing: 0.009375rem;
|
|
font-weight: var(--medium);
|
|
border-left: 3px solid var(--tertiary);
|
|
background-color: var(--surface);
|
|
}
|
|
|
|
.cm-s-obsidian span.cm-quote {
|
|
color: var(--tertiary);
|
|
}
|
|
|
|
/* Lists */
|
|
ul > li::marker,
|
|
ol > li::marker {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
/* Internal links */
|
|
.markdown-preview-view .internal-link,
|
|
.cm-s-obsidian .cm-formatting-link,
|
|
.cm-s-obsidian span.cm-link,
|
|
.cm-s-obsidian span.cm-hmd-internal-link,
|
|
.markdown-source-view.mod-cm6 .cm-underline {
|
|
text-decoration: none;
|
|
font-weight: var(--medium);
|
|
}
|
|
|
|
/* Frontmatter Edit Mode */
|
|
.markdown-preview-section .frontmatter code,
|
|
.frontmatter .token,
|
|
.cm-s-obsidian .cm-hmd-frontmatter,
|
|
pre.frontmatter[class*=language-yaml],
|
|
span.cm-hmd-frontmatter,
|
|
span.cm-def.cm-hmd-frontmatter {
|
|
line-height: 1.25rem;
|
|
font-size: 0.875rem;
|
|
letter-spacing: 0.015625rem;
|
|
font-weight: var(--medium);
|
|
color: var(--secondary);
|
|
font-family: var(--default-font);
|
|
}
|
|
|
|
/* Frontmatter / Metadata container */
|
|
.frontmatter-container {
|
|
border: 1px solid var(--surface-variant);
|
|
background-color: var(--surface);
|
|
transition: border 250ms ease-in;
|
|
}
|
|
.frontmatter-container.is-collapsed {
|
|
border: 0;
|
|
color: var(--on-surface);
|
|
background-color: var(--surface);
|
|
transition: border 450ms ease-out;
|
|
}
|
|
.frontmatter-container .frontmatter-container-header {
|
|
text-transform: none;
|
|
line-height: 1.25rem;
|
|
font-size: 0.875rem;
|
|
letter-spacing: 0.00625rem;
|
|
font-weight: var(--medium);
|
|
color: var(--secondary);
|
|
border: none;
|
|
}
|
|
.frontmatter-container .frontmatter-container-header:hover {
|
|
color: var(--secondary);
|
|
}
|
|
.frontmatter-container .frontmatter-collapse-indicator {
|
|
color: var(--secondary);
|
|
}
|
|
.frontmatter-container .frontmatter-collapse-indicator:hover {
|
|
color: var(--secondary);
|
|
}
|
|
.frontmatter-container .tag {
|
|
background-color: var(--secondary-container);
|
|
color: var(--on-secondary-container);
|
|
}
|
|
.frontmatter-container .frontmatter-alias {
|
|
background-color: var(--secondary-container);
|
|
color: var(--on-secondary-container);
|
|
}
|
|
.frontmatter-container .frontmatter-alias-icon {
|
|
color: var(--on-secondary-container);
|
|
}
|
|
|
|
.frontmatter-section {
|
|
line-height: 1rem;
|
|
font-size: 0.75rem;
|
|
letter-spacing: 0.03125rem;
|
|
font-weight: var(--medium);
|
|
}
|
|
|
|
/* Code blocks */
|
|
/* Inline */
|
|
.markdown-preview-view code,
|
|
.cm-s-obsidian span.cm-inline-code,
|
|
.cm-s-obsidian span.cm-inline-code:not(.cm-formatting):not(.cm-hmd-indented-code):not(.obsidian-search-match-highlight),
|
|
.cm-s-obsidian .HyperMD-codeblock {
|
|
line-height: 1.25rem;
|
|
font-size: 0.875rem;
|
|
letter-spacing: 0.015625rem;
|
|
font-weight: var(--medium);
|
|
background-color: var(--surface-variant);
|
|
color: var(--on-surface-variant);
|
|
font-family: var(--font-monospace);
|
|
border-radius: 0;
|
|
}
|
|
|
|
.markdown-preview-view pre {
|
|
border-radius: var(--small-radius);
|
|
line-height: 1.25rem;
|
|
font-size: 0.875rem;
|
|
letter-spacing: 0.015625rem;
|
|
font-weight: var(--medium);
|
|
background-color: var(--surface-variant);
|
|
color: var(--on-surface-variant);
|
|
font-family: var(--font-monospace);
|
|
}
|
|
|
|
.cm-s-obsidian div.HyperMD-codeblock-begin-bg,
|
|
.cm-s-obsidian div.HyperMD-codeblock-end-bg,
|
|
.cm-s-obsidian div.HyperMD-codeblock-bg {
|
|
background-color: var(--surface-variant);
|
|
border: none;
|
|
}
|
|
|
|
/* Empty State screen */
|
|
.empty-state-title::before {
|
|
content: " ";
|
|
background-size: 45vw 45vw;
|
|
height: 45vw;
|
|
width: 45vw;
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' width='578.0013' height='621.92557' viewBox='0 0 578.0013 621.92557' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M677.64241,491.89724l-249.84894,64.339a33.03735,33.03735,0,0,1-40.18683-23.728L312.04574,239.081a33.03734,33.03734,0,0,1,23.728-40.18683l232.44363-59.85691L627.712,165.67105l73.65843,286.03936A33.03734,33.03734,0,0,1,677.64241,491.89724Z' transform='translate(-310.99935 -139.03722)' fill='%23f2f2f2'/%3E%3Cpath d='M338.14273,208.094a23.52653,23.52653,0,0,0-16.89723,28.61789l75.5609,293.42725a23.52654,23.52654,0,0,0,28.6179,16.89723l249.84894-64.339a23.52654,23.52654,0,0,0,16.89723-28.61789l-72.51713-281.6073-52.285-23.40643Z' transform='translate(-310.99935 -139.03722)' fill='%23fff'/%3E%3Cpath d='M627.07719,167.18472l-38.66749,9.95733a10.99077,10.99077,0,0,1-13.38436-7.9027L567.671,140.68008a.68692.68692,0,0,1,.944-.7991l58.56966,26.01073A.68692.68692,0,0,1,627.07719,167.18472Z' transform='translate(-310.99935 -139.03722)' fill='%23f2f2f2'/%3E%3Cpath d='M606.73438,417.76533,492.98165,447.058a5.49538,5.49538,0,0,1-2.74083-10.64353L603.99355,407.1218a5.49538,5.49538,0,1,1,2.74083,10.64353Z' transform='translate(-310.99935 -139.03722)' fill='%23ccc'/%3E%3Cpath d='M633.31182,430.07333l-135.705,34.9456A5.49538,5.49538,0,0,1,494.866,454.3754l135.705-34.94561a5.49539,5.49539,0,0,1,2.74084,10.64354Z' transform='translate(-310.99935 -139.03722)' fill='%23ccc'/%3E%3Ccircle id='a597741b-ffcf-4aba-98b0-6652ef5d57c9' data-name='Ellipse 44' cx='135.55495' cy='323.87767' r='19.42315' fill='%23e6e6e6'/%3E%3Cpath d='M594.63919,366.93361,443.56425,405.8227A17.01917,17.01917,0,0,1,422.863,393.59731l-31.6597-122.9905a17.01916,17.01916,0,0,1,12.22538-20.7012l151.075-38.88909a17.01916,17.01916,0,0,1,20.7012,12.22539l31.65971,122.9905A17.01917,17.01917,0,0,1,594.63919,366.93361Z' transform='translate(-310.99935 -139.03722)' fill='%23fff'/%3E%3Cpath d='M594.63919,366.93361,443.56425,405.8227A17.01917,17.01917,0,0,1,422.863,393.59731l-31.6597-122.9905a17.01916,17.01916,0,0,1,12.22538-20.7012l151.075-38.88909a17.01916,17.01916,0,0,1,20.7012,12.22539l31.65971,122.9905A17.01917,17.01917,0,0,1,594.63919,366.93361ZM403.9273,251.84246a15.017,15.017,0,0,0-10.7871,18.26578l31.6597,122.9905a15.017,15.017,0,0,0,18.26577,10.7871l151.075-38.88908a15.017,15.017,0,0,0,10.7871-18.26578L573.268,223.74048a15.017,15.017,0,0,0-18.26578-10.7871Z' transform='translate(-310.99935 -139.03722)' fill='%23e6e6e6'/%3E%3Cpath id='b056fd3f-f1a0-44f0-b006-deff0bee637d-685' data-name='Path 411' d='M546.83934,252.37075l-76.24555,19.62681a2.73087,2.73087,0,0,1-3.30848-1.71854,2.63064,2.63064,0,0,1,1.85283-3.33925l77.61329-19.97889c3.13521,1.58858,2.31023,4.83781.087,5.41011Z' transform='translate(-310.99935 -139.03722)' fill='%23f2f2f2'/%3E%3Cpath id='f1ea6668-a825-428d-96fe-a2c4e1b5a672-686' data-name='Path 412' d='M550.282,265.74474l-76.24555,19.62681A2.73089,2.73089,0,0,1,470.728,283.653a2.63065,2.63065,0,0,1,1.85284-3.33925l77.61329-19.97889c3.13521,1.58858,2.31022,4.83781.087,5.41011Z' transform='translate(-310.99935 -139.03722)' fill='%23f2f2f2'/%3E%3Cpath id='ee9aa382-a9c9-40d0-8ed3-22ec2dd616d6-687' data-name='Path 413' d='M459.51412,297.22917l-23.2694,5.98992a2.962,2.962,0,0,1-3.60325-2.12795l-7.06858-27.45979a2.962,2.962,0,0,1,2.12794-3.60325l23.2694-5.98991a2.963,2.963,0,0,1,3.60325,2.12795l7.06859,27.45982a2.962,2.962,0,0,1-2.12795,3.60324Z' transform='translate(-310.99935 -139.03722)' fill='%23e6e6e6'/%3E%3Cpath id='be954d2b-d8b8-4d26-80a0-a319e99a4b10-688' data-name='Path 414' d='M557.10914,293.18514,440.74446,323.13925a2.73087,2.73087,0,0,1-3.30847-1.71854,2.63062,2.63062,0,0,1,1.85284-3.33925L557.02218,287.775c3.13521,1.58859,2.31022,4.83781.087,5.41012Z' transform='translate(-310.99935 -139.03722)' fill='%23f2f2f2'/%3E%3Cpath id='baaae9e4-1b4d-40c2-8a9d-f2abb078b489-689' data-name='Path 415' d='M560.55283,306.563,444.18814,336.51715a2.73086,2.73086,0,0,1-3.30846-1.71854,2.63061,2.63061,0,0,1,1.85283-3.33926l117.73335-30.30643c3.13521,1.58858,2.31022,4.83781.087,5.41011Z' transform='translate(-310.99935 -139.03722)' fill='%23f2f2f2'/%3E%3Cpath id='a91bf4c9-37f6-4391-92ed-1882bd0ce21c-690' data-name='Path 416' d='M563.99426,319.93218,447.62957,349.8863a2.73086,2.73086,0,0,1-3.30846-1.71854,2.63061,2.63061,0,0,1,1.85283-3.33926l117.73335-30.30643c3.13521,1.58858,2.31023,4.83781.087,5.41011Z' transform='translate(-310.99935 -139.03722)' fill='%23f2f2f2'/%3E%3Cpath id='efb98e07-468b-4c85-9a64-ee4cc5493d6f-691' data-name='Path 417' d='M567.43768,333.30908,451.073,363.2632a2.73087,2.73087,0,0,1-3.30847-1.71854,2.63063,2.63063,0,0,1,1.85284-3.33926L567.35072,327.899c3.13521,1.58858,2.31022,4.83781.087,5.41011Z' transform='translate(-310.99935 -139.03722)' fill='%23f2f2f2'/%3E%3Cpath id='aeb1db98-32e5-40b8-ab89-fdad6a3263dc-692' data-name='Path 418' d='M570.87937,346.67924,454.51469,376.63336a2.73088,2.73088,0,0,1-3.30847-1.71855,2.63062,2.63062,0,0,1,1.85284-3.33925l117.73335-30.30643c3.13521,1.58858,2.31022,4.83781.087,5.41011Z' transform='translate(-310.99935 -139.03722)' fill='%23f2f2f2'/%3E%3Cpath id='be265de5-288f-49a7-867d-c42e7cdbf4db-693' data-name='Path 395' d='M447.98728,469.72335a2.01449,2.01449,0,0,1-1.27407-.08782l-.02505-.01034L441.3969,467.382a2.02852,2.02852,0,1,1,1.58747-3.73356l3.42865,1.45835,4.49293-10.56929a2.02766,2.02766,0,0,1,2.65942-1.07259l.00068.00028-.027.06912.02812-.06941a2.03011,2.03011,0,0,1,1.0723,2.66008l-5.28586,12.42716a2.02886,2.02886,0,0,1-1.36522,1.16845Z' transform='translate(-310.99935 -139.03722)' fill='%23fff'/%3E%3Cpath d='M773.47457,603.71475h-258a33.03734,33.03734,0,0,1-33-33v-303a33.03734,33.03734,0,0,1,33-33H755.50142l50.97315,40.62891V570.71475A33.03734,33.03734,0,0,1,773.47457,603.71475Z' transform='translate(-310.99935 -139.03722)' fill='%23e6e6e6'/%3E%3Cpath d='M515.47446,244.21475a23.52654,23.52654,0,0,0-23.5,23.5v303a23.52653,23.52653,0,0,0,23.5,23.5h258a23.52653,23.52653,0,0,0,23.5-23.5V279.92032l-44.79614-35.70557Z' transform='translate(-310.99935 -139.03722)' fill='%23fff'/%3E%3Cpath d='M723.29356,332.319H605.82977a5.49538,5.49538,0,0,1,0-10.99076H723.29356a5.49538,5.49538,0,1,1,0,10.99076Z' transform='translate(-310.99935 -139.03722)' fill='%23878787'/%3E%3Cpath d='M745.962,350.86594H605.82977a5.49539,5.49539,0,0,1,0-10.99077H745.962a5.49539,5.49539,0,1,1,0,10.99077Z' transform='translate(-310.99935 -139.03722)' fill='%23878787'/%3E%3Cpath d='M723.29425,404.44277h-117.46a5.495,5.495,0,1,0,0,10.99h117.46a5.495,5.495,0,0,0,0-10.99Z' transform='translate(-310.99935 -139.03722)' fill='%23ccc'/%3E%3Cpath d='M745.96417,422.99281H605.83429a5.495,5.495,0,1,0,0,10.99H745.96417a5.495,5.495,0,0,0,0-10.99Z' transform='translate(-310.99935 -139.03722)' fill='%23ccc'/%3E%3Cpath d='M723.29356,498.55433H605.82977a5.49538,5.49538,0,0,1,0-10.99076H723.29356a5.49538,5.49538,0,1,1,0,10.99076Z' transform='translate(-310.99935 -139.03722)' fill='%23ccc'/%3E%3Cpath d='M745.962,517.10125H605.82977a5.49539,5.49539,0,0,1,0-10.99077H745.962a5.49539,5.49539,0,1,1,0,10.99077Z' transform='translate(-310.99935 -139.03722)' fill='%23ccc'/%3E%3Ccircle id='abdb8e2f-a218-463c-85f4-c869fef49971' data-name='Ellipse 44' cx='245.91553' cy='197.05988' r='19.42315' fill='%23878787'/%3E%3Cpath id='ba7dbbd6-0052-44b1-a552-47a8298b8d3e-694' data-name='Path 395' d='M554.99015,343.50645a2.0144,2.0144,0,0,1-1.21191-.40277l-.02168-.01626-4.5647-3.49185a2.02852,2.02852,0,1,1,2.46838-3.21972l2.95665,2.26729,6.98671-9.11494a2.02767,2.02767,0,0,1,2.84288-.3755l.00058.00044-.04336.06021.04454-.06021a2.03011,2.03011,0,0,1,.37507,2.84345l-8.2179,10.71637a2.02892,2.02892,0,0,1-1.61348.79109Z' transform='translate(-310.99935 -139.03722)' fill='%23fff'/%3E%3Cpath d='M578.33429,419.21278a19.42256,19.42256,0,0,1-19.41992,19.43,4.17626,4.17626,0,0,1-.5-.02,19.422,19.422,0,1,1,19.91992-19.41Z' transform='translate(-310.99935 -139.03722)' fill='%23ccc'/%3E%3Ccircle id='e4a71040-498e-4958-ad41-c2d79154b8f7' data-name='Ellipse 44' cx='245.91553' cy='363.29519' r='19.42315' fill='%23ccc'/%3E%3Cpath d='M805.48234,276.65121h-39.929a10.99077,10.99077,0,0,1-10.99076-10.99077v-29.491a.68692.68692,0,0,1,1.11347-.53844l50.23281,39.79483A.68692.68692,0,0,1,805.48234,276.65121Z' transform='translate(-310.99935 -139.03722)' fill='%23ccc'/%3E%3Cpath d='M578.33429,419.21278a19.42256,19.42256,0,0,1-19.41992,19.43,4.17626,4.17626,0,0,1-.5-.02,42.05076,42.05076,0,0,1,3.77-38.56A19.43323,19.43323,0,0,1,578.33429,419.21278Z' transform='translate(-310.99935 -139.03722)' fill='%23878787'/%3E%3Cpath d='M600.33429,409.94277a5.50988,5.50988,0,0,1,5.5-5.5h29.27a41.57257,41.57257,0,0,1,3.60986,10.99H605.83429A5.50129,5.50129,0,0,1,600.33429,409.94277Z' transform='translate(-310.99935 -139.03722)' fill='%23878787'/%3E%3Cpath d='M639.39435,422.99281a41.92449,41.92449,0,0,1-1.46,10.99h-32.1001a5.495,5.495,0,1,1,0-10.99Z' transform='translate(-310.99935 -139.03722)' fill='%23878787'/%3E%3Cpath d='M711.816,490.77021a6.00013,6.00013,0,0,1-8.24672,1.9979l-70.0049-42.70029a6,6,0,0,1,6.24883-10.24462l70.00489,42.70029A6.00014,6.00014,0,0,1,711.816,490.77021Z' transform='translate(-310.99935 -139.03722)' fill='%233f3d56'/%3E%3Cpath d='M641.8111,448.06992a48,48,0,1,1-15.98318-65.97376A48.05436,48.05436,0,0,1,641.8111,448.06992Zm-71.71233-43.74176a36,36,0,1,0,49.48033-11.98738A36.04071,36.04071,0,0,0,570.09877,404.32816Z' transform='translate(-310.99935 -139.03722)' fill='%233f3d56'/%3E%3Ccircle cx='484.60301' cy='267.17256' r='24.56103' fill='%23a0616a'/%3E%3Cpath d='M794.015,543.90119a11.002,11.002,0,0,1,8.32251-14.15136,10.46752,10.46752,0,0,1,1.45923-.17969l25.87158-41.52344L806.036,465.57991a9.43208,9.43208,0,1,1,13.1206-13.55274L851.786,484.201l.06567.08008a8.54468,8.54468,0,0,1-.59448,10.18457l-36.25,42.873a10.301,10.301,0,0,1,.27,1.0459,11.0026,11.0026,0,0,1-9.875,13.11621q-.46839.041-.93213.041A11.0367,11.0367,0,0,1,794.015,543.90119Z' transform='translate(-310.99935 -139.03722)' fill='%23a0616a'/%3E%3Cpolygon points='444.151 609.001 431.891 609 426.059 561.712 444.153 561.713 444.151 609.001' fill='%23a0616a'/%3E%3Cpath d='M758.2767,759.92208l-39.53051-.00146v-.5a15.38605,15.38605,0,0,1,15.38647-15.38623h.001l24.1438.001Z' transform='translate(-310.99935 -139.03722)' fill='%232f2e41'/%3E%3Cpolygon points='566.007 592.05 555.473 598.322 526.268 560.676 541.815 551.419 566.007 592.05' fill='%23a0616a'/%3E%3Cpath d='M885.77238,739.69878l-33.96586,20.2233-.25581-.4296a15.386,15.386,0,0,1,5.34836-21.09206l.00084-.0005,20.74515-12.35158Z' transform='translate(-310.99935 -139.03722)' fill='%232f2e41'/%3E%3Cpath d='M735.512,727.21272c-8.21289-96.70606-13.09863-186.54492,16.92408-223.19336l.23217-.28418,50.52564,20.21094.08325.18066c.17041.37109,16.97388,37.333,13.0542,62.19434L828.794,643.64924l40.63574,68.041A4.50136,4.50136,0,0,1,867.379,718.118l-17.65918,7.76953a4.52142,4.52142,0,0,1-5.64844-1.76562l-44.2041-72.08008-24.96778-55.28613a1.50028,1.50028,0,0,0-2.85888.459L758.20052,727.31135a4.4918,4.4918,0,0,1-4.47461,4.02441H739.99764A4.53045,4.53045,0,0,1,735.512,727.21272Z' transform='translate(-310.99935 -139.03722)' fill='%232f2e41'/%3E%3Cpath d='M752.60628,504.786l-.24072-.11523-.0376-.26465c-1.88745-13.21.34668-27.8877,6.63989-43.625a34.63634,34.63634,0,0,1,40.20191-20.74317h0a34.59441,34.59441,0,0,1,22.06055,16.96387,34.2209,34.2209,0,0,1,2.3728,27.4248c-7.93384,23.2002-18.22583,44.90723-18.32886,45.124l-.21558.45312Z' transform='translate(-310.99935 -139.03722)' fill='%23878787'/%3E%3Cpath d='M697.48021,471.88251A11.002,11.002,0,0,1,713.65,474.72233a10.46856,10.46856,0,0,1,.67932,1.3039l47.95411,9.69217,12.7683-30.00357a9.43208,9.43208,0,1,1,17.28928,7.54372l-18.71,41.83025-.052.08956a8.54469,8.54469,0,0,1-9.74785,3.00972L710.97846,489.2473a10.30273,10.30273,0,0,1-.88511.61918,11.00261,11.00261,0,0,1-15.74382-4.6565q-.20244-.42436-.36484-.85874A11.0367,11.0367,0,0,1,697.48021,471.88251Z' transform='translate(-310.99935 -139.03722)' fill='%23a0616a'/%3E%3Cpath d='M884.33087,432.51247c-2.36572-4.19178-5.8125-8.03119-10.36914-9.58069-5.88476-2.001-12.25683.12964-18.30713,1.55218-4.66162,1.09595-9.53173,1.76679-14.23046.84192-4.69825-.92492-9.23047-3.65924-11.36817-7.94409-3.145-6.30359-.4956-13.82062-.687-20.86255a25.33438,25.33438,0,0,0-31.92334-23.81061c-5.79346-1.67193-11.03906-1.82659-14.62256,2.62714a17.0001,17.0001,0,0,0-17,17h16.25537a16.1496,16.1496,0,0,0,2.4541,11.93109c2.86963,4.21582,7.85938,7.2655,8.81983,12.274.93115,4.85351-2.36817,9.45868-5.8291,12.98669-3.46045,3.528-7.4751,7.02381-8.55567,11.84626a14.68871,14.68871,0,0,0,2.10352,10.56475,34.40329,34.40329,0,0,0,7.38623,8.13575,108.40184,108.40184,0,0,0,45.0376,23.04034c11.7041,2.81781,24.50586,3.54822,35.37109-1.6355a35.12563,35.12563,0,0,0,15.46484-48.96667Z' transform='translate(-310.99935 -139.03722)' fill='%232f2e41'/%3E%3Cpath d='M888.00065,760.96278h-190a1,1,0,0,1,0-2h190a1,1,0,0,1,0,2Z' transform='translate(-310.99935 -139.03722)' fill='%23ccc'/%3E%3C/svg%3E");
|
|
display: block;
|
|
margin: 10px;
|
|
}
|
|
|
|
.empty-state-title {
|
|
transform: translateY(-25px);
|
|
line-height: 1.5rem;
|
|
font-size: 1rem;
|
|
letter-spacing: 0.009375rem;
|
|
font-weight: var(--medium);
|
|
text-align: center;
|
|
color: var(--on-surface);
|
|
}
|
|
|
|
.is-mobile .empty-state-action:nth-child(2) {
|
|
transform: translate(0px, -60px);
|
|
background-color: var(--primary);
|
|
color: var(--on-primary);
|
|
text-transform: none;
|
|
line-height: 1.25rem;
|
|
font-size: 0.875rem;
|
|
letter-spacing: 0.00625rem;
|
|
font-weight: var(--medium);
|
|
height: 40px;
|
|
border-radius: 1.25rem;
|
|
padding-top: 10px;
|
|
padding-left: 1.5rem;
|
|
padding-right: 1.5rem;
|
|
display: block;
|
|
margin: auto;
|
|
padding-left: 16px;
|
|
padding-right: 24px;
|
|
vertical-align: middle;
|
|
}
|
|
.is-mobile .empty-state-action:nth-child(2)::before {
|
|
content: "";
|
|
height: 1.125rem;
|
|
width: 1.125rem;
|
|
background-size: 1.125rem 1.125rem;
|
|
background-position: center;
|
|
background-color: var(--on-primary);
|
|
display: inline-block;
|
|
margin-top: -4px;
|
|
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z' /%3E%3C/svg%3E");
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z' /%3E%3C/svg%3E");
|
|
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z' /%3E%3C/svg%3E");
|
|
-webkit-mask-size: cover;
|
|
mask-size: cover;
|
|
transform: translateY(4px);
|
|
margin-right: 8px;
|
|
}
|
|
.is-mobile .empty-state-action:first-of-type {
|
|
transform: translate(0px, 30px);
|
|
background-color: inherit;
|
|
color: var(--primary);
|
|
text-transform: none;
|
|
line-height: 1.25rem;
|
|
font-size: 0.875rem;
|
|
letter-spacing: 0.00625rem;
|
|
font-weight: var(--medium);
|
|
height: 40px;
|
|
border-radius: 1.25rem;
|
|
border-width: 0.0625rem;
|
|
border-color: var(--outline);
|
|
padding-top: 9px;
|
|
padding-left: 1.5rem;
|
|
padding-right: 1.5rem;
|
|
display: block;
|
|
margin: auto;
|
|
padding-left: 16px;
|
|
padding-right: 24px;
|
|
vertical-align: middle;
|
|
}
|
|
.is-mobile .empty-state-action:first-of-type::before {
|
|
content: "";
|
|
height: 1.125rem;
|
|
width: 1.125rem;
|
|
background-size: 1.125rem 1.125rem;
|
|
background-position: center;
|
|
background-color: var(--primary);
|
|
display: inline-block;
|
|
margin-top: -4px;
|
|
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z' /%3E%3C/svg%3E");
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z' /%3E%3C/svg%3E");
|
|
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z' /%3E%3C/svg%3E");
|
|
-webkit-mask-size: cover;
|
|
mask-size: cover;
|
|
transform: translateY(4px);
|
|
margin-right: 8px;
|
|
}
|
|
.is-mobile .empty-state-action:nth-child(3) {
|
|
background-color: inherit;
|
|
color: var(--primary);
|
|
text-transform: none;
|
|
line-height: 1.25rem;
|
|
font-size: 0.875rem;
|
|
letter-spacing: 0.00625rem;
|
|
font-weight: var(--medium);
|
|
height: 40px;
|
|
border-radius: 1.25rem;
|
|
border-width: 0.0625rem;
|
|
border-color: var(--outline);
|
|
padding-top: 9px;
|
|
padding-left: 1.5rem;
|
|
padding-right: 1.5rem;
|
|
display: block;
|
|
margin: auto;
|
|
padding-left: 16px;
|
|
padding-right: 24px;
|
|
vertical-align: middle;
|
|
}
|
|
.is-mobile .empty-state-action:nth-child(3)::before {
|
|
content: "";
|
|
height: 1.125rem;
|
|
width: 1.125rem;
|
|
background-size: 1.125rem 1.125rem;
|
|
background-position: center;
|
|
background-color: var(--primary);
|
|
display: inline-block;
|
|
margin-top: -4px;
|
|
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M13.5,8H12V13L16.28,15.54L17,14.33L13.5,12.25V8M13,3A9,9 0 0,0 4,12H1L4.96,16.03L9,12H6A7,7 0 0,1 13,5A7,7 0 0,1 20,12A7,7 0 0,1 13,19C11.07,19 9.32,18.21 8.06,16.94L6.64,18.36C8.27,20 10.5,21 13,21A9,9 0 0,0 22,12A9,9 0 0,0 13,3' /%3E%3C/svg%3E");
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M13.5,8H12V13L16.28,15.54L17,14.33L13.5,12.25V8M13,3A9,9 0 0,0 4,12H1L4.96,16.03L9,12H6A7,7 0 0,1 13,5A7,7 0 0,1 20,12A7,7 0 0,1 13,19C11.07,19 9.32,18.21 8.06,16.94L6.64,18.36C8.27,20 10.5,21 13,21A9,9 0 0,0 22,12A9,9 0 0,0 13,3' /%3E%3C/svg%3E");
|
|
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M13.5,8H12V13L16.28,15.54L17,14.33L13.5,12.25V8M13,3A9,9 0 0,0 4,12H1L4.96,16.03L9,12H6A7,7 0 0,1 13,5A7,7 0 0,1 20,12A7,7 0 0,1 13,19C11.07,19 9.32,18.21 8.06,16.94L6.64,18.36C8.27,20 10.5,21 13,21A9,9 0 0,0 22,12A9,9 0 0,0 13,3' /%3E%3C/svg%3E");
|
|
-webkit-mask-size: cover;
|
|
mask-size: cover;
|
|
transform: translateY(4px);
|
|
margin-right: 8px;
|
|
}
|
|
|
|
progress {
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
}
|
|
|
|
progress::-webkit-progress-bar {
|
|
border-radius: var(--medium-radius);
|
|
background: var(--primary-container);
|
|
height: 0.6em;
|
|
}
|
|
|
|
progress::-webkit-progress-value {
|
|
border-radius: var(--medium-radius);
|
|
background: var(--on-primary-container);
|
|
height: 0.6em;
|
|
}
|
|
|
|
/* Mobile Toolbar */
|
|
.is-mobile .mobile-toolbar {
|
|
border-top: none;
|
|
border-radius: 0;
|
|
background-color: var(--surface1);
|
|
}
|
|
|
|
.is-mobile .mobile-toolbar-option {
|
|
color: var(--on-surface-variant);
|
|
}
|
|
.is-mobile .mobile-toolbar-option:focus, .is-mobile .mobile-toolbar-option:active {
|
|
color: var(--on-secondary-container);
|
|
}
|
|
|
|
/* Tags */
|
|
/* Adapted from https://github.com/kepano/obsidian-minimal/blob/master/obsidian.css */
|
|
/* Preview */
|
|
a.tag {
|
|
line-height: 1.25rem;
|
|
font-size: 0.875rem;
|
|
letter-spacing: 0.015625rem;
|
|
font-weight: var(--medium);
|
|
background-color: var(--tertiary-container);
|
|
color: var(--on-tertiary-container);
|
|
padding: 3px 12px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
display: inline-block;
|
|
margin: 2px 0 0 0;
|
|
border-radius: var(--medium-radius);
|
|
}
|
|
|
|
/* Editor */
|
|
.cm-s-obsidian span.cm-hashtag {
|
|
line-height: 1.25rem;
|
|
font-size: 0.875rem;
|
|
letter-spacing: 0.015625rem;
|
|
font-weight: var(--medium);
|
|
background-color: var(--tertiary-container);
|
|
color: var(--on-tertiary-container);
|
|
text-align: center;
|
|
text-decoration: none;
|
|
display: inline-block;
|
|
margin: 2px 0;
|
|
vertical-align: middle;
|
|
padding-top: 1px;
|
|
border-left: none;
|
|
border-right: none;
|
|
padding-bottom: 2px;
|
|
cursor: text;
|
|
}
|
|
.cm-s-obsidian span.cm-hashtag.cm-hashtag-begin {
|
|
border-top-left-radius: var(--medium-radius);
|
|
border-bottom-left-radius: var(--medium-radius);
|
|
padding-left: 8px;
|
|
border-right: none;
|
|
}
|
|
.cm-s-obsidian span.cm-hashtag.cm-hashtag-end {
|
|
border-top-right-radius: var(--medium-radius);
|
|
border-bottom-right-radius: var(--medium-radius);
|
|
border-left: none;
|
|
padding-right: 8px;
|
|
}
|
|
|
|
/* Hide the # character in front of a tag in Preview */
|
|
/* Thanks to `@Klaas`: https://discord.com/channels/686053708261228577/702656734631821413/890122749459197993 */
|
|
/* Currently not working, review later */
|
|
/* a.tag {
|
|
position: relative;
|
|
padding-left: 3px;
|
|
}
|
|
|
|
a.tag:after {
|
|
background: var(--background-primary);
|
|
position: absolute;
|
|
content: " ";
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 0.66rem;
|
|
left: 0px;
|
|
border-radius: 4px;
|
|
} */
|
|
/* ------------- */
|
|
/* # Title Bar */
|
|
/* ------------- */
|
|
.workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type .view-header,
|
|
.workspace-leaf.mod-active .view-header {
|
|
border-bottom: none;
|
|
background-color: var(--surface2);
|
|
height: 64px;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
|
|
/* Style hamburger menu */
|
|
/* Replace icon */
|
|
.three-horizontal-bars {
|
|
background-color: currentColor;
|
|
}
|
|
|
|
svg.three-horizontal-bars {
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z' /%3E%3C/svg%3E");
|
|
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z' /%3E%3C/svg%3E");
|
|
}
|
|
|
|
.view-header-title {
|
|
line-height: 1.75rem;
|
|
font-size: var(--h5);
|
|
font-weight: var(--regular);
|
|
color: var(--on-surface);
|
|
}
|
|
|
|
.is-mobile .view-header-title {
|
|
-webkit-mask-image: none;
|
|
mask-image: none;
|
|
}
|
|
|
|
.is-mobile .view-header-icon {
|
|
color: var(--on-surface);
|
|
padding-left: 16px;
|
|
padding-right: 16px;
|
|
}
|
|
|
|
.view-action:not(.page-header-button) {
|
|
display: none;
|
|
}
|
|
|
|
.view-action.page-header-button {
|
|
color: var(--on-surface-variant);
|
|
margin-left: 12px;
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.view-action:not(.page-header-button) {
|
|
display: none;
|
|
}
|
|
|
|
/* Floating Action Button (FAB)*/
|
|
body:not(.custom-page-header) {
|
|
/* Advanced Mobile Toolbar Mode */
|
|
/* Shrink FAB on small displays */
|
|
}
|
|
body:not(.custom-page-header) .view-action:nth-last-of-type(4) {
|
|
color: var(--on-tertiary-container);
|
|
background-color: var(--tertiary-container);
|
|
display: flex;
|
|
padding: 0px;
|
|
margin: 0;
|
|
margin: 16px;
|
|
position: absolute;
|
|
transform: translate(-50%, -50%);
|
|
left: calc(100% - 44px - 16px);
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 56px;
|
|
height: 56px;
|
|
border-radius: var(--medium-radius);
|
|
box-shadow: 0.8px 0.8px 4px rgba(0, 0, 0, 0.028), 2.7px 2.7px 13.4px rgba(0, 0, 0, 0.042), 12px 12px 60px rgba(0, 0, 0, 0.07);
|
|
top: calc(100vh - 48px - 44px - 16px);
|
|
}
|
|
body:not(.custom-page-header) .view-action:nth-last-of-type(4) > *:first-child {
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
body:not(.custom-page-header) body:not(:not(.advanced-toolbar-mode)) .view-action:nth-of-type(4) {
|
|
top: calc(90vh - var(--at-button-height) * var(--at-row-count));
|
|
}
|
|
@media screen and (max-height: 400px) {
|
|
body:not(.custom-page-header) .view-action:nth-of-type(4) {
|
|
transform: scale(0.8) translate(-50%, -50%);
|
|
}
|
|
}
|
|
|
|
body:not(:not(.custom-page-header)) {
|
|
/* Advanced Mobile Toolbar Mode */
|
|
/* Shrink FAB on small displays */
|
|
}
|
|
body:not(:not(.custom-page-header)) .view-action.page-header-button:first-of-type {
|
|
color: var(--on-tertiary-container);
|
|
background-color: var(--tertiary-container);
|
|
display: flex;
|
|
padding: 0px;
|
|
margin: 0;
|
|
margin: 16px;
|
|
position: absolute;
|
|
transform: translate(-50%, -50%);
|
|
left: calc(100% - 44px - 16px);
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 56px;
|
|
height: 56px;
|
|
border-radius: var(--medium-radius);
|
|
box-shadow: 0.8px 0.8px 4px rgba(0, 0, 0, 0.028), 2.7px 2.7px 13.4px rgba(0, 0, 0, 0.042), 12px 12px 60px rgba(0, 0, 0, 0.07);
|
|
top: calc(100vh - 48px - 44px - 16px);
|
|
}
|
|
body:not(:not(.custom-page-header)) .view-action.page-header-button:first-of-type > *:first-child {
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
body:not(:not(.custom-page-header)) body:not(:not(.advanced-toolbar-mode)) .view-action:nth-last-of-type(5) {
|
|
top: calc(90vh - var(--at-button-height) * var(--at-row-count));
|
|
}
|
|
@media screen and (max-height: 400px) {
|
|
body:not(:not(.custom-page-header)) .view-action:nth-last-of-type(5) {
|
|
transform: scale(0.8) translate(-50%, -50%);
|
|
}
|
|
}
|
|
|
|
/* Pencil SVG */
|
|
svg.pencil > path {
|
|
display: none;
|
|
}
|
|
|
|
svg.pencil {
|
|
background-color: currentColor;
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:50px;height:50px' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M14.06,9L15,9.94L5.92,19H5V18.08L14.06,9M17.66,3C17.41,3 17.15,3.1 16.96,3.29L15.13,5.12L18.88,8.87L20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18.17,3.09 17.92,3 17.66,3M14.06,6.19L3,17.25V21H6.75L17.81,9.94L14.06,6.19Z' /%3E%3C/svg%3E");
|
|
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:50px;height:50px' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M14.06,9L15,9.94L5.92,19H5V18.08L14.06,9M17.66,3C17.41,3 17.15,3.1 16.96,3.29L15.13,5.12L18.88,8.87L20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18.17,3.09 17.92,3 17.66,3M14.06,6.19L3,17.25V21H6.75L17.81,9.94L14.06,6.19Z' /%3E%3C/svg%3E");
|
|
}
|
|
|
|
/* -------------- */
|
|
/* Quick Action */
|
|
/* -------------- */
|
|
/* Text input */
|
|
.is-mobile input.prompt-input {
|
|
background-color: var(--primary-container);
|
|
border-radius: var(--big-radius);
|
|
line-height: 1.5rem;
|
|
font-size: 1rem;
|
|
letter-spacing: 0.009375rem;
|
|
font-weight: var(--medium);
|
|
color: var(--on-primary-container);
|
|
}
|
|
.is-mobile input.prompt-input:active, .is-mobile input.prompt-input:focus {
|
|
border: 0;
|
|
}
|
|
.is-mobile input.prompt-input::placeholder {
|
|
color: var(--secondary);
|
|
}
|
|
|
|
/* Selection items */
|
|
.is-mobile .suggestion-item {
|
|
border-bottom: 1px solid;
|
|
padding-bottom: 10px;
|
|
padding-top: 10px;
|
|
border-color: var(--surface-variant);
|
|
border-radius: 0;
|
|
line-height: 1.5rem;
|
|
font-size: 1rem;
|
|
letter-spacing: 0.009375rem;
|
|
font-weight: var(--medium);
|
|
}
|
|
.is-mobile .suggestion-item .suggestion-prefix {
|
|
position: absolute;
|
|
top: 0px;
|
|
margin-top: 2px;
|
|
margin-bottom: 2px;
|
|
color: var(--secondary);
|
|
line-height: 1rem;
|
|
font-size: 0.75rem;
|
|
letter-spacing: 0.025rem;
|
|
font-weight: var(--medium);
|
|
}
|
|
.is-mobile .suggestion-item.is-selected {
|
|
background-color: var(--surface);
|
|
}
|
|
|
|
.is-mobile .suggestion-hotkey {
|
|
display: none;
|
|
}
|
|
|
|
.suggestion-highlight {
|
|
color: var(--secondary);
|
|
}
|
|
|
|
/* Height */
|
|
.is-mobile .modal,
|
|
.is-mobile .prompt,
|
|
.is-mobile .suggestion-container {
|
|
height: calc(100% - 100px);
|
|
}
|
|
|
|
.is-mobile .prompt {
|
|
min-width: 100%;
|
|
background-color: var(--surface);
|
|
}
|
|
|
|
.is-mobile .suggestion-container:not(.modal-container) {
|
|
height: 200px;
|
|
}
|
|
|
|
/* Settings */
|
|
/* Back modal */
|
|
.is-mobile .modal-setting-back-button {
|
|
background-color: var(--primary-faint);
|
|
}
|
|
|
|
/* Reduce space between settings */
|
|
.vertical-tab-nav-item {
|
|
padding: 0px 6px 10px 24px;
|
|
}
|
|
|
|
/* Style back */
|
|
.is-mobile .modal-setting-back-button {
|
|
border-top-left-radius: var(--big-radius);
|
|
border-top-right-radius: var(--big-radius);
|
|
}
|
|
|
|
/* Style setting headers */
|
|
.vertical-tab-header-group-title {
|
|
padding: 6px 6px 6px 26px;
|
|
}
|
|
|
|
/* Add divider line */
|
|
.vertical-tab-header-group {
|
|
border-bottom: 1px solid var(--background-secondary-alt);
|
|
}
|
|
|
|
.vertical-tab-header-group:last-of-type {
|
|
border-bottom: none;
|
|
}
|
|
|
|
/* Buttons */
|
|
/* Filled button */
|
|
button.mod-cta {
|
|
background-color: var(--primary);
|
|
color: var(--background-primary);
|
|
}
|
|
|
|
/* Outlined buttons */
|
|
.modal.mod-settings button:not(.mod-cta):not(.mod-warning),
|
|
button:not(.mod-cta):not(.mod-warning),
|
|
.is-mobile .empty-state-action:not(:nth-child(2)) {
|
|
background-color: transparent;
|
|
border: 1px solid var(--text-faint);
|
|
color: var(--primary);
|
|
}
|
|
|
|
.is-mobile button,
|
|
.is-mobile .empty-state-action {
|
|
font-size: var(--smallest);
|
|
border-radius: var(--big-radius);
|
|
}
|
|
|
|
/* Setting Headers */
|
|
.theme-light .vertical-tab-header-group-title {
|
|
color: var(--primary-light);
|
|
}
|
|
|
|
.theme-dark .vertical-tab-header-group-title {
|
|
color: var(--primary-dark);
|
|
}
|
|
|
|
/* Prompts (Quick switcher) */
|
|
.is-mobile .modal,
|
|
.is-mobile .prompt,
|
|
.is-mobile .suggestion-container {
|
|
border-radius: var(--medium-radius) var(--medium-radius) 0 0;
|
|
padding: 15px 20px;
|
|
}
|
|
|
|
/* Pulling down */
|
|
.pull-action.pull-down-action {
|
|
border-radius: 0 0 var(--medium-radius) var(--medium-radius);
|
|
background-color: var(--secondary-container);
|
|
color: var(--on-secondary-container);
|
|
text-transform: none;
|
|
line-height: 1.25rem;
|
|
font-size: 0.875rem;
|
|
letter-spacing: 0.00625rem;
|
|
font-weight: var(--medium);
|
|
}
|
|
|
|
.pull-action.mod-activated {
|
|
background-color: var(--primary);
|
|
color: var(--on-primary);
|
|
text-transform: none;
|
|
line-height: 1.25rem;
|
|
font-size: 0.875rem;
|
|
letter-spacing: 0.00625rem;
|
|
font-weight: var(--medium);
|
|
}
|
|
|
|
/* Pulling from the left (navigating back
|
|
Trying to target but it's not these:
|
|
*/
|
|
/* PLUGINS */
|
|
/* Dataview Tables */
|
|
.table-view-table > thead > tr > th {
|
|
border-bottom: none !important;
|
|
font-weight: var(--medium);
|
|
font-size: var(--editor-font-size);
|
|
padding: var(--editor-font-size);
|
|
}
|
|
|
|
tr {
|
|
border-top: 1px solid var(--background-secondary-alt);
|
|
}
|
|
|
|
/* ------------- */
|
|
/* # Sidebars */
|
|
/* ------------- */
|
|
/* Branding "Obsidian You" */
|
|
body:not(:not(.branding)) .workspace-drawer-header {
|
|
padding: 10px 20px 0 10px;
|
|
}
|
|
|
|
body:not(:not(.branding)) .workspace-drawer-header::before {
|
|
content: "Obsidian ";
|
|
margin: 10px 12px 10px 12px;
|
|
font-size: var(--h4);
|
|
color: var(--primary-dark);
|
|
clear: right;
|
|
display: block;
|
|
}
|
|
|
|
body:not(:not(.branding)) .workspace-drawer-header::after {
|
|
content: "You";
|
|
margin: 10px;
|
|
font-weight: var(--bold);
|
|
font-size: var(--h4);
|
|
color: var(--secondary);
|
|
transform: translate(-15px, 0px);
|
|
clear: right;
|
|
display: block;
|
|
}
|
|
|
|
body:not(:not(.branding)) .workspace-drawer-header {
|
|
border-bottom: 1px solid var(--background-secondary-alt);
|
|
}
|
|
|
|
/* Title of 'File explorer' and the like */
|
|
.workspace-drawer-active-tab-header {
|
|
margin: 20px -1px 20px 11px;
|
|
}
|
|
|
|
.workspace-drawer-header-name-text {
|
|
color: var(--text-muted);
|
|
font-size: var(--smaller);
|
|
}
|
|
|
|
/* Icons */
|
|
.workspace-drawer-tab-option-item-icon, .workspace-drawer-active-tab-icon {
|
|
color: var(--primary-dark);
|
|
}
|
|
|
|
/* Search */
|
|
.workspace-leaf-content[data-type=search] .nav-action-button {
|
|
transform: scale(0.8);
|
|
margin: none;
|
|
padding: none;
|
|
}
|
|
|
|
/* Suggestions */
|
|
.is-mobile .suggestion-container.mod-search-suggestion {
|
|
max-height: 40%;
|
|
min-height: 30%;
|
|
min-width: 100%;
|
|
}
|
|
|
|
/* Top buttons */
|
|
.is-mobile .workspace-drawer-actions,
|
|
.is-mobile .nav-buttons-container {
|
|
background-color: var(--background-secondary);
|
|
border-radius: var(--big-radius);
|
|
margin: 0 11px 10px;
|
|
}
|
|
|
|
.is-mobile .workspace-leaf-content[data-type=search] .nav-action-button {
|
|
margin: 0px 2px 2px 0;
|
|
text-align: center;
|
|
height: 36px;
|
|
cursor: var(--cursor);
|
|
}
|
|
|
|
.nav-action-button {
|
|
color: var(--text-muted);
|
|
transform: scale(0.8);
|
|
padding: 5px 8px 0px 8px;
|
|
margin: 0px 6px 0px 6px;
|
|
}
|
|
|
|
.workspace-drawer-tab-container > * {
|
|
border-top: none !important;
|
|
}
|
|
|
|
/* Significantly simplify left and right bars */
|
|
.nav-folder.mod-root > .nav-file-title,
|
|
.nav-folder.mod-root > .nav-folder-title,
|
|
.workspace-drawer-header-name,
|
|
.workspace-drawer-header-icon,
|
|
.workspace-drawer-header-left {
|
|
display: none;
|
|
}
|
|
|
|
/* Right sidebar */
|
|
.workspace-drawer.mod-right {
|
|
border: none;
|
|
}
|
|
|
|
.backlink-pane,
|
|
.outgoing-link-pane {
|
|
padding: 0 11px;
|
|
}
|
|
|
|
/* Backlink counts */
|
|
.tree-item-flair-outer {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
/* Left sidebar */
|
|
.workspace-drawer.mod-left {
|
|
border-right: 1px var(--background-primary) solid !important;
|
|
}
|
|
|
|
/* Ribbon */
|
|
.workspace-drawer-ribbon {
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
.workspace-drawer-tab-option-item {
|
|
margin-left: 12px;
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.workspace-drawer-tab-option-item-title,
|
|
.workspace-drawer-active-tab-title {
|
|
color: var(--text-normal);
|
|
font-size: var(--regular);
|
|
}
|
|
|
|
.workspace-drawer-tab-container > * {
|
|
border-top: 1px solid var(--background-secondary-alt);
|
|
}
|
|
|
|
/* ------------- */
|
|
/* # File explorer */
|
|
/* ------------- */
|
|
/* Folder */
|
|
.nav-folder-title-content {
|
|
padding-left: 0px;
|
|
}
|
|
|
|
.nav-file-title-content,
|
|
.nav-folder-title-content {
|
|
font-size: var(--smaller);
|
|
padding: 0px 0px;
|
|
font-weight: var(--medium);
|
|
}
|
|
|
|
/* Files */
|
|
.is-mobile .nav-file-title,
|
|
.is-mobile .tag-container {
|
|
padding: 1px 11px 0 11px;
|
|
color: var(--text-muted);
|
|
font-size: var(--smaller);
|
|
font-weight: var(--light);
|
|
}
|
|
|
|
/* Highlighted file or backlink */
|
|
.nav-file-title.is-active,
|
|
.tree-item-self.is-clickable:hover,
|
|
.nav-folder-title.is-active,
|
|
body:not(.is-grabbing) .nav-file-title:hover,
|
|
body:not(.is-grabbing) .nav-folder-title:hover {
|
|
background-color: var(--primary-faint);
|
|
color: var(--primary-dark);
|
|
border-radius: var(--small-radius);
|
|
}
|
|
|
|
.markdown-source-view .markdown-embed, .markdown-source-view .file-embed {
|
|
border: 2px solid var(--surface-variant);
|
|
border-radius: var(--small-radius);
|
|
}
|
|
|
|
/* Embeds */
|
|
/* Naked Embeds (modified from death_au (https://forum.obsidian.md/t/naked-embeds-css-tweak/72) */
|
|
.markdown-embed-title {
|
|
display: none;
|
|
}
|
|
|
|
.markdown-preview-view .markdown-embed-content > :first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.markdown-preview-view .markdown-embed-content > :last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.markdown-preview-view .markdown-embed {
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
/* the link on the top right corner*/
|
|
.markdown-embed-link {
|
|
color: var(--secondary) !important;
|
|
top: 15px;
|
|
}
|
|
|
|
.markdown-embed-link:hover {
|
|
color: var(--text-accent) !important;
|
|
}
|
|
|
|
/* Scroll bars */
|
|
.is-mobile ::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
/* Inspired by Minimal by kepano: https://github.com/kepano/obsidian-minimal/blob/master/obsidian.css */
|
|
.BC-trail {
|
|
margin-top: 5px !important;
|
|
line-height: 1rem;
|
|
font-size: 0.75rem;
|
|
letter-spacing: 0.03125rem;
|
|
font-weight: var(--medium);
|
|
color: var(--secondary);
|
|
}
|
|
|
|
.timer {
|
|
font-style: italic;
|
|
}
|
|
|
|
.timer::before {
|
|
content: "⏱ ";
|
|
font-style: normal;
|
|
}
|
|
|
|
.cm-metadata,
|
|
.cm-metadata-key {
|
|
line-height: 1.25rem;
|
|
font-size: 0.875rem;
|
|
letter-spacing: 0.015625rem;
|
|
font-weight: var(--medium);
|
|
color: var(--secondary);
|
|
font-family: var(--font-monospace);
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=cook] .cm-formatting {
|
|
color: var(--surface-variant) !important;
|
|
}
|
|
|
|
/* @plugins
|
|
core:
|
|
- backlink
|
|
- command-palette
|
|
- file-explorer
|
|
- global-search
|
|
- graph
|
|
- outgoing-link
|
|
- outline
|
|
- page-preview
|
|
- starred
|
|
- switcher
|
|
- tag-pane
|
|
|
|
community:
|
|
- obsidian-system-dark-mode
|
|
- obsidian-style-settings
|
|
- cooklang-obsidian
|
|
- breadcrumbs
|
|
*/
|
|
/* Style Settings */
|
|
/* @settings
|
|
|
|
name: Obsidian You
|
|
id: title
|
|
settings:
|
|
-
|
|
id: font-header
|
|
title: Fonts
|
|
type: heading
|
|
level: 2
|
|
collapsed: true
|
|
-
|
|
id: font-preview
|
|
title: Preview Font
|
|
description: Used in preview mode
|
|
type: variable-text
|
|
default: Roboto, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei Light", sans-serif;
|
|
-
|
|
id: font-editor
|
|
title: Editor Font
|
|
description: Used in editor mode
|
|
type: variable-text
|
|
default: Roboto,"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Microsoft YaHei Light",sans-serif;
|
|
-
|
|
id: font-monospace
|
|
title: Monospace Font
|
|
description: Used in code
|
|
type: variable-text
|
|
default: Menlo,"Roboto Mono",monospace,SFMono-Regular,Consolas;
|
|
-
|
|
id: plugin-header
|
|
title: Plugin settings
|
|
type: heading
|
|
level: 2
|
|
collapsed: true
|
|
-
|
|
id: custom-page-header
|
|
title: Customizable Page Header
|
|
description: Uses the first Customizable Page Header icon for the FAB
|
|
type: class-toggle
|
|
-
|
|
id: advanced-toolbar-mode
|
|
title: Advanced toolbar mode
|
|
description: Adapts automatically to avanced mobile toolbar
|
|
type: class-toggle
|
|
-
|
|
id: other-header
|
|
title: Misc settings
|
|
type: heading
|
|
level: 2
|
|
collapsed: true
|
|
-
|
|
id: branding
|
|
title: Obsidian You branding
|
|
description: Toggles contrasting branding in the sidebars
|
|
type: class-toggle
|
|
default: true
|
|
*/
|
|
|
|
/*# sourceMappingURL=theme.css.map */
|