Files
SecondBrain/.obsidian/themes/Shiba Inu/theme.css
T
2026-05-30 22:47:57 +03:00

8616 lines
270 KiB
CSS

/* ────────────────────────────────────────────────────────────────────────────
Shiba Inu Theme Obsidian by Farouk
ファルーク氏による Obsidian 用の柴犬テーマ
────────────────────────────────────────────────────────────────────────────
Designed to be used with the Style Settings
plugin, which offers greater customization options.
────────────────────────────────────────────────────────────────────────────
Support my work:
https://www.buymeacoffee.com/faroukx
Github:
https://github.com/faroukx/Obsidian-shiba-inu-theme
Theme Tutorial Vault:
https://github.com/faroukx/obsidian-homepage
Forum Thread:
https://forum.obsidian.md/t/theme-shiba-inu/53395
*/
.is-translucent .workspace,
.is-translucent.shib-translucent-center:not(.is-fullscreen)
.mod-top
.workspace-tab-header-container,
.is-translucent.shib-translucent-center:not(.is-fullscreen) .view-header,
.is-translucent.shib-translucent-center:not(.is-fullscreen)
.workspace
.mod-root
.workspace-tabs.mod-stacked
.workspace-tab-container
.workspace-tab-header,
.is-translucent.shib-translucent-center:not(.is-fullscreen)
.workspace-split.mod-root,
.is-translucent.shib-translucent-center:not(.is-fullscreen)
.workspace-split.mod-root
.view-content,
.is-translucent.shib-translucent-center:not(.is-fullscreen) .workspace-tabs,
.is-translucent.shib-translucent-center:not(.is-fullscreen)
.workspace-tabs
.workspace-leaf,
.is-translucent.shib-translucent-left:not(.is-fullscreen)
.mod-left-split
.workspace-tab-header-container,
.is-translucent.shib-translucent-left:not(.is-fullscreen)
.workspace-ribbon.mod-left,
.is-translucent.shib-translucent-left:not(.is-fullscreen)
.workspace-ribbon.mod-left:before,
.is-translucent.shib-translucent-right:not(.is-fullscreen)
.mod-right-split
.workspace-tab-header-container,
body.is-translucent {
background-color: transparent;
}
body {
--card-background-color: rgb(var(--exterior));
--font-size-folder-and-file: 0.95em;
--font-size-file-header-title: 0.93em;
--font-size-vault-name: 0.95em;
--font-size-code: 1em;
--font-text-theme: var(--font-default);
--h1-font: var(--font-default);
--h2-font: var(--font-default);
--h3-font: var(--font-default);
--h4-font: var(--font-default);
--h5-font: var(--font-default);
--h6-font: var(--font-default);
--font-family-vertical-bar: var(--font-default);
--font-family-folder-file-title: var(--font-default);
--font-monospace-theme: monospace;
--font-family-inline-code: var(--font-monospace-theme);
--font-family-tag: var(--font-default);
--font-family-vault: var(--font-default);
--outline-border: 2px;
--panel-page-opacity: 0.25;
--blur-depth: 10px;
--blur-depth-cp: 10px;
--tab-radius: 0px;
--canvas-color: var(--overlay2);
--card-foreground-color: rgb(var(--base));
--tab-inactive-color: rgb(var(--side));
--cards-min-width: 180px;
--cards-max-width: 1fr;
--cards-mobile-width: 120px;
--cards-image-height: 400px;
--cards-padding: 1.2em;
--cards-image-fit: contain;
--cards-background: rgb(var(--side));
--cards-border-width: 1px;
--cards-aspect-ratio: auto;
--cards-columns: repeat;
--hr-outline-color: var(--background-modifier-border);
}
.theme-light,
.theme-light.default-light-theme {
--text: 76, 79, 105;
--subtext1: 92, 95, 119;
--subtext0: 108, 111, 133;
--overlay2: 76, 79, 105;
--overlay1: 140, 143, 161;
--overlay0: 156, 160, 176;
--surface2: 221, 225, 238;
--surface1: 188, 192, 204;
--surface0: 221, 225, 238;
--exterior: 254, 241, 241;
--side: 243, 236, 243;
--base: 252, 252, 252;
}
.theme-light.ivory-light,
.theme-light.lily-light {
--subtext1: 97, 92, 132;
--overlay2: 86, 100, 122;
--overlay1: 152, 147, 165;
--subtext0: 108, 111, 133;
--text: 86, 100, 122;
}
.theme-light.lily-light {
--overlay0: 161, 156, 173;
--surface2: 241, 183, 153;
--surface1: 203, 194, 186;
--surface0: 242, 194, 163;
--exterior: 245, 203, 181;
--side: 245, 209, 185;
--base: 245, 219, 195;
}
.theme-light.ivory-light {
--overlay0: 231, 215, 198;
--surface2: 231, 215, 198;
--surface1: 209, 201, 194;
--surface0: 233, 204, 176;
--exterior: 242, 226, 209;
--side: 235, 225, 206;
--base: 242, 226, 209;
}
.theme-light.sky-light {
--text: 86, 100, 122;
--subtext1: 92, 95, 119;
--subtext0: 108, 111, 133;
--overlay2: 76, 79, 105;
--overlay1: 140, 143, 161;
--overlay0: 156, 160, 176;
--surface2: 221, 225, 238;
--surface1: 188, 192, 204;
--surface0: 224, 240, 255;
--exterior: 232, 243, 255;
--side: 232, 243, 255;
--base: 255, 255, 255;
}
.theme-light.stone-light {
--text: 86, 100, 122;
--subtext1: 97, 92, 132;
--subtext0: 0, 0, 0;
--overlay2: 86, 100, 122;
--overlay1: 152, 147, 165;
--overlay0: 166, 172, 146;
--surface2: 166, 172, 146;
--surface1: 209, 201, 194;
--surface0: 210, 213, 200;
--exterior: 247, 227, 213;
--side: 247, 227, 213;
--base: 248, 235, 224;
}
.theme-light.default-light-theme,
.theme-light.sky-light {
--lily: 222, 149, 132;
--red: 240, 68, 114;
--rose: 215, 125, 146;
--violet: 176, 110, 201;
--blue: 71, 143, 238;
--sea: 23, 146, 153;
--cyan: 37, 189, 209;
--turquoise: 58, 161, 182;
--green: 64, 155, 40;
--yellow: 228, 147, 32;
--lemon: 195, 173, 87;
--orange: 249, 102, 50;
}
.theme-light.ivory-light,
.theme-light.lily-light,
.theme-light.stone-light {
--lily: 208, 109, 108;
--red: 215, 67, 72;
--rose: 219, 75, 146;
--violet: 152, 88, 185;
--blue: 50, 145, 207;
--sea: 16, 103, 78;
--cyan: 4, 165, 229;
--turquoise: 56, 126, 127;
--green: 63, 130, 48;
--yellow: 228, 147, 32;
--lemon: 195, 173, 87;
--orange: 211, 126, 17;
}
.theme-dark,
.theme-dark.default-dark-theme {
--text: 198, 206, 239;
--subtext1: 181, 189, 220;
--subtext0: 165, 172, 201;
--overlay2: 148, 155, 183;
--overlay1: 131, 138, 164;
--overlay0: 115, 120, 145;
--surface2: 98, 103, 126;
--surface1: 81, 86, 108;
--surface0: 65, 69, 89;
--base: 42, 45, 61;
--side: 38, 42, 58;
--exterior: 36, 39, 52;
}
.theme-dark.warm-dark {
--text: 197, 207, 245;
--subtext1: 179, 188, 224;
--subtext0: 161, 170, 203;
--overlay2: 143, 151, 183;
--overlay1: 125, 132, 162;
--overlay0: 108, 114, 141;
--surface2: 90, 95, 120;
--surface1: 72, 76, 100;
--surface0: 54, 58, 79;
--base: 32, 36, 51;
--side: 30, 32, 48;
--exterior: 28, 29, 42;
}
.theme-dark.Lilac-dark {
--text: 198, 208, 245;
--subtext1: 179, 188, 223;
--subtext0: 161, 168, 201;
--overlay2: 142, 149, 179;
--overlay1: 123, 129, 157;
--overlay0: 105, 109, 134;
--surface2: 86, 89, 112;
--surface1: 67, 70, 90;
--surface0: 49, 50, 68;
--base: 28, 28, 42;
--side: 24, 24, 37;
--exterior: 17, 17, 27;
}
.theme-dark.pure-dark {
--text: 217, 224, 238;
--subtext1: 211, 205, 214;
--subtext0: 190, 179, 193;
--overlay2: 167, 156, 176;
--overlay1: 152, 139, 162;
--overlay0: 109, 107, 125;
--surface2: 87, 82, 105;
--surface1: 45, 40, 72;
--surface0: 48, 45, 65;
--base: 20, 20, 20;
--side: 25, 26, 29;
--exterior: 26, 33, 42;
}
.theme-dark.Lilac-dark,
.theme-dark.default-dark-theme,
.theme-dark.pure-dark,
.theme-dark.warm-dark {
--lily: 235, 188, 186;
--red: 255, 98, 107;
--rose: 243, 137, 143;
--violet: 196, 167, 231;
--blue: 147, 183, 245;
--sea: 104, 188, 204;
--cyan: 137, 199, 223;
--turquoise: 128, 216, 220;
--green: 56, 198, 141;
--yellow: 249, 226, 175;
--lemon: 246, 193, 119;
--orange: 247, 157, 124;
}
.shiba-accent-style.accent-orange {
--accent: var(--orange);
}
.shiba-accent-style.accent-lemon {
--accent: var(--lemon);
}
.shiba-accent-style.accent-rose {
--accent: var(--rose);
}
.shiba-accent-style.accent-violet {
--accent: var(--violet);
}
.shiba-accent-style.accent-red {
--accent: var(--red);
}
.shiba-accent-style.accent-yellow {
--accent: var(--yellow);
}
.shiba-accent-style.accent-green {
--accent: var(--green);
}
.shiba-accent-style.accent-sea {
--accent: var(--sea);
}
.shiba-accent-style.accent-cyan {
--accent: var(--cyan);
}
.shiba-accent-style.accent-turquoise {
--accent: var(--turquoise);
}
.shiba-accent-style.accent-blue {
--accent: var(--blue);
}
.shiba-accent-style.accent-lily {
--accent: var(--lily);
}
.shib-bold-orange {
--shib-bold-color: var(--orange);
}
.shib-bold-lemon {
--shib-bold-color: var(--lemon);
}
.shib-bold-rose {
--shib-bold-color: var(--rose);
}
.shib-bold-violet {
--shib-bold-color: var(--violet);
}
.shib-bold-red {
--shib-bold-color: var(--red);
}
.shib-bold-yellow {
--shib-bold-color: var(--yellow);
}
.shib-bold-green {
--shib-bold-color: var(--green);
}
.shib-bold-sea {
--shib-bold-color: var(--sea);
}
.shib-bold-cyan {
--shib-bold-color: var(--cyan);
}
.shib-bold-turquoise {
--shib-bold-color: var(--turquoise);
}
.shib-bold-blue {
--shib-bold-color: var(--blue);
}
.shib-italic-orange {
--shib-italic-color: var(--orange);
}
.shib-italic-lemon {
--shib-italic-color: var(--lemon);
}
.shib-italic-rose {
--shib-italic-color: var(--rose);
}
.shib-italic-violet {
--shib-italic-color: var(--violet);
}
.shib-italic-red {
--shib-italic-color: var(--red);
}
.shib-italic-yellow {
--shib-italic-color: var(--yellow);
}
.shib-italic-green {
--shib-italic-color: var(--green);
}
.shib-italic-sea {
--shib-italic-color: var(--sea);
}
.shib-italic-cyan {
--shib-italic-color: var(--cyan);
}
.shib-italic-turquoise {
--shib-italic-color: var(--turquoise);
}
.shib-italic-blue {
--shib-italic-color: var(--blue);
}
.shib-italic-lily {
--shib-italic-color: var(--lily);
}
.theme-dark.theme-dark,
.theme-light.theme-light {
--canvas-color: var(--overlay0);
}
.theme-dark {
color-scheme: dark;
--background-modifier-border: rgb(var(--surface0));
--background-modifier-border-hover: rgb(var(--surface1));
--background-modifier-border-focus: rgb(var(--surface2));
--cards-background-modifier-border: rgb(var(--surface0));
--shib-speech-bubble-opacity: var(--shib-sp-op-dark, 0.9);
--background-modifier-cover: rgba(var(--side), 0.4);
--bg-color-settings-0: #07070747;
--bg-color-settings-0-1: #ffffff00;
--bg-color-settings-5: #424242aa;
--bg-color-settings-6: #191919c7;
--graph-line: var(--background-modifier-border);
--graph-fill-attachment: rgb(var(--blue));
--graph-circle-fill-unresolved: #ffa6e5;
--graph-arrow: rgb(var(--rose));
}
.theme-light {
color-scheme: light;
--background-modifier-border: rgb(var(--surface1));
--background-modifier-border-hover: rgb(var(--surface2));
--background-modifier-border-focus: rgb(var(--overlay0));
--cards-background-modifier-border: rgb(var(--surface1));
--shib-speech-bubble-opacity: var(--shib-sp-op-light, 0.5);
--background-modifier-cover: #00000022;
--bg-color-settings-0: #7d7d7d6b;
--bg-color-settings-0-1: #ffffff77;
--bg-color-settings-5: #d4d4d464;
--bg-color-settings-6: #ffffff85;
--graph-line: var(--text-muted);
--graph-fill-attachment: rgb(var(--sea));
--graph-circle-fill-unresolved: rgb(var(--red));
--graph-arrow: rgb(var(--violet));
}
.shiba-accent-style {
--color-accent: rgb(var(--accent));
--color-accent-1: rgb(var(--accent));
--color-accent-2: rgba(var(--accent), 0.9);
--text-selection: rgba(var(--blue), 0.15);
--interactive-accent: rgb(var(--accent));
--interactive-accent-hover: rgba(var(--accent), 0.9);
--text-accent: rgb(var(--accent));
--text-accent-hover: rgb(var(--accent));
--text-highlight-bg: rgba(var(--yellow), 0.2);
--text-highlight-bg-active: rgba(var(--yellow), 0.3);
--interactive-accent: rgb(var(--accent));
--interactive-accent-rgb: var(--accent);
--interactive-accent-hover: rgb(var(--accent));
--blockquote-border-color: rgb(var(--accent));
--background-modifier-active-hover: rgba(var(--accent), 0.15);
--internal-link-color: rgba(var(--accent), 0.9);
--external-link-color: rgba(var(--accent), 0.8);
--unresolved-link-color: rgba(var(--accent), 0.8);
--tag-background: rgba(var(--accent), 0.1);
--tag-background-hover: rgba(var(--accent), 0.2);
--tag-border-color: rgba(var(--accent), 0.15);
--tag-border-color-hover: rgba(var(--accent), 0.15);
--nav-item-background-selected: rgba(var(--accent), 0.2);
--heading-formatting: rgb(var(--accent));
--icon-color-focused: rgb(var(--accent));
}
.theme-dark,
.theme-light {
--highlight-mix-blend-mode: none;
--bg-color-settings-1: rgba(var(--base), 0.15);
--bg-color-settings-2: rgba(var(--base), 0.3);
--bg-color-settings-3: rgba(var(--base), 0.8);
--bg-color-settings-4: rgba(var(--base), 0.7);
--background-secondary-translucent: rgba(var(--base), 0.1);
--background-secondary-translucent-1: rgba(var(--base), 0.1);
--graph-line-highlight: var(--interactive-accent);
--graph-circle-outline: rgb(var(--rose));
--graph-circle-fill: rgb(var(--blue));
--graph-circle-fill-highlight: rgb(var(--blue));
--graph-fill-tag: rgb(var(--orange));
--color-white: hsl(36, 36%, 96.9%);
--color-black: hsl(27, 15%, 12%);
--color-lightpink-rgb: var(--lily);
--color-lightpink: rgb(var(--lily));
--color-red-rgb: var(--red);
--color-red: rgb(var(--red));
--color-pink-rgb: var(--rose);
--color-pink: rgb(var(--rose));
--color-purple-rgb: var(--violet);
--color-purple: rgb(var(--violet));
--color-blue-rgb: var(--blue);
--color-blue: rgb(var(--blue));
--color-cyan-rgb: var(--sea);
--color-cyan: rgb(var(--sea));
--color-green-rgb: var(--green);
--color-green: rgb(var(--green));
--color-yellow-rgb: var(--yellow);
--color-yellow: rgb(var(--yellow));
--color-lightorange-rgb: var(--lemon);
--color-lightorange: rgb(var(--lemon));
--color-orange-rgb: var(--orange);
--color-orange: rgb(var(--orange));
--mono-rgb-100: var(--text);
--color-base-00: rgb(var(--exterior));
--color-base-10: rgb(var(--side));
--color-base-20: rgb(var(--base));
--color-base-25: rgb(var(--surface0));
--color-base-30: rgb(var(--surface1));
--color-base-35: rgb(var(--surface2));
--color-base-40: rgb(var(--overlay0));
--color-base-50: rgb(var(--overlay1));
--color-base-60: rgb(var(--overlay2));
--color-base-70: rgb(var(--subtext0));
--color-base-100: rgb(var(--text));
--input-shadow: inset 0 0.5px 0.5px 0.5px rgba(var(--text), 0.09),
0 2px 4px 0 rgba(var(--exterior), 0.15),
0 1px 1.5px 0 rgba(var(--exterior), 0.1),
0 1px 2px 0 rgba(var(--exterior), 0.2), 0 0 0 0 transparent;
--input-shadow-hover: inset 0 0.5px 1px 0.5px rgba(var(--text), 0.16),
0 2px 3px 0 rgba(var(--exterior), 0.3),
0 1px 1.5px 0 rgba(var(--exterior), 0.2),
0 1px 2px 0 rgba(var(--exterior), 0.4), 0 0 0 0 transparent;
--shadow-s: 0px 1px 2px rgba(var(--exterior), 0.121),
0px 3.4px 6.7px rgba(var(--exterior), 0.179),
0px 15px 30px rgba(var(--exterior), 0.3);
--shadow-l: 0px 1.8px 7.3px rgba(var(--exterior), 0.071),
0px 6.3px 24.7px rgba(var(--exterior), 0.112),
0px 30px 90px rgba(var(--exterior), 0.2);
--color-accent-translucent-06: hsla(var(--interactive-accent-hsl), 0.6);
--color-accent-translucent-04: hsla(var(--interactive-accent-hsl), 0.4);
--color-accent-translucent-02: hsla(var(--interactive-accent-hsl), 0.2);
--color-accent-translucent-015: hsla(var(--interactive-accent-hsl), 0.15);
--color-accent-translucent-01: hsla(var(--interactive-accent-hsl), 0.1);
--color-accent-translucent-005: hsla(var(--interactive-accent-hsl), 0.05);
--color-accent-translucent-001: hsla(var(--interactive-accent-hsl), 0.01);
--background-primary: rgb(var(--base));
--background-primary-alt: rgb(var(--side));
--background-secondary: rgb(var(--side));
--background-secondary-alt: rgb(var(--exterior));
--background-modifier-hover: rgba(var(--text), 0.075);
--background-modifier-form-field: rgba(var(--exterior), 0.3);
--background-modifier-success: rgba(var(--green), 1);
--background-modifier-success-hover: rgba(var(--green), 0.9);
--background-modifier-success-rgb: var(--green);
--background-modifier-error: rgba(var(--red), 1);
--background-modifier-error-rgb: var(--red);
--background-modifier-error-hover: rgba(var(--red), 0.9);
--background-modifier-message: rgba(var(--exterior), 0.9);
--modal-border-color: rgb(var(--surface0));
--text-normal: rgb(var(--text));
--text-muted: rgb(var(--overlay2));
--text-muted-rgb: var(--overlay2);
--text-faint: rgb(var(--subtext0));
--text-error: rgb(var(--red));
--text-error-hover: rgba(var(--red), 0.8);
--text-success: rgb(var(--green));
--text-on-accent: rgb(var(--base));
--text-highlight-bg: rgba(var(--orange), 0.2);
--text-highlight-bg-active: rgba(var(--orange), 0.4);
--interactive-normal: rgb(var(--surface0));
--interactive-hover: rgb(var(--surface1));
--interactive-success: rgb(var(--green));
--workspace-background-translucent: rgba(var(--exterior), 0.6);
--blockquote-background-color: rgba(var(--exterior), 0.5);
--width-image-gallery: 200px;
--min-width-image: 50%;
--max-width-image: 90%;
--nav-indentation-guide-color: rgba(var(--exterior), 0.4);
--nav-folder-title-color: rgba(var(--base));
--titlebar-text-color-focused: var(--color-accent);
--callout-title-padding: var(--size-4-2);
--table-border-width: var(--shib-table-thickness, 1px);
--icon-color-focused: var(--color-accent);
--embed-block-shadow-hover: none;
}
body.theme-light {
--shib-background-image: var(--shib-background-image-light);
--shib-custom-bg-brightness: var(--shib-custom-bg-brightness-light);
--shib-custom-bg-blur: var(--shib-custom-bg-blur-light);
--shib-custom-bg-card-fg-opacity: var(--shib-custom-bg-card-fg-opacity-light);
}
body.theme-dark {
--shib-background-image: var(--shib-background-image-dark);
--shib-custom-bg-brightness: var(--shib-custom-bg-brightness-dark);
--shib-custom-bg-blur: var(--shib-custom-bg-blur-dark);
--shib-custom-bg-card-fg-opacity: var(--shib-custom-bg-card-fg-opacity-dark);
}
.shiba-italic-bold-style {
--italic-color: rgb(var(--shib-italic-color, var(--green)));
--bold-color: rgb(var(--shib-bold-color, var(--red)));
}
.markdown-rendered mark {
--italic-color: rgb(var(--text));
--bold-color: rgb(var(--text));
border-radius: 4px;
padding: 2px;
}
body.is-translucent {
--workspace-background-translucent: rgba(
var(--exterior),
var(--shib-translucency-opacity)
);
}
.is-translucent:not(.is-fullscreen) {
--nav-collapse-icon-color: rgba(var(--mono-rgb-100), 0.3);
--nav-collapse-icon-color-collapsed: rgba(var(--mono-rgb-100), 0.3);
--divider-color: rgba(var(--surface0), 0.15);
}
.is-translucent.shib-translucent-center:not(.is-fullscreen)
.view-header-title-container:not(.mod-at-end):after,
body .markdown-preview-view th,
body
.markdown-source-view.mod-cm6
.dataview.table-view-table
thead.table-view-thead
tr
th,
body .table-view-table > thead > tr > th {
background-image: none;
}
.is-translucent
.workspace-split.mod-left-split.is-sidedock-collapsed
.workspace-tabs,
.is-translucent
.workspace-split.mod-right-split.is-sidedock-collapsed
.workspace-tabs {
visibility: hidden;
}
.markdown-rendered .internal-link,
.markdown-rendered .internal-link.is-unresolved,
.markdown-rendered .internal-link.is-unresolved:hover,
.markdown-rendered .internal-link:active,
.markdown-rendered .internal-link:hover {
text-decoration-line: none;
}
.cm-formatting-link-string,
.is-mobile .search-result-file-match-replace-button,
.style-settings-container
[data-level="1"].setting-item-heading
.setting-item-name,
.style-settings-container
[data-level="2"].setting-item-heading
.setting-item-name,
.style-settings-container
[data-level="3"].setting-item-heading
.setting-item-name,
.style-settings-container
[data-level="4"].setting-item-heading
.setting-item-name,
.style-settings-container
[data-level="5"].setting-item-heading
.setting-item-name {
color: var(--text-normal);
}
.external-link,
.external-link:hover {
background-image: none;
padding-right: 0;
}
.cm-s-obsidian span.cm-formatting-strong,
.cm-s-obsidian span.cm-strong {
color: var(--bold-color);
}
.cm-s-obsidian span.cm-em,
.cm-s-obsidian span.cm-formatting-em {
color: var(--italic-color);
}
.shib-embed-animated-toggle .markdown-embed,
span[alt="shib-embed-animated"] .markdown-embed {
border-width: 0;
border-color: var(--color-accent);
border-style: solid;
transition: border-width 0.2s, background-color 0.2s;
}
.shib-embed-animated-toggle .markdown-embed .markdown-embed-title,
.shib-embed-toggle .markdown-embed .markdown-embed-title,
span[alt="shib-embed-animated"] .markdown-embed .markdown-embed-title,
span[alt="shib-embed"] .markdown-embed .markdown-embed-title {
width: fit-content;
position: absolute;
left: unset;
right: 33px;
top: 5px;
}
.shib-embed-animated-toggle .markdown-embed .file-embed-link,
.shib-embed-animated-toggle .markdown-embed .markdown-embed-link,
.shib-embed-animated-toggle .markdown-embed .markdown-embed-title,
span[alt="shib-embed-animated"] .markdown-embed .file-embed-link,
span[alt="shib-embed-animated"] .markdown-embed .markdown-embed-link,
span[alt="shib-embed-animated"] .markdown-embed .markdown-embed-title {
opacity: 0;
transition: opacity 0.2s, display 0.2s;
}
.shib-embed-animated-toggle .markdown-embed:hover,
span[alt="shib-embed-animated"] .markdown-embed:hover {
transition: border-width 0.2s, background-color 0.2s;
border-left-width: 4px;
background-color: var(--background-secondary);
}
.shib-embed-animated-toggle .markdown-embed:hover .file-embed-link,
.shib-embed-animated-toggle .markdown-embed:hover .markdown-embed-link,
.shib-embed-animated-toggle .markdown-embed:hover .markdown-embed-title,
span[alt="shib-embed-animated"] .markdown-embed:hover .file-embed-link,
span[alt="shib-embed-animated"] .markdown-embed:hover .markdown-embed-link,
span[alt="shib-embed-animated"] .markdown-embed:hover .markdown-embed-title {
opacity: 1;
transition: opacity 0.2s, display 0.2s;
}
.shib-embed-animated-toggle .markdown-embed .markdown-preview-section,
.shib-embed-toggle .markdown-embed .markdown-preview-section,
span[alt="shib-embed-animated"] .markdown-embed .markdown-preview-section,
span[alt="shib-embed"] .markdown-embed .markdown-preview-section {
padding-left: 10px;
}
.shib-embed-toggle .markdown-embed,
span[alt="shib-embed"] .markdown-embed {
border-width: 0;
border-style: solid;
}
.markdown-rendered button.copy-code-button,
.workspace-split:not(.mod-root) .graph-controls,
.workspace-split:not(.mod-root) .graph-controls.is-close,
.workspace-split:not(.mod-root) .graph-controls:not(.is-close) {
background-color: rgb(var(--exterior));
}
.popover.hover-popover.is-loaded {
animation: 0.2s fade;
}
.popover .markdown-embed-link {
--icon-color: var(--text-normal);
--icon-color-hover: var(--text-faint);
}
.mod-left-split .workspace-tab-header.has-active-menu,
.mod-left-split .workspace-tab-header.has-active-menu:hover,
.mod-left-split .workspace-tab-header.is-active,
.mod-left-split .workspace-tab-header.is-active:hover,
.mod-right-split .workspace-tab-header.has-active-menu,
.mod-right-split .workspace-tab-header.has-active-menu:hover,
.mod-right-split .workspace-tab-header.is-active,
.mod-right-split .workspace-tab-header.is-active:hover {
background-color: var(--background-modifier-active-hover);
}
.shib-callout-toggle
.callout[data-callout="quote"]
.callout-title
.callout-title-inner,
.shib-callout-toggle.shib-callout-style-2
.callout.is-collapsible.is-collapsed
.callout-content,
.shib-callout-toggle.shib-callout-style-3
.callout.is-collapsible.is-collapsed
.callout-content,
.shib-codeblock-numbers .HyperMD-codeblock .cm-foldPlaceholder::before,
.shib-floating-animated-tab-toggle
.workspace
.mod-root
.workspace-tab-header-inner::after,
.shib-floating-animated-tab-toggle
.workspace
.mod-root
.workspace-tabs:not(.mod-stacked)
.workspace-tab-header-inner::after,
.shib-floating-animated-tab-toggle
.workspace-tabs:not(.mod-stacked)
.workspace-tab-header::after,
.shib-floating-animated-tab-toggle
.workspace-tabs:not(.mod-stacked)
.workspace-tab-header::before,
.shib-floating-tab-toggle
.workspace-split.mod-vertical.mod-root
.workspace-tabs
.workspace-tab-header-container
.workspace-tab-header-container-inner
.workspace-tab-header::after,
.shib-floating-tab-toggle
.workspace-split.mod-vertical.mod-root
.workspace-tabs
.workspace-tab-header-container
.workspace-tab-header-container-inner
.workspace-tab-header::before,
.shib-hide-status-bar .status-bar,
.shib-solid-tab-toggle
.workspace-split:not(.mod-left-split):not(.mod-right-split)
.workspace-tab-header-container-inner
.workspace-tab-header::after,
.shib-solid-tab-toggle
.workspace-split:not(.mod-left-split):not(.mod-right-split)
.workspace-tab-header-container-inner
.workspace-tab-header::before,
.shib-solid-tab-toggle
.workspace-split:not(.mod-left-split):not(.mod-right-split)
.workspace-tab-header-container-inner
.workspace-tab-header:not(.workspace-tab-header.is-active)
::after,
.shib-workspace-background-image-toggle
.view-header-title-container:not(.mod-at-end):after,
.style-settings-container:empty,
body.hide-vault-title .nav-folder.mod-root > .nav-folder-title,
body.shiba-clutter-free-headings
div.mod-cm6.is-live-preview
div:not(.cm-active).cm-line
.cm-header.cm-hmd-internal-link::before,
body.shiba-clutter-free-headings
div.mod-cm6.is-live-preview
div:not(.cm-active).cm-line
.cm-header
~ span.cm-header::before,
body.shiba-clutter-free-headings
div.mod-cm6:not(.is-live-preview)
div:not(.cm-active).cm-line
span.cm-formatting-header,
body.shiba-clutter-free-headings
div.mod-cm6:not(.is-live-preview)
div:not(.cm-active).cm-line
span:not(.cm-formatting-header).cm-header
~ span.cm-header::before,
body:not(.shib-callout-toggle)
.callout.is-collapsible.is-collapsed
.callout-content,
body:not(.shib-floating-animated-tab-toggle):not(.shib-disable-newtab-align)
.workspace-split.mod-vertical
.workspace-tab-header-spacer,
body:not(.shiba-remove-file-icons)
.workspace-leaf-content[data-type="starred"]
.nav-file-title-content::before {
display: none;
}
.markdown-rendered.rtl .list-bullet {
float: right;
margin-right: -12px;
}
.shiba-hb-default .markdown-preview-view hr {
border: none;
border-top: var(--outline-border) solid;
border-color: var(--hr-outline-color);
}
.shiba-hb-style .markdown-preview-view hr {
border: none;
border-top: var(--outline-border) dashed;
border-color: var(--hr-outline-color);
}
.shiba-hb-style2 .markdown-preview-view hr {
border: none;
border-top: var(--outline-border) dotted;
border-color: var(--hr-outline-color);
}
.custom-checkboxes [data-task="x"] input[type="checkbox"]:checked,
.custom-checkboxes [data-task="x"][type="checkbox"]:checked {
--checkbox-color: rgb(var(--green));
--checkbox-color-hover: rgb(var(--green));
}
.custom-checkboxes [data-task="*"] input[type="checkbox"]:checked,
.custom-checkboxes [data-task="*"][type="checkbox"]:checked,
.custom-checkboxes [data-task="/"] input[type="checkbox"]:checked,
.custom-checkboxes [data-task="/"][type="checkbox"]:checked,
.custom-checkboxes [data-task="<"] input[type="checkbox"]:checked,
.custom-checkboxes [data-task="<"][type="checkbox"]:checked,
.custom-checkboxes [data-task=">"] input[type="checkbox"]:checked,
.custom-checkboxes [data-task=">"][type="checkbox"]:checked,
.custom-checkboxes [data-task="?"] input[type="checkbox"]:checked,
.custom-checkboxes [data-task="?"][type="checkbox"]:checked,
.custom-checkboxes [data-task="I"] input[type="checkbox"]:checked,
.custom-checkboxes [data-task="I"][type="checkbox"]:checked,
.custom-checkboxes [data-task="S"] input[type="checkbox"]:checked,
.custom-checkboxes [data-task="S"][type="checkbox"]:checked,
.custom-checkboxes [data-task="b"] input[type="checkbox"]:checked,
.custom-checkboxes [data-task="b"][type="checkbox"]:checked,
.custom-checkboxes [data-task="c"] input[type="checkbox"]:checked,
.custom-checkboxes [data-task="c"][type="checkbox"]:checked,
.custom-checkboxes [data-task="l"] input[type="checkbox"]:checked,
.custom-checkboxes [data-task="l"][type="checkbox"]:checked,
.custom-checkboxes [data-task="n"] input[type="checkbox"]:checked,
.custom-checkboxes [data-task="n"][type="checkbox"]:checked,
.custom-checkboxes [data-task="p"] input[type="checkbox"]:checked,
.custom-checkboxes [data-task="p"][type="checkbox"]:checked,
.custom-checkboxes [data-task="r"] input[type="checkbox"]:checked,
.custom-checkboxes [data-task="s"] input[type="checkbox"]:checked {
--checkbox-color: transparent;
--checkbox-color-hover: transparent;
border-width: 0;
}
.custom-checkboxes [data-task=">"] input[type="checkbox"]:checked:after,
.custom-checkboxes [data-task=">"][type="checkbox"]:checked:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 470 '%3E%3Cpath d='M384 32c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96C0 60.7 28.7 32 64 32H384zM160 144c-13.3 0-24 10.7-24 24s10.7 24 24 24h94.1L119 327c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l135-135V328c0 13.3 10.7 24 24 24s24-10.7 24-24V168c0-13.3-10.7-24-24-24H160z'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
background-color: rgb(var(--cyan));
left: 0;
}
.custom-checkboxes [data-task=">"] input[type="checkbox"]:checked:before,
.custom-checkboxes [data-task=">"][type="checkbox"]:checked:before {
color: rgb(var(--cyan));
margin: 0 3px;
position: absolute;
left: calc(var(--checkbox-size) * 1);
font-weight: 700;
}
.custom-checkboxes [data-task="<"] input[type="checkbox"]:checked:after,
.custom-checkboxes [data-task="<"][type="checkbox"]:checked:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 444 502'%3E%3Cpath d='M152 64H296V24C296 10.75 306.7 0 320 0C333.3 0 344 10.75 344 24V64H384C419.3 64 448 92.65 448 128V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V128C0 92.65 28.65 64 64 64H104V24C104 10.75 114.7 0 128 0C141.3 0 152 10.75 152 24V64zM48 448C48 456.8 55.16 464 64 464H384C392.8 464 400 456.8 400 448V192H48V448z'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
background-color: rgb(var(--turquoise));
left: 0;
}
.custom-checkboxes [data-task="<"] input[type="checkbox"]:checked:before,
.custom-checkboxes [data-task="<"][type="checkbox"]:checked:before {
color: rgb(var(--turquoise));
margin: 0 3px;
position: absolute;
left: calc(var(--checkbox-size) * 1);
font-weight: 700;
}
.custom-checkboxes [data-task="!"] input[type="checkbox"]:checked,
.custom-checkboxes [data-task="!"][type="checkbox"]:checked,
.custom-checkboxes [data-task="i"] input[type="checkbox"]:checked,
.custom-checkboxes [data-task="i"][type="checkbox"]:checked {
--checkbox-color: rgb(var(--orange));
--checkbox-color-hover: rgb(var(--orange));
}
.custom-checkboxes [data-task="!"] input[type="checkbox"]:checked:after,
.custom-checkboxes [data-task="!"][type="checkbox"]:checked:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122 550'%3E%3Cpath d='M96 64c0-17.7-14.3-32-32-32S32 46.3 32 64V320c0 17.7 14.3 32 32 32s32-14.3 32-32V64zM64 480c22.1 0 40-17.9 40-40s-17.9-40-40-40s-40 17.9-40 40s17.9 40 40 40z'/%3E%3C/svg%3E");
-webkit-mask-size: 20%;
}
.custom-checkboxes [data-task="!"] input[type="checkbox"]:checked:before,
.custom-checkboxes [data-task="!"][type="checkbox"]:checked:before,
.custom-checkboxes [data-task="-"] input[type="checkbox"]:checked:before,
.custom-checkboxes [data-task="-"][type="checkbox"]:checked:before,
.custom-checkboxes [data-task="c"] input[type="checkbox"]:checked:before,
.custom-checkboxes [data-task="c"][type="checkbox"]:checked:before,
.custom-checkboxes [data-task="i"] input[type="checkbox"]:checked:before,
.custom-checkboxes [data-task="i"][type="checkbox"]:checked:before {
color: var(--checkbox-color);
margin: 0 3px;
position: absolute;
left: calc(var(--checkbox-size) * 1);
font-weight: 700;
}
.custom-checkboxes [data-task="-"] {
text-decoration: var(--checklist-done-decoration);
color: var(--checklist-done-color);
}
.custom-checkboxes [data-task="-"] input[type="checkbox"]:checked,
.custom-checkboxes [data-task="-"][type="checkbox"]:checked {
--checkbox-color: rgb(var(--red));
--checkbox-color-hover: rgb(var(--red));
}
.custom-checkboxes [data-task="-"] input[type="checkbox"]:checked:after,
.custom-checkboxes [data-task="-"][type="checkbox"]:checked:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 530'%3E%3Cpath d='M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z'/%3E%3C/svg%3E");
-webkit-mask-size: 55%;
}
.custom-checkboxes [data-task="/"] input[type="checkbox"]:checked:after,
.custom-checkboxes [data-task="/"][type="checkbox"]:checked:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M304 48c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48zm0 416c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48zM48 304c26.5 0 48-21.5 48-48s-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48zm464-48c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48zM142.9 437c18.7-18.7 18.7-49.1 0-67.9s-49.1-18.7-67.9 0s-18.7 49.1 0 67.9s49.1 18.7 67.9 0zm0-294.2c18.7-18.7 18.7-49.1 0-67.9S93.7 56.2 75 75s-18.7 49.1 0 67.9s49.1 18.7 67.9 0zM369.1 437c18.7 18.7 49.1 18.7 67.9 0s18.7-49.1 0-67.9s-49.1-18.7-67.9 0s-18.7 49.1 0 67.9z'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
background-color: rgb(var(--green));
left: 0;
}
.custom-checkboxes [data-task="/"] input[type="checkbox"]:checked:before,
.custom-checkboxes [data-task="/"][type="checkbox"]:checked:before,
.custom-checkboxes [data-task="S"] input[type="checkbox"]:checked:before,
.custom-checkboxes [data-task="S"][type="checkbox"]:checked:before,
.custom-checkboxes [data-task="p"] input[type="checkbox"]:checked:before,
.custom-checkboxes [data-task="p"][type="checkbox"]:checked:before {
color: rgb(var(--green));
margin: 0 3px;
position: absolute;
left: calc(var(--checkbox-size) * 1);
font-weight: 700;
}
.custom-checkboxes [data-task="?"] input[type="checkbox"]:checked:after,
.custom-checkboxes [data-task="?"][type="checkbox"]:checked:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 179' version='1.1'%3E%3Cpath d='M 22.640 6.632 C 15.939 8.690, 8.886 15.824, 6.949 22.503 C 5.751 26.633, 5.500 38.514, 5.500 91 L 5.500 154.500 8.359 160.323 C 11.460 166.639, 16.745 171.265, 22.911 173.063 C 25.298 173.758, 48.615 174.007, 92.500 173.804 C 155.743 173.513, 158.625 173.419, 161.500 171.568 C 166.511 168.341, 170.073 164.704, 172.342 160.500 C 174.478 156.541, 174.503 155.858, 174.792 93.705 C 174.977 54.030, 174.709 28.880, 174.066 25.397 C 172.322 15.963, 165.208 8.466, 155.807 6.154 C 152.501 5.341, 132.856 5.021, 89.307 5.070 C 37.483 5.128, 26.715 5.380, 22.640 6.632 M 72.564 43.123 C 65.124 44.867, 58.092 52.842, 58.022 59.615 C 57.982 63.481, 61.727 67, 65.881 67 C 69.991 67, 71.779 65.891, 74.343 61.750 L 76.046 59 87.976 59 C 100.970 59, 104.518 59.944, 105.447 63.646 C 106.421 67.526, 104.509 69.604, 94.434 75.617 C 89.189 78.747, 84.246 82.238, 83.449 83.376 C 81.722 85.842, 81.548 92.914, 83.130 96.385 C 86.088 102.877, 96.867 101.553, 98.153 94.540 C 98.372 93.344, 101.499 90.811, 106.178 88.040 C 110.394 85.543, 114.842 82.600, 116.063 81.500 C 122.168 75.999, 123.935 62.981, 119.674 54.907 C 116.650 49.178, 110.395 44.465, 103.994 43.092 C 97.948 41.795, 78.146 41.815, 72.564 43.123 M 86.212 115.129 C 82.159 116.297, 79.009 121.125, 79.004 126.173 C 78.994 135.843, 91.548 140.543, 98.586 133.505 C 100.471 131.620, 101 130.033, 101 126.268 C 101 120.546, 99.053 117.338, 94.401 115.394 C 90.647 113.826, 90.721 113.828, 86.212 115.129' stroke='none' fill='%23142c4c' fill-rule='evenodd'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
background-color: rgb(var(--sea));
left: 0;
}
.custom-checkboxes [data-task="?"] input[type="checkbox"]:checked:before,
.custom-checkboxes [data-task="?"][type="checkbox"]:checked:before {
color: rgb(var(--sea));
margin: 0 3px;
position: absolute;
left: calc(var(--checkbox-size) * 1);
font-weight: 700;
}
.custom-checkboxes [data-task="*"] input[type="checkbox"]:checked:after,
.custom-checkboxes [data-task="*"][type="checkbox"]:checked:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
background-color: rgb(var(--yellow));
left: 0;
}
.custom-checkboxes [data-task="*"] input[type="checkbox"]:checked:before,
.custom-checkboxes [data-task="*"][type="checkbox"]:checked:before {
color: rgb(var(--yellow));
margin: 0 3px;
position: absolute;
left: calc(var(--checkbox-size) * 1);
font-weight: 700;
}
.custom-checkboxes [data-task="n"] input[type="checkbox"]:checked:after,
.custom-checkboxes [data-task="n"][type="checkbox"]:checked:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M32 32C32 14.3 46.3 0 64 0H320c17.7 0 32 14.3 32 32s-14.3 32-32 32H290.5l11.4 148.2c36.7 19.9 65.7 53.2 79.5 94.7l1 3c3.3 9.8 1.6 20.5-4.4 28.8s-15.7 13.3-26 13.3H32c-10.3 0-19.9-4.9-26-13.3s-7.7-19.1-4.4-28.8l1-3c13.8-41.5 42.8-74.8 79.5-94.7L93.5 64H64C46.3 64 32 49.7 32 32zM160 384h64v96c0 17.7-14.3 32-32 32s-32-14.3-32-32V384z'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
background-color: rgb(var(--lemon));
left: 0;
}
.custom-checkboxes [data-task="I"] input[type="checkbox"]:checked:before,
.custom-checkboxes [data-task="I"][type="checkbox"]:checked:before,
.custom-checkboxes [data-task="c"][type="checkbox"]:checked:before,
.custom-checkboxes [data-task="n"] input[type="checkbox"]:checked:before,
.custom-checkboxes [data-task="n"][type="checkbox"]:checked:before,
.custom-checkboxes [data-task="s"] input[type="checkbox"]:checked:before {
color: rgb(var(--lemon));
margin: 0 3px;
position: absolute;
left: calc(var(--checkbox-size) * 1);
font-weight: 700;
}
.custom-checkboxes [data-task="l"] input[type="checkbox"]:checked:after,
.custom-checkboxes [data-task="l"][type="checkbox"]:checked:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M320 144c0 79.5-64.5 144-144 144S32 223.5 32 144S96.5 0 176 0s144 64.5 144 144zM176 80c8.8 0 16-7.2 16-16s-7.2-16-16-16c-53 0-96 43-96 96c0 8.8 7.2 16 16 16s16-7.2 16-16c0-35.3 28.7-64 64-64zM144 480V317.1c10.4 1.9 21.1 2.9 32 2.9s21.6-1 32-2.9V480c0 17.7-14.3 32-32 32s-32-14.3-32-32z'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
background-color: rgb(var(--blue));
left: 0;
}
.custom-checkboxes [data-task="l"] input[type="checkbox"]:checked:before,
.custom-checkboxes [data-task="l"][type="checkbox"]:checked:before {
color: rgb(var(--blue));
margin: 0 3px;
position: absolute;
left: calc(var(--checkbox-size) * 1);
font-weight: 700;
}
.custom-checkboxes [data-task="i"] input[type="checkbox"]:checked:after,
.custom-checkboxes [data-task="i"][type="checkbox"]:checked:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath d='M144 80c0 26.5-21.5 48-48 48s-48-21.5-48-48s21.5-48 48-48s48 21.5 48 48zM0 224c0-17.7 14.3-32 32-32H96c17.7 0 32 14.3 32 32V448h32c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H64V256H32c-17.7 0-32-14.3-32-32z'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
}
.custom-checkboxes [data-task="I"] input[type="checkbox"]:checked:after,
.custom-checkboxes [data-task="I"][type="checkbox"]:checked:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M272 384c9.6-31.9 29.5-59.1 49.2-86.2l0 0c5.2-7.1 10.4-14.2 15.4-21.4c19.8-28.5 31.4-63 31.4-100.3C368 78.8 289.2 0 192 0S16 78.8 16 176c0 37.3 11.6 71.9 31.4 100.3c5 7.2 10.2 14.3 15.4 21.4l0 0c19.8 27.1 39.7 54.4 49.2 86.2H272zM192 512c44.2 0 80-35.8 80-80V416H112v16c0 44.2 35.8 80 80 80zM112 176c0 8.8-7.2 16-16 16s-16-7.2-16-16c0-61.9 50.1-112 112-112c8.8 0 16 7.2 16 16s-7.2 16-16 16c-44.2 0-80 35.8-80 80z'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
background-color: rgb(var(--lemon));
left: 0;
}
.custom-checkboxes [data-task="S"] input[type="checkbox"]:checked:after,
.custom-checkboxes [data-task="S"][type="checkbox"]:checked:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 170' version='1.1'%3E%3Cpath d='M 73.633 4.553 C 45.770 10.089, 24.575 26.633, 12.450 52.309 C 6.771 64.334, 5.500 70.677, 5.500 87 C 5.500 103.323, 6.771 109.666, 12.450 121.691 C 24.186 146.544, 45.625 163.776, 71.436 169.103 C 120.309 179.190, 166.043 146.223, 172.153 96.501 C 176.830 58.443, 153.240 20.809, 116.500 7.718 C 103.999 3.264, 86.587 1.978, 73.633 4.553 M 84.949 41.840 C 83.486 43.025, 82.467 45.215, 82.088 47.992 C 81.552 51.922, 81.154 52.423, 77.591 53.654 C 71.868 55.632, 67.487 59.363, 65.102 64.289 C 62.395 69.882, 62.453 75.464, 65.271 80.500 C 67.957 85.299, 75.837 89.608, 89.275 93.627 C 102.498 97.582, 106.049 101.456, 100.471 105.844 C 96.083 109.296, 91.116 109.441, 79.440 106.461 C 67.550 103.427, 64.583 103.831, 63.374 108.647 C 62.105 113.701, 64.649 116.208, 73.782 118.907 L 82 121.335 82.015 125.417 C 82.024 127.663, 82.361 129.995, 82.765 130.600 C 84.145 132.667, 87.955 134.049, 90.506 133.409 C 93.612 132.630, 95 130.244, 95 125.684 C 95 122.470, 95.286 122.163, 99.250 121.129 C 110.133 118.289, 116 111.429, 116 101.543 C 116 91.121, 109.966 85.821, 91.606 80.116 C 86.165 78.425, 80.652 76.347, 79.356 75.498 C 76.283 73.484, 76.365 70.645, 79.570 68.123 C 83.524 65.014, 90.182 64.441, 98.792 66.471 C 106.048 68.182, 106.286 68.177, 108.862 66.263 C 114.645 61.965, 111.226 54.875, 102.687 53.461 C 96.414 52.422, 95.002 51.369, 94.985 47.715 C 94.967 43.940, 94.279 42.709, 91.316 41.150 C 88.379 39.604, 87.607 39.688, 84.949 41.840' stroke='none' fill='%23132b4b' fill-rule='evenodd'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
background-color: rgb(var(--green));
left: 0;
}
.custom-checkboxes [data-task="p"] input[type="checkbox"]:checked:after,
.custom-checkboxes [data-task="p"][type="checkbox"]:checked:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M313.4 32.9c26 5.2 42.9 30.5 37.7 56.5l-2.3 11.4c-5.3 26.7-15.1 52.1-28.8 75.2H464c26.5 0 48 21.5 48 48c0 25.3-19.5 46-44.3 47.9c7.7 8.5 12.3 19.8 12.3 32.1c0 23.4-16.8 42.9-38.9 47.1c4.4 7.2 6.9 15.8 6.9 24.9c0 21.3-13.9 39.4-33.1 45.6c.7 3.3 1.1 6.8 1.1 10.4c0 26.5-21.5 48-48 48H294.5c-19 0-37.5-5.6-53.3-16.1l-38.5-25.7C176 420.4 160 390.4 160 358.3V320 272 247.1c0-29.2 13.3-56.7 36-75l7.4-5.9c26.5-21.2 44.6-51 51.2-84.2l2.3-11.4c5.2-26 30.5-42.9 56.5-37.7zM32 192H96c17.7 0 32 14.3 32 32V448c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32V224c0-17.7 14.3-32 32-32z'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
background-color: rgb(var(--green));
left: 0;
}
.custom-checkboxes [data-task="c"] input[type="checkbox"]:checked:after,
.custom-checkboxes [data-task="c"][type="checkbox"]:checked:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M313.4 479.1c26-5.2 42.9-30.5 37.7-56.5l-2.3-11.4c-5.3-26.7-15.1-52.1-28.8-75.2H464c26.5 0 48-21.5 48-48c0-25.3-19.5-46-44.3-47.9c7.7-8.5 12.3-19.8 12.3-32.1c0-23.4-16.8-42.9-38.9-47.1c4.4-7.3 6.9-15.8 6.9-24.9c0-21.3-13.9-39.4-33.1-45.6c.7-3.3 1.1-6.8 1.1-10.4c0-26.5-21.5-48-48-48H294.5c-19 0-37.5 5.6-53.3 16.1L202.7 73.8C176 91.6 160 121.6 160 153.7V192v48 24.9c0 29.2 13.3 56.7 36 75l7.4 5.9c26.5 21.2 44.6 51 51.2 84.2l2.3 11.4c5.2 26 30.5 42.9 56.5 37.7zM32 320H96c17.7 0 32-14.3 32-32V64c0-17.7-14.3-32-32-32H32C14.3 32 0 46.3 0 64V288c0 17.7 14.3 32 32 32z'/%3E%3C/svg%3E");
-webkit-mask-size: 100%;
background-color: rgb(var(--red));
left: 0;
}
.custom-checkboxes [data-task="b"] input[type="checkbox"]:checked:after,
.custom-checkboxes [data-task="b"][type="checkbox"]:checked:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
background-color: var(--color-accent);
left: 0;
}
.custom-checkboxes [data-task="b"] input[type="checkbox"]:checked:before,
.custom-checkboxes [data-task="b"][type="checkbox"]:checked:before {
color: var(--color-accent);
margin: 0 3px;
position: absolute;
left: calc(var(--checkbox-size) * 1);
font-weight: 700;
}
.custom-checkboxes [data-task="c"][type="checkbox"]:checked:after,
.custom-checkboxes [data-task="s"] input[type="checkbox"]:checked:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 177 175' version='1.1'%3E%3Cpath d='M 40.344 3.037 C 30.953 4.904, 22.308 11.667, 17.923 20.577 L 15.500 25.500 15.500 86 C 15.500 145.687, 15.529 146.562, 17.637 151.122 C 20.705 157.757, 26.321 163.519, 32.839 166.720 L 38.500 169.500 100.250 169.779 L 162 170.059 162 159.529 L 162 149 156.500 149 L 151 149 151 138.500 L 151 128 156.508 128 L 162.015 128 161.758 65.250 L 161.500 2.500 103 2.356 C 70.825 2.276, 42.630 2.583, 40.344 3.037 M 57.195 49.750 L 57.500 54.500 93.500 54.500 L 129.500 54.500 129.805 49.750 L 130.110 45 93.500 45 L 56.890 45 57.195 49.750 M 57 70.500 L 57 75 93.500 75 L 130 75 130 70.500 L 130 66 93.500 66 L 57 66 57 70.500 M 42 129.273 C 40.625 129.956, 38.662 132.228, 37.638 134.320 C 35.970 137.728, 35.920 138.508, 37.163 141.812 C 39.877 149.030, 39.965 149.042, 87.500 148.754 L 129.500 148.500 129.785 138.250 L 130.070 128 87.285 128.015 C 55.215 128.026, 43.874 128.341, 42 129.273' stroke='none' fill='%23142b4b' fill-rule='evenodd'/%3E%3C/svg%3E");
-webkit-mask-size: 100%;
background-color: var(--color-accent);
left: 0;
}
.custom-checkboxes [data-task="c"][type="checkbox"]:checked:before,
.custom-checkboxes [data-task="s"] input[type="checkbox"]:checked:before {
color: var(--color-accent);
left: calc(var(--checkbox-size) * 1);
}
.custom-checkboxes [data-task="c"][type="checkbox"]:checked:after,
.custom-checkboxes [data-task="r"] input[type="checkbox"]:checked:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224 0c-17.7 0-32 14.3-32 32V51.2C119 66 64 130.6 64 208v18.8c0 47-17.3 92.4-48.5 127.6l-7.4 8.3c-8.4 9.4-10.4 22.9-5.3 34.4S19.4 416 32 416H416c12.6 0 24-7.4 29.2-18.9s3.1-25-5.3-34.4l-7.4-8.3C401.3 319.2 384 273.9 384 226.8V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32zm45.3 493.3c12-12 18.7-28.3 18.7-45.3H224 160c0 17 6.7 33.3 18.7 45.3s28.3 18.7 45.3 18.7s33.3-6.7 45.3-18.7z'/%3E%3C/svg%3E");
-webkit-mask-size: 100%;
background-color: rgb(var(--lemon));
left: 0;
}
.image-zoom .view-content :is(.cm-editor, .markdown-preview-view) img {
max-width: 100%;
cursor: zoom-in;
}
.image-zoom :is(.HyperMD-list-line, ul) .image-embed.image-embed img:active,
body.image-zoom:not(.is-mobile) .view-content .image-embed:active,
body.image-zoom:not(.is-mobile)
.view-content
:is(.cm-editor, .markdown-preview-view)
img:active {
cursor: zoom-out;
display: block;
background: rgba(0, 0, 0, 0.5);
max-height: calc(100% + 1px);
max-width: calc(100% - 20px);
height: calc(100% + 1px);
width: 100%;
object-fit: contain;
margin: -0.5px auto 0;
padding: 0;
text-align: center;
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 100;
}
.theme-dark .dropdown,
.theme-light .dropdown {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='292.4' height='292.4' viewBox='0 0 512 512' version='1.1'%3E%3Cpath d='' stroke='none' fill='%23787474' fill-rule='evenodd'/%3E%3Cpath d='M 43 101.567 C 23.371 105.817, 6.617 122.017, 1.489 141.703 C -0.419 149.028, -0.419 161.972, 1.489 169.297 C 5.349 184.116, 0.342 178.636, 114.844 293.362 C 183.630 362.282, 222.579 400.593, 226.458 403.146 C 243.573 414.414, 268.427 414.414, 285.542 403.146 C 289.417 400.595, 328.442 362.222, 397.192 293.362 C 500.204 190.185, 502.975 187.310, 506.464 180 C 508.432 175.875, 510.317 170.803, 510.653 168.728 C 510.988 166.653, 511.654 164.714, 512.131 164.419 C 512.609 164.124, 513 159.607, 513 154.382 C 513 149.157, 512.606 145.125, 512.125 145.423 C 511.644 145.720, 510.978 144.284, 510.646 142.232 C 508.623 129.718, 494.926 112.472, 482 106.161 C 474.893 102.691, 464.053 100.035, 457 100.035 C 450.005 100.035, 439.142 102.678, 432 106.118 C 426.058 108.980, 418.222 116.515, 340.750 193.861 L 256 278.473 171.250 193.861 C 93.778 116.515, 85.942 108.980, 80 106.118 C 68.101 100.387, 55.568 98.845, 43 101.567 M 0.365 155.500 C 0.368 161, 0.536 163.122, 0.738 160.216 C 0.941 157.311, 0.939 152.811, 0.734 150.216 C 0.528 147.622, 0.363 150, 0.365 155.500' stroke='none' fill='%23747474' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.theme-light .dropdown,
body.dark-background-file:not(.shiba-remove-file-icons):not(
.folder-style-change-options-colorful
)
.nav-file-title.is-active[data-path$=".md"]
> .nav-file-title-content::before {
background-color: var(--color-white);
}
body {
--img-border-radius: 15px;
--img-max-height: 300px;
--img-max-width: 350px;
--img-max-height-list: 270px;
--img-max-width-list: 300px;
--callout-gallery-gap: 5px;
--card-foreground-color: var(--background-primary);
}
img {
border-radius: var(--img-border-radius);
}
.modal.mod-settings .setting-item .pickr button.pcr-button {
box-shadow: none;
border-radius: 40px;
height: 24px;
width: 24px;
}
.setting-item .pickr .pcr-button:after,
.setting-item .pickr .pcr-button:before {
border-radius: 40px;
box-shadow: none;
border: none;
}
a.tag:not(.token) {
font-size: var(--font-size-tag);
font-family: var(--font-family-tag) !important;
border: none;
color: var(--text-accent);
text-align: center;
text-decoration: none;
cursor: pointer;
}
body:not(.tag-default) .tag:not(.token):hover {
color: var(--text-accent);
background-color: var(--background-primary) !important;
}
:is(.markdown-preview-view, .markdown-rendered) blockquote {
padding: 0.5em 0.5em 0.5em 0.6em;
border-left: solid;
border-width: 0 0 0 5px;
border-color: var(--color-accent);
background-color: var(--blockquote-background-color);
border-radius: var(--radius-s);
margin-inline-start: 1.2%;
margin-inline-end: 1.2%;
}
:is(.markdown-preview-view, .markdown-rendered) blockquote p {
margin-left: 1px;
margin-right: 0;
}
body:not(.font-family-change-to-default) .markdown-source-view,
body:not(.font-family-change-to-default)
.markdown-source-view.mod-cm6
.cm-scroller,
body:not(.font-family-change-to-default)
:is(.markdown-preview-view, .markdown-rendered) {
font-family: var(--font-text);
}
body.blockquote-style-outline
:is(.markdown-preview-view, .markdown-rendered)
blockquote {
border: 1px solid var(--color-accent);
background-color: rgba(var(--side), 0.3);
border-radius: var(--radius-m);
}
body.blockquote-style-border-left
:is(.markdown-preview-view, .markdown-rendered)
blockquote {
border: 1px solid var(--color-accent);
border-left: 4px solid var(--color-accent);
background-color: rgba(var(--side), 0.3);
border-radius: var(--radius-m);
}
.is-mobile .workspace-drawer.mod-right,
body.blockquote-style-quotation-mark
.markdown-source-view.mod-cm6
.cm-blockquote-border:before,
body.blockquote-style-quotation-mark
.markdown-source-view.mod-cm6.is-live-preview
.HyperMD-quote:before {
border-left: none;
}
body.blockquote-style-quotation-mark
:is(.markdown-preview-view, .markdown-rendered)
blockquote {
color: var(--text-normal);
box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.1);
padding-left: 35px;
padding-right: 10px;
margin-inline-start: 1%;
margin-inline-end: 1%;
border-left-width: 0;
}
body.blockquote-style-quotation-mark
:is(.markdown-preview-view, .markdown-rendered)
blockquote
p {
position: relative;
margin-left: 0.7em;
margin-right: 0;
font-size: 1em;
}
body.blockquote-style-quotation-mark
:is(.markdown-preview-view, .markdown-rendered)
blockquote
p:first-of-type::before {
content: "“";
font-size: 3em;
font-family: boxicons;
color: var(--color-accent);
position: absolute;
top: -0.2em;
left: -0.8em;
}
.cm-s-obsidian span.cm-inline-code,
:not(pre) > code:not([class*="language-"]) {
font-weight: var(--font-weight-inline-code);
font-family: var(--font-family-inline-code) !important;
}
.view-header-title {
font-size: var(--font-size-file-header-title);
}
.notice,
.tooltip {
color: rgb(var(--text));
}
.shib-current-line .markdown-source-view .cm-active.cm-line {
background-color: rgba(var(--surface1), 0.4);
}
.shib-current-line-border .markdown-source-view .cm-active.cm-line {
border-left: 2px solid var(--interactive-accent);
margin-left: -2px !important;
background-color: rgba(var(--surface1), 0.4);
}
.markdown-source-view.mod-cm6 .edit-block-button {
background-color: var(--background-secondary);
cursor: pointer;
border: 1px solid var(--background-modifer-border);
}
.markdown-source-view.mod-cm6 .edit-block-button:hover {
background-color: var(--background-secondary);
background-color: var(--background-secondary);
opacity: 1;
}
.markdown-source-view.mod-cm6 .cm-embed-block:hover .edit-block-button:hover {
background-color: var(--background-secondary);
border: 1px solid var(--background-modifer-border);
opacity: 1;
}
.markdown-rendered .search-highlight > div {
box-shadow: none;
opacity: 0.3;
background-color: rgba(var(--text), 0.4);
mix-blend-mode: var(--highlight-mix-blend-mode);
border-radius: 2px;
}
.markdown-rendered .search-highlight > div.is-active {
box-shadow: 0 0 0 2px rgba(var(--yellow), 0.5);
background-color: rgba(var(--yellow), 0.2);
opacity: 1;
}
.cm-s-obsidian span.obsidian-search-match-highlight {
box-shadow: 0 0 0 2px rgba(var(--yellow), 0.5);
background-color: rgba(var(--yellow), 0.2);
mix-blend-mode: var(--highlight-mix-blend-mode);
border-radius: 2px;
}
.banner-image {
border-radius: 0 !important;
}
.obsidian-banner-wrapper .frontmatter-container {
margin-top: 20px;
}
.shib-header-color-toggle.shib-h1-lily {
--h1-color: rgb(var(--lily));
}
.shib-header-color-toggle.shib-h1-red {
--h1-color: rgb(var(--red));
}
.shib-header-color-toggle.shib-h1-rose {
--h1-color: rgb(var(--rose));
}
.shib-header-color-toggle.shib-h1-violet {
--h1-color: rgb(var(--violet));
}
.shib-header-color-toggle.shib-h1-blue {
--h1-color: rgb(var(--blue));
}
.shib-header-color-toggle.shib-h1-sea {
--h1-color: rgb(var(--sea));
}
.shib-header-color-toggle.shib-h1-cyan {
--h1-color: rgb(var(--cyan));
}
.shib-header-color-toggle.shib-h1-turquoise {
--h1-color: rgb(var(--turquoise));
}
.shib-header-color-toggle.shib-h1-green {
--h1-color: rgb(var(--green));
}
.shib-header-color-toggle.shib-h1-yellow {
--h1-color: rgb(var(--yellow));
}
.shib-header-color-toggle.shib-h1-lemon {
--h1-color: rgb(var(--lemon));
}
.shib-header-color-toggle.shib-h1-orange {
--h1-color: rgb(var(--orange));
}
.shib-header-color-toggle.shib-h2-lily {
--h2-color: rgb(var(--lily));
}
.shib-header-color-toggle.shib-h2-red {
--h2-color: rgb(var(--red));
}
.shib-header-color-toggle.shib-h2-rose {
--h2-color: rgb(var(--rose));
}
.shib-header-color-toggle.shib-h2-violet {
--h2-color: rgb(var(--violet));
}
.shib-header-color-toggle.shib-h2-blue {
--h2-color: rgb(var(--blue));
}
.shib-header-color-toggle.shib-h2-sea {
--h2-color: rgb(var(--sea));
}
.shib-header-color-toggle.shib-h2-cyan {
--h2-color: rgb(var(--cyan));
}
.shib-header-color-toggle.shib-h2-turquoise {
--h2-color: rgb(var(--turquoise));
}
.shib-header-color-toggle.shib-h2-green {
--h2-color: rgb(var(--green));
}
.shib-header-color-toggle.shib-h2-yellow {
--h2-color: rgb(var(--yellow));
}
.shib-header-color-toggle.shib-h2-lemon {
--h2-color: rgb(var(--lemon));
}
.shib-header-color-toggle.shib-h2-orange {
--h2-color: rgb(var(--orange));
}
.shib-header-color-toggle.shib-h3-lily {
--h3-color: rgb(var(--lily));
}
.shib-header-color-toggle.shib-h3-red {
--h3-color: rgb(var(--red));
}
.shib-header-color-toggle.shib-h3-rose {
--h3-color: rgb(var(--rose));
}
.shib-header-color-toggle.shib-h3-violet {
--h3-color: rgb(var(--violet));
}
.shib-header-color-toggle.shib-h3-blue {
--h3-color: rgb(var(--blue));
}
.shib-header-color-toggle.shib-h3-sea {
--h3-color: rgb(var(--sea));
}
.shib-header-color-toggle.shib-h3-cyan {
--h3-color: rgb(var(--cyan));
}
.shib-header-color-toggle.shib-h3-turquoise {
--h3-color: rgb(var(--turquoise));
}
.shib-header-color-toggle.shib-h3-green {
--h3-color: rgb(var(--green));
}
.shib-header-color-toggle.shib-h3-yellow {
--h3-color: rgb(var(--yellow));
}
.shib-header-color-toggle.shib-h3-lemon {
--h3-color: rgb(var(--lemon));
}
.shib-header-color-toggle.shib-h3-orange {
--h3-color: rgb(var(--orange));
}
.shib-header-color-toggle.shib-h4-lily {
--h4-color: rgb(var(--lily));
}
.shib-header-color-toggle.shib-h4-red {
--h4-color: rgb(var(--red));
}
.shib-header-color-toggle.shib-h4-rose {
--h4-color: rgb(var(--rose));
}
.shib-header-color-toggle.shib-h4-violet {
--h4-color: rgb(var(--violet));
}
.shib-header-color-toggle.shib-h4-blue {
--h4-color: rgb(var(--blue));
}
.shib-header-color-toggle.shib-h4-sea {
--h4-color: rgb(var(--sea));
}
.shib-header-color-toggle.shib-h4-cyan {
--h4-color: rgb(var(--cyan));
}
.shib-header-color-toggle.shib-h4-turquoise {
--h4-color: rgb(var(--turquoise));
}
.shib-header-color-toggle.shib-h4-green {
--h4-color: rgb(var(--green));
}
.shib-header-color-toggle.shib-h4-yellow {
--h4-color: rgb(var(--yellow));
}
.shib-header-color-toggle.shib-h4-lemon {
--h4-color: rgb(var(--lemon));
}
.shib-header-color-toggle.shib-h4-orange {
--h4-color: rgb(var(--orange));
}
.shib-header-color-toggle.shib-h5-lily {
--h5-color: rgb(var(--lily));
}
.shib-header-color-toggle.shib-h5-red {
--h5-color: rgb(var(--red));
}
.shib-header-color-toggle.shib-h5-rose {
--h5-color: rgb(var(--rose));
}
.shib-header-color-toggle.shib-h5-violet {
--h5-color: rgb(var(--violet));
}
.shib-header-color-toggle.shib-h5-blue {
--h5-color: rgb(var(--blue));
}
.shib-header-color-toggle.shib-h5-sea {
--h5-color: rgb(var(--sea));
}
.shib-header-color-toggle.shib-h5-cyan {
--h5-color: rgb(var(--cyan));
}
.shib-header-color-toggle.shib-h5-turquoise {
--h5-color: rgb(var(--turquoise));
}
.shib-header-color-toggle.shib-h5-green {
--h5-color: rgb(var(--green));
}
.shib-header-color-toggle.shib-h5-yellow {
--h5-color: rgb(var(--yellow));
}
.shib-header-color-toggle.shib-h5-lemon {
--h5-color: rgb(var(--lemon));
}
.shib-header-color-toggle.shib-h5-orange {
--h5-color: rgb(var(--orange));
}
.shib-header-color-toggle.shib-h6-lily {
--h6-color: rgb(var(--lily));
}
.shib-header-color-toggle.shib-h6-red {
--h6-color: rgb(var(--red));
}
.shib-header-color-toggle.shib-h6-rose {
--h6-color: rgb(var(--rose));
}
.shib-header-color-toggle.shib-h6-violet {
--h6-color: rgb(var(--violet));
}
.shib-header-color-toggle.shib-h6-blue {
--h6-color: rgb(var(--blue));
}
.shib-header-color-toggle.shib-h6-sea {
--h6-color: rgb(var(--sea));
}
.shib-header-color-toggle.shib-h6-cyan {
--h6-color: rgb(var(--cyan));
}
.shib-header-color-toggle.shib-h6-turquoise {
--h6-color: rgb(var(--turquoise));
}
.shib-header-color-toggle.shib-h6-green {
--h6-color: rgb(var(--green));
}
.shib-header-color-toggle.shib-h6-yellow {
--h6-color: rgb(var(--yellow));
}
.shib-header-color-toggle.shib-h6-lemon {
--h6-color: rgb(var(--lemon));
}
.shib-header-color-toggle.shib-h6-orange {
--h6-color: rgb(var(--orange));
}
.shib-h1-underline
.markdown-source-view.is-live-preview
.HyperMD-header.HyperMD-header-1.cm-line,
.shib-h1-underline :is(.markdown-preview-view, .markdown-rendered) h1 {
border-bottom: var(--hr-thickness) solid var(--h1-color);
padding-bottom: 2px;
}
.shib-h2-underline
.markdown-source-view.is-live-preview
.HyperMD-header.HyperMD-header-2.cm-line,
.shib-h2-underline :is(.markdown-preview-view, .markdown-rendered) h2 {
border-bottom: var(--hr-thickness) solid var(--h2-color);
padding-bottom: 2px;
}
.shib-h3-underline
.markdown-source-view.is-live-preview
.HyperMD-header.HyperMD-header-3.cm-line,
.shib-h3-underline :is(.markdown-preview-view, .markdown-rendered) h3 {
border-bottom: var(--hr-thickness) solid var(--h3-color);
padding-bottom: 2px;
}
.shib-h4-underline
.markdown-source-view.is-live-preview
.HyperMD-header.HyperMD-header-4.cm-line,
.shib-h4-underline :is(.markdown-preview-view, .markdown-rendered) h4 {
border-bottom: var(--hr-thickness) solid var(--h4-color);
padding-bottom: 2px;
}
.shib-h5-underline
.markdown-source-view.is-live-preview
.HyperMD-header.HyperMD-header-5.cm-line,
.shib-h5-underline :is(.markdown-preview-view, .markdown-rendered) h5 {
border-bottom: var(--hr-thickness) solid var(--h5-color);
padding-bottom: 2px;
}
.shib-h6-underline
.markdown-source-view.is-live-preview
.HyperMD-header.HyperMD-header-6.cm-line,
.shib-h6-underline :is(.markdown-preview-view, .markdown-rendered) h6 {
border-bottom: var(--hr-thickness) solid var(--h6-color);
padding-bottom: 2px;
}
body.shiba-clutter-free-headings
div:not(.cm-active).cm-line
span:not(.cm-formatting-header):not(.cm-hashtag):not(.cm-inline-code):not(
.cm-highlight
).cm-header::before {
font-size: 0.6rem;
width: auto;
margin-right: 1px;
border-radius: var(--radius-xs);
color: var(--text-muted);
overflow: visible;
font-family: var(--font-default);
font-weight: 400 !important;
}
body.shiba-clutter-free-headings
div:not(.cm-active).cm-line
span:not(.cm-formatting-header).cm-header-1::before {
content: "H1";
margin-top: calc(var(--h1-size) - 0.1em);
}
body.shiba-clutter-free-headings
div:not(.cm-active).cm-line
span:not(.cm-formatting-header).cm-header-2::before {
content: "H2";
margin-top: calc(var(--h2-size) - 0.2em);
}
body.shiba-clutter-free-headings
div:not(.cm-active).cm-line
span:not(.cm-formatting-header).cm-header-3::before {
content: "H3";
margin-top: calc(var(--h3-size) - 0.2em);
}
body.shiba-clutter-free-headings
div:not(.cm-active).cm-line
span:not(.cm-formatting-header).cm-header-4::before {
content: "H4";
margin-top: calc(var(--h4-size) - 0.3em);
}
body.shiba-clutter-free-headings
div:not(.cm-active).cm-line
span:not(.cm-formatting-header).cm-header-5::before {
content: "H5";
margin-top: calc(var(--h5-size) - 0.4em);
}
body.shiba-clutter-free-headings
div:not(.cm-active).cm-line
span:not(.cm-formatting-header).cm-header-6::before {
content: "H6";
margin-top: calc(var(--h6-size) - 0.4em);
}
body.shiba-clutter-free-headings
div:not(.CodeMirror-activeline)
> .CodeMirror-line.hmd-inactive-line
span.cm-formatting-header::before {
position: absolute;
margin-top: 10px;
font-size: 0.7rem;
width: auto;
margin-left: -18px;
padding: 0 2px;
border-radius: var(--radius-xs);
color: var(--text-muted);
overflow: visible;
font-family: var(--font-default);
font-weight: 400 !important;
}
body.shiba-clutter-free-headings
div:not(.CodeMirror-activeline)
> .CodeMirror-line:not(.hmd-inactive-line)
span.cm-formatting-header::before {
position: absolute;
margin-top: 10px;
font-size: 0.7rem;
width: auto;
margin-left: -6px;
border-radius: var(--radius-xs);
color: var(--text-muted);
overflow: visible;
font-family: var(--font-default);
font-weight: 400 !important;
}
body.shiba-clutter-free-headings
div:not(.CodeMirror-activeline)
> .CodeMirror-line
span.cm-formatting-header {
color: transparent !important;
background: 0 0;
}
body.shiba-clutter-free-headings
div:not(.CodeMirror-activeline)
> .CodeMirror-line
span.cm-formatting-header-1::before {
content: "H1";
}
body.shiba-clutter-free-headings
div:not(.CodeMirror-activeline)
> .CodeMirror-line
span.cm-formatting-header-2::before {
content: "H2";
}
body.shiba-clutter-free-headings
div:not(.CodeMirror-activeline)
> .CodeMirror-line
span.cm-formatting-header-3::before {
content: "H3";
}
body.shiba-clutter-free-headings
div:not(.CodeMirror-activeline)
> .CodeMirror-line
span.cm-formatting-header-4::before {
content: "H4";
}
body.shiba-clutter-free-headings
div:not(.CodeMirror-activeline)
> .CodeMirror-line
span.cm-formatting-header-5::before {
content: "H5";
}
body.shiba-clutter-free-headings
div:not(.CodeMirror-activeline)
> .CodeMirror-line
span.cm-formatting-header-6::before {
content: "H6";
}
:is(.markdown-preview-view, .markdown-rendered) :is(h1, h2, h3, h4, h5, h6) {
position: relative;
}
body:not(.shiba-remove-heading-indicator)
:is(.markdown-preview-view, .markdown-rendered)
h1:hover::before {
content: "H1";
position: absolute;
font-size: 0.7rem;
width: auto;
margin-left: -24px;
border: 1px solid;
padding: 0 2px;
border-radius: var(--radius-xs);
top: 25px;
}
body:not(.shiba-remove-heading-indicator)
:is(.markdown-preview-view, .markdown-rendered)
h2:hover::before {
content: "H2";
position: absolute;
font-size: 0.7rem;
width: auto;
margin-left: -25px;
border: 1px solid;
padding: 0 2px;
border-radius: var(--radius-xs);
top: 23px;
}
body:not(.shiba-remove-heading-indicator)
:is(.markdown-preview-view, .markdown-rendered)
h3:hover::before {
content: "H3";
position: absolute;
font-size: 0.65rem;
width: auto;
margin-left: -25px;
border: 1px solid;
padding: 0 2px;
border-radius: var(--radius-xs);
top: 22px;
}
body:not(.shiba-remove-heading-indicator)
:is(.markdown-preview-view, .markdown-rendered)
h4:hover::before {
content: "H4";
position: absolute;
font-size: 0.6rem;
width: auto;
margin-left: -25px;
border: 1px solid;
padding: 0 2px;
border-radius: var(--radius-xs);
top: 22px;
}
body:not(.shiba-remove-heading-indicator)
:is(.markdown-preview-view, .markdown-rendered)
h5:hover::before {
content: "H5";
position: absolute;
font-size: 0.6rem;
width: auto;
margin-left: -25px;
border: 1px solid;
padding: 0 2px;
border-radius: var(--radius-xs);
top: 22px;
}
body:not(.shiba-remove-heading-indicator)
:is(.markdown-preview-view, .markdown-rendered)
h6:hover::before {
content: "H6";
position: absolute;
font-size: 0.6rem;
width: auto;
margin-left: -25px;
border: 1px solid;
padding: 0 2px;
border-radius: var(--radius-xs);
top: 22px;
}
body:not(.shiba-remove-heading-indicator) .markdown-embed h1:hover::before,
body:not(.shiba-remove-heading-indicator)
.markdown-preview-view
.callout-content
h1:hover::before,
body:not(.shiba-remove-heading-indicator) .popover h1:hover::before {
content: "H1";
position: absolute;
font-size: 0.4em;
width: auto;
border: 1px solid;
padding: 0 2px;
border-radius: var(--radius-xs);
top: -1.1em;
}
body:not(.shiba-remove-heading-indicator) .markdown-embed h2:hover::before,
body:not(.shiba-remove-heading-indicator)
.markdown-preview-view
.callout-content
h2:hover::before,
body:not(.shiba-remove-heading-indicator) .popover h2:hover::before {
content: "H2";
position: absolute;
font-size: 0.45em;
width: auto;
border: 1px solid;
padding: 0 2px;
border-radius: var(--radius-xs);
top: -1.1em;
}
body:not(.shiba-remove-heading-indicator) .markdown-embed h3:hover::before,
body:not(.shiba-remove-heading-indicator)
.markdown-preview-view
.callout-content
h3:hover::before,
body:not(.shiba-remove-heading-indicator) .popover h3:hover::before {
content: "H3";
position: absolute;
font-size: 0.45em;
width: auto;
border: 1px solid;
padding: 0 2px;
border-radius: var(--radius-xs);
top: -1.1em;
}
body:not(.shiba-remove-heading-indicator) .markdown-embed h4:hover::before,
body:not(.shiba-remove-heading-indicator)
.markdown-preview-view
.callout-content
h4:hover::before,
body:not(.shiba-remove-heading-indicator) .popover h4:hover::before {
content: "H4";
position: absolute;
font-size: 0.5em;
width: auto;
border: 1px solid;
padding: 0 2px;
border-radius: var(--radius-xs);
top: -1.1em;
}
body:not(.shiba-remove-heading-indicator) .markdown-embed h5:hover::before,
body:not(.shiba-remove-heading-indicator)
.markdown-preview-view
.callout-content
h5:hover::before,
body:not(.shiba-remove-heading-indicator) .popover h5:hover::before {
content: "H5";
position: absolute;
font-size: 0.55em;
width: auto;
border: 1px solid;
padding: 0 2px;
border-radius: var(--radius-xs);
top: -1.1em;
}
body:not(.shiba-remove-heading-indicator) .markdown-embed h6:hover::before,
body:not(.shiba-remove-heading-indicator)
.markdown-preview-view
.callout-content
h6:hover::before,
body:not(.shiba-remove-heading-indicator) .popover h6:hover::before {
content: "H6";
position: absolute;
font-size: 0.6em;
width: auto;
border: 1px solid;
padding: 0 2px;
border-radius: var(--radius-xs);
top: -1.1em;
}
body:not(.shiba-remove-heading-indicator)
.callout-content
:is(h1, h2, h3, h4, h5, h6):hover::before,
body:not(.shiba-remove-heading-indicator)
.markdown-embed
:is(h1, h2, h3, h4, h5, h6):hover::before {
margin-left: 0 !important;
}
body:not(.shiba-remove-heading-indicator)
.callout-content
:is(h1, h2, h3, h4, h5, h6):hover::before {
top: -1.25em;
}
:is(.markdown-preview-section, .markdown-rendered)
table:not(.dataview.table-view-table) {
width: 100%;
border-collapse: collapse;
overflow: auto;
margin: 20px auto;
}
:is(.markdown-preview-section, .markdown-rendered)
table:not(.dataview.table-view-table):active,
:is(.markdown-preview-section, .markdown-rendered)
table:not(.dataview.table-view-table):hover {
overflow: hidden;
resize: both !important;
}
body:not(.default-unresolved-link) * > .internal-link.is-unresolved,
body:not(.default-unresolved-link)
.markdown-source-view.mod-cm6
.cm-hmd-internal-link
.is-unresolved,
body:not(.default-unresolved-link)
:is(.markdown-preview-view, .markdown-rendered)
.internal-link.is-unresolved
> * {
color: var(--unresolved-link-color) !important;
}
body:not(.default-unresolved-link) .markdown-source-view.mod-cm6 .is-unresolved,
body:not(.default-unresolved-link)
:is(.markdown-preview-view, .markdown-rendered)
.internal-link.is-unresolved {
opacity: 0.7;
}
body.link-underline-unresolved * > .internal-link.is-unresolved,
body.link-underline-unresolved
.cm-hmd-internal-link
.is-unresolved
.cm-underline,
body.link-underline-unresolved
.markdown-source-view.mod-cm6
.cm-hmd-internal-link
.is-unresolved,
body.link-underline-unresolved .markdown-source-view.mod-cm6 .is-unresolved,
body.link-underline-unresolved
:is(.markdown-preview-view, .markdown-rendered)
.internal-link.is-unresolved,
body.link-underline-unresolved
:is(.markdown-preview-view, .markdown-rendered)
.internal-link.is-unresolved
> * {
text-decoration: none !important;
}
body:not(.default-unresolved-link)
:is(.markdown-preview-view, .markdown-rendered)
mark
.internal-link.is-unresolved {
opacity: 0.9;
}
:is(.markdown-preview-view, .markdown-rendered)
.internal-link.is-unresolved:hover {
opacity: 1 !important;
}
.cm-s-obsidian span.cm-hmd-internal-link,
.cm-s-obsidian span.cm-link,
a.internal-link {
color: var(--internal-link-color) !important;
}
:is(.markdown-preview-view, .markdown-rendered) a:hover {
color: var(--text-accent);
border-radius: var(--radius-xs);
text-decoration: none !important;
transition: 0.4s ease-in-out;
text-shadow: var(--window-shadow-hover);
}
a.external-link {
text-decoration: underline;
color: var(--external-link-color);
}
body.link-underline-externa .markdown-source-view.mod-cm6 .cm-url .cm-underline,
body.link-underline-external
.markdown-source-view.mod-cm6
.cm-link
.cm-underline,
body.link-underline-external a.external-link,
body:not(.link-underline-internal)
.markdown-source-view.mod-cm6
.cm-hmd-internal-link
> :not(.is-unresolved).cm-underline,
body:not(.link-underline-internal)
:is(.markdown-preview-view, .markdown-rendered)
.internal-link:not(.is-unresolved) {
text-decoration-line: none;
}
.theme-dark .graph-view.color-fill-tag,
.theme-light .graph-view.color-fill-tag {
color: var(--graph-fill-tag);
}
.graph-view.color-fill-attachment {
color: var(--graph-fill-attachment) !important;
}
.graph-view.color-fill-unresolved {
color: var(--graph-circle-fill-unresolved);
opacity: 100%;
}
.graph-view.color-arrow {
color: var(--graph-arrow);
opacity: 70%;
}
.graph-view.color-line {
color: var(--graph-line);
opacity: 0.8;
}
.graph-view.color-line-highlight {
color: var(--graph-line-highlight);
}
.graph-view.color-fill {
color: var(--graph-circle-fill);
}
.graph-view.color-fill-highlight {
color: var(--graph-circle-fill-highlight);
}
body.buttons-workspace-style.theme-light .graph-controls button,
body.buttons-workspace-style.theme-light .modal button,
body.buttons-workspace-style.theme-light .popover button,
body.buttons-workspace-style.theme-light:not(.buttons-plugin-style)
.workspace
button {
border: 1px solid rgba(100, 100, 100, 0.3);
box-shadow: 0 -1px 6px -1px rgba(172, 172, 172, 0.4) inset;
-webkit-box-shadow: 0 -1px 6px -1px rgba(118, 118, 118, 0.4) inset;
border-radius: 5px;
}
body.buttons-workspace-style.theme-light .graph-controls button:active,
body.buttons-workspace-style.theme-light .modal button:active,
body.buttons-workspace-style.theme-light .popover button:active,
body.buttons-workspace-style.theme-light .workspace button:active {
box-shadow: 0 0 0 2px rgba(100, 100, 100, 0.3) inset,
0 1px 1px 0 rgba(100, 100, 100, 0.1);
}
body.buttons-workspace-style.theme-dark .graph-controls button,
body.buttons-workspace-style.theme-dark .modal button,
body.buttons-workspace-style.theme-dark .popover button,
body.buttons-workspace-style.theme-dark:not(.buttons-plugin-style)
.workspace
button {
border: 1px solid rgba(0, 0, 0, 0.43);
box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.4) inset;
-webkit-box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.4) inset;
-moz-box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.3) inset;
border-radius: 5px;
}
body.buttons-workspace-style.theme-dark .graph-controls button:active,
body.buttons-workspace-style.theme-dark .modal button:active,
body.buttons-workspace-style.theme-dark .popover button:active,
body.buttons-workspace-style.theme-dark .workspace button:active {
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15) inset,
0 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.dropdown {
font-family: var(--font-text-theme);
font-size: 0.89em;
}
.theme-light .dropdown {
color: rgb(var(--color-black));
border: 1px solid rgba(100, 100, 100, 0.5);
border-radius: 0;
box-shadow: 0 -2px 0 0 rgba(100, 100, 100, 0.1) inset,
0 2px 4px 0 rgba(100, 100, 100, 0.1);
}
.theme-dark .dropdown,
.theme-light
.modal
.modal-content
.vertical-tab-header-group-items
.vertical-tab-nav-item.is-active {
color: var(--color-white);
}
.theme-light .dropdown:hover {
box-shadow: inset 0 0 0 1px rgba(100, 100, 100, 0.12),
0 2px 3px 0 rgba(100, 100, 100, 0.25),
0 1px 1.5px 0 rgba(100, 100, 100, 0.03),
0 1px 2px 0 rgba(100, 100, 100, 0.04), 0 0 0 0 transparent;
}
.theme-dark .dropdown {
background-color: var(--background-primary-alt);
border: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 0;
box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.15) inset,
0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.theme-dark .dropdown:hover {
background-color: var(--interactive-hover);
}
.theme-light
.modal
.modal-content
.vertical-tab-header-group-items
.vertical-tab-nav-item:active {
color: var(--text-muted);
background: var(--interactive-hover);
}
.theme-light
.modal
.modal-content
.vertical-tab-header-group-items
.vertical-tab-nav-item.is-active {
color: var(--color-white);
border: 1px solid rgba(100, 100, 100, 0.3);
box-shadow: 0 -1px 2px 0 rgba(100, 100, 100, 0.15) inset,
0 1px 4px 0 rgba(100, 100, 100, 0.25);
}
.theme-dark .checkbox-container.is-enabled,
.theme-dark
.modal
.modal-content
.vertical-tab-header-group-items
.vertical-tab-nav-item:nth-child(3n + 1).is-active,
.theme-dark
.modal
.modal-content
.vertical-tab-header-group-items
.vertical-tab-nav-item:nth-child(3n + 2).is-active,
.theme-dark
.modal
.modal-content
.vertical-tab-header-group-items
.vertical-tab-nav-item:nth-child(3n + 3).is-active,
.theme-light
.modal
.modal-content
.vertical-tab-header-group-items
.vertical-tab-nav-item:nth-child(3n + 1).is-active,
.theme-light
.modal
.modal-content
.vertical-tab-header-group-items
.vertical-tab-nav-item:nth-child(3n + 2).is-active,
.theme-light
.modal
.modal-content
.vertical-tab-header-group-items
.vertical-tab-nav-item:nth-child(3n + 3).is-active {
background: var(--color-accent);
}
.theme-dark
.modal
.modal-content
.vertical-tab-header-group-items
.vertical-tab-nav-item:hover {
background: var(--interactive-hover);
}
.theme-dark
.modal
.modal-content
.vertical-tab-header-group-items
.vertical-tab-nav-item:active {
color: var(--interactive-accent);
background: var(--background-secondary-alt);
}
.theme-dark
.modal
.modal-content
.vertical-tab-header-group-items
.vertical-tab-nav-item.is-active {
color: var(--color-black);
border: 1px solid rgba(0, 0, 0, 0.3);
box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.2) inset,
0 1px 4px 0 rgba(0, 0, 0, 0.3);
}
.vertical-tab-header-group-title {
font-size: 90%;
font-family: var(--font-family-vertical-bar);
font-weight: var(--font-bold);
color: var(--accent);
text-align: left;
}
.modal.mod-settings .vertical-tab-header {
font-family: var(--font-family-vertical-bar);
font-weight: auto;
flex: none;
width: 215px;
min-width: unset;
max-width: unset;
padding: 0;
}
.vertical-tab-nav-item {
font-family: var(--font-family-vertical-bar);
text-align: left;
color: var(--text-normal);
margin-bottom: 0;
margin-top: 0;
}
.modal.mod-settings,
.modal.mod-settings .vertical-tab-container {
width: 1400px;
min-height: 30vh;
max-height: 75vh;
}
.modal.mod-community-plugin,
.modal.mod-community-theme.mod-community-theme {
width: 1400px;
min-height: 20vh;
max-height: 75vh;
}
.checkbox-container {
height: 24.3px;
width: 45px;
border-radius: 28.8px;
}
.checkbox-container:after {
height: 18px;
width: 18px;
border-radius: 28.8px;
margin: 2px 0 0;
}
.checkbox-container:active::after {
width: 25.2px;
}
.checkbox-container.is-enabled:after {
transform: translate3d(21.6px, 0, 0);
margin-left: 1px;
}
.checkbox-container.is-enabled:active::after {
left: -8px;
}
.theme-light .checkbox-container {
background: var(--background-secondary);
border: 1px solid #e3d6c3;
box-shadow: 0 -1px 6px -1px rgba(172, 172, 172, 0.4) inset;
-webkit-box-shadow: 0 -1px 6px -1px rgba(118, 118, 118, 0.4) inset;
}
.theme-light .checkbox-container::after {
background: var(--color-white);
box-shadow: 0 1px 3px 0 rgba(100, 100, 100, 0.45),
0 -2px 0 0 rgba(100, 100, 100, 0.15) inset,
0 1px 0 0 rgba(255, 255, 255, 0.9) inset;
}
.theme-light .checkbox-container.is-enabled {
border: 1px solid var(--background-primary);
background: var(--color-accent);
}
.theme-dark .checkbox-container {
background: #5d4e3b;
border: 1px solid #2b2b2b;
box-shadow: 0 -1px 6px -1px rgba(0, 0, 0, 0.4) inset;
-webkit-box-shadow: 0 -1px 6px -1px rgba(0, 0, 0, 0.4) inset;
}
.minimal-cards-style1 .cards table.dataview > tbody > tr,
.minimal-cards-style2 .cards table.dataview > tbody > tr,
.minimal-cards-style3 .cards table.dataview > tbody > tr {
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.05),
0 1px 3px 1px rgba(0, 0, 0, 0.025);
transition: box-shadow 0.15s linear;
}
.theme-dark .checkbox-container::after {
background: var(--color-white);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.45),
0 -2px 0 0 rgba(0, 0, 0, 0.15) inset,
0 1px 0 0 rgba(255, 255, 255, 0.35) inset;
}
.workspace-tab-header-inner-icon {
display: flex;
align-items: center;
}
.workspace-tab-header-inner-icon svg {
width: 15px !important;
height: 15px !important;
}
.workspace-tab-header {
height: calc(-1px + var(--scale-8-4));
margin-top: var(--scale-2-1);
margin-bottom: var(--scale-2-1);
}
.workspace-tab-header .workspace-tab-header-inner-icon svg {
vertical-align: top;
}
.shib-hide-scrollbars ::-webkit-scrollbar {
display: none;
visibility: hidden;
width: 30px;
height: 100px;
border-radius: 100px;
background-color: #fff;
}
body:not(.native-scrollbars) ::-webkit-scrollbar,
body:not(.shib-hide-scrollbars).shib-styled-scrollbars ::-webkit-scrollbar {
width: 13px;
background-color: transparent;
}
body:not(.native-scrollbars) ::-webkit-scrollbar:horizontal,
body:not(.shib-hide-scrollbars).shib-styled-scrollbars
::-webkit-scrollbar:horizontal {
height: 11px;
}
body:not(.native-scrollbars) ::-webkit-scrollbar-corner,
body:not(.shib-hide-scrollbars).shib-styled-scrollbars
::-webkit-scrollbar-corner {
background-color: transparent;
}
body:not(.native-scrollbars) ::-webkit-scrollbar-track,
body:not(.shib-hide-scrollbars).shib-styled-scrollbars
::-webkit-scrollbar-track {
background-color: transparent;
}
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb,
body:not(.shib-hide-scrollbars).shib-styled-scrollbars
::-webkit-scrollbar-thumb {
background-clip: padding-box;
border-radius: 20px;
border: 3px solid transparent;
background-color: var(--background-modifier-border);
min-height: 45px;
}
body:not(.native-scrollbars)
.mod-left-split
.workspace-tabs
::-webkit-scrollbar-thumb:hover,
body:not(.native-scrollbars)
.modal
.vertical-tab-header::-webkit-scrollbar-thumb:hover,
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:hover,
body:not(.shib-hide-scrollbars).shib-styled-scrollbars
.mod-left-split
.workspace-tabs
::-webkit-scrollbar-thumb:hover,
body:not(.shib-hide-scrollbars).shib-styled-scrollbars
.modal
.vertical-tab-header::-webkit-scrollbar-thumb:hover,
body:not(.shib-hide-scrollbars).shib-styled-scrollbars
::-webkit-scrollbar-thumb:hover {
background-color: var(--background-modifier-border-hover);
}
body:not(.native-scrollbars)
.mod-left-split
.workspace-tabs
::-webkit-scrollbar-thumb:active,
body:not(.native-scrollbars)
.modal
.vertical-tab-header::-webkit-scrollbar-thumb:active,
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:active,
body:not(.shib-hide-scrollbars).shib-styled-scrollbars
.mod-left-split
.workspace-tabs
::-webkit-scrollbar-thumb:active,
body:not(.shib-hide-scrollbars).shib-styled-scrollbars
.modal
.vertical-tab-header::-webkit-scrollbar-thumb:active,
body:not(.shib-hide-scrollbars).shib-styled-scrollbars
::-webkit-scrollbar-thumb:active {
background-color: var(--background-modifier-border-focus);
}
.horizontal-main-container,
.shib-card-layout .mod-left-split,
.shib-card-layout .mod-left-split .workspace-tabs .workspace-leaf,
.shib-card-layout .mod-right-split .workspace-tabs .workspace-leaf,
.shib-card-layout .mod-root .workspace-tabs .workspace-leaf,
.shib-card-layout .mod-vertical,
.shib-card-layout .mod-vertical .workspace-tab-container,
.shib-card-layout .mod-vertical .workspace-tabs,
.shib-card-layout
.workspace-fake-target-overlay:not(.is-in-sidebar)
.workspace-tabs
.workspace-leaf,
.shib-card-layout .workspace-split.mod-vertical,
.workspace {
background-color: var(--tab-container-background);
}
.shib-card-layout .workspace-split:not(.mod-root) .graph-controls,
.shib-card-layout .workspace-split:not(.mod-root) .graph-controls.is-close,
.shib-card-layout
.workspace-split:not(.mod-root)
.graph-controls:not(.is-close),
.workspace-leaf .graph-controls,
.workspace-leaf .graph-controls.is-close,
.workspace-leaf .graph-controls:not(.is-close) {
background-color: rgb(var(--side));
}
.shib-card-layout .sidebar-toggle-button,
.shib-card-layout .workspace-tabs.mod-top,
body.shib-card-layout {
--tab-container-background: var(--card-background-color);
--file-header-border: var(--border-width) dotted
var(--background-modifier-border);
}
body.is-focused.shib-card-layout,
body.is-focused.shib-card-layout .sidebar-toggle-button,
body.is-focused.shib-card-layout .workspace-tabs.mod-top {
--tab-container-background: var(--card-background-color);
}
.shib-card-layout .mod-left-split .workspace-tab-header-container,
.shib-card-layout .workspace-tab-header-container {
border-bottom: none;
}
.shib-card-layout .workspace-ribbon.mod-left {
padding: 0;
background-color: var(--tab-container-background);
border: none;
}
.shib-card-layout-actions.shib-card-layout .workspace-ribbon.mod-left {
margin-right: var(--shib-card-layout-padding, 10px);
}
.shib-card-layout .workspace-ribbon.mod-left:before {
border-bottom: none;
background-color: var(--tab-container-background) !important;
}
.shib-card-layout .side-dock-actions,
.shib-card-layout .side-dock-settings {
padding: var(--ribbon-padding);
}
.shib-card-layout-actions.shib-card-layout .side-dock-actions {
border-radius: 0 var(--shib-card-radius, var(--radius-xl))
var(--shib-card-radius, var(--radius-xl)) 0;
border: 1px solid var(--tab-outline-color);
background-color: var(--card-foreground-color);
margin-top: 2px;
}
.shib-card-layout-actions.shib-card-layout .side-dock-settings {
border-radius: 0 var(--shib-card-radius, var(--radius-xl)) 0 0;
border: 1px solid var(--tab-outline-color);
background-color: var(--card-foreground-color);
}
.shib-card-layout .workspace-ribbon.mod-left {
margin-top: calc(var(--header-height) - 1px) !important;
}
.shib-card-layout .mod-vertical .workspace-tab-header-container {
padding-left: var(--shib-card-header-left-padding, 20px);
}
.shib-card-layout .mod-vertical .workspace-tab-header-container-inner {
margin: 6px -5px calc(var(--tab-outline-width) * -1);
z-index: 1;
}
.shib-card-layout .mod-vertical .workspace-tabs {
padding-left: var(--shib-card-layout-padding, 10px);
padding-right: var(--shib-card-layout-padding, 10px);
}
.shib-card-layout .mod-left-split .workspace-tab-container,
.shib-card-layout .mod-right-split .workspace-tab-container {
padding-left: var(--shib-card-layout-padding, 10px);
padding-right: var(--shib-card-layout-padding, 10px);
background-color: var(--tab-container-background);
}
.shib-card-layout
.workspace-split.mod-horizontal
> *
> .workspace-leaf-resize-handle,
.shib-card-layout
.workspace-split.mod-left-split
> .workspace-leaf-resize-handle,
.shib-card-layout
.workspace-split.mod-right-split
> .workspace-leaf-resize-handle {
border: 2px solid transparent;
}
.shib-card-layout .workspace-split .workspace-leaf-content {
border-radius: var(--shib-card-radius, var(--radius-xl));
background-color: var(--card-foreground-color);
border: 1px solid var(--tab-outline-color);
margin-bottom: var(--shib-card-layout-padding, 10px);
}
.shib-card-layout.shib-card-shadows .side-dock-actions,
.shib-card-layout.shib-card-shadows .workspace-split .workspace-leaf-content,
.shib-card-layout.shib-card-shadows.shib-card-layout-fileexplorer
.workspace-split
.workspace-leaf-content[data-type="file-explorer"] {
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.05);
}
.shib-card-layout
.workspace-split
.workspace-leaf-content[data-type="file-explorer"] {
background-color: var(--tab-container-background);
box-shadow: none;
border-width: 0;
}
.shib-card-layout.shib-card-layout-fileexplorer
.workspace-split
.workspace-leaf-content[data-type="file-explorer"] {
background-color: var(--card-foreground-color);
border-width: 1px;
}
.shib-card-layout .workspace-split .mod-stacked .workspace-leaf-content {
border-radius: 0;
border: none;
margin-bottom: 0;
border-left: none;
}
.shib-card-layout .workspace-split.mod-horizontal > * {
width: unset;
}
.shib-card-layout .mod-stacked .workspace-tab-header {
border-style: solid;
border-radius: var(--shib-card-radius, var(--radius-xl)) 0 0
var(--shib-card-radius, var(--radius-xl)) !important;
border-width: var(--tab-outline-width);
border-color: var(--tab-outline-color);
border-right: var(--tab-outline-width) dashed var(--tab-outline-color);
}
.shib-card-layout .mod-stacked .workspace-leaf {
border-left-width: 0;
border-top-width: var(--tab-outline-width);
border-bottom-width: var(--tab-outline-width);
border-style: solid;
border-color: var(--tab-outline-color);
border-radius: 0 var(--shib-card-radius, var(--radius-xl))
var(--shib-card-radius, var(--radius-xl)) 0;
}
.shib-card-layout .mod-stacked .workspace-tab-container {
padding-bottom: var(--shib-card-layout-padding, 10px);
}
.shib-card-layout .mod-top .workspace-leaf-resize-handle {
border-color: transparent;
}
body.shib-disable-borders,
body.shib-disable-borders.shib-workspace-background-image-toggle {
--divider-color: transparent;
}
.shib-card-layout .workspace-drop-overlay:before {
width: calc(100% - 6px - var(--shib-card-layout-padding, 0) * 2);
height: calc(100% - 6px - var(--shib-card-layout-padding, 0) * 2);
margin: auto;
}
.shib-card-layout
.workspace
.mod-root
.workspace-tabs.mod-stacked
.workspace-tab-container
.workspace-leaf {
background-color: var(--background-primary);
}
@keyframes shake {
10%,
90% {
transform: translate3d(-1px, 0, 0);
}
20%,
80% {
transform: translate3d(+2px, 0, 0);
}
30%,
50%,
70% {
transform: translate3d(-4px, 0, 0);
}
40%,
60% {
transform: translate3d(+4px, 0, 0);
}
}
:is(.markdown-preview-view, .markdown-rendered) .stickies:hover {
animation: 0.8s ease-in-out shake;
}
.shib-solid-tab-toggle
.workspace-split:not(.mod-left-split):not(.mod-right-split)
.workspace-tab-header-container-inner
.workspace-tab-header,
button:not(.clickable-icon) {
box-shadow: none;
}
button:not(.clickable-icon):hover {
box-shadow: var(--input-shadow-hover);
}
body.buttons-plugin-style button.circle_btn {
font-size: 12px;
word-break: keep-all;
margin: 4px;
padding: 0;
height: 50px;
position: relative;
border-radius: 5px;
display: inline-grid;
text-align: center;
justify-items: center;
}
body.buttons-plugin-style button.blank {
background: unset;
padding: 0;
}
body.buttons-plugin-style button.blank:hover {
animation: 0.8s linear swing_image;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
body.buttons-plugin-style .admonition-content span > button.grad_button {
margin: 3px;
}
body.buttons-plugin-style button.grad_button {
margin: 5px;
line-height: inherit;
display: inline-flex;
justify-content: center;
align-items: center;
min-width: 90px;
padding: 0 18px;
height: 38px;
font-size: 16px;
color: #fff;
text-align: center;
box-sizing: border-box;
font-weight: 500;
cursor: pointer;
border-radius: 30px;
transition: box-shadow 0.5s, transform 0.2s;
will-change: transform;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
body.buttons-plugin-style button.grad_button:hover {
animation: 0.8s linear swing_image;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
body.buttons-plugin-style button.btn_red {
background: linear-gradient(135deg, #e74c4c, #eda8a8);
}
body.buttons-plugin-style button.btn_purple {
background: linear-gradient(135deg, #6e8efb, #a777e3);
}
body.buttons-plugin-style button.btn_blue {
background: linear-gradient(135deg, #3370ff, #9fb9f6);
}
body.buttons-plugin-style button.btn_green {
background: linear-gradient(135deg, #0eb347, #5be08a);
}
body.buttons-plugin-style button.btn_lightgreen {
color: #17695e;
background: linear-gradient(135deg, #adfdad, #dafdda);
}
body.buttons-plugin-style button.btn_cyan {
color: #fff;
background: linear-gradient(135deg, #787bd7, #1bffff);
border: 1px solid #1abeff;
}
body.buttons-plugin-style button.btn_yellow {
color: #836f20;
background: linear-gradient(135deg, #fcd539, #ffeb9b);
}
body.buttons-plugin-style button.btn_pink {
color: #686868;
background: linear-gradient(135deg, #ee9ca7, #ffdde1);
border: 1px solid #eb9edb;
}
body.buttons-plugin-style.theme-dark button.btn_pink {
color: #f3b4bb;
background: 0 0;
border: 1px solid !important;
}
body.buttons-plugin-style.theme-dark button.btn_green {
color: #19bc8b;
background: 0 0;
border: 1px solid !important;
}
body.buttons-plugin-style.theme-dark button.btn_lightgreen {
color: #8fc866;
background: 0 0;
border: 1px solid !important;
}
body.buttons-plugin-style.theme-dark button.btn_cyan {
color: #7fd0ff;
background: 0 0;
border: 1px solid !important;
}
body.buttons-plugin-style.theme-dark button.btn_red {
color: #f77;
background: 0 0;
border: 1px solid !important;
}
body.buttons-plugin-style.theme-dark button.btn_purple {
color: #ba60ff;
background: 0 0;
border: 1px solid !important;
}
body.buttons-plugin-style.theme-dark button.btn_blue {
color: #739df9;
background: 0 0;
border: 1px solid !important;
}
.is-mobile .cm-line .cm-link.cm-strong,
body.buttons-plugin-style.theme-dark .grad_button:hover {
color: var(--text-accent);
}
button.tiny {
border-radius: 10px;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 1em;
min-width: 3.5em;
cursor: pointer;
margin: 0;
padding: 3px 6px;
background-color: transparent;
color: var(--text-normal);
position: relative;
z-index: 1;
overflow: hidden;
box-shadow: rgba(0, 0, 0, 0.1) 0 5px 35px, rgba(0, 0, 0, 0.05) 0 5px 5px;
}
button.tiny:hover {
color: var(--text-on-accent);
}
button.tiny::before {
content: "";
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
width: 1rem;
height: 1rem;
transform: translate3d(-50%, -50%, 0) scale(0, 0);
border-radius: 50%;
background-color: var(--interactive-accent-hover);
transform-origin: center;
transition: 0.5s ease-in-out;
}
button.tiny:hover::before {
transform: translate3d(-50%, -50%, 0) scale(15, 15);
}
.is-mobile .nav-action-button {
padding: 3px 8px;
}
.is-mobile
.workspace-leaf-content[data-type="file-explorer"]
.nav-buttons-container {
margin: 0 0 5px;
}
.is-mobile .workspace-leaf-content .view-header-icon {
padding: 7px 3px 5px 8px;
}
.is-mobile .nav-buttons-container > .nav-action-button svg {
width: 1.5em;
height: 1.5em;
}
.is-mobile .side-dock-ribbon-action {
padding: 6px 0 3px;
}
.is-mobile .cm-s-obsidian .HyperMD-codeblock {
color: var(--text-color-code);
}
.is-mobile :is(.markdown-preview-view, .markdown-rendered) blockquote {
margin-left: 3%;
margin-right: 3%;
}
.is-mobile .cm-s-obsidian span.cm-inline-code,
.is-mobile code:not([class*="language-"]) {
padding: 5px 3px 2px;
}
.is-mobile
.workspace
> .workspace-split
> .workspace-leaf:first-of-type:last-of-type
.view-header {
background: linear-gradient(
120deg,
var(--color-view-header-gradient-1) 0,
var(--color-view-header-gradient-2) 90%
) !important;
}
.is-mobile .cm-s-obsidian .cm-gutters {
background-color: transparent !important;
padding-right: 0;
margin-right: -5px;
}
.is-mobile .cm-foldGutter .cm-gutterElement,
.shiba-toggle-folder-icons .nav-folder-collapse-indicator svg.svg-icon {
color: transparent !important;
}
.is-mobile .cm-lineNumbers .cm-gutterElement {
padding: 0 10px;
margin-left: -10px;
font-size: 12px;
}
body:not(.default-icons)
.is-mobile
.cm-gutterElement
> span[title="Fold line"]::before {
content: "↓";
font-size: 1rem;
font-weight: 700;
font-family: Inter;
color: var(--text-accent);
}
body:not(.default-icons)
.is-mobile
.cm-gutterElement
> span[title="Unfold line"]::before {
content: "→";
font-size: 1rem;
font-weight: 700;
font-family: Inter;
color: var(--text-accent);
}
.is-mobile .cm-formatting.cm-formatting-quote {
color: var(--red);
}
body:not(.font-family-change-to-default).is-mobile
.markdown-source-view.mod-cm6
.cm-scroller {
font-family: var(--font-text);
}
.is-mobile .workspace-drawer-header-name {
font-size: 25px;
}
.is-mobile .workspace-drawer-header-name-text {
color: var(--text-accent);
font-weight: 600;
}
.is-mobile .workspace-drawer-active-tab-header {
margin: 5px 0;
}
.is-mobile .workspace-drawer.mod-left {
border-right: none;
}
.is-mobile .workspace-drawer.mod-right .workspace-drawer-inner {
background: linear-gradient(
to left,
var(--background-mobile-drawer-1) 30%,
var(--background-mobile-drawer-2) 100%
);
}
.is-mobile .workspace-drawer.mod-left .workspace-drawer-inner {
background: linear-gradient(
to right,
var(--background-mobile-drawer-1) 30%,
var(--background-mobile-drawer-2) 100%
);
}
.is-mobile .workspace-drawer-ribbon {
background-color: var(--background-secondary-alt);
}
.is-mobile .nav-buttons-container {
margin-bottom: 10px;
}
.is-mobile .cm-line .cm-formatting.cm-formatting-link,
.is-mobile .cm-line .cm-string.cm-strong.cm-url,
.shib-floating-animated-tab-toggle
.mod-root:not(.mod-left-split):not(.mod-right-split)
.workspace-tabs:not(.mod-stacked)
.workspace-tab-header-inner,
.shib-floating-animated-tab-toggle
.mod-root:not(.mod-left-split):not(.mod-right-split)
.workspace-tabs:not(.mod-stacked)
.workspace-tab-header-inner-close-button,
.shib-floating-animated-tab-toggle
.mod-root:not(.mod-left-split):not(.mod-right-split)
.workspace-tabs:not(.mod-stacked)
.workspace-tab-header-inner-icon {
color: var(--text-muted);
}
.is-mobile .HyperMD-quote.cm-line {
content: "";
border-left: 7px solid var(--color-accent);
border-radius: 0;
height: 100%;
margin-left: 0;
position: relative;
}
.is-mobile
:is(
.markdown-preview-view,
.markdown-rendered
).kanban-plugin__markdown-preview-view {
padding: 0 5px;
}
.minimal-cards-style .cards .table-view-table > tbody > tr > td {
border-bottom: 1px solid var(--cards-background-modifier-border) !important;
margin: 10 !important;
}
.minimal-cards-style .cards .table-view-table > tbody > tr > td:last-child {
border-bottom-color: transparent !important;
}
.minimal-cards-style .cards .table-view-table > tbody > tr > td:first-child {
width: 100% !important;
border-bottom: 1px solid var(--cards-background-modifier-border) !important;
}
.minimal-cards-style
.cards
.table-view-table
> tbody
> tr
> td:first-child
span {
margin: 2px calc(var(--cards-padding) * 0.5) 0
calc(var(--cards-padding) * 0.5);
}
.minimal-cards-style
.cards
.table-view-table
> tbody
> tr
> td:first-child
span
a {
padding: 0 !important;
}
.cards:not([class*="cards-cols-"]) {
--cards-columns: repeat(
auto-fit,
minmax(var(--cards-min-width), var(--cards-max-width))
);
}
.minimal-cards-style .cards table.dataview > tbody > tr {
background-color: var(--cards-background) !important;
}
.minimal-cards-style1 .cards table.dataview > tbody > tr {
border: var(--cards-border-width) solid
var(--cards-background-modifier-border);
}
.minimal-cards-style2 .cards table.dataview > tbody > tr {
border: var(--cards-border-width) dashed
var(--cards-background-modifier-border);
}
.minimal-cards-style3 .cards table.dataview > tbody > tr {
border: var(--cards-border-width) dotted
var(--cards-background-modifier-border);
}
.callout-icon svg {
height: 1em;
}
.shib-callout-toggle:not(:checked)
+ body:not(
.shib-callout-style-1,
.shib-callout-style-2,
.shib-callout-style-3,
.shib-callout-style-4,
.shib-callout-block
) {
--callout-border-width: 0 0 0 4px;
--callout-border-opacity: 1;
--callout-radius: 0;
--callout-padding: 0;
--callout-title-padding: var(--size-4-4) var(--size-4-4);
--callout-content-padding: var(--size-4-2) var(--size-4-4);
}
.shib-callout-toggle.shib-callout-style-2 .callout,
.shib-callout-toggle.shib-callout-style-2 .callout.is-collapsible.is-collapsed,
.shib-callout-toggle.shib-callout-style-2 .callout:not(.is-collapsible),
.shib-callout-toggle.shib-callout-style-3 .callout,
.shib-callout-toggle.shib-callout-style-3 .callout.is-collapsible.is-collapsed,
.shib-callout-toggle.shib-callout-style-3 .callout:not(.is-collapsible),
.shib-callout-toggle.shib-callout-style-4 .callout,
.shib-callout-toggle.shib-callout-style-4 .callout:not(.is-collapsible),
body:not(.shib-callout-toggle) .callout,
body:not(.shib-callout-toggle) .callout.is-collapsible.is-collapsed,
body:not(.shib-callout-toggle) .callout:not(.is-collapsible) {
padding: 0;
}
.shib-callout-toggle.shib-callout-style-2 .callout .callout-content,
.shib-callout-toggle.shib-callout-style-2
.callout:not(.is-collapsible)
.callout-content,
.shib-callout-toggle.shib-callout-style-3 .callout .callout-content,
.shib-callout-toggle.shib-callout-style-3
.callout:not(.is-collapsible)
.callout-content,
body:not(.shib-callout-toggle) .callout .callout-content,
body:not(.shib-callout-toggle) .callout:not(.is-collapsible) .callout-content {
padding: 0 var(--callout-title-padding) var(--callout-title-padding)
var(--callout-title-padding);
}
.shib-callout-toggle.shib-callout-style-2 .callout .callout-title,
.shib-callout-toggle.shib-callout-style-2
.callout:not(.is-collapsible)
.callout-title,
.shib-callout-toggle.shib-callout-style-3 .callout .callout-title,
.shib-callout-toggle.shib-callout-style-3
.callout:not(.is-collapsible)
.callout-title,
body:not(.shib-callout-toggle) .callout .callout-title,
body:not(.shib-callout-toggle) .callout:not(.is-collapsible) .callout-title {
background-color: rgba(var(--callout-color), 0 0.5);
padding: var(--callout-title-padding);
cursor: pointer;
}
.shib-callout-toggle.shib-callout-style-2
.callout
.callout-title
.callout-title-inner,
.shib-callout-toggle.shib-callout-style-2
.callout:not(.is-collapsible)
.callout-title
.callout-title-inner,
.shib-callout-toggle.shib-callout-style-3
.callout
.callout-title
.callout-title-inner,
.shib-callout-toggle.shib-callout-style-3
.callout:not(.is-collapsible)
.callout-title
.callout-title-inner,
body:not(.shib-callout-toggle) .callout .callout-title .callout-title-inner,
body:not(.shib-callout-toggle)
.callout:not(.is-collapsible)
.callout-title
.callout-title-inner {
font-weight: 400;
}
.shib-callout-toggle.shib-callout-style-2 .callout:not(.is-collapsible),
.shib-callout-toggle.shib-callout-style-3 .callout:not(.is-collapsible),
body:not(.shib-callout-toggle) .callout:not(.is-collapsible) {
border-color: rgba(var(--callout-color), 0.4);
border-width: 1px;
border-radius: var(--callout-radius);
background-color: rgba(var(--side), 0.4);
}
.shib-callout-toggle.shib-callout-style-3 .callout .callout-content,
body:not(.shib-callout-toggle) .callout .callout-content {
padding: var(--callout-title-padding) var(--callout-title-padding)
var(--callout-title-padding) calc(var(--callout-title-padding) * 1.5);
border-top: 1px solid rgba(var(--callout-color), 0.4);
}
.shib-callout-toggle.shib-callout-style-1 .callout .callout-fold,
.shib-callout-toggle.shib-callout-style-1 .callout.is-collapsible .callout-fold,
.shib-callout-toggle.shib-callout-style-2 .callout .callout-fold,
.shib-callout-toggle.shib-callout-style-2 .callout.is-collapsible .callout-fold,
.shib-callout-toggle.shib-callout-style-3 .callout .callout-fold,
.shib-callout-toggle.shib-callout-style-3 .callout.is-collapsible .callout-fold,
.shib-callout-toggle.shib-callout-style-4 .callout.is-collapsible .callout-fold,
body:not(.shib-callout-toggle) .callout .callout-fold,
body:not(.shib-callout-toggle) .callout.is-collapsible .callout-fold {
padding-right: 0;
}
.shib-callout-toggle.shib-callout-style-1
.callout.is-collapsible
.callout-title-inner,
.shib-callout-toggle.shib-callout-style-2 .callout .callout-title-inner,
.shib-callout-toggle.shib-callout-style-2
.callout.is-collapsible
.callout-title-inner,
.shib-callout-toggle.shib-callout-style-3 .callout .callout-title-inner,
.shib-callout-toggle.shib-callout-style-3
.callout.is-collapsible
.callout-title-inner,
.shib-callout-toggle.shib-callout-style-4 .callout .callout-title-inner,
.shib-callout-toggle.shib-callout-style-4
.callout.is-collapsible
.callout-title-inner,
body:not(.shib-callout-toggle) .callout .callout-title-inner,
body:not(.shib-callout-toggle) .callout.is-collapsible .callout-title-inner {
flex-grow: var(--shib-callout-fold-position, unset);
}
.shib-callout-toggle.shib-callout-style-2 .callout.is-collapsible,
.shib-callout-toggle.shib-callout-style-3 .callout.is-collapsible,
body:not(.shib-callout-toggle) .callout.is-collapsible {
border-color: rgba(var(--callout-color), 0.4);
border-width: 1px;
border-radius: var(--callout-radius);
background-color: rgba(var(--side), 0.4);
--bold-weight: bolder;
}
.shib-callout-toggle.shib-callout-style-2
.callout.is-collapsible.is-collapsed
.callout-title,
.shib-callout-toggle.shib-callout-style-3
.callout.is-collapsible.is-collapsed
.callout-title,
body:not(.shib-callout-toggle)
.callout.is-collapsible.is-collapsed
.callout-title {
background-color: rgba(var(--callout-color), 0.1);
padding: var(--callout-title-padding);
cursor: pointer;
}
.shib-callout-toggle.shib-callout-style-2
.callout.is-collapsible:not(.is-collapsed),
.shib-callout-toggle.shib-callout-style-3
.callout.is-collapsible:not(.is-collapsed),
body:not(.shib-callout-toggle) .callout.is-collapsible:not(.is-collapsed) {
padding: 0 0 var(--callout-title-padding) 0;
}
.shib-callout-toggle.shib-callout-style-2
.callout.is-collapsible:not(.is-collapsed)
.callout-title,
.shib-callout-toggle.shib-callout-style-3
.callout.is-collapsible:not(.is-collapsed)
.callout-title,
body:not(.shib-callout-toggle)
.callout.is-collapsible:not(.is-collapsed)
.callout-title {
background-color: rgba(var(--callout-color), 0.1);
padding: var(--callout-title-padding);
border-color: rgba(var(--callout-color), 0.4);
cursor: pointer;
}
.shib-callout-toggle.shib-callout-style-3
.callout.is-collapsible:not(.is-collapsed)
.callout-content,
body:not(.shib-callout-toggle)
.callout.is-collapsible:not(.is-collapsed)
.callout-content {
padding: var(--callout-title-padding) var(--callout-title-padding) 0
calc(var(--callout-title-padding) * 1.5);
border-top: 2px solid rgba(var(--callout-color), 0.4);
}
.shib-callout-toggle.shib-callout-style-2
.callout:not(.is-collapsible)
.callout-title,
.shib-callout-toggle.shib-callout-style-3
.callout:not(.is-collapsible)
.callout-title,
body:not(.shib-callout-toggle) .callout:not(.is-collapsible) .callout-title {
background-color: rgba(var(--callout-color), 0.1);
padding: var(--callout-title-padding);
border-color: rgba(var(--callout-color), 0.4);
}
.shib-callout-toggle.shib-callout-style-2 .callout .list-collapse-indicator,
.shib-callout-toggle.shib-callout-style-3 .callout .list-collapse-indicator,
body:not(.shib-callout-toggle) .callout .list-collapse-indicator {
margin-left: -35px;
padding-right: 3px;
}
.shib-callout-fold-position {
--shib-callout-fold-position: 1;
}
.shib-callout-toggle.shib-callout-style-1 {
--callout-padding: 4px;
--callout-radius: var(--radius-m);
--callout-padding: 0px;
}
.shib-callout-toggle.shib-callout-style-1 .callout {
background-color: unset;
}
.shib-callout-toggle.shib-callout-style-1 .callout .callout-title {
position: relative;
align-items: center;
min-height: 36px;
border: 2px solid;
border-radius: 10px;
background-color: rgba(var(--callout-color), 0.1);
border-color: rgba(var(--callout-color), 0.4);
}
.shib-callout-toggle.shib-callout-style-1
.callout
.callout-title:empty
+ .callout-content {
padding: 12px;
border-top-style: solid;
border-top-width: 1px;
border-radius: 10px;
}
.shib-callout-toggle.shib-callout-style-1 .callout .callout-title-inner {
padding: 0;
margin: 0 var(--size-4-1);
flex-grow: var(--shib-callout-fold-position, unset);
}
.shib-callout-toggle.shib-callout-style-1 .callout .callout-icon {
border-radius: 10px;
}
.shib-callout-toggle.shib-callout-style-1 .callout .callout-content {
padding: 20px;
margin-top: -8px;
border-color: rgba(var(--callout-color), 0.4);
}
.shib-callout-toggle.shib-callout-style-1
.callout.is-collapsible:not(.is-collapsed)
.callout-content {
border-right: 1px solid;
border-bottom: 1px solid;
border-left: 1px solid;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-color: rgba(var(--callout-color), 0.4);
padding: var(--size-4-4);
}
.shib-callout-toggle.shib-callout-block .callout.is-collapsible,
.shib-callout-toggle.shib-callout-style-1 .callout.is-collapsible {
background-color: rgba(var(--side), 0.4);
--bold-weight: bolder;
}
.shib-callout-toggle.shib-callout-style-2 .callout .callout-content {
padding: var(--callout-title-padding) var(--callout-title-padding)
var(--callout-title-padding) calc(var(--callout-title-padding) * 1.5);
border-top: 1px dashed rgba(var(--callout-color), 0.4);
}
.shib-callout-toggle.shib-callout-style-2
.callout.is-collapsible:not(.is-collapsed)
.callout-content {
padding: var(--callout-title-padding) var(--callout-title-padding) 0
calc(var(--callout-title-padding) * 1.5);
border-top: 1px dashed rgba(var(--callout-color), 0.4);
}
.callout-title-inner {
flex-grow: 1;
}
.shib-callout-toggle.shib-callout-style-4 .callout {
padding: 0;
border: 1px solid rgba(var(--callout-color), 0.2);
overflow: hidden;
}
.shib-callout-toggle.shib-callout-style-4.shib-callout-toggle.shib-callout-style-4.theme-light
.callout {
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}
.shib-callout-toggle.shib-callout-style-4.shib-callout-toggle.shib-callout-style-4.theme-dark
.callout {
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
}
.shib-callout-toggle.shib-callout-style-4.theme-light .callout-title {
background: rgba(var(--callout-color), 0.2);
padding: var(--callout-title-padding);
cursor: pointer;
}
.shib-callout-toggle.shib-callout-style-4.theme-dark .callout-title {
background: rgba(var(--callout-color), 0.2);
}
.shib-callout-toggle.shib-callout-style-4.theme-light
.callout-title
.callout-icon {
border-radius: 10px;
filter: brightness(0.75);
}
.shib-callout-toggle.shib-callout-style-4.theme-dark
.callout-title
.callout-icon {
border-radius: 10px;
filter: brightness(1);
}
.shib-callout-toggle.shib-callout-style-4.theme-light
.callout.is-collapsed:not(.is-collapsed)
.callout-title {
padding: 0;
box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.05) inset;
}
.shib-callout-toggle.shib-callout-style-4.theme-dark
.callout.is-collapsed:not(.is-collapsed)
.callout-title {
padding: 0;
box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.175) inset;
}
.shib-callout-toggle.shib-callout-style-4
.callout.is-collapsible:not(.is-collapsed)
.callout-fold {
padding-right: 0;
color: rgba(var(--callout-color), 1);
}
.shib-callout-toggle.shib-callout-style-4.theme-light .callout-fold {
filter: brightness(0.75);
}
.shib-callout-toggle.shib-callout-style-4.theme-dark .callout-fold {
filter: brightness(1);
}
.shib-callout-toggle.shib-callout-style-4.theme-light .callout-content {
padding: var(--size-4-4);
background-color: rgba(var(--side), 1);
box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.05) inset;
}
.shib-callout-toggle.shib-callout-style-4.theme-dark .callout-content {
padding: var(--size-4-4);
background: var(--color-d-black);
box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.175) inset;
}
.shib-callout-toggle.shib-callout-block .callout {
border-top: 2px solid rgb(var(--callout-color));
border-left: 2px solid rgb(var(--callout-color));
border-right: 2px solid rgb(var(--callout-color));
border-bottom: 2px solid rgb(var(--callout-color));
border-radius: 10px;
border-color: rgba(var(--callout-color), 0.5);
background-color: unset;
border-radius: var(--callout-radius);
}
.shib-callout-toggle.shib-callout-block .callout .callout-title {
align-self: auto;
margin-left: -15px;
}
.callout-title {
--bold-color: currentColor;
--italic-color: currentColor;
}
.theme-light.shib-callout-toggle .callout-title-inner,
.theme-light.shib-callout-toggle.shib-callout-default
.callout:not(.is-collapsible)
.callout-title-inner {
color: var(--text-normal);
--bold-color: var(--text-normal);
--italic-color: var(--text-normal);
}
.shib-callout-toggle .callout-content > ol:first-child,
.shib-callout-toggle .callout-content > p:first-child,
.shib-callout-toggle .callout-content > ul:first-child,
.shib-callout-toggle
.callout[data-callout="quote"]
.callout-content
p:first-child {
margin-top: 0;
}
.shib-callout-toggle .callout-content > ol:last-child,
.shib-callout-toggle .callout-content > p:last-child,
.shib-callout-toggle .callout-content > ul:last-child,
.style-settings-heading[data-level="0"].is-collapsed {
margin-bottom: 0;
}
.shib-callout-color-toggle .callout[data-callout="abstract"],
.shib-callout-color-toggle .callout[data-callout="note"],
.shib-callout-color-toggle .callout[data-callout="seealso"],
.shib-callout-color-toggle .callout[data-callout="summary"],
.shib-callout-color-toggle .callout[data-callout="tldr"] {
--callout-color: var(--blue);
}
.shib-callout-color-toggle .callout[data-callout="hint"],
.shib-callout-color-toggle .callout[data-callout="important"],
.shib-callout-color-toggle .callout[data-callout="info"],
.shib-callout-color-toggle .callout[data-callout="tip"],
.shib-callout-color-toggle .callout[data-callout="todo"] {
--callout-color: var(--sea);
}
.shib-callout-color-toggle .callout[data-callout="check"],
.shib-callout-color-toggle .callout[data-callout="done"],
.shib-callout-color-toggle .callout[data-callout="faq"],
.shib-callout-color-toggle .callout[data-callout="help"],
.shib-callout-color-toggle .callout[data-callout="question"],
.shib-callout-color-toggle .callout[data-callout="success"] {
--callout-color: var(--green);
}
.shib-callout-color-toggle .callout[data-callout="attention"],
.shib-callout-color-toggle .callout[data-callout="caution"],
.shib-callout-color-toggle .callout[data-callout="warning"] {
--callout-color: var(--yellow);
}
.shib-callout-color-toggle .callout[data-callout="bug"],
.shib-callout-color-toggle .callout[data-callout="danger"],
.shib-callout-color-toggle .callout[data-callout="error"] {
--callout-color: var(--red);
}
.shib-callout-color-toggle .callout[data-callout="example"] {
--callout-color: var(--violet);
}
.shib-callout-color-toggle .callout[data-callout="cite"],
.shib-callout-color-toggle .callout[data-callout="quote"] {
--callout-color: var(--surface1);
}
.shib-callout-color-toggle.shiba-accent-style .callout[data-callout="note"] {
--callout-color: var(--accent);
}
.shib-callout-toggle
.callout[data-callout="quote"]
.callout-title
.callout-icon,
.shib-table-auto.markdown-rendered.cards:not(.table-disable)
table:not(.dataview),
.shib-table-auto.markdown-rendered:not(.cards):not(.table-disable) table,
.shib-table-auto.shib-table-toggle
.markdown-rendered.cards:not(.table-disable)
table:not(.dataview),
.shib-table-auto.shib-table-toggle
.markdown-rendered:not(.cards):not(.table-disable)
table {
margin: 0 auto;
}
.shib-callout-toggle .callout[data-callout="quote"] .callout-content {
padding-top: 20px;
}
.shib-callout-toggle .callout[data-callout="quote"] .callout-content p {
font-style: italic;
text-align: center;
}
.shib-callout-toggle
.callout[data-callout="quote"]
.callout-content
p:last-child {
font-style: normal;
color: rgb(var(--yellow, 153, 122, 0));
text-align: right;
margin-bottom: 0;
}
.nav-folder.mod-root > .nav-folder-title[data-path="/"] {
font-size: var(--font-size-vault-name);
font-family: var(--font-family-vault);
font-weight: auto;
}
.shib-custom-vault-folder-toggle.shib-custom-vault-folder-custom-icon
.nav-folder.mod-root
> .nav-folder-title
> .nav-folder-title-content,
.shib-custom-vault-folder-toggle.shib-custom-vault-folder-folder-icon
.nav-folder.mod-root
> .nav-folder-title
> .nav-folder-title-content,
.shib-custom-vault-folder-toggle.shib-custom-vault-folder-shiba-icon
.nav-folder.mod-root
> .nav-folder-title
> .nav-folder-title-content {
font-family: var(--font-family-vault);
font-weight: 700;
text-align: left;
margin-left: 30px;
opacity: 1 !important;
}
.shib-custom-vault-folder-toggle.shib-custom-vault-folder-folder-icon
.nav-folder.mod-root
> .nav-folder-title
> .nav-folder-title-content:before {
content: " ";
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='26px' height='26px' viewBox='0 -2.5 24 24' id='meteor-icon-kit__regular-folder-open' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.1679 7H21.6679C22.7724 7 23.6679 7.8954 23.6679 9C23.6679 9.2641 23.6156 9.5255 23.514 9.7692L20.1807 17.7692C19.8702 18.5145 19.1419 19 18.3345 19H4.36866C2.83339 19 1.54587 17.8409 1.38515 16.3141L0.0167269 3.31405C-0.156721 1.6663 1.03844 0.18993 2.68619 0.01648C2.79051 0.0055 2.89534 0 3.00024 0H8.94712C9.37755 0 9.75969 0.27543 9.8958 0.68377L10.6679 3H19.4023C20.5069 3 21.4023 3.89543 21.4023 5C21.4023 5.08293 21.3972 5.16578 21.3869 5.24807L21.1679 7zM19.1523 7L19.4023 5H9.22636L8.22636 2H3.00024C2.96528 2 2.93033 2.00183 2.89556 2.00549C2.34631 2.06331 1.94792 2.55543 2.00574 3.10468L3.27334 15.1469L6.15506 8.2308C6.4656 7.4855 7.19381 7 8.00121 7H19.1523zM8.00121 9L4.66788 17H18.3345L21.6679 9H8.00121z' fill='%23758CA3'/%3E%3C/svg%3E");
text-align: left;
width: 26px;
height: 26px;
margin-left: -30px;
margin-top: -4px;
position: absolute;
background-color: var(--color-accent);
}
.shib-custom-vault-folder-toggle.shib-custom-vault-folder-shiba-icon
.nav-folder.mod-root
> .nav-folder-title
> .nav-folder-title-content:before {
content: " ";
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' version='1.1'%3E%3Cpath d='M 322.412 7.335 C 307.060 15.315, 289.743 26.740, 279.572 35.596 C 275.212 39.393, 267.629 47.450, 262.720 53.500 C 252.603 65.970, 236.380 89.909, 230.668 100.800 C 228.562 104.814, 224.103 111.024, 220.759 114.599 C 213.127 122.757, 202.320 128.355, 190.720 130.158 L 183 131.359 183 134.721 C 183 139.778, 180.243 152.117, 177.462 159.506 C 174.240 168.064, 169.368 177.673, 162.545 188.926 L 157.029 198.023 155.906 214.761 C 155.288 223.968, 154.719 231.567, 154.642 231.649 C 154.564 231.731, 151.350 230.559, 147.500 229.045 C 143.650 227.531, 134.984 224.162, 128.242 221.559 C 114.185 216.131, 109.028 211.960, 103.959 201.919 C 97.897 189.909, 93.624 167.551, 93.560 147.500 C 93.514 133.044, 94.892 127.918, 99.374 125.875 C 108.007 121.942, 112.322 131.442, 113.553 157.088 C 114.607 179.044, 118.694 195.647, 124.300 200.747 C 125.510 201.848, 129.160 203.726, 132.412 204.921 C 139.412 207.493, 139.962 207.077, 139.985 199.200 C 140.002 193.317, 140.512 192.144, 149.731 176.775 C 160.323 159.117, 166.016 143.411, 165.985 131.936 C 165.964 124.023, 163.481 114.673, 158.832 105 C 153.359 93.612, 141.165 81.247, 130 75.766 C 116.497 69.137, 101.596 67.335, 86.500 70.504 C 65.335 74.948, 47.266 92.042, 42.540 112.093 C 39.585 124.630, 41.048 141.399, 45.978 151.500 L 48.907 157.500 46.128 160.500 C 38.200 169.058, 31.827 180.329, 28.116 192.353 C 23.445 207.490, 22.997 216.800, 23.042 297.801 C 23.079 366.627, 23.238 373.927, 24.792 378.203 C 27.725 386.279, 32.102 391.395, 39.043 394.864 L 45.319 398 71.160 398 L 97 398 97 390.210 C 97 381.707, 95.157 373.187, 91.961 366.924 C 89.201 361.513, 83.640 355.508, 79.989 353.996 L 77 352.757 77 335.108 L 77 317.458 84.944 313.650 C 95.175 308.746, 108.882 299.667, 116.500 292.749 C 126.598 283.578, 126.890 283.490, 147 283.567 C 165.785 283.638, 182.225 285.895, 207 291.801 L 218.500 294.543 219 335.522 L 219.500 376.500 222.203 381.623 C 223.689 384.441, 226.977 388.570, 229.508 390.798 C 237.030 397.419, 240.027 398, 266.678 398 L 290 398 290.193 392.750 C 290.760 377.317, 288.169 366.745, 282.142 359.899 C 279.996 357.461, 277.062 354.836, 275.621 354.065 L 273 352.662 273 323.716 L 273 294.770 280.946 286.375 C 294.780 271.761, 306.412 254.333, 311.995 239.858 C 313.689 235.464, 319.896 212.661, 325.788 189.185 L 336.500 146.500 341.150 144.192 C 344.769 142.396, 348.591 141.673, 358.391 140.931 C 377.260 139.503, 386.195 135.314, 394.500 124 C 398.383 118.711, 408.231 96.531, 407.766 94.122 C 407.610 93.316, 399.220 89.790, 387.522 85.617 C 368.608 78.869, 367.497 78.330, 366.650 75.495 C 362.673 62.172, 358.701 56.067, 350.322 50.397 C 346.988 48.140, 341.552 45.483, 338.244 44.492 L 332.229 42.690 333.203 39.595 C 334.132 36.644, 335.687 0.972, 334.885 1.025 C 334.673 1.039, 329.060 3.878, 322.412 7.335' stroke='none' fill='%23000000' fill-rule='evenodd'/%3E%3C/svg%3E");
text-align: left;
width: 29px;
height: 29px;
margin-left: -30px;
margin-top: -2px;
position: absolute;
background-color: var(--color-accent);
}
.shib-custom-vault-folder-toggle.shib-custom-vault-folder-custom-icon
.nav-folder.mod-root
> .nav-folder-title
> .nav-folder-title-content:before {
content: " ";
-webkit-mask-image: var(--shib-custom-vault-folder-custom-icon-url);
text-align: left;
width: 26px;
height: 26px;
margin-left: -30px;
margin-top: -4px;
position: absolute;
background-color: var(--color-accent);
}
.shib-floating-header .nav-folder.mod-root > .nav-folder-title {
background-color: var(--background-secondary);
position: fixed;
z-index: 1;
margin-left: calc(-0.5 * var(--size-4-3));
width: calc(100% - 1.22 * var(--size-4-3));
border: 1px solid rgba(100, 100, 100, 0.3);
box-shadow: 1px -1px 0 0 rgba(100, 100, 100, 0.1) inset,
0 2px 4px 0 rgba(100, 100, 100, 0.1);
border-radius: var(--radius-s);
}
.shib-floating-header .nav-folder.mod-root > .nav-folder-title:hover {
background-color: var(--background-secondary);
width: calc(100% - 1.2 * var(--size-4-3));
margin-left: calc(-0.5 * var(--size-4-3));
}
.shib-floating-header .nav-folder.mod-root > .nav-folder-children {
padding-top: 32px;
}
.shib-floating-header.shib-custom-vault-folder-toggle
.nav-folder.mod-root
> .nav-folder-title {
padding-top: 6px;
}
.shib-floating-header.shib-custom-vault-folder-toggle
.nav-folder.mod-root
> .nav-folder-children {
padding-top: 45px;
}
.shib-floating-header.shib-custom-vault-shiba-toggle
.nav-folder.mod-root
> .nav-folder-title {
padding-top: 10px;
}
.shib-floating-header.shib-custom-vault-shiba-toggle
.nav-folder.mod-root
> .nav-folder-children {
padding-top: 50px;
}
.shib-codeblock-numbers .HyperMD-codeblock-begin {
counter-reset: line-numbers;
}
.shib-codeblock-numbers
.HyperMD-codeblock.cm-line:not(.HyperMD-codeblock-begin):not(
.HyperMD-codeblock-end
) {
padding-left: 5em;
position: relative;
}
.shib-codeblock-numbers
.HyperMD-codeblock.cm-line:not(.HyperMD-codeblock-begin):not(
.HyperMD-codeblock-end
)::before {
align-items: flex-end;
border-right: 1px solid var(--scrollbar-thumb-bg);
color: var(--text-faint);
content: counter(line-numbers);
counter-increment: line-numbers;
display: flex;
font-size: 0.8em;
height: 100%;
justify-content: flex-end;
left: 0;
padding-right: 0.5em;
padding-top: 1px;
position: absolute;
text-align: right;
width: 3em;
}
.shib-codeblock-numbers
.HyperMD-codeblock.cm-line.cm-active:not(.HyperMD-codeblock-begin):not(
.HyperMD-codeblock-end
)::before,
.style-settings-heading[data-id="shiba-theme-settings-extended"]
.setting-item-name,
.style-settings-heading[data-id="shiba-theme-settings"] .setting-item-name {
color: var(--color-accent);
}
.style-settings-container
[data-level="1"].setting-item-heading.style-settings-heading,
.style-settings-container
[data-level="2"].setting-item-heading.style-settings-heading,
.style-settings-container
[data-level="3"].setting-item-heading.style-settings-heading,
.style-settings-container
[data-level="4"].setting-item-heading.style-settings-heading,
.style-settings-container
[data-level="5"].setting-item-heading.style-settings-heading {
border-bottom: 1px solid rgba(var(--text), 0.2);
}
.style-settings-container
[data-level="1"].setting-item-heading.style-settings-heading:not(
.is-collapsed
),
.style-settings-container
[data-level="2"].setting-item-heading.style-settings-heading:not(
.is-collapsed
),
.style-settings-container
[data-level="3"].setting-item-heading.style-settings-heading:not(
.is-collapsed
),
.style-settings-container
[data-level="4"].setting-item-heading.style-settings-heading:not(
.is-collapsed
),
.style-settings-container
[data-level="5"].setting-item-heading.style-settings-heading:not(
.is-collapsed
) {
border-color: transparent;
margin-bottom: 0;
}
.style-settings-container [data-level="1"].style-settings-container,
.style-settings-container [data-level="2"].style-settings-container,
.style-settings-container [data-level="3"].style-settings-container,
.style-settings-container [data-level="4"].style-settings-container,
.style-settings-container [data-level="5"].style-settings-container {
border: 1px solid rgba(var(--text), 0.2);
border-radius: var(--radius-s);
padding: var(--size-4-2);
padding-left: var(--size-4-6);
background-color: rgba(var(--exterior), 0.3);
}
.style-settings-heading[data-level="0"] {
margin-bottom: 15px;
}
.style-settings-heading[data-id="shiba-theme-settings-extended"],
.style-settings-heading[data-id="shiba-theme-settings"] {
border-color: hsla(var(--color-accent-hsl), 0.2);
}
.shiba-accent-style
.style-settings-heading[data-id="shiba-theme-settings-extended"],
.shiba-accent-style .style-settings-heading[data-id="shiba-theme-settings"] {
border-color: rgba(var(--color-accent), 0.2);
}
.modal {
--h1-font: var(--interface-font);
}
.style-settings-heading:not(
[data-level="0"],
[data-id="shiba-inu-support-header"]
)
+ .style-settings-container {
border: 1px solid rgba(var(--text), 0.1);
border-radius: var(--radius-s);
padding: var(--size-4-2);
padding-left: var(--size-4-6);
background-color: rgba(var(--side), 0.4);
overflow-x: hidden;
}
.style-settings-info-text.setting-item.setting-item.setting-item.setting-item {
background-color: rgba(var(--side));
padding: 8px;
margin-top: 12px;
border: 1px solid rgba(var(--text), 0.1);
border-radius: var(--radius-m);
}
.workspace-leaf-content[data-type="style-settings"]
.style-settings-info-text.setting-item.setting-item {
background-color: rgba(var(--side));
}
.nav-file-title,
.nav-folder-title {
font-size: var(--font-size-folder-and-file);
font-family: var(--font-family-folder-file-title);
cursor: pointer;
position: relative;
border: 1px solid transparent;
border-image: initial;
border-radius: 0;
align-items: baseline;
flex-direction: row;
}
.shiba-color-folder-background.folder-colorful-one:not(
.shiba-color-folder-default
)
.is-collapsed
.nav-folder-collapse-indicator
svg,
.shiba-color-folder-background.folder-colorful-one:not(
.shiba-color-folder-default
)
.nav-folder-collapse-indicator
svg,
.shiba-color-folder-background.folder-colorful-one:not(
.shiba-color-folder-default
)
.nav-folder.mod-root
> .nav-folder-children
> .nav-folder
.nav-file-title,
.shiba-color-folder-background.folder-colorful-one:not(
.shiba-color-folder-default
)
.nav-folder.mod-root
> .nav-folder-children
> .nav-folder
.nav-folder-title {
color: var(--nav-folder-title-color);
font-weight: 400;
}
.shiba-color-folder-background.folder-colorful-custom:not(
.shiba-color-folder-default
)
.nav-folder.mod-root
.nav-folder
.nav-folder,
.shiba-color-folder-background.folder-colorful-five:not(
.shiba-color-folder-default
)
.nav-folder.mod-root
.nav-folder
.nav-folder,
.shiba-color-folder-background.folder-colorful-four:not(
.shiba-color-folder-default
)
.nav-folder.mod-root
.nav-folder
.nav-folder,
.shiba-color-folder-background.folder-colorful-one:not(
.shiba-color-folder-default
)
.nav-folder.mod-root
.nav-folder
.nav-folder,
.shiba-color-folder-background.folder-colorful-six:not(
.shiba-color-folder-default
)
.nav-folder.mod-root
.nav-folder
.nav-folder,
.shiba-color-folder-background.folder-colorful-three:not(
.shiba-color-folder-default
)
.nav-folder.mod-root
.nav-folder
.nav-folder,
.shiba-color-folder-background.folder-colorful-two:not(
.shiba-color-folder-default
)
.nav-folder.mod-root
.nav-folder
.nav-folder {
background-color: inherit;
}
.shiba-color-folder-background.folder-colorful-one:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 2) {
background-color: rgba(var(--red), 0.3);
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-one:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 3) {
background-color: rgba(var(--lily), 0.3);
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-one:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 4) {
background-color: rgba(var(--orange), 0.3);
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-one:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 5) {
background-color: rgba(var(--yellow), 0.3);
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-one:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 6) {
background-color: rgba(var(--lemon), 0.3);
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-one:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 7) {
background-color: rgba(var(--green), 0.3);
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-one:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 8) {
background-color: rgba(var(--sea), 0.3);
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-one:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 9) {
background-color: rgba(var(--turquoise), 0.3);
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-one:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 10) {
background-color: rgba(var(--cyan), 0.3);
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-one:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 11) {
background-color: rgba(var(--blue), 0.3);
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-custom:not(
.shiba-color-folder-default
)
.is-collapsed
.nav-folder-collapse-indicator
svg,
.shiba-color-folder-background.folder-colorful-custom:not(
.shiba-color-folder-default
)
.nav-folder-collapse-indicator
svg,
.shiba-color-folder-background.folder-colorful-custom:not(
.shiba-color-folder-default
)
.nav-folder.mod-root
> .nav-folder-children
> .nav-folder
.nav-file-title,
.shiba-color-folder-background.folder-colorful-custom:not(
.shiba-color-folder-default
)
.nav-folder.mod-root
> .nav-folder-children
> .nav-folder
.nav-folder-title,
.shiba-color-folder-background.folder-colorful-five:not(
.shiba-color-folder-default
)
.is-collapsed
.nav-folder-collapse-indicator
svg,
.shiba-color-folder-background.folder-colorful-five:not(
.shiba-color-folder-default
)
.nav-folder-collapse-indicator
svg,
.shiba-color-folder-background.folder-colorful-five:not(
.shiba-color-folder-default
)
.nav-folder.mod-root
> .nav-folder-children
> .nav-folder
.nav-file-title,
.shiba-color-folder-background.folder-colorful-five:not(
.shiba-color-folder-default
)
.nav-folder.mod-root
> .nav-folder-children
> .nav-folder
.nav-folder-title,
.shiba-color-folder-background.folder-colorful-four:not(
.shiba-color-folder-default
)
.is-collapsed
.nav-folder-collapse-indicator
svg,
.shiba-color-folder-background.folder-colorful-four:not(
.shiba-color-folder-default
)
.nav-folder-collapse-indicator
svg,
.shiba-color-folder-background.folder-colorful-four:not(
.shiba-color-folder-default
)
.nav-folder.mod-root
> .nav-folder-children
> .nav-folder
.nav-file-title,
.shiba-color-folder-background.folder-colorful-four:not(
.shiba-color-folder-default
)
.nav-folder.mod-root
> .nav-folder-children
> .nav-folder
.nav-folder-title,
.shiba-color-folder-background.folder-colorful-six:not(
.shiba-color-folder-default
)
.is-collapsed
.nav-folder-collapse-indicator
svg,
.shiba-color-folder-background.folder-colorful-six:not(
.shiba-color-folder-default
)
.nav-folder-collapse-indicator
svg,
.shiba-color-folder-background.folder-colorful-six:not(
.shiba-color-folder-default
)
.nav-folder.mod-root
> .nav-folder-children
> .nav-folder
.nav-file-title,
.shiba-color-folder-background.folder-colorful-six:not(
.shiba-color-folder-default
)
.nav-folder.mod-root
> .nav-folder-children
> .nav-folder
.nav-folder-title,
.shiba-color-folder-background.folder-colorful-three:not(
.shiba-color-folder-default
)
.is-collapsed
.nav-folder-collapse-indicator
svg,
.shiba-color-folder-background.folder-colorful-three:not(
.shiba-color-folder-default
)
.nav-folder-collapse-indicator
svg,
.shiba-color-folder-background.folder-colorful-three:not(
.shiba-color-folder-default
)
.nav-folder.mod-root
> .nav-folder-children
> .nav-folder
.nav-file-title,
.shiba-color-folder-background.folder-colorful-three:not(
.shiba-color-folder-default
)
.nav-folder.mod-root
> .nav-folder-children
> .nav-folder
.nav-folder-title,
.shiba-color-folder-background.folder-colorful-two:not(
.shiba-color-folder-default
)
.is-collapsed
.nav-folder-collapse-indicator
svg,
.shiba-color-folder-background.folder-colorful-two:not(
.shiba-color-folder-default
)
.nav-folder-collapse-indicator
svg,
.shiba-color-folder-background.folder-colorful-two:not(
.shiba-color-folder-default
)
.nav-folder.mod-root
> .nav-folder-children
> .nav-folder
.nav-file-title,
.shiba-color-folder-background.folder-colorful-two:not(
.shiba-color-folder-default
)
.nav-folder.mod-root
> .nav-folder-children
> .nav-folder
.nav-folder-title {
color: var(--nav-folder-title-color);
}
.shiba-color-folder-background.folder-colorful-two:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 2) {
background-color: rgba(var(--red), 0.9);
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-two:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 3) {
background-color: rgba(var(--lily), 0.9);
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-two:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 4) {
background-color: rgba(var(--orange), 0.9);
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-two:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 5) {
background-color: rgba(var(--yellow), 0.9);
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-two:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 6) {
background-color: rgba(var(--lemon), 0.9);
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-two:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 7) {
background-color: rgba(var(--green), 0.9);
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-three:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 2),
.shiba-color-folder-background.folder-colorful-three:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 8),
.shiba-color-folder-background.folder-colorful-two:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 8) {
background-color: rgba(var(--sea), 0.9);
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-three:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 3),
.shiba-color-folder-background.folder-colorful-three:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 7),
.shiba-color-folder-background.folder-colorful-two:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 9) {
background-color: rgba(var(--turquoise), 0.9);
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-three:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 11),
.shiba-color-folder-background.folder-colorful-three:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 4),
.shiba-color-folder-background.folder-colorful-three:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 6),
.shiba-color-folder-background.folder-colorful-three:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 9),
.shiba-color-folder-background.folder-colorful-two:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 10) {
background-color: rgba(var(--cyan), 0.9);
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-three:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 10),
.shiba-color-folder-background.folder-colorful-three:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 5),
.shiba-color-folder-background.folder-colorful-two:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 11) {
background-color: rgba(var(--blue), 0.9);
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-four:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 2) {
background-color: #b67b66;
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-four:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 3) {
background-color: #d09d7b;
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-four:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 11),
.shiba-color-folder-background.folder-colorful-four:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 4) {
background-color: #d3a984;
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-four:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 10),
.shiba-color-folder-background.folder-colorful-four:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 5) {
background-color: #73a788;
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-four:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 6),
.shiba-color-folder-background.folder-colorful-four:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 9) {
background-color: #478966;
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-four:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 7),
.shiba-color-folder-background.folder-colorful-four:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 8) {
background-color: #135e45;
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-five:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 2),
.shiba-color-folder-background.folder-colorful-five:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 8) {
background-color: #a68877;
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-five:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 3),
.shiba-color-folder-background.folder-colorful-five:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 9) {
background-color: #b38f7a;
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-five:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 10),
.shiba-color-folder-background.folder-colorful-five:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 4) {
background-color: #b99780;
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-five:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 11),
.shiba-color-folder-background.folder-colorful-five:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 5) {
background-color: #c1a28a;
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-five:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 6) {
background-color: #cab199;
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-five:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 7) {
background-color: #d2bfa7;
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-six:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 2) {
background-color: #7779a6;
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-six:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 3) {
background-color: #897ab3;
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-six:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 4) {
background-color: #8780b9;
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-six:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 5) {
background-color: #998ac1;
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-six:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 6) {
background-color: #9d99ca;
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-six:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 7) {
background-color: #a8a7d2;
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-six:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 8) {
background-color: #7d77a6;
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-six:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 9) {
background-color: #827ab3;
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-six:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 10) {
background-color: #8080b9;
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-six:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 11) {
background-color: #908ac1;
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-custom:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 2) {
background-color: var(--folder-colorful-custom-color);
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-custom:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 3) {
background-color: var(--folder-colorful-custom-color2);
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-custom:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 4) {
background-color: var(--folder-colorful-custom-color3);
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-custom:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 5) {
background-color: var(--folder-colorful-custom-color4);
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-custom:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 6) {
background-color: var(--folder-colorful-custom-color5);
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-custom:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 7) {
background-color: var(--folder-colorful-custom-color6);
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-custom:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 8) {
background-color: var(--folder-colorful-custom-color7);
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-custom:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 9) {
background-color: var(--folder-colorful-custom-color8);
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-custom:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 10) {
background-color: var(--folder-colorful-custom-color9);
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-background.folder-colorful-custom:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 11) {
background-color: var(--folder-colorful-custom-color10);
opacity: var(--shib-colorful-folders-opacity);
border-radius: var(--shib-colorful-folders-radius, 2px);
margin-bottom: 2px;
}
.shiba-color-folder-title.folder-colorful-one:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 2)
.nav-folder-title {
color: rgba(var(--red));
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-one:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 3)
.nav-folder-title {
color: rgba(var(--lily));
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-one:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 4)
.nav-folder-title {
color: rgba(var(--orange));
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-one:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 5)
.nav-folder-title {
color: rgba(var(--yellow));
opacity: 0.8;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-one:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 6)
.nav-folder-title {
color: rgba(var(--lemon));
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-one:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 7)
.nav-folder-title {
color: rgba(var(--green));
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-one:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 8)
.nav-folder-title {
color: rgba(var(--sea));
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-one:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 9)
.nav-folder-title {
color: rgba(var(--turquoise));
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-one:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 10)
.nav-folder-title {
color: rgba(var(--cyan));
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-one:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 11)
.nav-folder-title {
color: rgba(var(--blue));
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-two:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 2)
.nav-folder-title {
color: rgba(var(--rose), 0.9);
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-two:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 3)
.nav-folder-title {
color: rgba(var(--lily), 0.9);
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-two:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 4)
.nav-folder-title {
color: rgba(var(--orange), 0.9);
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-two:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 5)
.nav-folder-title {
color: rgba(var(--yellow), 0.9);
opacity: 0.8;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-three:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 10)
.nav-folder-title,
.shiba-color-folder-title.folder-colorful-three:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 4)
.nav-folder-title,
.shiba-color-folder-title.folder-colorful-three:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 6)
.nav-folder-title,
.shiba-color-folder-title.folder-colorful-two:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 6)
.nav-folder-title {
color: rgba(var(--turquoise), 0.9);
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-two:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 7)
.nav-folder-title {
color: rgba(var(--green), 0.9);
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-three:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 11)
.nav-folder-title,
.shiba-color-folder-title.folder-colorful-two:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 8)
.nav-folder-title {
color: rgba(var(--sea), 0.9);
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-three:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 3)
.nav-folder-title,
.shiba-color-folder-title.folder-colorful-three:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 7)
.nav-folder-title,
.shiba-color-folder-title.folder-colorful-three:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 9)
.nav-folder-title,
.shiba-color-folder-title.folder-colorful-two:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 9)
.nav-folder-title {
color: rgba(var(--cyan), 0.9);
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-three:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 2)
.nav-folder-title,
.shiba-color-folder-title.folder-colorful-three:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 8)
.nav-folder-title,
.shiba-color-folder-title.folder-colorful-two:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 10)
.nav-folder-title {
color: rgba(var(--blue), 0.9);
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-two:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 11)
.nav-folder-title {
color: rgba(var(--red), 0.9);
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-three:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 5)
.nav-folder-title {
color: rgba(var(--cyan), 0.9);
opacity: 0.8;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-four:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 2)
.nav-folder-title {
color: #e29696;
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-four:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 3)
.nav-folder-title {
color: #df978b;
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-four:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 4)
.nav-folder-title {
color: #d7ae72;
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-four:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 5)
.nav-folder-title {
color: #c0af5a;
opacity: 0.8;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-four:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 6)
.nav-folder-title {
color: #5eba51;
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-four:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 7)
.nav-folder-title {
color: #57b978;
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-four:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 8)
.nav-folder-title {
color: #acba55;
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-four:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 9)
.nav-folder-title {
color: #c6b451;
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-four:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 10)
.nav-folder-title,
.shiba-color-folder-title.folder-colorful-four:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 11)
.nav-folder-title {
color: #dc975f;
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-five:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 2)
.nav-folder-title,
.shiba-color-folder-title.folder-colorful-five:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 8)
.nav-folder-title {
color: #a68877;
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-five:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 3)
.nav-folder-title,
.shiba-color-folder-title.folder-colorful-five:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 9)
.nav-folder-title {
color: #b38f7a;
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-five:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 10)
.nav-folder-title,
.shiba-color-folder-title.folder-colorful-five:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 4)
.nav-folder-title {
color: #b99780;
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-five:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 5)
.nav-folder-title {
color: #c1a28a;
opacity: 0.8;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-five:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 6)
.nav-folder-title {
color: #cab199;
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-five:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 7)
.nav-folder-title {
color: #d2bfa7;
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-five:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 11)
.nav-folder-title {
color: #c1a28a;
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-six:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 2)
.nav-folder-title {
color: #3a41c9;
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-six:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 3)
.nav-folder-title {
color: #39207d;
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-six:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 4)
.nav-folder-title {
color: #31248f;
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-six:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 5)
.nav-folder-title {
color: #322b7f;
opacity: 0.8;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-six:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 6)
.nav-folder-title {
color: #3b3992;
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-six:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 7)
.nav-folder-title {
color: #3b2f8b;
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-six:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 8)
.nav-folder-title {
color: #31257e;
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-six:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 9)
.nav-folder-title {
color: #131366;
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-six:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 10)
.nav-folder-title {
color: #211485;
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-six:not(.shiba-color-folder-default)
.nav-folder-children
> .nav-folder:nth-child(10n + 11)
.nav-folder-title {
color: #20156f;
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-custom:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 2)
.nav-folder-title {
color: var(--folder-colorful-custom-color);
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-custom:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 3)
.nav-folder-title {
color: var(--folder-colorful-custom-color2);
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-custom:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 4)
.nav-folder-title {
color: var(--folder-colorful-custom-color3);
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-custom:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 5)
.nav-folder-title {
color: var(--folder-colorful-custom-color4);
opacity: 0.8;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-custom:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 6)
.nav-folder-title {
color: var(--folder-colorful-custom-color5);
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-custom:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 7)
.nav-folder-title {
color: var(--folder-colorful-custom-color6);
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-custom:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 8)
.nav-folder-title {
color: var(--folder-colorful-custom-color7);
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-custom:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 9)
.nav-folder-title {
color: var(--folder-colorful-custom-color8);
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-custom:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 10)
.nav-folder-title {
color: var(--folder-colorful-custom-color9);
opacity: 0.9;
font-weight: 700;
}
.shiba-color-folder-title.folder-colorful-custom:not(
.shiba-color-folder-default
)
.nav-folder-children
> .nav-folder:nth-child(10n + 11)
.nav-folder-title {
color: var(--folder-colorful-custom-color10);
opacity: 0.9;
font-weight: 700;
}
.vertical-tab-content .setting-item {
padding: 9px 0;
}
.shib-translucent-setting-panel .modal-bg {
background-color: var(--background-secondary-translucent-1);
}
.shib-transparent-setting-panel .horizontal-tab-content,
.shib-transparent-setting-panel .horizontal-tab-nav-item,
.shib-transparent-setting-panel
.modal.mod-settings
.vertical-tab-content-container,
.shib-transparent-setting-panel .vertical-tab-content,
.shib-transparent-setting-panel .vertical-tab-header,
.shib-transparent-setting-panel .vertical-tab-nav-item {
background-color: var(--background-secondary-translucent) !important;
}
.shib-transparent-setting-panel .modal-bg,
.shib-transparent-setting-panel .modal.mod-settings {
background-color: var(--background-secondary-translucent) !important;
backdrop-filter: blur(0) !important;
}
.shib-setting-default-frosted-glass .prompt {
background-color: var(--bg-color-settings-4);
backdrop-filter: blur(3px);
}
.shib-setting-default-frosted-glass.theme-dark .prompt {
backdrop-filter: blur(8px);
}
.shib-setting-default-frosted-glass .vertical-tab-header-group-title {
color: var(--text-normal);
border-top: 1px dashed var(--text-muted);
border-top: none;
}
.shib-setting-default-frosted-glass .modal-bg,
.shib-translucent-setting-panel .modal-bg {
background-color: var(--bg-color-settings-0);
backdrop-filter: blur(5px);
}
.shib-setting-default-frosted-glass .modal.mod-settings,
.shib-translucent-setting-panel .modal.mod-settings {
background-color: rgba(var(--base), 0.5);
box-shadow: 0 0 20px var(--bg-color-settings-1);
border: none;
}
.shib-setting-default-frosted-glass .vertical-tab-header,
.shib-translucent-setting-panel .vertical-tab-content,
.shib-translucent-setting-panel .vertical-tab-header {
background-color: rgba(var(--base), 0.5);
}
.is-mobile #calendar-container tr,
.shib-floating-tab-toggle
.workspace-split.mod-vertical.mod-root
.workspace-tabs
.workspace-tab-header-container
.workspace-tab-header-container-inner
.workspace-tab-header:not(.is-active):hover
.workspace-tab-header-inner,
.shib-setting-default-frosted-glass .horizontal-tab-nav-item,
.shib-setting-default-frosted-glass .vertical-tab-nav-item,
.shib-translucent-setting-panel .horizontal-tab-nav-item,
.shib-translucent-setting-panel .vertical-tab-nav-item,
.shib-workspace-background-image-toggle .canvas-wrapper,
.shib-workspace-background-image-toggle
.is-focused
.workspace-leaf.mod-active
.view-header,
.shib-workspace-background-image-toggle
.mod-macos.is-hidden-frameless:not(.is-popout-window)
.sidebar-toggle-button.mod-right,
.shib-workspace-background-image-toggle
.mod-root
.workspace-tabs
.workspace-leaf,
.shib-workspace-background-image-toggle
.shib-card-layout
.workspace-tab-header-container,
.shib-workspace-background-image-toggle
.workspace-fake-target-overlay:not(.is-in-sidebar)
.workspace-tabs
.workspace-leaf,
.shib-workspace-background-image-toggle .workspace-split.mod-root,
.shib-workspace-background-image-toggle.shib-canvas-dark-bg .canvas-wrapper,
.shib-workspace-background-image-toggle.shib-card-layout .view-header,
.shib-workspace-background-image-toggle.shib-card-layout
.workspace-ribbon.mod-left:before,
.shib-workspace-background-image-toggle:not(
.shib-card-layout
).mod-macos.is-hidden-frameless:not(.is-popout-window)
.sidebar-toggle-button.mod-right,
body.layout-style-options-default.shib-workspace-background-image-toggle
.workspace-tab-container-after.is-after-active,
body.layout-style-options-default.shib-workspace-background-image-toggle
.workspace-tab-container-after.is-after-active
.workspace-tab-header-inner,
body.layout-style-options-default.shib-workspace-background-image-toggle
.workspace-tab-container-before.is-before-active,
body.layout-style-options-default.shib-workspace-background-image-toggle
.workspace-tab-container-before.is-before-active
.workspace-tab-header-inner,
body.layout-style-options-default.shib-workspace-background-image-toggle
.workspace-tab-header.is-after-active,
body.layout-style-options-default.shib-workspace-background-image-toggle
.workspace-tab-header.is-after-active
.workspace-tab-header-inner,
body.layout-style-options-default.shib-workspace-background-image-toggle
.workspace-tab-header.is-before-active,
body.layout-style-options-default.shib-workspace-background-image-toggle
.workspace-tab-header.is-before-active
.workspace-tab-header-inner,
input[type="range"] {
background-color: transparent;
}
.shib-setting-default-frosted-glass .horizontal-tab-nav-item.is-active,
.shib-setting-default-frosted-glass .horizontal-tab-nav-item:hover,
.shib-setting-default-frosted-glass .vertical-tab-nav-item.is-active,
.shib-setting-default-frosted-glass .vertical-tab-nav-item:hover,
.shib-translucent-setting-panel .horizontal-tab-nav-item.is-active,
.shib-translucent-setting-panel .horizontal-tab-nav-item:hover,
.shib-translucent-setting-panel .vertical-tab-nav-item.is-active,
.shib-translucent-setting-panel .vertical-tab-nav-item:hover {
background-color: var(--bg-color-settings-2);
color: var(--text-normal);
font-weight: 700;
}
.shib-setting-default-frosted-glass .horizontal-tab-content,
.shib-setting-default-frosted-glass .vertical-tab-content,
.shib-translucent-setting-panel .horizontal-tab-content,
.shib-translucent-setting-panel .vertical-tab-content {
background-color: rgba(var(--base), 1);
}
.is-mobile #calendar-container th,
.shib-transparent-setting-panel .modal,
.shib-transparent-setting-panel .modal.mod-settings,
.shib-transparent-setting-panel .vertical-tab-content {
background-color: transparent !important;
}
.shib-transparent-setting-panel .vertical-tab-nav-item.is-active {
color: var(--text-normal) !important;
font-weight: bolder;
}
input[type="range"] {
height: 24px;
padding: 0 !important;
-webkit-appearance: none;
cursor: default;
border-radius: 90px;
}
input[type="range"]::-webkit-slider-runnable-track {
background: var(--background-modifier-border);
height: 1px !important;
}
input[type="range"]::-webkit-slider-thumb {
background: var(--color-accent);
height: 12px;
border-radius: 1.5px;
width: 20px;
margin-top: 1px;
cursor: pointer;
}
input[type="range"]::-webkit-slider-thumb:active,
input[type="range"]::-webkit-slider-thumb:hover {
background: var(--color-accent);
}
.graph-controls input[type="range"]::-webkit-slider-runnable-track {
margin-top: -5px;
}
.shib-table-toggle
.is-live-preview.cards:not(.table-disable)
table:not(.dataview),
.shib-table-toggle
.is-live-preview.cards:not(.table-disable)
table:not(.dataview)
td,
.shib-table-toggle
.is-live-preview.cards:not(.table-disable)
table:not(.dataview)
th,
.shib-table-toggle
.is-live-preview.cards:not(.table-disable)
table:not(.dataview)
thead
tr
> th,
.shib-table-toggle
.is-live-preview.cards:not(.table-disable)
table:not(.dataview)
thead
tr
> th:first-child,
.shib-table-toggle
.is-live-preview.cards:not(.table-disable)
table:not(.dataview)
thead
tr
> th:last-child,
.shib-table-toggle
.markdown-preview-view.cards:not(.table-disable)
table:not(.dataview)
.shib-table-toggle
.is-live-preview:not(.cards):not(.table-disable)
table,
.shib-table-toggle
.markdown-preview-view.cards:not(.table-disable)
table:not(.dataview)
.shib-table-toggle
.is-live-preview:not(.cards):not(.table-disable)
table
td,
.shib-table-toggle
.markdown-preview-view.cards:not(.table-disable)
table:not(.dataview)
.shib-table-toggle
.is-live-preview:not(.cards):not(.table-disable)
table
th,
.shib-table-toggle
.markdown-preview-view.cards:not(.table-disable)
table:not(.dataview)
.shib-table-toggle
.is-live-preview:not(.cards):not(.table-disable)
table
thead
tr
> th,
.shib-table-toggle
.markdown-preview-view.cards:not(.table-disable)
table:not(.dataview)
.shib-table-toggle
.is-live-preview:not(.cards):not(.table-disable)
table
thead
tr
> th:first-child,
.shib-table-toggle
.markdown-preview-view.cards:not(.table-disable)
table:not(.dataview)
.shib-table-toggle
.is-live-preview:not(.cards):not(.table-disable)
table
thead
tr
> th:last-child,
.shib-table-toggle .markdown-preview-view:not(.cards):not(.table-disable) table,
.shib-table-toggle
.markdown-preview-view:not(.cards):not(.table-disable)
table
td,
.shib-table-toggle
.markdown-preview-view:not(.cards):not(.table-disable)
table
th,
.shib-table-toggle
.markdown-preview-view:not(.cards):not(.table-disable)
table
thead
tr
> th,
.shib-table-toggle
.markdown-preview-view:not(.cards):not(.table-disable)
table
thead
tr
> th:first-child,
.shib-table-toggle
.markdown-preview-view:not(.cards):not(.table-disable)
table
thead
tr
> th:last-child {
border: var(--shib-table-thickness, 1px) solid var(--table-border-color);
}
.shib-table-toggle
.is-live-preview.cards:not(.table-disable)
table:not(.dataview)
th,
.shib-table-toggle
.is-live-preview.cards:not(.table-disable)
table:not(.dataview)
thead
tr
> th,
.shib-table-toggle
.is-live-preview.cards:not(.table-disable)
table:not(.dataview)
thead
tr
> th:first-child,
.shib-table-toggle
.is-live-preview.cards:not(.table-disable)
table:not(.dataview)
thead
tr
> th:last-child,
.shib-table-toggle
.markdown-preview-view.cards:not(.table-disable)
table:not(.dataview)
.shib-table-toggle
.is-live-preview:not(.cards):not(.table-disable)
table
th,
.shib-table-toggle
.markdown-preview-view.cards:not(.table-disable)
table:not(.dataview)
.shib-table-toggle
.is-live-preview:not(.cards):not(.table-disable)
table
thead
tr
> th,
.shib-table-toggle
.markdown-preview-view.cards:not(.table-disable)
table:not(.dataview)
.shib-table-toggle
.is-live-preview:not(.cards):not(.table-disable)
table
thead
tr
> th:first-child,
.shib-table-toggle
.markdown-preview-view.cards:not(.table-disable)
table:not(.dataview)
.shib-table-toggle
.is-live-preview:not(.cards):not(.table-disable)
table
thead
tr
> th:last-child,
.shib-table-toggle
.markdown-preview-view:not(.cards):not(.table-disable)
table
th,
.shib-table-toggle
.markdown-preview-view:not(.cards):not(.table-disable)
table
thead
tr
> th,
.shib-table-toggle
.markdown-preview-view:not(.cards):not(.table-disable)
table
thead
tr
> th:first-child,
.shib-table-toggle
.markdown-preview-view:not(.cards):not(.table-disable)
table
thead
tr
> th:last-child {
text-align: var(--shib-table-align-th, center);
}
.shib-table-toggle
.is-live-preview.cards:not(.table-disable)
table:not(.dataview)
td,
.shib-table-toggle
.markdown-preview-view.cards:not(.table-disable)
table:not(.dataview)
.shib-table-toggle
.is-live-preview:not(.cards):not(.table-disable)
table
td,
.shib-table-toggle
.markdown-preview-view:not(.cards):not(.table-disable)
table
td {
text-align: var(--shib-table-align-td, center);
}
table.dataview.table-view-table > tbody > tr:hover {
background-color: rgba(var(--surface1), 0.1) !important;
}
.shib-table-toggle.shib-td-alt-cols
.is-live-preview.cards:not(.table-disable)
table:not(.dataview)
tr
td:nth-child(2n),
.shib-table-toggle.shib-td-alt-cols
.is-live-preview:not(.cards):not(.table-disable)
table
tr
td:nth-child(2n),
.shib-table-toggle.shib-td-alt-cols
.markdown-preview-view.cards:not(.table-disable)
table:not(.dataview)
tr
td:nth-child(2n),
.shib-table-toggle.shib-td-alt-cols
.markdown-preview-view:not(.cards):not(.table-disable)
table
tr
td:nth-child(2n),
.shib-table-toggle.shib-td-alt-rows
.is-live-preview.cards:not(.table-disable)
table:not(.dataview)
tr:nth-child(2n)
td,
.shib-table-toggle.shib-td-alt-rows
.is-live-preview:not(.cards):not(.table-disable)
table
tr:nth-child(2n)
td,
.shib-table-toggle.shib-td-alt-rows
.markdown-preview-view.cards:not(.table-disable)
table:not(.dataview)
tr:nth-child(2n)
td,
.shib-table-toggle.shib-td-alt-rows
.markdown-preview-view:not(.cards):not(.table-disable)
table
tr:nth-child(2n)
td,
.shib-table-toggle.shib-td-checkered
.is-live-preview.cards:not(.table-disable)
table:not(.dataview)
tr
td:nth-child(2n),
.shib-table-toggle.shib-td-checkered
.is-live-preview.cards:not(.table-disable)
table:not(.dataview)
tr:nth-child(2n)
td,
.shib-table-toggle.shib-td-checkered
.is-live-preview:not(.cards):not(.table-disable)
table
tr
td:nth-child(2n),
.shib-table-toggle.shib-td-checkered
.is-live-preview:not(.cards):not(.table-disable)
table
tr:nth-child(2n)
td,
.shib-table-toggle.shib-td-checkered
.markdown-preview-view.cards:not(.table-disable)
table:not(.dataview)
tr
td:nth-child(2n),
.shib-table-toggle.shib-td-checkered
.markdown-preview-view.cards:not(.table-disable)
table:not(.dataview)
tr:nth-child(2n)
td,
.shib-table-toggle.shib-td-checkered
.markdown-preview-view:not(.cards):not(.table-disable)
table
tr
td:nth-child(2n),
.shib-table-toggle.shib-td-checkered
.markdown-preview-view:not(.cards):not(.table-disable)
table
tr:nth-child(2n)
td,
.shib-table-toggle.shib-td-full
.is-live-preview.cards:not(.table-disable)
table:not(.dataview)
td,
.shib-table-toggle.shib-td-full
.is-live-preview:not(.cards:not(.table-disable))
table
td,
.shib-table-toggle.shib-td-full
.markdown-preview-view.cards:not(.table-disable)
table:not(.dataview)
td,
.shib-table-toggle.shib-td-full
.markdown-preview-view:not(.cards):not(.table-disable)
table
td,
.shib-table-toggle.shib-th-highlight
.is-live-preview.cards:not(.table-disable)
table:not(.dataview)
th,
.shib-table-toggle.shib-th-highlight
.is-live-preview:not(.cards):not(.table-disable)
th,
.shib-table-toggle.shib-th-highlight
.markdown-preview-view.cards:not(.table-disable)
table:not(.dataview)
th,
.shib-table-toggle.shib-th-highlight
.markdown-preview-view:not(.cards):not(.table-disable)
th {
background-color: rgba(var(--side), var(--shib-table-highlight-opacity, 0.5));
}
.shib-table-toggle.shib-td-checkered
.is-live-preview.cards:not(.table-disable)
table:not(.dataview)
tr:nth-child(2n)
td:nth-child(2n),
.shib-table-toggle.shib-td-checkered
.is-live-preview:not(.cards):not(.table-disable)
table
tr:nth-child(2n)
td:nth-child(2n),
.shib-table-toggle.shib-td-checkered
.markdown-preview-view.cards:not(.table-disable)
table:not(.dataview)
tr:nth-child(2n)
td:nth-child(2n),
.shib-table-toggle.shib-td-checkered
.markdown-preview-view:not(.cards):not(.table-disable)
table
tr:nth-child(2n)
td:nth-child(2n) {
background-color: rgba(
var(--exterior),
var(--shib-table-highlight-opacity, 0.5)
);
}
.shib-table-width.markdown-rendered.cards:not(.table-disable)
table:not(.dataview),
.shib-table-width.markdown-rendered:not(.cards):not(.table-disable) table {
width: var(--shib-table-width-pct);
}
.shib-table-width.shib-table-toggle
.markdown-rendered.cards:not(.table-disable)
table:not(.dataview),
.shib-table-width.shib-table-toggle
.markdown-rendered:not(.cards):not(.table-disable)
table {
width: var(--shib-table-width-pct);
margin-left: calc(50% - var(--shib-table-width-pct) / 2);
margin-right: calc(50% - var(--shib-table-width-pct) / 2);
}
table.table-view-table > tbody > tr > td,
table.table-view-table > thead > tr > th {
font-size: 0.9em;
}
:is(.markdown-preview-view, .markdown-rendered) table {
box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.061);
}
body:not(.shib-floating-animated-tab-toggle):not(.shib-disable-newtab-align)
.workspace-split.mod-vertical
.workspace-tab-header-new-tab {
margin-left: auto;
}
.shib-floating-tab-toggle .workspace-split.mod-vertical.mod-root {
--tab-background-inactive: var(--background-secondary-alt);
--tab-background-active: var(--background-primary);
--tab-background-inactive-hover: var(--background-primary-secondary);
--tab-text-color: var(--text-faint);
--tab-text-color-active: var(--text-muted);
--tab-text-color-focused: var(--text-muted);
--tab-text-color-focused-active: var(--text-muted);
--tab-text-color-focused-highlighted: var(--text-accent);
--tab-text-color-focused-active-current: var(--text-accent);
--tab-divider-color: var(--background-modifier-border-hover);
}
.shib-floating-tab-toggle
.workspace-split.mod-vertical.mod-root
.workspace-tabs
.workspace-tab-header-container
.workspace-tab-header-container-inner {
margin: 3px 0 !important;
gap: var(--shib-floating-tab-gap, 5px);
}
.shib-floating-tab-toggle
.workspace-split.mod-vertical.mod-root
.workspace-tabs
.workspace-tab-header-container
.workspace-tab-header-container-inner
.workspace-tab-header {
border-radius: var(--tab-radius);
border: var(--shib-floating-border-width, 1px) solid var(--tab-outline-color);
background-color: var(--tab-background-inactive);
color: var(--text-muted);
max-width: var(--tab-max-width);
}
.shib-floating-tab-toggle
.workspace-split.mod-vertical.mod-root
.workspace-tabs
.workspace-tab-header-container
.workspace-tab-header-container-inner
.workspace-tab-header
.workspace-tab-header-inner
.workspace-tab-header-inner-title {
margin-top: 3px;
}
.shib-floating-tab-toggle
.workspace-split.mod-vertical.mod-root
.workspace-tabs
.workspace-tab-header-container
.workspace-tab-header-container-inner
.workspace-tab-header.is-active {
background-color: var(--tab-background-active);
max-width: var(--tab-max-width);
box-shadow: none;
}
.shib-floating-tab-toggle:not(.shib-disable-newtab-align)
.workspace-tab-header-container-inner {
width: 100%;
}
.shib-floating-tab-toggle.shib-floating-tab-animated
.workspace-split.mod-vertical.mod-root
.workspace-tabs
.workspace-tab-header-container
.workspace-tab-header-container-inner
.workspace-tab-header {
transition: max-width 0.4s ease-in-out, width 0.4s ease-in-out, flex-grow 0.4s,
background-color 150ms;
}
.shib-floating-tab-toggle.shib-floating-tab-animated
.workspace-split.mod-vertical.mod-root
.workspace-tabs
.workspace-tab-header-container
.workspace-tab-header-container-inner
.workspace-tab-header.is-active {
flex-grow: 1.67;
max-width: var(--tab-max-width-active);
}
.shib-default-tab,
.shib-floating-animated-tab-toggle,
.shib-floating-tab-toggle,
.shib-solid-tab-toggle {
--header-height: var(--shib-alt-tab-custom-height, 40px);
--tab-stacked-header-width: var(--shib-stacked-header-width, 40px);
}
.shib-floating-animated-tab-toggle .workspace-tabs:not(.mod-stacked),
.shib-floating-tab-toggle .workspace-tabs:not(.mod-stacked) {
--tab-background: var(--background-secondary);
--tab-background-active: var(--background-primary);
--tab-font-size: 12.3px;
--tab-height: calc(var(--header-height) * 0.8);
--tab-max-width: 200px;
--tab-max-width-active: 300px;
}
.shib-floating-animated-tab-toggle .workspace-ribbon.mod-left {
margin-top: var(--header-height);
}
.shib-floating-animated-tab-toggle .workspace-ribbon.mod-left:before {
padding-bottom: 0;
}
.shib-floating-animated-tab-toggle
.mod-horizontal:not(.mod-left-split):not(.mod-right-split)
.workspace-tabs:not(.mod-stacked)
.workspace-tab-header-container-inner,
.shib-floating-animated-tab-toggle
.mod-vertical:not(.mod-left-split):not(.mod-right-split)
.workspace-tabs:not(.mod-stacked)
.workspace-tab-header-container-inner {
font-size: var(--font-size-folder-and-file);
font-family: var(--font-family-folder-file-title);
align-items: center;
justify-content: var(--shib-floating-tab-align, center);
margin: 0;
width: 100%;
gap: var(--shib-floating-tab-gap, 10px);
}
.shib-disable-newtab-align.shib-floating-animated-tab-toggle
.mod-horizontal:not(.mod-left-split):not(.mod-right-split)
.workspace-tabs:not(.mod-stacked)
.workspace-tab-header-container-inner,
.shib-disable-newtab-align.shib-floating-animated-tab-toggle
.mod-vertical:not(.mod-left-split):not(.mod-right-split)
.workspace-tabs:not(.mod-stacked)
.workspace-tab-header-container-inner {
width: unset;
gap: var(--shib-floating-tab-gap, 10px);
}
.shib-floating-animated-tab-toggle
.mod-horizontal:not(.mod-left-split):not(.mod-right-split)
.workspace-tabs:not(.mod-stacked)
.workspace-tab-header,
.shib-floating-animated-tab-toggle
.mod-vertical:not(.mod-left-split):not(.mod-right-split)
.workspace-tabs:not(.mod-stacked)
.workspace-tab-header {
background: var(--tab-background);
border-radius: var(--tab-radius);
box-shadow: none !important;
height: var(--tab-height);
padding: 0 !important;
transition: 0.4s, background-color 150ms ease-in-out;
}
.shib-floating-animated-tab-toggle
.mod-horizontal:not(.mod-left-split):not(.mod-right-split)
.workspace-tabs:not(.mod-stacked)
.workspace-tab-header,
.shib-floating-animated-tab-toggle:is(.shib-card-layout)
.mod-vertical:not(.mod-left-split):not(.mod-right-split)
.workspace-tabs:not(.mod-stacked)
.workspace-tab-header {
background: var(--tab-background);
border-radius: var(--shib-floating-tab-radius, 6px);
box-shadow: none !important;
height: var(--tab-height);
padding: 0 !important;
transition: 0.4s, background-color 150ms ease-in-out;
}
.shib-floating-animated-tab-toggle
.mod-root
.workspace-tabs:not(.mod-stacked)
.workspace-tab-header {
max-width: var(--tab-max-width);
border: var(--shib-floating-border-width, 1px) solid var(--tab-outline-color);
}
.shib-floating-animated-tab-toggle.shib-alt-tab-anim-toggle
.mod-root
.workspace-tabs:not(.mod-stacked)
.workspace-tab-header {
transition: 0.4s, background-color 150ms ease-in-out;
}
.shib-floating-animated-tab-toggle
.workspace-tabs:not(.mod-stacked)
.workspace-tab-header:first-child {
margin-left: 0;
}
.shib-floating-animated-tab-toggle
.mod-root:not(.mod-left-split):not(.mod-right-split)
.workspace-tabs:not(.mod-stacked)
.workspace-tab-header-inner {
padding: 0 4px 0 8px;
transition: 0.4s, background-color 150ms ease-in-out, max-width 0.4s;
}
.shib-floating-animated-tab-toggle
.mod-root:not(.mod-left-split):not(.mod-right-split)
.workspace-tabs:not(.mod-stacked)
.workspace-tab-header.is-active {
flex-grow: 1.23;
max-width: var(--tab-max-width-active);
background-color: var(--background-primary);
}
.shib-floating-animated-tab-toggle
.mod-root
.workspace-tabs:not(.mod-stacked)
.workspace-tab-header.is-active
.workspace-tab-header-inner-title {
color: var(--text-muted);
font-weight: 500;
}
.shib-floating-animated-tab-toggle
.mod-root
.workspace-tabs:not(.mod-stacked)
.workspace-tab-header.is-active
.workspace-tab-header-inner,
.shib-floating-animated-tab-toggle
.mod-root
.workspace-tabs:not(.mod-stacked)
.workspace-tab-header.is-active
.workspace-tab-header-inner-close-button,
.shib-floating-animated-tab-toggle
.mod-root
.workspace-tabs:not(.mod-stacked)
.workspace-tab-header.is-active
.workspace-tab-header-inner-icon,
.shib-floating-animated-tab-toggle
.mod-root
.workspace-tabs:not(.mod-stacked)
.workspace-tab-header.is-active
.workspace-tab-header-inner-title {
color: var(--text-faint);
}
.shib-floating-animated-tab-toggle
.mod-root
.workspace-tabs:not(.mod-stacked)
.workspace-tab-header.is-active
.workspace-tab-header-inner:hover {
background-color: rgba(var(--background-secondary), 0.4);
}
.shib-floating-animated-tab-toggle
.mod-root
.workspace-tabs:not(.mod-stacked).mod-active
.workspace-tab-header.is-active
.workspace-tab-header-inner,
.shib-floating-animated-tab-toggle
.mod-root
.workspace-tabs:not(.mod-stacked).mod-active
.workspace-tab-header.is-active
.workspace-tab-header-inner-close-button,
.shib-floating-animated-tab-toggle
.mod-root
.workspace-tabs:not(.mod-stacked).mod-active
.workspace-tab-header.is-active
.workspace-tab-header-inner-icon,
.shib-floating-animated-tab-toggle
.mod-root
.workspace-tabs:not(.mod-stacked).mod-active
.workspace-tab-header.is-active
.workspace-tab-header-inner-title {
color: var(--text-normal) !important;
}
.shib-floating-animated-tab-toggle
.mod-root
.workspace-tabs:not(.mod-stacked)
.workspace-tab-header.is-active:hover {
background-color: var(--background-modifier-border);
}
#calendar-container .right-nav,
.shib-floating-animated-tab-toggle .sidebar-toggle-button.mod-left,
.shib-floating-animated-tab-toggle .sidebar-toggle-button.mod-right {
align-items: center;
}
.shib-floating-animated-tab-toggle
.sidebar-toggle-button.mod-left
.clickable-icon,
.shib-floating-animated-tab-toggle
.sidebar-toggle-button.mod-right
.clickable-icon {
height: var(--tab-height);
}
.is-focused
.mod-active
.workspace-tab-header.is-active
.workspace-tab-header-inner-icon,
.is-focused
.mod-active
.workspace-tab-header.is-active
.workspace-tab-header-inner-title {
color: var(--text);
font-weight: 500;
}
.shib-solid-tab-toggle
.workspace-split:not(.mod-left-split):not(.mod-right-split)
.workspace-tab-header-container-inner
.workspace-tab-header.is-active {
border-radius: var(--tab-radius);
border-left: 1px solid var(--tab-outline-color);
border-right: 1px solid var(--tab-outline-color);
border-top: 1px solid var(--tab-outline-color);
border-bottom: 1px solid var(--tab-background-active);
margin-bottom: 0;
padding-bottom: 0;
}
.shib-solid-tab-toggle
.workspace-split:not(.mod-left-split):not(.mod-right-split)
.workspace-tab-header-container-inner
.workspace-tab-header.is-active
.workspace-tab-header-inner {
border-radius: var(--tab-radius);
margin-top: 0.5px;
padding-bottom: 4px;
}
.shib-solid-tab-toggle
.workspace-split:not(.mod-left-split):not(.mod-right-split)
.workspace-tab-header-container-inner
.workspace-tab-header:hover:not(.workspace-tab-header.is-active)
.workspace-tab-header-inner {
background-color: var(--background-secondary);
border-radius: var(--tab-radius);
margin-bottom: 0;
padding-bottom: 0;
}
progress {
-webkit-appearance: none;
appearance: none;
width: calc(var(--font-text-size) + 220px);
height: calc(var(--font-text-size) - 8px);
margin-right: 10px;
}
progress[value]::-webkit-progress-bar {
background: var(--background-primary);
box-shadow: 0 0 0 0.3px var(--background-modifier-form-field) inset;
border-radius: 0;
overflow: hidden;
}
progress[value]::-webkit-progress-value {
border-radius: 0;
}
.theme-light progress {
--color-l-progress-10: #f94144;
--color-l-progress-20: #f3722c;
--color-l-progress-30: #f8961e;
--color-l-progress-40: #f9844a;
--color-l-progress-50: #f9c74f;
--color-l-progress-60: #90be6d;
--color-l-progress-70: #99d98c;
--color-l-progress-80: #43aa8b;
--color-l-progress-90: #4d908e;
--color-l-progress-100: #38b000;
}
.theme-light progress[value^="1"]::-webkit-progress-value {
background: var(--color-l-progress-10);
}
.theme-light progress[value^="2"]::-webkit-progress-value {
background: var(--color-l-progress-20);
}
.theme-light progress[value^="3"]::-webkit-progress-value {
background: var(--color-l-progress-30);
}
.theme-light progress[value^="4"]::-webkit-progress-value {
background: var(--color-l-progress-40);
}
.theme-light progress[value^="5"]::-webkit-progress-value {
background: var(--color-l-progress-50);
}
.theme-light progress[value^="6"]::-webkit-progress-value {
background: var(--color-l-progress-60);
}
.theme-light progress[value^="7"]::-webkit-progress-value {
background: var(--color-l-progress-70);
}
.theme-light progress[value^="8"]::-webkit-progress-value {
background: var(--color-l-progress-80);
}
.theme-light progress[value^="9"]::-webkit-progress-value {
background: var(--color-l-progress-90);
}
.theme-light progress[value^="100"]::-webkit-progress-value {
background: var(--color-l-progress-100);
}
.theme-dark progress {
--color-d-progress-10: hsl(200, 56%, 60%);
--color-d-progress-20: hsl(176, 74%, 57%);
--color-d-progress-30: hsl(162, 30%, 53%);
--color-d-progress-40: hsl(124, 50%, 63%);
--color-d-progress-50: hsl(195, 100%, 50%);
--color-d-progress-60: hsl(213, 86%, 53%);
--color-d-progress-70: hsl(258, 75%, 54%);
--color-d-progress-80: hsl(294, 86%, 55%);
--color-d-progress-90: hsl(335, 55%, 59%);
--color-d-progress-100: linear-gradient(
45deg,
#2990ff95,
#3df9ff95,
#e46dff95
);
}
.theme-dark progress[value^="1"]::-webkit-progress-value {
background: var(--color-d-progress-10);
}
.theme-dark progress[value^="2"]::-webkit-progress-value {
background: var(--color-d-progress-20);
}
.theme-dark progress[value^="3"]::-webkit-progress-value {
background: var(--color-d-progress-30);
}
.theme-dark progress[value^="4"]::-webkit-progress-value {
background: var(--color-d-progress-40);
}
.theme-dark progress[value^="5"]::-webkit-progress-value {
background: var(--color-d-progress-50);
}
.theme-dark progress[value^="6"]::-webkit-progress-value {
background: var(--color-d-progress-60);
}
.theme-dark progress[value^="7"]::-webkit-progress-value {
background: var(--color-d-progress-70);
}
.theme-dark progress[value^="8"]::-webkit-progress-value {
background: var(--color-d-progress-80);
}
.theme-dark progress[value^="9"]::-webkit-progress-value {
background: var(--color-d-progress-90);
}
.theme-dark progress[value="100"]::-webkit-progress-value {
background: var(--color-d-progress-100);
}
body:not(.remove-file-icons)
.nav-file-title[data-path$=".canvas"]
.nav-file-title-content::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23adb5bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='svg-icon lucide-layout-dashboard'%3E%3Crect x='3' y='3' width='7' height='9'%3E%3C/rect%3E%3Crect x='14' y='3' width='7' height='5'%3E%3C/rect%3E%3Crect x='14' y='12' width='7' height='9'%3E%3C/rect%3E%3Crect x='3' y='16' width='7' height='5'%3E%3C/rect%3E%3C/svg%3E");
}
body:not(.shiba-remove-file-icons)
[data-type="starred"]
.nav-file-icon
.svg-icon {
padding: 4px 0 0;
}
body:not(.shiba-remove-file-icons)
.nav-file-title
.nav-file-title-content::before {
position: relative;
content: "";
display: inline-block;
width: 16px;
opacity: 0.9;
top: 0.15rem;
height: 16px;
margin-right: 3px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-color: var(--interactive-accent);
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill=""><path d="M0 0h24v24H0V0z" fill="none"/><path d="M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"/></svg>');
}
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".pdf"]
.nav-file-title-content::before {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" ><path fill="none" d="M0 0h24v24H0z"/><path d="M12 16H8V8h4a4 4 0 1 1 0 8zm-2-6v4h2a2 2 0 1 0 0-4h-2zm5-6H5v16h14V8h-4V4zM3 2.992C3 2.444 3.447 2 3.999 2H16l5 5v13.993A1 1 0 0 1 20.007 22H3.993A1 1 0 0 1 3 21.008V2.992z"/></svg>');
filter: hue-rotate(-45deg);
}
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".pdf"]
.nav-file-tag {
background-color: var(--color-accent-translucent-01);
color: var(--color-accent);
filter: hue-rotate(-45deg);
}
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".bmp"]
.nav-file-title-content::before,
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".gif"]
.nav-file-title-content::before,
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".jpeg"]
.nav-file-title-content::before,
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".jpg"]
.nav-file-title-content::before,
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".png"]
.nav-file-title-content::before,
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".svg"]
.nav-file-title-content::before {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" ><path d="M6 22h12a2 2 0 0 0 2-2V8l-6-6H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2zm7-18 5 5h-5V4zm-4.5 7a1.5 1.5 0 1 1-.001 3.001A1.5 1.5 0 0 1 8.5 11zm.5 5 1.597 1.363L13 13l4 6H7l2-3z"></path></svg>');
filter: hue-rotate(45deg);
}
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".bmp"]
.nav-file-tag,
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".gif"]
.nav-file-tag,
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".jpeg"]
.nav-file-tag,
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".jpg"]
.nav-file-tag,
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".png"]
.nav-file-tag,
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".svg"]
.nav-file-tag {
background-color: var(--color-accent-translucent-01);
color: var(--color-accent);
filter: hue-rotate(45deg);
}
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".mkv"]
.nav-file-title-content::before,
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".mov"]
.nav-file-title-content::before,
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".mp4"]
.nav-file-title-content::before,
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".ogv"]
.nav-file-title-content::before,
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".webm"]
.nav-file-title-content::before {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path><polyline points="14 2 14 8 20 8"></polyline><path d="m10 11 5 3-5 3v-6Z"></path></svg>');
filter: hue-rotate(90deg);
}
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".mkv"]
.nav-file-tag,
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".mov"]
.nav-file-tag,
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".mp4"]
.nav-file-tag,
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".ogv"]
.nav-file-tag,
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".webm"]
.nav-file-tag {
background-color: var(--color-accent-translucent-01);
color: var(--color-accent);
filter: hue-rotate(90deg);
}
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".3gp"]
.nav-file-title-content::before,
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".flac"]
.nav-file-title-content::before,
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".m4a"]
.nav-file-title-content::before,
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".mp3"]
.nav-file-title-content::before,
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".ogg"]
.nav-file-title-content::before,
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".wav"]
.nav-file-title-content::before {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17.5 22h.5c.5 0 1-.2 1.4-.6.4-.4.6-.9.6-1.4V7.5L14.5 2H6c-.5 0-1 .2-1.4.6C4.2 3 4 3.5 4 4v3"></path><polyline points="14 2 14 8 20 8"></polyline><path d="M10 20v-1a2 2 0 1 1 4 0v1a2 2 0 1 1-4 0Z"></path><path d="M6 20v-1a2 2 0 1 0-4 0v1a2 2 0 1 0 4 0Z"></path><path d="M2 19v-3a6 6 0 0 1 12 0v3"></path></svg>');
filter: hue-rotate(-90deg);
}
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".3gp"]
.nav-file-tag,
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".flac"]
.nav-file-tag,
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".m4a"]
.nav-file-tag,
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".mp3"]
.nav-file-tag,
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".ogg"]
.nav-file-tag,
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".wav"]
.nav-file-tag {
background-color: var(--color-accent-translucent-01);
color: var(--color-accent);
filter: hue-rotate(-90deg);
}
body:not(.shiba-remove-file-icons)
.nav-file-title[data-path$=".excalidraw.md"]
.nav-file-title-content::before {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.404 2.998c-.757-.754-2.077-.751-2.828.005l-1.784 1.791L11.586 7H7a.998.998 0 0 0-.939.658l-4 11c-.133.365-.042.774.232 1.049l2 2a.997.997 0 0 0 1.049.232l11-4A.998.998 0 0 0 17 17v-4.586l2.207-2.207v-.001h.001L21 8.409c.378-.378.586-.881.585-1.415 0-.535-.209-1.038-.588-1.415l-2.593-2.581zm-3.111 8.295A.996.996 0 0 0 15 12v4.3l-9.249 3.363 4.671-4.671c.026.001.052.008.078.008A1.5 1.5 0 1 0 9 13.5c0 .026.007.052.008.078l-4.671 4.671L7.7 9H12c.266 0 .52-.105.707-.293L14.5 6.914 17.086 9.5l-1.793 1.793zm3.206-3.208-2.586-2.586 1.079-1.084 2.593 2.581-1.086 1.089z"></path></svg>');
filter: hue-rotate(135deg);
}
body:not(.shiba-remove-file-icons)
.nav-file-title.is-active[data-path$=".md"]
> .nav-file-title-content::before {
background-color: var(--interactive-accent);
opacity: 1;
}
.cm-s-obsidian.mod-cm6 .HyperMD-codeblock span.cm-inline-code {
display: inline-block;
padding: unset;
}
.cm-s-obsidian span.cm-formatting-code.cm-inline-code {
color: var(--text-muted);
border-radius: 3px 0 0 3px;
}
:not(pre) > code:not([class*="language-"]) {
padding: 2px 3px 1px;
}
.cm-s-obsidian span.cm-inline-code {
padding: 2px 0 1px;
color: var(--text-color-code);
font-size: var(--font-size-code) !important;
}
.shiba-toggle-folder-icons.shiba-toggle-folder-icons-cute
.nav-folder
.nav-folder-collapse-indicator {
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 6C2 4.34315 3.34315 3 5 3H7.75093C8.82997 3 9.86325 3.43595 10.6162 4.20888L9.94852 4.85927L10.6162 4.20888L11.7227 5.34484C11.911 5.53807 12.1693 5.64706 12.4391 5.64706H16.4386C18.5513 5.64706 20.281 7.28495 20.4284 9.35939C21.7878 9.88545 22.5642 11.4588 21.977 12.927L20.1542 17.4853C19.5468 19.0041 18.0759 20 16.4402 20H6C4.88522 20 3.87543 19.5427 3.15116 18.8079C2.44035 18.0867 2 17.0938 2 16V6ZM18.3829 9.17647C18.1713 8.29912 17.3812 7.64706 16.4386 7.64706H12.4391C11.6298 7.64706 10.8548 7.3201 10.2901 6.7404L9.18356 5.60444L9.89987 4.90666L9.18356 5.60444C8.80709 5.21798 8.29045 5 7.75093 5H5C4.44772 5 4 5.44772 4 6V14.4471L5.03813 11.25C5.43958 10.0136 6.59158 9.17647 7.89147 9.17647H18.3829ZM5.03034 17.7499L6.94036 11.8676C7.07417 11.4555 7.45817 11.1765 7.89147 11.1765H19.4376C19.9575 11.1765 20.3131 11.7016 20.12 12.1844L18.2972 16.7426C17.9935 17.502 17.258 18 16.4402 18H6C5.64785 18 5.31756 17.9095 5.03034 17.7499Z' fill='%230F1729'/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
background-color: currentColor;
height: auto;
width: var((--font-size-folder-and-file), 1.0625em);
margin-right: 4px;
}
.shiba-toggle-folder-icons.shiba-toggle-folder-icons-cute
.nav-folder.is-collapsed
.nav-folder-collapse-indicator {
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 6C2 4.34315 3.34315 3 5 3H8.74586C9.80773 3 10.826 3.42223 11.5763 4.17364L13.4 6H16.9925C19.7576 6 21.9977 8.2443 21.9925 11.0094L21.9812 17.0094C21.976 19.7671 19.739 22 16.9812 22H7C4.23858 22 2 19.7614 2 17V6ZM11.5722 7L10.1611 5.58682C9.78595 5.21111 9.27679 5 8.74586 5H5C4.44772 5 4 5.44772 4 6V9H8.74586C9.2768 9 9.78595 8.78889 10.1611 8.41318L11.5722 7ZM4 11V17C4 18.6569 5.34315 20 7 20H16.9812C18.6359 20 19.9781 18.6603 19.9812 17.0056L19.9925 11.0056C19.9956 9.34658 18.6515 8 16.9925 8H13.4L11.5763 9.82636C10.826 10.5778 9.80773 11 8.74586 11H4Z' fill='%230F1729'/%3E%3C/svg%3E");
}
.shiba-toggle-folder-icons.shiba-toggle-folder-icons-normal
.nav-folder
.nav-folder-collapse-indicator {
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000000' d='M878.08 448H241.92l-96 384h636.16l96-384zM832 384v-64H485.76L357.504 192H128v448l57.92-231.744A32 32 0 0 1 216.96 384H832zm-24.96 512H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h287.872l128.384 128H864a32 32 0 0 1 32 32v96h23.04a32 32 0 0 1 31.04 39.744l-112 448A32 32 0 0 1 807.04 896z'/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
background-color: currentColor;
height: auto;
width: var((--font-size-folder-and-file), 1.0625em);
margin-right: 4px;
}
.shiba-toggle-folder-icons.shiba-toggle-folder-icons-normal
.nav-folder.is-collapsed
.nav-folder-collapse-indicator {
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000000' d='M128 192v640h768V320H485.76L357.504 192H128zm-32-64h287.872l128.384 128H928a32 32 0 0 1 32 32v576a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32z'/%3E%3C/svg%3E");
}
.shiba-toggle-folder-icons.shiba-toggle-folder-icons-arrows
.nav-folder
.nav-folder-collapse-indicator {
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 4C12.5523 4 13 4.44772 13 5V16.5858L17.2929 12.2929C17.6834 11.9024 18.3166 11.9024 18.7071 12.2929C19.0976 12.6834 19.0976 13.3166 18.7071 13.7071L12.7071 19.7071C12.5196 19.8946 12.2652 20 12 20C11.7348 20 11.4804 19.8946 11.2929 19.7071L5.29289 13.7071C4.90237 13.3166 4.90237 12.6834 5.29289 12.2929C5.68342 11.9024 6.31658 11.9024 6.70711 12.2929L11 16.5858V5C11 4.44772 11.4477 4 12 4Z' fill='%230F1729'/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
background-color: currentColor;
height: auto;
width: var((--font-size-folder-and-file), 1.0625em);
margin-right: 4px;
}
.shiba-toggle-folder-icons.shiba-toggle-folder-icons-arrows
.nav-folder.is-collapsed
.nav-folder-collapse-indicator {
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.2929 5.29289C12.6834 4.90237 13.3166 4.90237 13.7071 5.29289L19.7071 11.2929C20.0976 11.6834 20.0976 12.3166 19.7071 12.7071L13.7071 18.7071C13.3166 19.0976 12.6834 19.0976 12.2929 18.7071C11.9024 18.3166 11.9024 17.6834 12.2929 17.2929L16.5858 13H5C4.44772 13 4 12.5523 4 12C4 11.4477 4.44772 11 5 11H16.5858L12.2929 6.70711C11.9024 6.31658 11.9024 5.68342 12.2929 5.29289Z' fill='%230F1729'/%3E%3C/svg%3E");
}
.shiba-toggle-indent-colors
.nav-folder.mod-root
.nav-folder
> .nav-folder-children {
transition: color 0.4s;
border-color: rgba(var(--rainbow-folder-color), 0.5);
}
.shiba-toggle-indent-colors-accent
.nav-folder.mod-root
.nav-folder
> .nav-folder-children {
transition: color 0.4s;
border-color: rgba(var(--accent), 0.7);
}
.nav-folder-children > .nav-folder:nth-child(11n + 2) {
--rainbow-folder-color: var(--red);
}
.nav-folder-children > .nav-folder:nth-child(11n + 3) {
--rainbow-folder-color: var(--rose);
}
.nav-folder-children > .nav-folder:nth-child(11n + 4) {
--rainbow-folder-color: var(--lily);
}
.nav-folder-children > .nav-folder:nth-child(11n + 5) {
--rainbow-folder-color: var(--violet);
}
.nav-folder-children > .nav-folder:nth-child(11n + 11),
.nav-folder-children > .nav-folder:nth-child(11n + 6) {
--rainbow-folder-color: var(--blue);
}
.nav-folder-children > .nav-folder:nth-child(11n + 7) {
--rainbow-folder-color: var(--turquoise);
}
.nav-folder-children > .nav-folder:nth-child(11n + 8) {
--rainbow-folder-color: var(--green);
}
.nav-folder-children > .nav-folder:nth-child(11n + 9) {
--rainbow-folder-color: var(--sea);
}
.nav-folder-children > .nav-folder:nth-child(11n + 10),
.nav-folder-children > .nav-folder:nth-child(11n + 12) {
--rainbow-folder-color: var(--cyan);
}
.shib-workspace-background-image-toggle {
--card-background-color: transparent;
--card-foreground-color: rgba(
var(--base),
var(--shib-custom-bg-card-fg-opacity, 0.4)
);
--tab-inactive-color: rgba(
var(--side),
var(--shib-custom-bg-card-fg-opacity, 0.4)
);
--code-background: var(--card-foreground-color);
}
.shib-workspace-background-image-toggle .horizontal-main-container,
.shib-workspace-background-image-toggle.shib-bg-fix .horizontal-main-container {
background: var(--shib-background-image);
background-size: cover;
background-color: transparent;
}
.shib-workspace-background-image-toggle .workspace,
.shib-workspace-background-image-toggle.shib-bg-fix .workspace {
backdrop-filter: brightness(var(--shib-custom-bg-brightness, 0.5))
blur(var(--shib-custom-bg-blur, 5px));
background-color: transparent;
}
.shib-workspace-background-image-toggle .kanban-plugin__item-title-wrapper,
.shib-workspace-background-image-toggle.is-focused.shib-card-layout
.workspace-leaf.mod-active
.view-header,
.shib-workspace-background-image-toggle.shib-card-layout .workspace-ribbon,
.shib-workspace-background-image-toggle.shib-card-layout
.workspace-split.mod-root
.view-content {
background: 0 0;
}
.shib-workspace-background-image-toggle.shib-alternate-tab-toggle
.workspace-tabs:not(.mod-stacked),
.shib-workspace-background-image-toggle.shib-safari-tab-toggle
.workspace-tabs:not(.mod-stacked) {
--tab-background: var(--tab-inactive-color);
--tab-background-active: var(--card-foreground-color);
--tab-background-inactive: var(--tab-inactive-color);
}
.shib-workspace-background-image-toggle.shib-floating-header
.nav-folder.mod-root
> .nav-folder-title {
background-color: var(--tab-inactive-color);
}
.shib-workspace-background-image-toggle
.kanban-plugin
.kanban-plugin__lane
button:hover,
.shib-workspace-background-image-toggle .kanban-plugin__item-content-wrapper,
.shib-workspace-background-image-toggle .kanban-plugin__lane,
.shib-workspace-background-image-toggle.is-focused:not(.shib-card-layout)
.workspace-leaf.mod-active
.view-header,
.shib-workspace-background-image-toggle:not(.shib-card-layout) .view-header,
.shib-workspace-background-image-toggle:not(.shib-card-layout)
.workspace-ribbon,
.shib-workspace-background-image-toggle:not(.shib-card-layout)
.workspace-ribbon.mod-left:before,
.shib-workspace-background-image-toggle:not(.shib-card-layout)
.workspace-split.mod-root
.view-content,
.shib-workspace-background-image-toggle:not(.shib-card-layout)
.workspace-tab-header-container,
.shib-workspace-background-image-toggle:not(.shib-card-layout)
.workspace-tabs
.workspace-leaf {
background-color: var(--card-foreground-color);
}
.shib-workspace-background-image-toggle
:is(
.tree-item-inner,
.tree-item-flair,
.workspace-ribbon-collapse-btn,
.side-dock-ribbon-tab,
.side-dock-ribbon-action
):not(:hover) {
color: var(--text-normal);
}
.shib-workspace-background-image-toggle.background-settings-workplace-theme-light-cute-town-l.theme-light {
--cute-town-l: url("");
--shib-background-image: var(--cute-town-l);
}
.shib-workspace-background-image-toggle.background-settings-workplace-theme-light-japan.theme-light {
--japan: url("");
--shib-background-image: var(--japan);
}
.shib-workspace-background-image-toggle.background-settings-workplace-theme-light-robot.theme-light {
--robot: url("");
--shib-background-image: var(--robot);
}
.shib-workspace-background-image-toggle.background-settings-workplace-theme-light-neocity.theme-light {
--neocity: url("");
--shib-background-image: var(--neocity);
}
.shib-workspace-background-image-toggle.background-settings-workplace-mountain-light {
--mountain: url("");
--shib-background-image: var(--mountain);
}
.shib-workspace-background-image-toggle.background-settings-workplace-mountain2-light {
--mountain2: url("");
--shib-background-image: var(--mountain2);
}
.shib-workspace-background-image-toggle.theme-dark {
--background-primary-bg-4-bt: #1414148a;
--background-secondary-bg-4-bt: #16161680;
--background-secondary-alt-bg-4-bt: #16161680;
--background-primary-alt-bg-4-bt: #1c1c1ccf;
--text-normal: #cccccc;
--page-border-bottom: var(--color-base-30);
}
.shib-workspace-background-image-toggle.theme-dark.is-mobile {
--background-primary-bg-4-bt: #1f1f1fbf;
--background-secondary-bg-4-bt: #00000069;
--background-secondary-alt-bg-4-bt: #16161680;
--background-primary-alt-bg-4-bt: #00000082;
--text-normal: #d4d4d4;
--page-border-bottom: var(--color-base-30);
}
.shib-workspace-background-image-toggle.background-settings-workplace-theme-dark-cute-town-d.theme-dark {
--cute-town-d: url("");
--shib-background-image: var(--cute-town-d);
}
.shib-workspace-background-image-toggle.background-settings-workplace-theme-dark-in-the-sky.theme-dark {
--in-the-sky: url("");
--shib-background-image: var(--in-the-sky);
}
.shib-workspace-background-image-toggle.background-settings-workplace-theme-dark-tokyo.theme-dark {
--tokyo: url("");
--shib-background-image: var(--tokyo);
}
.shib-workspace-background-image-toggle.background-settings-workplace-theme-dark-thunder.theme-dark {
--thunder: url("");
--shib-background-image: var(--thunder);
}
.shib-workspace-background-image-toggle.background-settings-workplace-theme-dark-lofi.theme-dark {
--lofi: url("");
--shib-background-image: var(--lofi);
}
.shib-workspace-background-image-toggle.background-settings-workplace-theme-dark-lofi2.theme-dark {
--lofi2: url("");
--shib-background-image: var(--lofi2);
}
.shib-workspace-background-image-toggle.background-settings-workplace-theme-dark-lofi3.theme-dark {
--lofi3: url("");
--shib-background-image: var(--lofi3);
}
.shib-workspace-background-image-toggle.background-settings-workplace-theme-dark-lofi4.theme-dark {
--lofi4: url("");
--shib-background-image: var(--lofi4);
}
.shib-workspace-background-image-toggle.background-settings-workplace-theme-light-custom-option.theme-light {
--shib-background-image: var(
--background-settings-workplace-theme-light-custom
);
}
.shib-workspace-background-image-toggle.background-settings-workplace-theme-dark-custom-option.theme-dark { --shib-background-image: var(--background-settings-workplace-theme-dark-custom); }
.shib-workspace-background-image-toggle.background-settings-markdown-page-custom-option.theme-dark {
--shib-background-image: var(--background-settings-markdown-page-custom);
}
body.hide-left-ribbon-retention-drawer:not(
.shib-workspace-background-image-toggle
)
.workspace-tabs.mod-top {
background: var(--background-secondary-alt);
}
body.stack-tab-text-ori-mixed .workspace-tab-header-inner-title {
text-orientation: mixed;
}
body.toggle-bg-panel-page
:is(
.nav-files-container,
.file-tree-plugin-view,
[data-type="search"],
[data-type="starred"],
[data-type="recent-files"]
)::before {
content: "";
display: block;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: no-repeat center/cover var(--panel-page-background-url-theme);
z-index: -1;
}
body.toggle-bg-panel-page.theme-dark:is(.shib-card-layout)
:is(
.nav-files-container,
.file-tree-plugin-view,
[data-type="search"],
[data-type="starred"],
[data-type="recent-files"]
)::before {
opacity: var(--panel-page-opacity);
border-radius: var(--shib-card-radius, var(--radius-xl));
}
body.toggle-bg-panel-page.theme-light:is(.shib-card-layout)
:is(
.nav-files-container,
.file-tree-plugin-view,
[data-type="search"],
[data-type="starred"],
[data-type="recent-files"]
)::before {
opacity: var(--panel-page-opacity);
border-radius: var(--shib-card-radius, var(--radius-xl));
}
body.toggle-bg-panel-page.theme-dark:not(.shib-card-layout)
:is(
.nav-files-container,
.file-tree-plugin-view,
[data-type="search"],
[data-type="starred"],
[data-type="recent-files"]
)::before {
opacity: var(--panel-page-opacity);
}
body.toggle-bg-panel-page.theme-light:not(.shib-card-layout)
:is(
.nav-files-container,
.file-tree-plugin-view,
[data-type="search"],
[data-type="starred"],
[data-type="recent-files"]
)::before {
opacity: var(--panel-page-opacity);
}
body.toggle-bg-panel-page.panel-page-bg-theme-dark-robot.theme-dark {
--panel-page-background-url-theme: url("");
}
body.toggle-bg-panel-page.panel-page-bg-theme-dark-paradise.theme-dark {
--panel-page-background-url-theme: url("");
}
body.toggle-bg-panel-page.panel-page-bg-theme-dark-apple.theme-dark {
--panel-page-background-url-theme: url("");
}
body.toggle-bg-panel-page.panel-page-bg-theme-dark-custom.theme-dark {
--panel-page-background-url-theme: var(
--background-panel-page-theme-dark-custom
);
}
body.toggle-bg-panel-page.panel-page-bg-theme-light-space.theme-light {
--panel-page-background-url-theme: url("");
}
body.toggle-bg-panel-page.panel-page-bg-theme-light-paradise.theme-light {
--panel-page-background-url-theme: url("");
}
body.toggle-bg-panel-page.panel-page-bg-theme-light-custom.theme-light {
--panel-page-background-url-theme: var(
--background-panel-page-theme-light-custom
);
}
.workspace-leaf-content[data-type="calendar"] .view-content {
padding: unset;
}
#calendar-container .year {
font-size: 18px;
font-weight: 700;
}
#calendar-container .month {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
}
#calendar-container .arrow {
width: 5px;
height: 5px;
justify-content: right;
}
#calendar-container .reset-button {
padding: 0.5px 8px 0;
align-items: center;
font-weight: 700;
}
.is-mobile #calendar-container {
padding: 0 4px 2px;
margin: unset !important;
line-height: unset;
}
.is-mobile #calendar-container .calendar {
margin-left: -8px !important;
width: 103%;
}
.is-mobile #calendar-container th {
padding: 2px 0 !important;
border-radius: 0 !important;
}
.is-mobile #calendar-container td {
padding: 0 !important;
line-height: 24px !important;
}
.is-mobile #calendar-container .dot {
margin-top: 0 !important;
}
.is-mobile #calendar-container .hollow {
margin: 0 !important;
}
/* @settings
name: Shiba Inu Theme
id: shiba-theme-settings
settings:
-
id: shiba-inu-support
title: ૮ ºﻌºა Welcome
type: info-text
description: |
Welcome to Shiba Inu theme for Obsidian! If you need any assistance, please [submit an issue](https://github.com/faroukx/Obsidian-shiba-inu-theme/issues) on GitHub.
- **[Github](https://github.com/faroukx/Obsidian-shiba-inu-theme)**
- **[Obsidian Homepage by Farouk (Tutorial for Shiba Inu)](https://github.com/faroukx/obsidian-homepage)**
- **[Obsidian forum thread for Shiba Inu (Shiba Inu Community)](https://forum.obsidian.md/t/theme-shiba-inu/53395)**
markdown: true
#───────────────────────────────────── C O L O R S ────────────────────────────────────── (Colors Settings)
-
id: shiba-colors-header
title: Colors
description: Customize the look and feel of the theme with color palettes, accents and styling.
type: heading
level: 1
collapsed: true
-
id: shiba-colors-theme-light
title: Light Theme
description: Select your color palette
type: class-select
allowEmpty: false
default: default-light-theme
options:
-
label: Default
value: default-light-theme
-
label: Lily
value: lily-light
-
label: Ivory
value: ivory-light
-
label: Sky
value: sky-light
-
label: Stone
value: stone-light
-
id: shiba-colors-theme-dark
title: Dark Theme
description: Select your color palette
type: class-select
allowEmpty: false
default: default-dark-theme
options:
-
label: Default
value: default-dark-theme
-
label: Warm
value: warm-dark
-
label: Lilac
value: Lilac-dark
-
label: Pure
value: pure-dark
-
id: shiba-accent-style
title: Enable Accent Style
description: Adjust the theme style with the accents below
type: class-toggle
default: true
-
id: shiba-accent-colors
title: Accent Colors
description: Compatible with highlight color
type: class-select
allowEmpty: false
default: accent-lily
options:
-
label: Lily
value: accent-lily
-
label: Red
value: accent-red
-
label: Rose
value: accent-rose
-
label: Violet
value: accent-violet
-
label: Blue
value: accent-blue
-
label: Sea
value: accent-sea
-
label: Cyan
value: accent-cyan
-
label: Turquoise
value: accent-turquoise
-
label: Green
value: accent-green
-
label: Yellow
value: accent-yellow
-
label: Lemon
value: accent-lemon
-
label: Orange
value: accent-orange
-
id: shiba-custom-color-palette-header
title: Custom Palette
type: heading
description: Customize your own color palette!
level: 2
collapsed: true
-
id: background-primary
title: Background Primary
description: Base; such as markdown, vertical tab content and active tab.
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: background-primary-alt
title: Background Primary (alt)
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: background-secondary
title: Background Secondary
description: Side; as in layouts, vertical tab header and inactive tabs.
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: background-secondary-alt
title: Background Secondary (alt)
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: background-modifier-border
title: Background Modifier Border
description: Surface; such as the scrollbars and the borders.
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: background-modifier-border
title: Background Modifier Border
description: Surface; such as the scrollbars and the borders.
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: shiba-custom-color-accent-header
title: Custom Accents
type: heading
description: Customize your own accent color!
level: 2
collapsed: true
-
id: color-accent
title: Accent color
description: Change the color of the accent.
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
#───────────────────────────────────── E D I T O R ────────────────────────────────────── (Editor Settings)
-
id: shiba-editor-header
title: Editor
type: heading
description: Personalize the look of headers, texts, blockquotes, callouts, and other elements in your notes.
level: 1
collapsed: true
-
id: shiba-typography-header
title: Font
type: heading
description: Characteristics, styles, and options of fonts.
level: 2
collapsed: true
-
id: fonts-family-header
title: Fonts family
type: heading
level: 3
collapsed: true
-
id: font-text-theme
title: Text Font
description: Main fonts used are not applied to the code texts.
type: variable-text
default: "var(--font-default)"
-
id: font-family-vertical-bar
title: Vertical Bar (Settings)
type: variable-text
default: "var(--font-default)"
-
id: font-family-folder-file-title
title: Folder & File Title
type: variable-text
default: "var(--font-default)"
-
id: font-monospace-theme
title: Codebox
description: "```codebox```"
type: variable-text
default: "var(--font-default)"
-
id: font-family-inline-code
title: Inline Code
description: "`inline`"
type: variable-text
default: var(--font-monospace-theme)
-
id: font-family-tag
title: Tag
type: variable-text
default: "var(--font-default)"
-
id: font-family-vault
title: Vault Name
type: variable-text
default: "var(--font-default)"
-
id: fonts-size-header
title: Fonts size
type: heading
level: 3
collapsed: true
-
id: font-size-folder-and-file
title: Folder and File
type: variable-text
default: 0.90em
-
id: font-size-vault-name
title: Vault Name
type: variable-text
default: 0.95em
-
id: font-size-file-header-title
title: File Header
description: doesn't work for Sliding Pane plugin.
type: variable-text
default: 0.93em
-
id: font-size-code
title: Codeblock
type: variable-text
default: 1em
-
id: shiba-headers-header
title: Headers
type: heading
description: Characteristics, colors, and fonts of headers.
level: 2
collapsed: true
-
id: shib-header-color-toggle
title: Enable Custom Heading Colors
type: class-toggle
default: true
-
id: shiba-clutter-free-headings
title: Enable Clutter Free Headings
description: Displays formatting marks while editing, and replaces them with a muted "H1", "H2", etc. if they are not the active line.
type: class-toggle
default: false
-
id: shiba-remove-heading-indicator
title: Disable H1-H6 Indicators
description: Removal of H1-H6 indicators in front of titles on mouseover.
type: class-toggle
default: true
-
id: shib-h1-header
title: H1 settings
type: heading
level: 3
collapsed: true
-
id: h1-font
title: H1 Shiba font
type: variable-select
default: Satoshi
options:
- Satoshi
- Abril Fatface
- Anton
- Fredoka One
- Montserrat
- Poiret One
- Raleway
- Righteous
- Syne
-
id: h1-font
title: H1 Custom font
type: variable-text
default: Satoshi
-
id: h1-size
title: H1 size (em)
type: variable-number
default: 1.90
format: em
-
id: h1-weight
title: H1 weight
type: variable-number
default: 600
-
id: h1-line-height
title: H1 line height
type: variable-number
default: 1
-
id: shib-h1-color-custom
title: H1 color
type: class-select
allowEmpty: true
default: shib-h1-red
options:
-
label: Lily
value: shib-h1-lily
-
label: Red
value: shib-h1-red
-
label: Rose
value: shib-h1-rose
-
label: Violet
value: shib-h1-violet
-
label: Blue
value: shib-h1-blue
-
label: Sea
value: shib-h1-sea
-
label: Cyan
value: shib-h1-cyan
-
label: Turquoise
value: shib-h1-turquoise
-
label: Green
value: shib-h1-green
-
label: Yellow
value: shib-h1-yellow
-
label: Lemon
value: shib-h1-lemon
-
label: Orange
value: shib-h1-orange
-
id: h1-color
title: Custom H1 Color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: shib-h1-underline
title: H1 Underline
description: You must have the Custom Heading Colors enabled or, if disabled, have selected a custom color for it to work.
type: class-toggle
-
id: shib-h2-header
title: H2 settings
type: heading
level: 3
collapsed: true
-
id: h2-font
title: H2 Shiba font
type: variable-select
default: Satoshi
options:
- Satoshi
- Abril Fatface
- Anton
- Fredoka One
- Montserrat
- Poiret One
- Raleway
- Righteous
- Syne
-
id: h2-font
title: H2 Custom font
type: variable-text
default: Satoshi
-
id: h2-size
title: H2 size (em)
type: variable-number
default: 1.65
format: em
-
id: h2-weight
title: H2 weight
type: variable-number
default: 500
-
id: h2-line-height
title: H2 line height
type: variable-number
default: 1.2
-
id: shib-h2-color-custom
title: H2 color
type: class-select
allowEmpty: true
default: shib-h2-lily
options:
-
label: Lily
value: shib-h2-lily
-
label: Red
value: shib-h2-red
-
label: Rose
value: shib-h2-rose
-
label: Violet
value: shib-h2-violet
-
label: Blue
value: shib-h2-blue
-
label: Sea
value: shib-h2-sea
-
label: Cyan
value: shib-h2-cyan
-
label: Turquoise
value: shib-h2-turquoise
-
label: Green
value: shib-h2-green
-
label: Yellow
value: shib-h2-yellow
-
label: Lemon
value: shib-h2-lemon
-
label: Orange
value: shib-h2-orange
-
id: h2-color
title: Custom H2 Color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: shib-h2-underline
title: H2 Underline
description: You must have the Custom Heading Colors enabled or, if disabled, have selected a custom color for it to work.
type: class-toggle
-
id: shib-h3-header
title: H3 settings
type: heading
level: 3
collapsed: true
-
id: h3-font
title: H3 Shiba font
type: variable-select
default: Satoshi
options:
- Satoshi
- Abril Fatface
- Anton
- Fredoka One
- Montserrat
- Poiret One
- Raleway
- Righteous
- Syne
-
id: h3-font
title: H3 Custom font
type: variable-text
default: Satoshi
-
id: h3-size
title: H3 size (em)
type: variable-number
default: 1.4
format: em
-
id: h3-weight
title: H3 weight
type: variable-number
default: 400
-
id: h3-line-height
title: H3 line height
type: variable-number
default: 1.3
-
id: shib-h3-color-custom
title: H3 color
type: class-select
allowEmpty: true
default: shib-h3-sea
options:
-
label: Lily
value: shib-h3-lily
-
label: Red
value: shib-h3-red
-
label: Rose
value: shib-h3-rose
-
label: Violet
value: shib-h3-violet
-
label: Blue
value: shib-h3-blue
-
label: Sea
value: shib-h3-sea
-
label: Cyan
value: shib-h3-cyan
-
label: Turquoise
value: shib-h3-turquoise
-
label: Green
value: shib-h3-green
-
label: Yellow
value: shib-h3-yellow
-
label: Lemon
value: shib-h3-lemon
-
label: Orange
value: shib-h3-orange
-
id: h3-color
title: Custom H3 Color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: shib-h3-underline
title: H3 Underline
description: You must have the Custom Heading Colors enabled or, if disabled, have selected a custom color for it to work.
type: class-toggle
-
id: shib-h4-header
title: H4 settings
type: heading
level: 3
collapsed: true
-
id: h4-font
title: H4 Shiba font
type: variable-select
default: Satoshi
options:
- Satoshi
- Abril Fatface
- Anton
- Fredoka One
- Montserrat
- Poiret One
- Raleway
- Righteous
- Syne
-
id: h4-font
title: H4 Custom font
type: variable-text
default: Satoshi
-
id: h4-size
title: H4 size (em)
type: variable-number
default: 1.25
format: em
-
id: h4-weight
title: H4 weight
type: variable-number
default: 300
-
id: h4-line-height
title: H4 line height
type: variable-number
default: 1.4
-
id: shib-h4-color-custom
title: H4 color
type: class-select
allowEmpty: true
default: shib-h4-cyan
options:
-
label: Lily
value: shib-h4-lily
-
label: Red
value: shib-h4-red
-
label: Rose
value: shib-h4-rose
-
label: Violet
value: shib-h4-violet
-
label: Blue
value: shib-h4-blue
-
label: Sea
value: shib-h4-sea
-
label: Cyan
value: shib-h4-cyan
-
label: Turquoise
value: shib-h4-turquoise
-
label: Green
value: shib-h4-green
-
label: Yellow
value: shib-h4-yellow
-
label: Lemon
value: shib-h4-lemon
-
label: Orange
value: shib-h4-orange
-
id: h4-color
title: Custom H4 Color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: shib-h4-underline
title: H4 Underline
description: You must have the Custom Heading Colors enabled or, if disabled, have selected a custom color for it to work.
type: class-toggle
-
id: shib-h5-header
title: H5 settings
type: heading
level: 3
collapsed: true
-
id: h5-font
title: H5 Shiba font
type: variable-select
default: Satoshi
options:
- Satoshi
- Abril Fatface
- Anton
- Fredoka One
- Montserrat
- Poiret One
- Raleway
- Righteous
- Syne
-
id: h5-font
title: H5 Custom font
type: variable-text
default: Satoshi
-
id: h5-size
title: H5 size (em)
type: variable-number
default: 1.20
format: em
-
id: h5-weight
title: H5 weight
type: variable-number
default: 200
-
id: h5-line-height
title: H5 line height
type: variable-number
default: 1.5
-
id: shib-h5-color-custom
title: H5 color
type: class-select
allowEmpty: true
default: shib-h5-blue
options:
-
label: Lily
value: shib-h5-lily
-
label: Red
value: shib-h5-red
-
label: Rose
value: shib-h5-rose
-
label: Violet
value: shib-h5-violet
-
label: Blue
value: shib-h5-blue
-
label: Sea
value: shib-h5-sea
-
label: Cyan
value: shib-h5-cyan
-
label: Turquoise
value: shib-h5-turquoise
-
label: Green
value: shib-h5-green
-
label: Yellow
value: shib-h5-yellow
-
label: Lemon
value: shib-h5-lemon
-
label: Orange
value: shib-h5-orange
-
id: h5-color
title: Custom H5 Color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: shib-h5-underline
title: H5 Underline
description: You must have the Custom Heading Colors enabled or, if disabled, have selected a custom color for it to work.
type: class-toggle
-
id: shib-h6-header
title: H6 settings
type: heading
level: 3
collapsed: true
-
id: h6-font
title: H6 Shiba font
type: variable-select
default: Satoshi
options:
- Satoshi
- Abril Fatface
- Anton
- Fredoka One
- Montserrat
- Poiret One
- Raleway
- Righteous
- Syne
-
id: h6-font
title: H1 Custom font
type: variable-text
default: Satoshi
-
id: h6-size
title: H6 size (em)
type: variable-number
default: 1.15
format: em
-
id: h6-weight
title: H6 weight
type: variable-number
default: 100
-
id: h6-line-height
title: H6 line height
type: variable-number
default: 1.6
-
id: shib-h6-color-custom
title: H6 color
type: class-select
allowEmpty: true
default: shib-h6-turquoise
options:
-
label: Lily
value: shib-h6-lily
-
label: Red
value: shib-h6-red
-
label: Rose
value: shib-h6-rose
-
label: Violet
value: shib-h6-violet
-
label: Blue
value: shib-h6-blue
-
label: Sea
value: shib-h6-sea
-
label: Cyan
value: shib-h6-cyan
-
label: Turquoise
value: shib-h6-turquoise
-
label: Green
value: shib-h6-green
-
label: Yellow
value: shib-h6-yellow
-
label: Lemon
value: shib-h6-lemon
-
label: Orange
value: shib-h6-orange
-
id: h6-color
title: Custom H6 Color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: shib-h6-underline
title: H6 Underline
description: You must have the Custom Heading Colors enabled or, if disabled, have selected a custom color for it to work.
type: class-toggle
-
id: shiba-text-color-header
title: Text Colors
type: heading
description: Bold and Italic colors.
level: 2
collapsed: true
-
id: text-normal
title: Custom Font Color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: shiba-italic-bold-style
title: Enable Italic and Bold Colors
type: class-toggle
default: true
-
id: shiba-italic-colors
title: Color of *Italic*
type: class-select
allowEmpty: true
default: shib-italic-green
options:
-
label: Lily
value: shib-italic-lily
-
label: Red
value: shib-italic-red
-
label: Rose
value: shib-italic-rose
-
label: Violet
value: shib-italic-violet
-
label: Blue
value: shib-italic-blue
-
label: Sea
value: shib-italic-sea
-
label: Cyan
value: shib-italic-cyan
-
label: Turquoise
value: shib-italic--turquoise
-
label: Green
value: shib-italic-green
-
label: Yellow
value: shib-italic-yellow
-
label: Lemon
value: shib-italic-lemon
-
label: Orange
value: shib-italic-orange
-
id: italic-color
title: Custom *Italic* Color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: shiba-bold-colors
title: Color of **Bold**
type: class-select
allowEmpty: true
default: shib-bold-red
options:
-
label: Lily
value: shib-bold-lily
-
label: Red
value: shib-bold-red
-
label: Rose
value: shib-bold-rose
-
label: Violet
value: shib-bold-violet
-
label: Blue
value: shib-bold-blue
-
label: Sea
value: shib-bold-sea
-
label: Cyan
value: shib-bold-cyan
-
label: Turquoise
value: shib-bold-turquoise
-
label: Green
value: shib-bold-green
-
label: Yellow
value: shib-bold-yellow
-
label: Lemon
value: shib-bold-lemon
-
label: Orange
value: shib-bold-orange
-
id: bold-color
title: Custom **Bold** Color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: shiba-highlights-color-header
title: Others Colors
type: heading
description: Highlights and Tags colors.
level: 2
collapsed: true
-
id: text-highlight-bg
title: Custom ==highlights== color
type: variable-themed-color
opacity: 0.4
format: hex
default-light: '#'
default-dark: '#'
-
id: tag-background
title: Custom tags color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: shiba-image-settings-header
title: Image Settings
type: heading
description: Customize your images by adjusting various settings such as border radius.
level: 2
collapsed: true
-
id: image-zoom
title: Enable Image Zoom via CSS
type: class-toggle
-
id: img-border-radius
title: Image Border Radius (any unit, no space)
type: variable-text
default: 0px
-
id: link-style
title: Links
type: heading
description: Internal, External and unresolved links customizations and colors.
level: 2
collapsed: true
-
id: link-underline-internal
title: Toggle Internal Link Underline
type: class-toggle
default: false
-
id: link-underline-external
title: Disable External Link Underline
type: class-toggle
default: false
-
id: link-underline-unresolved
title: Toggle Unresolved Link Underline
type: class-toggle
default: false
-
id: internal-link-color
title: Internal Link Color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: external-link-color
title: External Link Color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: unresolved-link-color
title: Unresolved Link Color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: tabs-style
title: Tabs
type: heading
description: Tabs customizations and colors.
level: 2
collapsed: true
-
id: shiba-alt-tab-style
title: Tab style
type: class-select
allowEmpty: false
default: shib-floating-animated-tab-toggle
options:
-
label: Default
value: shib-default-tab
-
label: Solid
value: shib-solid-tab-toggle
-
label: Floating 1
value: shib-floating-tab-toggle
-
label: Floating 2
value: shib-floating-animated-tab-toggle
-
id: tab-radius
title: Tab Radius
description: Format is px
type: variable-number
default: 0
format: px
-
id: shib-disable-newtab-align
title: Disable new tab button right alignment
type: class-toggle
-
id: shib-table-header
title: Tables
description: Modification of the design of the tables.
type: heading
level: 2
collapsed: true
-
id: shib-table-toggle
title: Toggle table with line border
description: Excel table style.
default: true
type: class-toggle
-
id: shib-table-auto
title: Center tables margin
type: class-toggle
-
id: shib-table-thickness
title: Custom table border width
type: variable-number
default: 2
format: px
-
id: shib-table-headers-header
title: Table Headers
type: heading
level: 3
collapsed: true
-
id: shib-th-highlight
title: Table headers highlight
type: class-toggle
-
id: shib-table-highlight-opacity
title: Highlight opacity
default: 0.5
type: variable-number-slider
min: 0
max: 1
step: 0.1
-
id: shib-table-align-th
title: Text align
type: variable-select
default: center
options:
-
label: Left
value: left
-
label: Center
value: center
-
label: Right
value: right
-
id: shib-table-data-cells-header
title: Table data cells
type: heading
level: 3
collapsed: true
-
id: shib-td-highlight
title: Table data cells highlight
type: class-select
default: shib-td-none
allowEmpty: false
options:
-
label: None
value: shib-td-none
-
label: Alternate rows
value: shib-td-alt-rows
-
label: Alternate columns
value: shib-td-alt-cols
-
label: Checkered
value: shib-td-checkered
-
label: Full
value: shib-td-full
-
id: shib-table-align-td
title: Text align
type: variable-select
default: left
options:
-
label: Left
value: left
-
label: Center
value: center
-
label: Right
value: right
-
id: shib-callout-header
title: Callouts
description: Custom callouts style.
type: heading
level: 2
collapsed: true
-
id: shib-callout-toggle
title: Toggle callout styling
type: class-toggle
-
id: shib-callout-select
title: Select callout style
type: class-select
default: shib-callout-style-3
allowEmpty: false
options:
-
label: Default
value: shib-callout-default
-
label: Style 1 (Rounded)
value: shib-callout-style-1
-
label: Style 2 (Dashed)
value: shib-callout-style-2
-
label: Style 3 (Solid)
value: shib-callout-style-3
-
label: Style 4 (Minimalistic)
value: shib-callout-style-4
-
label: Block
value: shib-callout-block
-
id: shib-callout-fold-position
title: Toggle fold position at the corner
default: true
type: class-toggle
-
id: shib-callout-color-toggle
title: Toggle custom callout colors
type: class-toggle
-
id: callout-radius
title: Callout Radius
description: Format is px
type: variable-number
default: 4
format: px
-
id: shib-hb-header
title: Horizontal Bar
description: The ---.
type: heading
level: 2
collapsed: true
-
id: shib-hb-select
title: Select horizontal bar style
type: class-select
default: shiba-hb-default
allowEmpty: false
options:
-
label: Default
value: shiba-hb-default
-
label: Dashed
value: shiba-hb-style
-
label: Dotted
value: shiba-hb-style2
-
id: outline-border
title: Horizontal bar Size
description: Format is px
type: variable-number-slider
default: 2
format: px
min: 1
max: 20
step: 1
-
id: hr-outline-color
title: Custom horizontal bar Color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: shib-checkboxes-header
title: Checkboxes
description: Custom checkboxes.
type: heading
level: 2
collapsed: true
-
id: custom-checkboxes
title: Enable Custom Checkboxes
default: true
type: class-toggle
-
id: shib-blockquotes-header
title: Blockquotes
description: Custom blockquotes.
type: heading
level: 2
collapsed: true
-
id: blockquote-style
title: Blockquote
type: class-select
allowEmpty: false
default: blockquote-style-default
options:
-
label: Default
value: blockquote-style-default
-
label: Outline
value: blockquote-style-outline
-
label: Border left
value: blockquote-style-border-left
-
label: Quotation mark
value: blockquote-style-quotation-mark
#────────────────────────────── M I S C E L L A N E O U S ─────────────────────────────── (Miscellaneous Settings)
-
id: shib-misc-element-header
title: Miscellaneous
description: Unique features specifically designed for the Shiba Inu theme.
type: heading
level: 1
collapsed: true
-
id: shib-misc-buttons-settings
title: Buttons Style
description: Style to make the buttons look better.
type: heading
level: 2
collapsed: true
-
id: buttons-plugin-style
title: Enable Buttons Plugin Style
type: class-toggle
default: true
description: Current Buttons plugin built-in classes:🔸"circle_btn" ⬜️ "blank" 🔸 "grad_button" 🟣"btn_purple" 🔵"btn_blue" 🟢"btn_green" 🟩 "btn_lightgreen" 🟡"btn_yellow" 🔴"btn_red" 🦩 "btn_pink" 🌊 "btn_cyan"
-
id: buttons-workspace-style
title: Enable Buttons Workspace Style
description: Set up buttons with a smooth 3D shadow effect
type: class-toggle
default: true
-
id: shib-misc-translucent-settings
title: Translucent Panel
description: Style to make the background of the control panels, settings, template and quick switcher transparent.
type: heading
level: 2
collapsed: true
-
id: translucent-pane-style-settings
title: Pane Style
type: class-select
allowEmpty: false
default: setting-style-traditional
options:
-
label: Frosted Glass
value: shib-setting-default-frosted-glass
-
label: Traditional
value: setting-style-traditional
-
label: Translucent (only for setting panel)
value: shib-translucent-setting-panel
-
id: shib-transparent-setting-panel
title: Translucent Setting Panel
description: Make the background of the panel completely transparent
type: class-toggle
default: false
#────────────────────────────────── W O R K S P A C E ─────────────────────────────────── (Workspace Settings)
-
id: shib-workspace-header
title: Workspace
description: Configure all relevant workspace settings.
type: heading
level: 1
collapsed: true
-
id: shib-file-explorer-header
title: File explorer
description: Settings for the file explorer in the sidebar, such as the vault title and the folders and notes.
type: heading
level: 2
collapsed: true
-
id: file-explorer-vault-title-style-header
title: Vault Title
type: heading
level: 4
collapsed: true
-
id: hide-vault-title
title: Hide Vault Title
type: class-toggle
default: false
-
id: shib-floating-header
title: Enable Floating Box for the Vault Title
type: class-toggle
default: true
-
id: shib-custom-vault-folder-toggle
title: Enable Folder Icons
type: class-toggle
default: false
-
id: shib-custom-vault-folder-toggle-options
title: Select your custom folder icons
type: class-select
allowEmpty: false
default: shib-custom-vault-folder-folder-icon
options:
-
label: Folder
value: shib-custom-vault-folder-folder-icon
-
label: Shiba
value: shib-custom-vault-folder-shiba-icon
-
label: Custom
value: shib-custom-vault-folder-custom-icon
-
id: shib-custom-vault-folder-custom-icon-url
title: Custom Folders Icon (svg url)
description: You will need an SVG url converted to css for the custom icon; www.svgrepo.com/vectors/user/ Once downloaded, open it in VSC and convert it to CSS. Then copy the entire set "url(data:image........................./%3E%3C/svg%3E")".
type: variable-text
default: url("data:image/svg+xml.../%3E%3C/svg%3E")
-
id: file-explorer-files-notes-style-header
title: Files & Notes
type: heading
level: 4
collapsed: true
-
id: shiba-remove-file-icons
title: Remove custom file icons
type: class-toggle
default: false
-
id: shiba-toggle-folder-icons
title: Enable custom folder icons
type: class-toggle
default: false
-
id: shiba-toggle-folder-icons-options
title: Select your custom folder icons
type: class-select
allowEmpty: false
default: shiba-toggle-folder-icons-cute
options:
-
label: Cute
value: shiba-toggle-folder-icons-cute
-
label: Normal
value: shiba-toggle-folder-icons-normal
-
label: Arrows
value: shiba-toggle-folder-icons-arrows
-
id: shiba-toggle-indent-colors
title: Enable rainbow recoloring of the collpase indentation
type: class-toggle
default: false
-
id: shiba-toggle-indent-colors-accent
title: Enable accent recoloring of the collpase indentation
type: class-toggle
default: false
-
id: shiba-color-folders-header
title: Colorful Folders
description: Add colorful backgrounds to your folders and color to your folder titles in the file explorer.
type: heading
level: 2
collapsed: true
-
id: folder-style-change-options-colorful
title: Select Folder Colorful Mode
type: class-select
allowEmpty: false
default: shiba-color-folder-default
options:
-
label: Default non-colorful
value: shiba-color-folder-default
-
label: Colorful Folder Backgrounds
value: shiba-color-folder-background
-
label: Colorful Folder Titles
value: shiba-color-folder-title
-
id: folder-style-change-options-colors-palette
title: Folder Color Palette
type: class-select
allowEmpty: false
default: folder-colorful-two
options:
-
label: Rainbow (High Transparency)
value: folder-colorful-one
-
label: Rainbow (Low Transparency)
value: folder-colorful-two
-
label: Sky (Style 3)
value: folder-colorful-three
-
label: Exotic (Style 4)
value: folder-colorful-four
-
label: Ivory (Style 5)
value: folder-colorful-five
-
label: Violet (Style 6)
value: folder-colorful-six
-
label: Custom
value: folder-colorful-custom
-
id: shib-colorful-folders-radius
title: Background radius
description: Size unit is px
type: variable-number-slider
default: 2
min: 0
max: 12
step: 1
format: px
-
id: shib-colorful-folders-opacity
title: Background opacity
description: Size unit is px
type: variable-number-slider
default: 0.9
min: 0
max: 1.0
step: 0.01
-
id: nav-item-color
title: Custom Color of Note Title
type: variable-themed-color
opacity: true
format: hex
default-light: '#2486ff'
default-dark: '#b3b3b3'
-
id: nav-folder-title-color
title: Custom Color of Folder Title
type: variable-themed-color
opacity: true
format: hex
default-light: '#2486ff'
default-dark: '#b3b3b3'
-
id: custom-folders-colors-header
title: Custom Folders Colors
type: heading
level: 4
collapsed: true
-
id: folder-colorful-custom-color
title: Custom Color of Folder 1
type: variable-themed-color
opacity: true
format: hex
default-light: '#2486ff'
default-dark: '#b3b3b3'
-
id: folder-colorful-custom-color2
title: Custom Color of Folder 2
type: variable-themed-color
opacity: true
format: hex
default-light: '#2486ff'
default-dark: '#b3b3b3'
-
id: folder-colorful-custom-color3
title: Custom Color of Folder 3
type: variable-themed-color
opacity: true
format: hex
default-light: '#2486ff'
default-dark: '#b3b3b3'
-
id: folder-colorful-custom-color4
title: Custom Color of Folder 4
type: variable-themed-color
opacity: true
format: hex
default-light: '#2486ff'
default-dark: '#b3b3b3'
-
id: folder-colorful-custom-color5
title: Custom Color of Folder 5
type: variable-themed-color
opacity: true
format: hex
default-light: '#2486ff'
default-dark: '#b3b3b3'
-
id: folder-colorful-custom-color6
title: Custom Color of Folder 6
type: variable-themed-color
opacity: true
format: hex
default-light: '#2486ff'
default-dark: '#b3b3b3'
-
id: folder-colorful-custom-color7
title: Custom Color of Folder 7
type: variable-themed-color
opacity: true
format: hex
default-light: '#2486ff'
default-dark: '#b3b3b3'
-
id: folder-colorful-custom-color8
title: Custom Color of Folder 8
type: variable-themed-color
opacity: true
format: hex
default-light: '#2486ff'
default-dark: '#b3b3b3'
-
id: folder-colorful-custom-color9
title: Custom Color of Folder 9
type: variable-themed-color
opacity: true
format: hex
default-light: '#2486ff'
default-dark: '#b3b3b3'
-
id: folder-colorful-custom-color10
title: Custom Color of Folder 10
type: variable-themed-color
opacity: true
format: hex
default-light: '#2486ff'
default-dark: '#b3b3b3'
-
id: shib-scrollbar
description: Settings for the Scrollbar. Adjust the width, Add Scroll Buttons, etc.
title: Scrollbar
type: heading
level: 2
collapsed: true
-
id: shib-hide-scrollbars
title: Hide scrollbars
description: It is hidden but when you place the cursor there it appears.
type: class-toggle
default: false
-
id: shib-styled-scrollbars
title: Styled scrollbars
description: Minimal scrollbars (replaces native scrollbars)
type: class-toggle
default: true
-
id: shib-graph
description: Customizing graph view colors.
title: Graph View
type: heading
level: 2
collapsed: true
-
id: graph-line
title: Graph line color
type: variable-themed-color
opacity: true
allowEmpty: true
format: hex
default-light: '#'
default-dark: '#'
-
id: graph-fill-tag
title: Graph tag color
type: variable-themed-color
opacity: true
allowEmpty: true
format: hex
default-light: '#'
default-dark: '#'
-
id: graph-fill-attachment
title: Graph attachment color
type: variable-themed-color
opacity: true
allowEmpty: true
format: hex
default-light: '#'
default-dark: '#'
-
id: graph-circle-fill-unresolved
title: Graph unresolved color
type: variable-themed-color
opacity: true
allowEmpty: true
format: hex
default-light: '#'
default-dark: '#'
-
id: graph-arrow
title: Graph arrow color
type: variable-themed-color
opacity: true
allowEmpty: true
format: hex
default-light: '#'
default-dark: '#'
-
id: graph-line-highlight
title: Graph line highlight color
type: variable-themed-color
opacity: true
allowEmpty: true
format: hex
default-light: '#'
default-dark: '#'
-
id: graph-circle-fill
title: Graph circle color
type: variable-themed-color
opacity: true
allowEmpty: true
format: hex
default-light: '#'
default-dark: '#'
-
id: graph-circle-fill-highlight
title: Graph circle highlight color
type: variable-themed-color
opacity: true
allowEmpty: true
format: hex
default-light: '#'
default-dark: '#'
-
id: shib-layout-header
title: Layout
description: settings for the workspace frames, such as tabs and borders.
type: heading
level: 2
collapsed: true
-
id: shib-layout-select
title: Layout Style
type: class-select
allowEmpty: false
default: shib-default-layout
options:
-
label: Default
value: shib-default-layout
-
label: Cards
value: shib-card-layout
-
id: shib-disable-borders
title: Disable borders
type: class-toggle
-
id: tab-outline-color
title: Custom borders Color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: shib-layout-card
title: Cards layout style
type: heading
level: 3
collapsed: true
-
id: shib-card-radius
title: Card radius
description: Size unit is px
type: variable-number
default: 16
format: px
-
id: shib-card-layout-padding
title: Card padding
description: Size unit is px
type: variable-number
default: 10
format: px
-
id: shib-card-header-left-padding
title: Tab left padding
description: Size unit is px
type: variable-number
default: 20
format: px
-
id: shib-card-shadows
title: Enable shadows for cards
type: class-toggle
-
id: shib-card-layout-actions
title: Enable card format for left ribbon
type: class-toggle
-
id: shib-card-layout-fileexplorer
title: Enable card format for file explorer
default: true
type: class-toggle
-
id: note-image-background
title: Background Image
description: Add a background to the workspace.
type: heading
level: 2
collapsed: true
-
id: background-settings-workplace
title: Workspace Background Image
type: heading
level: 3
collapsed: true
-
id: shib-workspace-background-image-toggle
title: Enable Workspace Background Image
type: class-toggle
default: false
-
id: background-settings-workplace-theme-light-header
title: Light Mode
type: heading
level: 4
collapsed: true
-
id: background-settings-workplace-theme-light
title: Light Mode Background
type: class-select
allowEmpty: false
default: background-settings-workplace-theme-light-cute-town-l
options:
-
label: Custom
value: background-settings-workplace-theme-light-custom-option
-
id: background-settings-workplace-theme-light-custom
title: Custom Background Light Mode (url)
description: Customize the background image. Use the default format below for an online image. Use the following format to point to a local file - url("app://local/D:/Pictures/Mountain.jpg").
type: variable-text
default: url("https://")
-
id: shib-custom-bg-blur-light
title: Blur Radius
description: To adjust the radius of blur
type: variable-number-slider
default: 5
min: 0
max: 20
format: px
step: 1
-
id: shib-custom-bg-brightness-light
title: Brightness of Image
description: To adjust the brightness
type: variable-number-slider
default: 0.7
min: 0
max: 2
step: 0.05
-
id: shib-custom-bg-card-fg-opacity-light
title: Opacity of Image
description: To adjust the opacity
type: variable-number-slider
default: 0.4
min: 0
max: 1
step: 0.05
-
id: background-settings-workplace-theme-dark-header
title: Dark Mode
type: heading
level: 4
collapsed: true
-
id: background-settings-workplace-theme-dark
title: Dark Mode Background
type: class-select
allowEmpty: false
default: background-settings-workplace-theme-dark-cute-town-d
options:
-
label: Custom
value: background-settings-workplace-theme-dark-custom-option
-
id: background-settings-workplace-theme-dark-custom
title: Custom Background Dark Mode (url)
description: Customize the background image. Use the default format below for an online image. Use the following format to point to a local file - url("app://local/D:/Pictures/Mountain.jpg").
type: variable-text
default: url("https://")
-
id: shib-custom-bg-blur-dark
title: Blur Radius
description: To adjust the radius of blur
type: variable-number-slider
default: 5
min: 0
max: 20
format: px
step: 1
-
id: shib-custom-bg-brightness-dark
title: Brightness of Image
description: To adjust the brightness
type: variable-number-slider
default: 0.7
min: 0
max: 2
step: 0.05
-
id: shib-custom-bg-card-fg-opacity-dark
title: Opacity of Image
description: To adjust the opacity
type: variable-number-slider
default: 0.4
min: 0
max: 1
step: 0.05
-
id: background-settings-markdown-page
title: File Explorer Background Image
type: heading
level: 3
collapsed: true
-
id: toggle-bg-panel-page
title: Toggle Background Image
type: class-toggle
default: false
-
id: panel-page-opacity
title: Opacity of Image
description: To adjust the opacity
type: variable-number-slider
default: 0.25
min: 0
max: 1
step: 0.05
-
id: bg-panel-page-option-theme-light-header
title: Light Mode
type: heading
level: 4
collapsed: true
-
id: bg-panel-page-option
title: Light Mode Background
type: class-select
allowEmpty: false
default: panel-page-bg-theme-light-custom
options:
-
label: Space
value: panel-page-bg-theme-light-space
-
label: Paradise
value: panel-page-bg-theme-light-paradise
-
label: Custom
value: panel-page-bg-theme-light-custom
-
id: background-panel-page-theme-light-custom
title: Custom Background Light mode
description: Customize the background image. Use the default format below for an online image. Use the following format to point to a local file - url("app://local/D:/Pictures/Mountain.jpg").
type: variable-text
default: url("https://")
-
id: bg-panel-page-option-theme-dark-header
title: Dark Mode
type: heading
level: 4
collapsed: true
-
id: bg-panel-page-option
title: Dark Mode Background
type: class-select
allowEmpty: false
default: panel-page-bg-theme-dark-custom
options:
-
label: Paradise
value: panel-page-bg-theme-dark-paradise
-
label: Robot
value: panel-page-bg-theme-dark-robot
-
label: Apple
value: panel-page-bg-theme-dark-apple
-
label: Custom
value: panel-page-bg-theme-dark-custom
-
id: background-panel-page-theme-dark-custom
title: Custom Background Dark mode
description: Customize the background image. Use the default format below for an online image. Use the following format to point to a local file - url("app://local/D:/Pictures/Mountain.jpg").
type: variable-text
default: url("https://")
#──────────────────────────────── C O M P L E M E N T S ───────────────────────────────── (Complements Settings)
-
id: shib-snippets-plugins-settings
title: Complements
description: Customized snippets and plugins for the Shiba Inu theme.
type: heading
level: 1
collapsed: true
-
id: shib-snippets-minimal-cards
title: Minimal Cards Snippet
description: Customization of the Minimal theme Cards Layouts snippet by @kepano https://github.com/kepano/obsidian-minimal/blob/dc9e0b48a6fb1cc3cddc6819ce1aaa466660426f/src/scss/features/cards.scss (You must download it from the link if you want to use the customization)
type: heading
level: 2
collapsed: true
-
id: minimal-cards-style
title: separate values with lines
type: class-toggle
default: true
-
id: shib-minimal-cards-style-select
title: Select cards style
type: class-select
default: minimal-cards-style1
allowEmpty: false
options:
-
label: Default
value: minimal-cards-style1
-
label: Dashed
value: minimal-cards-style2
-
label: Dotted
value: minimal-cards-style3
-
id: cards-min-width
title: Card minimum width
description: Adjust the width of the cards
type: variable-text
default: 180px
-
id: cards-max-width
title: Card maximum width
description: Default fills the available width, accepts valid CSS units
type: variable-text
default: 1fr
-
id: cards-image-height
title: Card maximum image height
description: Adjust the height of the cards
type: variable-text
default: 400px
-
id: cards-padding
title: Card padding
description: Adjust the padding of the cards
type: variable-text
default: 1.2em
-
id: cards-border-width
title: Card border width
type: variable-text
default: 1px
-
id: cards-background
title: Card background color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: cards-background-modifier-border
title: Custom cards borders Color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: shiba-inu-support-header
title: ❤️ Support
type: heading
level: 1
collapsed: false
-
id: shiba-inu-support
title:
level: 1
type: info-text
description: |
Created by [Farouk](https://github.com/faroukx).
If you appreciate the theme, you can show your support by...
- [Buying me a coffee](https://www.buymeacoffee.com/faroukx) ☕️
- [Starring the theme on GitHub](https://github.com/faroukx/Obsidian-shiba-inu-theme) ⭐
If you enjoyed using the theme, consider sharing it with members of the community on the Discord or forum to help grow our community together!
markdown: true
*/