diff --git a/.obsidian/app.json b/.obsidian/app.json index 3b00d2e..ec663bf 100644 --- a/.obsidian/app.json +++ b/.obsidian/app.json @@ -21,5 +21,6 @@ "openBehavior": "file:AGENTS", "userIgnoreFilters": [ "99 System/" - ] + ], + "showInlineTitle": true } \ No newline at end of file diff --git a/.obsidian/appearance.json b/.obsidian/appearance.json index 4662d1a..043830c 100644 --- a/.obsidian/appearance.json +++ b/.obsidian/appearance.json @@ -1,5 +1,5 @@ { - "cssTheme": "", + "cssTheme": "AnuPpuccin", "accentColor": "#552db4", "enabledCssSnippets": [ "math-blocks" @@ -11,5 +11,6 @@ "baseFontSize": 16, "monospaceFontFamily": "", "nativeMenus": false, - "showRibbon": false + "showRibbon": false, + "showViewHeader": false } \ No newline at end of file diff --git a/.obsidian/themes/PLN/manifest.json b/.obsidian/themes/PLN/manifest.json deleted file mode 100644 index 89d9f29..0000000 --- a/.obsidian/themes/PLN/manifest.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "name": "PLN", - "version": "1.18.1", - "minAppVersion": "1.7.7", - "author": "PipeItToDevNull", - "authorUrl": "https://docs.dev0.sh" -} diff --git a/.obsidian/themes/PLN/theme.css b/.obsidian/themes/PLN/theme.css deleted file mode 100644 index 9a177a7..0000000 --- a/.obsidian/themes/PLN/theme.css +++ /dev/null @@ -1,2573 +0,0 @@ -/* - * Pipe Likes Nord -*/ - -/* @settings -name: PLN by PipeItToDevNull -id: pln -settings: - - - id: pln-head-colours - title: Colours - type: heading - level: 2 - collapsed: true - - - id: color-red - title: Red - type: variable-color - opacity: false - format: hex - alt-format: - - - id: color-red-rgb - format: rgb - default: '#bf616a' - - - id: color-orange - title: Orange - type: variable-color - opacity: false - format: hex - alt-format: - - - id: color-orange-rgb - format: rgb - default: '#d08770' - - - id: color-yellow-light - title: Yellow-Light - description: Used on the dark theme - type: variable-color - opacity: false - format: hex - alt-format: - - - id: color-yellow-light-rgb - format: rgb - default: '#ebcb8b' - - - id: color-yellow-dark - title: Yellow-Dark - description: Used on the light theme - type: variable-color - opacity: false - format: hex - alt-format: - - - id: color-yellow-dark-rgb - format: rgb - default: '#e4b860' - - - id: color-green - title: Green - type: variable-color - opacity: false - format: hex - alt-format: - - - id: color-green-rgb - format: rgb - default: '#a3be8c' - - - id: color-purple - title: Purple - type: variable-color - opacity: false - format: hex - alt-format: - - - id: color-purple-rgb - format: rgb - default: '#b48ead' - - - id: color-sea-green - title: Sea-Green - type: variable-color - opacity: false - format: hex - alt-format: - - - id: color-sea-green-rgb - format: rgb - default: '#8fbcbb' - - - id: color-cyan - title: Cyan - type: variable-color - opacity: false - format: hex - alt-format: - - - id: color-cyan-rgb - format: rgb - default: '#88c0d0' - - - id: color-frost - title: Frost - type: variable-color - opacity: false - format: hex - alt-format: - - - id: color-frost-rgb - format: rgb - default: '#81a1c1' - - - id: color-blue - title: Blue - type: variable-color - opacity: false - format: hex - alt-format: - - - id: color-blue-rgb - format: rgb - default: '#5e81ac' - - - id: color-salmon - title: Salmon - type: variable-color - opacity: false - format: hex - alt-format: - - - id: color-salmon-rgb - format: rgb - default: '#FC6E68' - - - id: accent-light-hsl - title: Accent Light - type: variable-color - opacity: false - format: hsl-split - default: '#5E81AC' - - - id: accent-dark-hsl - title: Accent Dark - type: variable-color - opacity: false - format: hsl-split - default: '#81a1c1' - - - id: b0 - title: B0 - type: variable-color - opacity: false - format: hex - alt-format: - - - id: b0-rgb - format: rgb - default: '#2E3440' - - - id: b1 - title: B1 - type: variable-color - opacity: false - format: hex - alt-format: - - - id: b1-rgb - format: rgb - default: '#3B4252' - - - id: b2 - title: B2 - type: variable-color - opacity: false - format: hex - alt-format: - - - id: b2-rgb - format: rgb - default: '#434C5E' - - - id: b3 - title: B3 - type: variable-color - opacity: false - format: hex - alt-format: - - - id: b3-rgb - format: rgb - default: '#4C566A' - - - id: w0 - title: W0 - type: variable-color - opacity: false - format: hex - alt-format: - - - id: w0-rgb - format: rgb - default: '#D8DEE9' - - - id: w1 - title: W1 - type: variable-color - opacity: false - format: hex - alt-format: - - - id: w1-rgb - format: rgb - default: '#E5E9F0' - - - id: w2 - title: W2 - type: variable-color - opacity: false - format: hex - alt-format: - - - id: w2-rgb - format: rgb - default: '#ECEFF4' - - - id: w3 - title: W3 - type: variable-color - opacity: false - format: hex - alt-format: - - - id: w3-rgb - format: rgb - default: '#f5f7f9' - - - id: text-highlight-bg - title: Text Highlight Background - type: variable-color - opacity: true - format: rgb - default: '180, 142, 173, 0.4' - - - id: text-highlight-bg-active - title: Text Highlight Background - Active - type: variable-color - opacity: true - format: rgb - default: '180, 142, 173, 0.4' - - - id: pln-head-fonts - title: Font modifications - type: heading - level: 2 - collapsed: true - - - id: font-ui-smaller - title: Font-UI-Smaller - description: Used for settings panel category headers and other things - type: variable-number-slider - default: 10 - min: 10 - max: 30 - step: 1 - format: px - - - id: font-ui-small - title: Font-UI-Small - description: Used for folder names and other things - type: variable-number-slider - default: 10 - min: 10 - max: 30 - step: 1 - format: px - - - id: font-ui-medium - title: Font-UI-Medium - description: Used for settings panel body, calendar - type: variable-number-slider - default: 12 - min: 10 - max: 30 - step: 1 - format: px - - - id: font-ui-large - title: Font-UI-Large - description: Used for things - type: variable-number-slider - default: 14 - min: 10 - max: 30 - step: 1 - format: px - - - id: pln-italics - title: More italic italics - description: Make italics more pronounced - type: class-toggle - default: true - - - id: pln-head-gen - title: General modifications - type: heading - level: 2 - collapsed: true - - - id: pln-link-mods - title: Link modifications - description: Underline only external links and remove the distinction from unresolved links - type: class-toggle - default: true - - - id: pln-hilite-mods - title: Highlight (mark) modifications - description: Change ==highlight== (mark) styling from the default. This may interfere with some plugins, disable this if you see issues. - type: class-toggle - default: true - - - id: pln-hi-line - title: Highlight active line - description: Highlight the active line - type: class-toggle - default: false - - - id: pln-hi-line-hover - title: Highlight cursor line - description: Highlight the line your mouse cursor is on - type: class-toggle - default: false - - - id: pln-hi-tr - title: Highlight table rows when hovering - description: Highlight the row in a table that your cursor is hovering over - type: class-toggle - default: false - - - id: pln-hide-files - title: Enable hidden directories and files - description: Hide any file/folder starting with _ (underscore) - type: class-toggle - default: false - - - id: pln-folder-icons - title: Use folder icons in the file tree - description: Replace the chevrons in the file tree with open/closed folder icons - type: class-toggle - default: false - - - id: pln-dv-mods - title: Dataview modifications - description: Globally toggle my various DV modifications - type: class-toggle - default: true - - - id: pln-dv-count - title: Dataview list count - description: Toggle the list count on a DV result - type: class-toggle - default: true - - - id: pln-view-invert - title: Invert view icons - description: Invert the Reading and Edit view icons in the top right of notes - type: class-toggle - default: false - - - id: pln-boxed-tags - title: Box tags - description: Make tags more boxy with a solid border - type: class-toggle - default: true - - - id: pln-head-tabs - title: Tab modifications - type: heading - level: 2 - collapsed: true - - - id: pln-tab-rows - title: Multiple tab rows - description: When hovering, the tabs area will be expanded into multiple rows to make viewing tab titles easier. - type: class-toggle - default: false - - - id: pln-pretty-pinned - title: Prettier pinned tabs - description: Shrink down pinned tabs to only the note icon. I recommend making custom note icons as well if you do this. - type: class-toggle - default: false - - - id: pln-pin-protect - title: Protect the Pin icon - description: Blocks the click event on the Pin icon so it cannot be removed accidently - type: class-toggle - default: false - - - id: pln-stacked-100 - title: Stacked tabs 100% width - description: Make stacked tabs take up 100% of the window width instead of an annoying amount of unknown space - type: class-toggle - default: false - - - id: pln-head-attachments - title: Attachment modifications - type: heading - level: 2 - collapsed: true - - - id: pln-attachments - title: Hide attachments - description: Hide all attachments in the file explorer - type: class-toggle - default: false - - - id: pln-attachments-canvas - title: Unhide canvas files - type: class-toggle - default: false - - - id: pln-attachments-pdf - title: Unhide pdf files - type: class-toggle - default: false - - - id: pln-attachments-docx - title: Unhide docx files - type: class-toggle - default: false - - - id: pln-attachments-xlsx - title: Unhide xlsx files - type: class-toggle - default: false - - - id: pln-attachments-images - title: Unhide image files - type: class-toggle - default: false - - - id: pln-head-heads - title: Header colors - type: heading - level: 2 - collapsed: true - - - id: pln-hdcl - title: Header color toggle - description: You must open each color and "save" it to render properly - type: class-toggle - default: false - - - id: pln-hdcl-1 - title: H1 color - type: variable-color - opacity: false - format: hex - default: '#BF616A' - - - id: pln-hdcl-2 - title: H2 color - type: variable-color - opacity: false - format: hex - default: '#D08770' - - - id: pln-hdcl-3 - title: H3 color - type: variable-color - opacity: false - format: hex - default: '#EBCB8B' - - - id: pln-hdcl-4 - title: H4 color - type: variable-color - opacity: false - format: hex - default: '#A3BE8C' - - - id: pln-hdcl-5 - title: H5 color - type: variable-color - opacity: false - format: hex - default: '#8FBCBB' - - - id: pln-hdcl-6 - title: H5 color - type: variable-color - opacity: false - format: hex - default: '#88C0D0' - - - id: pln-head-props - title: Properties modifications - type: heading - level: 2 - collapsed: true - - - id: hide-properties - title: Hide properties in reading mode - description: Hide the metadata properties box when in reading mode. Add 'hide-properties' as a class to any file to selectively apply this. - type: class-toggle - default: true - - - id: pln-props-heading - title: Hide properties heading - description: We know it is a properties box, you don't need to label it. - type: class-toggle - default: true - - - id: pln-props-emptyval - title: Hide placeholder text - description: Hide the "Empty" text that is a placeholder for empty keys - type: class-toggle - default: true - - - id: pln-props-list - title: List 'list' properties - description: Put every property on its own line instead of a long single line list. - type: class-toggle - default: true - - - id: pln-head-embd - title: Embed modifications - type: heading - level: 2 - collapsed: true - - - id: pln-embd-mods - title: Embed modifications - description: Globally toggle my various embed modifications - type: class-toggle - default: true - - - id: pln-embd-link - title: Embeded note link icon - description: Hide the link icon for an embedded note - type: class-toggle - default: true - - - id: pln-embd-title - title: Embeded note titles - description: Hide the title of an embeded note - type: class-toggle - default: true - - - id: pln-embd-first - title: Hide the first header in embeds - description: Do not display the first header in an embed - type: class-toggle - default: true - - - id: pln-embd-h1 - title: Hide H1 in embeds - description: Do not display h1 in embeds - type: class-toggle - default: false - - - id: pln-embd-h2 - title: Hide H2 in embeds - description: Do not display h2 in embeds - type: class-toggle - default: false - - - id: pln-embd-h3 - title: Hide H3 in embeds - description: Do not display h3 in embeds - type: class-toggle - default: false - - - id: pln-embd-h4 - title: Hide H4 in embeds - description: Do not display h4 in embeds - type: class-toggle - default: false - - - id: pln-embd-h5 - title: Hide H5 in embeds - description: Do not display h5 in embeds - type: class-toggle - default: false - - - id: pln-embd-h6 - title: Hide H6 in embeds - description: Do not display h6 in embeds - type: class-toggle - default: false - - - id: pln-head-rm - title: Removals - type: heading - level: 2 - collapsed: true - - - id: pln-rm-mods - title: Removals toggle - description: Globally toggle my various removals - type: class-toggle - default: true - - - id: pln-rm-folder-nav - title: Remove folder nav - description: Remove the folder navigation icons - type: class-toggle - default: false - - - id: pln-rm-settings - title: Remove settings pane - description: Remove the settings pane at the bottom of the left sidebar added in 1.6 - type: class-toggle - default: false - - - id: pln-rm-rside - title: Remove sidebar indicators - description: Remove the sidebar indicators. They can still be opened with hotkeys - type: class-toggle - default: true - - - id: pln-rm-win-lside-tl - title: Remove mod top left - description: Remove the top tab container in the left sidebar in Windows in hidden frameless - type: class-toggle - default: false - - - id: pln-rm-status - title: Remove statusbar - description: Removes the bottom statusbar - type: class-toggle - default: true - - - id: pln-rm-tablist - title: Remove tablist icon - description: Removes the header tab list icon - type: class-toggle - default: true - - - id: pln-rm-nt - title: Remove new tab icon - description: Removes the new tab header icon - type: class-toggle - default: true - - - id: pln-rm-clstab - title: Remove close icon - description: Remove the close X from tabs - type: class-toggle - default: true - - - id: pln-rm-nav - title: Remove nav icons - description: Remove the back and forward icons - type: class-toggle - default: true - - - id: pln-rm-act - title: Remove view actions - description: Remove the view action icons from the top of notes - type: class-toggle - default: true - - - id: pln-rm-noteic - title: Remove note icon - description: Remove the note icon from stacked tabs (we all know is a note...) - type: class-toggle - default: true - - - id: pln-rm-scroll - title: Remove scroll bars - description: Hide scroll bars, hover to view them - type: class-toggle - default: true - - - id: pln-rm-mac-tside - title: Hide top bar in MacOS - description: Hide the top bar on MacOS when in stacked tabs. (Works best in Frameless/hidden title bars) - type: class-toggle - default: true - - - id: pln-rm-srchSug - title: Hide search help - description: Hide the pop up that appears when clicking the search field - type: class-toggle - default: true - - - id: pln-head-check - title: Checkbox modifications - type: heading - level: 2 - collapsed: true - - - id: pln-checkboxes - title: Custom Checkboxes - description: Globally toggle custom checkbox types and changes made in PLN - type: class-toggle - default: true - - - id: pln-head-co - title: Callout modifications - type: heading - level: 2 - collapsed: true - - - id: pln-rm-co-meta - title: Hide Meta callout in reading mode - description: Remove the custom "meta" callout in reading mode - type: class-toggle - default: false - - - id: pln-pdf-rm-co-meta - title: Hide Meta callout in PDF exports - description: Remove the custom "meta" callout in PDF exports only - type: class-toggle - default: true - - - id: pln-rm-co-links - title: Hide Links callout in reading mode - description: Remove the custom "links" callout in reading mode - type: class-toggle - default: false - - - id: pln-pdf-rm-co-links - title: Hide Links callout in PDF exports - description: Remove the custom "links" callout in PDF exports only - type: class-toggle - default: true - - - id: pln-head-cards - title: Kepano Cards modificationss - type: heading - level: 2 - collapsed: true - - - id: pln-cards-sort - title: Hide Remove sort icon - description: Remove the sort icon from above a collection of cards - type: class-toggle - default: true - - - id: pln-cards-borders - title: Card border edits - description: Change the border of cards to match callouts. You are required to have Kepano's snippet, this just changes it's style - type: class-toggle - default: true - - - id: pln-cards-color-rgb - title: Card border color - type: variable-themed-color - format: rgb-values - opacity: false - default-light: 'rgb(216, 222, 233)' - default-dark: 'rgb(76, 86, 106)' - - - id: cards - title: Add cards class to all files, and allow export. - description: This will add the cards class to all files, a primary function for this will be cards rendering when you PDF export a file - type: class-toggle - default: false - - - id: pln-head-vi - title: High contrast modifications - type: heading - level: 2 - collapsed: true - - - id: pln-vision - title: High contrast toggle - descriptioon: Change main text to a vision impaired yellow. You should change your accent colour to something that compliments #cccc00. Don't use this with light mode... - type: class-toggle - default: false - - - id: pln-vision-high - title: Primary color - description: This is the primary color to be used in vision impaired mode - type: variable-color - opacity: false - format: hex - default: '#cccc00' - - - id: pln-vision-low - title: Secondary color - description: This is used for code blocks and buttons mostly - type: variable-color - opacity: false - format: hex - default: '#4C4E52' - - -*/ - -.theme-light, -.theme-dark { - --color-red: #bf616a; - --color-orange: #d08770; - --color-yellow-light: #ebcb8b; - --color-yellow-dark: #e4b860; - --color-green: #a3be8c; - --color-purple: #b48ead; - --color-sea-green: #8fbcbb; - --color-cyan: #88c0d0; - --color-frost: #81a1c1; - --color-blue: #5e81ac; - --color-salmon: #FC6E68; - - --accent-light-hsl-h: 213; - --accent-light-hsl-s: 32%; - --accent-light-hsl-l: 53%; - - --accent-dark-hsl-h: 210; - --accent-dark-hsl-s: 34%; - --accent-dark-hsl-l: 63%; - - --color-red-rgb: 191, 97, 106; - --color-orange-rgb: 208, 135, 112; - --color-yellow-light-rgb: 235, 203, 139; - --color-yellow-dark-rgb: 228, 184, 96; - --color-green-rgb: 163, 190, 140; - --color-purple-rgb: 180, 142, 173; - --color-sea-green-rgb: 143, 188, 187; - --color-cyan-rgb: 136, 192, 208; - --color-frost-rgb: 129, 161, 193; - --color-blue-rgb: 94, 129, 172; - --color-salmon-rgb: 252, 110, 104; - - --b0: #2E3440; - --b1: #3B4252; - --b2: #434C5E; - --b3: #4C566A; - - --w0: #D8DEE9; - --w1: #E5E9F0; - --w2: #ECEFF4; - --w3: #f5f7f9; - - --w0-rgb: 216, 222, 233; - --b3-rgb: 76, 86, 106; - - --text-error: var(--color-salmon); - --text-accent: var(--color-accent); - --text-highlight-bg: rgba(180, 142, 173, 0.4); - --text-highlight-bg-active: rgba(180, 142, 173, 0.4); - - --bold-weight: var(--font-bold); -} - -.theme-light { - --color-yellow: var(--color-yellow-dark); - --color-yellow-rgb: var(--color-yellow-dark-rgb); - - --accent-h: var(--accent-light-hsl-h); - --accent-s: var(--accent-light-hsl-s); - --accent-l: var(--accent-light-hsl-l); - - /* the note background */ - --background-primary: var(--w3) ; - /* used for code blocks */ - --background-primary-alt: var(--w2) ; - /* outside ui background */ - /* background titlebar unfocused */ - --background-secondary: var(--w2); - /* titlebar focused */ - --background-secondary-alt: var(--w1); - /* lines between objects */ - /* slider background */ - --background-modifier-border: var(--w0); - - /* main font */ - --color-base-100: var(--b0); - --color-base-70: var(--b0); - --color-base-60: var(--b0); - /* bullets */ - --color-base-50: var(--b1); - /* window outline (like settings) */ - --color-base-40: var(--w2); - /* toggle background */ - /* small line in tabs */ - --color-base-35: var(--w0); - /* the lines in the ui */ - --color-base-30: var(--w0); - --color-base-25: var(--b3); - --color-base-20: var(--w0); - --color-base-10: var(--w1); - --color-base-05: var(--w2); - --color-base-00: var(--w2); -} - -.theme-dark { - --color-yellow: var(--color-yellow-light); - --color-yellow-rgb: var(--color-yellow-light-rgb); - - --accent-h: var(--accent-dark-hsl-h); - --accent-s: var(--accent-dark-hsl-s); - --accent-l: var(--accent-dark-hsl-l); - - /* the note background */ - --background-primary: var(--b1) ; - /* used for code blocks */ - --background-primary-alt: var(--b0) ; - /* outside ui background */ - /* background titlebar unfocused */ - --background-secondary: var(--b0); - /* titlebar focused */ - --background-secondary-alt: var(--b0); - /* lines between objects */ - /* slider background */ - --background-modifier-border: var(--b3); - - --color-base-00: var(--b0); - --color-base-10: var(--b0); - --color-base-20: var(--b0); - --color-base-25: var(--b0); - /* lines in the ui */ - --color-base-30: var(--b1); - /* toggle backgroundse */ - /* small line in tabs */ - --color-base-35: var(--b3); - /* window outlines */ - --color-base-40: var(--b0); - /* bullets */ - --color-base-50: var(--w0); - --color-base-60: var(--w1); - --color-base-70: var(--w2); - /* main font */ - --color-base-100: var(--w3); -} - -/* any vision accomodations would be here */ -.pln-vision { - --pln-vision-high: #cccc00; - --pln-vision-low: #4C4E52; - - --text-normal: var(--pln-vision-high); - --text-faint: var(--pln-vision-high); - --text-muted: var(--pln-vision-high); - --background-primary: black; - --background-primary-alt: var(--pln-vision-low); - --background-secondary: black; - --background-secondary-alt: black; - --background-modifier-border: var(--pln-vision-high); - --text-on-accent: black; - - --color-base-30: var(--pln-vision-low); - --color-base-35: var(--pln-vision-high); - - --color-red: var(--pln-vision-high); - --color-orange: var(--pln-vision-high); - --color-yellow-light: var(--pln-vision-high); - --color-yellow-dark: var(--pln-vision-high); - --color-green: var(--pln-vision-high); - --color-purple: var(--pln-vision-high); - --color-sea-green: var(--pln-vision-high); - --color-cyan: var(--pln-vision-high); - --color-frost: var(--pln-vision-high); - --color-blue: var(--pln-vision-high); - --color-salmon: var(--pln-vision-high); -} - -/* pdf fixes */ -@media print { - .theme-dark { - --highlight-mix-blend-mode: darken; - --list-marker-color: var(--b0); - --code-background: var(--w2); - --code-normal: var(--b0); - --table-header-color: var(--b0); - --text-muted: var(--b0); - } - .pln-pdf-rm-co-links .callout[data-callout="links"], - .pln-pdf-rm-co-meta .callout[data-callout="meta"] { - display: none; - } - /* hacky method to make cards exportable */ - .cards.pln-cards-borders.theme-dark, - .pln-cards-borders.theme-dark { - --pln-cards-color-rgb: var(--w0-rgb) !important; - } - .pln-embd-mods.pln-embd-first .markdown-embed :is(h1,h2,h3,h4,h5,h6):first-child { - display: none; - } -} - -/* - * Main -*/ -body { - --font-ui-smaller: 10px; - --font-ui-small: 10px; - --font-ui-medium: 12px; - --font-ui-large: 14px; - --header-height: 30px; - --file-folding-offset: 10px; - /* 1.1 fixes */ - --checkbox-size: 1.1em; - --list-bullet-size: .5em; - /* Fix font sizes in 1.3.7 */ - --h1-size: 2em; - --h2-size: 1.6em; - --h3-size: 1.37em; - --h4-size: 1.25em; - --h5-size: 1.12em; - --h6-size: 1.12em; - /*this is spacing before a header, it is stupid*/ - --heading-spacing: 0; - --p-spacing: .5rem; -} -/* this brings back header spacing in reading mode */ -/* default is 2.5 p-spacing and p-spacing default is 1rem */ -.markdown-rendered { - --heading-spacing: calc(var(--p-spacing)*2); -} - -/* changed in 1.4*/ -hr { - margin: 1.5em; -} - -/* change margins, default is 32 */ -body { - & { - --file-margins: 20px; - } - & .mod-stacked { - --file-margins: 10px; - } - & .mod-stacked:has(.cm-gutter) { - --file-margins: 2px - } -} - -/* header colors */ -.pln-hdcl { - --pln-hdcl-1: #BF616A; - --pln-hdcl-2: #D08770; - --pln-hdcl-3: #EBCB8B; - --pln-hdcl-4: #A3BE8C; - --pln-hdcl-5: #8FBCBB; - --pln-hdcl-6: #88C0D0; - --h1-color: var(--pln-hdcl-1); - --h2-color: var(--pln-hdcl-2); - --h3-color: var(--pln-hdcl-3); - --h4-color: var(--pln-hdcl-4); - --h5-color: var(--pln-hdcl-5); - --h6-color: var(--pln-hdcl-6); -} - -/* folding indicator */ -.markdown-source-view.mod-cm6 .cm-fold-indicator .collapse-indicator { - padding-right: 0px; -} - -/* properties container*/ -body { - & { - --metadata-border-color: rgb(var(--pln-cards-color-rgb)); - --metadata-border-radius: 5px; - --metadata-background: rgba(var(--pln-cards-color-rgb),0.4); - --metadata-property-radius: 5px; - } - & .metadata-container { - border-top: 4px solid rgb(var(--pln-cards-color-rgb)); - border-left: 2px solid rgb(var(--pln-cards-color-rgb)); - /* 1.3.7 adding --p-spacing but I remove it, this fixes the header being to oclose to the box*/ - margin-bottom: 10px; - } - & .metadata-property-key { - border-right: 2px solid rgb(var(--pln-cards-color-rgb)); - } - /* hide the placeholder values in metadata*/ - &.pln-props-emptyval .metadata-input-longtext:empty:before, - &.pln-props-emptyval .multi-select-input:before { - display: none; - } - &.pln-props-heading .metadata-properties-heading { - display: none; - } - &.pln-props-list .metadata-property:not([data-property-key="tags"]) .metadata-property-value .multi-select-container { - display: block; - } - /* improve meta data container in sidebar */ - & .workspace > .workspace-split:not(.mod-root) .metadata-container { - margin-left: 5px; - padding-left: 2px; - } -} -.hide-properties { - --metadata-display-reading: none; -} - -/* unknown */ -.markdown-source-view.mod-cm6 .cm-table-widget { - padding-top: 0; -} - -/* macos fixes for hidden title */ -.mod-macos { - --frame-left-space: 65px; -} - -/* shrinking headers */ -.mod-left-split .workspace-tab-header-container-inner, -.mod-right-split .workspace-tab-header-container-inner { - margin: 0 0 0 0; - padding: 0 0 0 10px; -} - -/* logo */ -.titlebar-button.mod-logo { - color: var(--color-purple); -} - -/* red pin icon */ -.mod-root .mod-pinned { - color: var(--color-salmon); -} -/* stop the pin from being clickable */ -.pln-pin-protect .mod-pinned { - pointer-events: none; -} - -/* pretty pinned tabs */ -.pln-pretty-pinned:not(:has(.mod-stacked)) { - & .workspace-tab-header:has(.mod-pinned) { - --tab-max-width: 30px; - & .workspace-tab-header-inner-title { - display: none; - } - & .workspace-tab-header-inner-icon { - display: flex; - } - & .mod-pinned { - display: none; - } - } - &.pln-tab-rows .mod-root .workspace-tabs .workspace-tab-header-container:hover .workspace-tab-header:has(.mod-pinned) { - --tab-max-width: unset; - & .workspace-tab-header-inner-title { - display: contents; - } - & .workspace-tab-header-inner-icon { - display: none; - } - & .mod-pinned { - display: contents; - } - } -} - -/* flip and thin stacked titles */ -body { - & { - --tab-stacked-text-transform: rotate(180deg); - --tab-stacked-text-align: right; - --tab-stacked-header-width: 20px; - } - & .mod-stacked .workspace-tab-header-inner-title { - letter-spacing: 1px; - } - &.pln-stacked-100 { - --tab-stacked-pane-width: 100% - } - /* hide the top bar when stacked on macos */ - & .mod-macos.pln-rm-mac-tside.is-hidden-frameless .mod-vertical .mod-stacked .workspace-tab-header-container { - display: none; - } -} - -/* invert reading icons to make more sense visually */ -.pln-view-invert { - & .workspace-leaf-content:has(.is-live-preview) .clickable-icon.view-action[aria-label^="Current view: editing"] { - -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'%3E%3C/path%3E%3Cpath d='M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z'%3E%3C/path%3E%3C/svg%3E"); - background-color: var(--icon-color); - -webkit-mask-repeat: no-repeat; - -webkit-mask-position: center; - } - & .clickable-icon.view-action[aria-label^="Current view: reading"] { - -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'%3E%3C/path%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'%3E%3C/path%3E%3C/svg%3E"); - background-color: var(--icon-color); - -webkit-mask-repeat: no-repeat; - -webkit-mask-position: center; - } - /* add an icon specifc for source view */ - & .workspace-leaf-content:not(:has(.is-live-preview)) .clickable-icon.view-action[aria-label^="Current view: editing"] { - -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-pencil-line'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3Cpath d='m15 5 3 3'/%3E%3C/svg%3E"); - background-color: var(--icon-color); - -webkit-mask-repeat: no-repeat; - -webkit-mask-position: center; - } -} - -/* table stuff */ -/* fix table font size */ -body { - --table-text-size: var(--font-text-size); -} -/* space out tables from text a bitin reading mode */ -.markdown-rendered table { - margin-top: var(--heading-spacing); -} -/* highlight the hovered row in a table */ -.pln-hi-tr .mod-root tr:hover { - background-color: var(--background-secondary) !important; -} - -/* highlight active line */ -.pln-hi-line:not(.pln-vision) .cm-active.cm-line, -.pln-hi-line-hover:not(.pln-vision) .cm-line:hover { - background-color: var(--background-modifier-border); -} -.pln-hi-line:not(.pln-vision) .cm-gutterElement.cm-active { - color: var(--color-yellow); - font-weight: bold; - background-color: var(--background-modifier-border); -} -.cm-lineNumbers { - border-right: 2px solid var(--background-modifier-border); - color: var(--text-faint); -} - -/* REMOVE THINGS */ -.pln-rm-mods { - /* hide attachments */ - &.pln-attachments .nav-file:has(.nav-file-tag), - /* folder navigation buttons */ - &.pln-rm-folder-nav .workspace-leaf-content[data-type="file-explorer"] .nav-buttons-container, - /* settings pane */ - &:not(.is-mobile).pln-rm-settings .workspace-split.mod-left-split .workspace-sidedock-vault-profile, - /* sidebars */ - &.pln-rm-rside .sidebar-toggle-button.mod-right, - &.pln-rm-rside .sidebar-toggle-button, - /* statusbar */ - &.pln-rm-status .status-bar, - /* tab chevron */ - &.pln-rm-tablist .workspace-tab-header-tab-list .clickable-icon, - /* new tab */ - &.pln-rm-nt .mod-root .workspace-tab-header-new-tab, - /* tab close button */ - &.pln-rm-clstab .workspace-tab-header-inner-close-button, - /* nav buttons */ - &.pln-rm-nav .view-header-nav-buttons, - /* action bottons, top right of note */ - &.pln-rm-act .view-actions, - /* suggestion pop up box */ - &.pln-rm-srchSug .suggestion-container.mod-search-suggestion, - /* note icon for stacked tabs */ - &.pln-rm-noteic .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-icon, - /* remove top left sidebar container in hidden*/ - &.mod-windows.pln-rm-win-lside-tl.is-hidden-frameless .mod-left-split .mod-top-left-space .workspace-tab-header-container { - display: none; - } -} - -/* selectively show certain attachments */ -.pln-attachments { - &.pln-attachments-canvas .nav-file:has([data-path$=".canvas"]), - &.pln-attachments-pdf .nav-file:has([data-path$=".pdf"]), - &.pln-attachments-docx .nav-file:has([data-path$=".docx"]), - &.pln-attachments-xlsx .nav-file:has([data-path$=".xlsx"]), - &.pln-attachments-images .nav-file:has([data-path$=".jpg"]), - &.pln-attachments-images .nav-file:has([data-path$=".jpeg"]), - &.pln-attachments-images .nav-file:has([data-path$=".png"]) { - display: contents !important; - } -} - -/* Hide files and dirs starting with _ */ -.pln-hide-files { - & div[data-path^="_"], - & div[data-path*="/_"] { - display: none; - } -} - -/* bullet fix */ -/* thanks sails */ -.cm-formatting-list-ul > .list-bullet { - padding-right: 5px; -} -.cm-formatting-list-ul:not(:has(> .list-bullet)) { - margin-right: 5px; -} - -/* reading bullet fixes */ -ul > li.task-list-item .task-list-item-checkbox { - margin-inline-start: -17px; -} -.markdown-source-view.mod-cm6 .task-list-label { - margin-inline-start: -6px; -} - -/* suggestion box */ -.suggestion-item { - font-size: var(--font-ui-small); -} -.suggestion-container { - opacity: 90%; -} - -/* fix list spacing in reading mode */ -body { - --list-spacing: 1px; -} -/* fix spacing in edit mode for the top of lists*/ -.cm-s-obsidian .cm-line.HyperMD-header + .cm-line:not(.HyperMD-header):not(:has(>br:only-child)) { - padding-top: var(--p-spacing); -} - -/* scrollbars */ -.pln-rm-scroll { - & ::-webkit-scrollbar { - visibility: hidden; - background-color: transparent; - width: 10px; - } - & ::-webkit-scrollbar-thumb { - visibility: hidden; - } - & ::-webkit-scrollbar:hover { - visibility: initial; - } - & ::-webkit-scrollbar-thumb:hover { - visibility: initial; - } -} - -/* more italic */ -.pln-italics { - em, .cm-em { - display: inline-block; - transform: skew(-10deg); - } -} - -/* this unifies spacing in LP and reading (DV in LP is viewed as if it was reading) */ -.markdown-rendered { - & h1, - & h2, - & h3, - & h4, - & h5, - & h6 { - margin: 0 0 0 0; - } -} - -/* - * Card edits -*/ -.cards.pln-cards-sort table.dataview thead, -.pln-cards-sort .cards table.dataview thead { - display: none !important; -} -.cards.pln-cards-borders.theme-light, -.pln-cards-borders.theme-light { - --pln-cards-color-rgb: var(--w0-rgb); -} -.cards.pln-cards-borders.theme-dark, -.pln-cards-borders.theme-dark { - --pln-cards-color-rgb: var(--b3-rgb); -} -.cards.pln-cards-borders table.dataview > tbody > tr, -.pln-cards-borders .cards table.dataview > tbody > tr { - background-color: rgba(var(--pln-cards-color-rgb), 0.4) !important; - border-top: 4px solid rgb(var(--pln-cards-color-rgb)) !important; - border-left: 2px solid rgb(var(--pln-cards-color-rgb)) !important; - border-right: none !important; - border-bottom: none !important; -} - -/* add bullets */ -.dataview-result-list-li::marker { - content: '•'; -} -.cards table.dataview { - font-size: unset; -} -/* 1.6 fix for bullets being moved away from left side */ -.cards { - --list-indent: 0; -} - -/* - * Embeds -*/ -.pln-embd-mods { - & { - --embed-background: inherit; - --embed-border-left: none; - --embed-border-right: none; - --embed-border-top: none; - --embed-border-bottom: none; - --embed-padding: 0 0 0 0; - --embed-font-style: inherit; - } - /* hide headers */ - &.pln-embd-h1 .markdown-embed h1, - &.pln-embd-h2 .markdown-embed h2, - &.pln-embd-h3 .markdown-embed h3, - &.pln-embd-h4 .markdown-embed h4, - &.pln-embd-h5 .markdown-embed h5, - &.pln-embd-h6 .markdown-embed h6 { - display: none; - } - /* a better way to hide the first header only */ - &.pln-embd-first .markdown-embed .mod-header + div > :is(h1,h2,h3,h4,h5,h6) { - display: none; - } - - /* hide titles in emebds */ - &.pln-embd-title .embed-title { - display: none; - } - - /* hide the link icon for embeds */ - &.pln-embd-link .markdown-embed-link { - display: none; - } - - /* hide the new 1.6 left border */ - /* also moves them over from 0.85em */ - & .markdown-embed { - border-inline-start: none; - --checkbox-margin-inline-start: 0.4em; - } - - /* this is to move embededlists over in 1.1 */ - & .cm-embed-block .contains-task-list, - & .inline-embed .contains-task-list { - padding: 0 0 0 0px; - } - - /* 1.6 fix to move lists back over in embeds - 2024-08-08 - this is seen breacking a basic embeded list in DFS migration which used: - class="internal-embed markdown-embed inline-embed is-loaded" - & .is-live-preview .markdown-embed { - --list-indent: 0; - } - */ - /* this includes an OR to make basic list items also move over */ - & .is-live-preview .task-list-item .task-list-item, .task-list-basic-item { - --list-indent: 2.25em; - } -} - - - -/* - * Checkbox fixes in callouts for 1.6 -*/ -.is-live-preview .callout .task-list-item { - margin-inline-start: 0; -} - -/* blank callout over-ride for 1.6 */ -.markdown-reading-view [data-callout="blank"] .callout-content :is(li), -.markdown-reading-view [data-callout="blank-titled"] .callout-content :is(li) { - margin-inline-start: var(--list-indent); -} - -/* - * Links -*/ -body.pln-link-mods { - & { - --link-decoration: none; - --link-decoration-hover: none; - --link-external-decoration: underline; - --link-external-decoration-hover: underline !important; - --link-unresolved-opacity: 100; - } - /* remove the icon from external links */ - & .external-link { - background-image: none; - padding-right: 0px; - } -} - - - -/* - * Multi-row tabs - * https://discord.com/channels/686053708261228577/702656734631821413/1355022160397078599 -*/ -.pln-tab-rows:not(:has(.mod-stacked)) { - /* Primary wrapping functions */ - & .mod-root .workspace-tab-header-container:hover { - --tab-width: unset; /* Kapirklaa */ - flex-wrap: wrap; - min-height: var(--header-height); - height: unset; - - /* primary bubble creation */ - /* here be dragons */ - & .workspace-tab-header { - width: unset; /* Kapirklaa */ - container-type: normal; /* Kapirklaa */ - flex-shrink: 1; - flex-grow: 1; - flex-basis:auto; - margin-bottom: 4px; - border-radius: 5px; - } - - /* Remove the shoulders on tabs so the bubbles work */ - & .workspace-tab-header::before, .workspace-tab-header::after { - display: none; - } - } - - /* Remove drag, this is required for hover to work. It does not break the ability to drag tabs */ - & .workspace-tab-header-container-inner { - flex-wrap: wrap; - -webkit-app-region: no-drag; - } - - /* Prevent hovering over tabs from making them larger and twitching the display */ - & .mod-root .workspace-tabs { - & .workspace-tab-header { - & .workspace-tab-header-inner-close-button svg { - height: calc(var(--icon-size) /2); - width: calc(var(--icon-size) /2); - } - /* Make all close buttons light up */ - & .workspace-tab-header-inner-close-button:hover { - background-color: var(--background-modifier-hover); - } - } - /* make the close icons work better by always taking up space and only showing the x on hover - also does not overlap the words (absolute positioning causes overlap) */ - & .workspace-tab-header-container:hover .workspace-tab-header .workspace-tab-header-inner-close-button { - display: flex; - width: 12px; - } - & .workspace-tab-header:not(:hover) .workspace-tab-header-inner-close-button svg { - display: none; - } - } - - /* Corrects spacing below tabs */ - & .workspace-tab-header-tab-list { - position: absolute; - right: 0; - top: 30px; - } - - /* Move the tabs over with padding to make room for new tab icon */ - & .mod-root .workspace-tab-header-container-inner { - padding-right: 53px; - } - /* Move new tab icon when using frameless */ - &.is-hidden-frameless { - &.mod-macos .mod-root .workspace-tab-header-new-tab { - position: absolute; - right: 0; - top: -5px; - } - &.mod-windows { - & .workspace-tab-header-new-tab { - position: absolute; - right: 138px; - top: -5px; - } - & .is-right-sidedock-open .workspace-tab-header-new-tab { - right: 0; - } - } - } - /* Move new tab icon when using frameled */ - &:not(.is-hidden-frameless) { - &.mod-windows { - & .workspace-tab-header-new-tab { - position: absolute; - right: 0px; - top: -5px; - } - } - } - - /* Move sidebar toggle */ - & .sidebar-toggle-button { - display: none; - /* position: absolute; - right: 60px; - top: 30px; */ - } - - /* shorten the separator between tabs */ - & .workspace .mod-root .workspace-tab-header-inner::after { - height: 10px; - } - - /* Original code */ - & .is-hidden-frameless:not(.is-fullscreen):not(.mod-macos) .workspace-tabs.mod-top-right-space .workspace-tab-header-container:after { - height: 40px; - } - & .workspace-tab-header-spacer { - display: none; - } -} - -/* - * Dataview -*/ -.pln-dv-mods { - & .markdown-source-view.mod-cm6 .edit-block-button { - display: none; - } - /* move dataview results over 2px to align with embeds in reading mode */ - & .markdown-reading-view .dataview.result-group { - padding-left: 2px; - } - /* do not move dataview results over in live preview mode */ - & .is-live-preview .dataview.result-group { - padding-left: 0px; - } - /* if you offset embeds, this can be 0 otherwise 2px */ - & .cm-preview-code-block.cm-embed-block.markdown-rendered { - padding-left: 0; - } - /* move the checkbox container over pixels in reading mode */ - /* this was an issue on my daily notes when embedding all PTIs */ - & .markdown-reading-view .dataview-container .contains-task-list { - padding-left: 20px; - } - /* hides the item count on a list */ - &.pln-dv-count .dataview.small-text { - display: none; - } - /* 1.6 fix to move lists back over in embeds */ - & .dataview-container { - --list-indent: 0; - } - /* 1.6 fix to move list items over in DV queries in LP unless it is in an embed */ - /* This is not exact but it is a better fix than margin-left: -6px */ - & .is-live-preview:not(:has(.markdown-embed-content)) .dataview.task-list-item { - margin-inline-start: var(--list-indent); - } - - /* commented out to fix daily note in 1.6.1 - /* 1.6 for child items in LP - & .is-live-preview .dataview-container .contains-task-list .contains-task-list .task-list-item-checkbox { - --checkbox-margin-inline-start: 3em; - } - /* 1.6 for bullet items in LP - & .is-live-preview .dataview-container .contains-task-list .contains-task-list .task-list-basic-item { - margin-inline-start: 3em; - } - */ - - /* 1.6 fix non-checkbox list under a dataview task in LP */ - & .is-live-preview .dataview.result-group .contains-task-list .task-list-item ul:not(:has(.task-list-item-checkbox)) { - padding-inline-start: 2em; - } - /* 1.6 fix non-checkbox list under a dataview task in Reading */ - & .markdown-reading-view .dataview.result-group .task-list-item ul { - padding-inline-start: 2em; - } -} - -/* - * Checkboxes -*/ -body.pln-checkboxes { - .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="x"], - .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="X"], - ul > li.task-list-item[data-task="x"], - ul > li.task-list-item[data-task="X"] { - text-decoration: none; - } - - /* > */ - input[type=checkbox][data-task=">"], - input[type=checkbox][data-task=">"]:hover, - ul > li.task-list-item[data-task=">"] > .task-list-item-checkbox { - background-color: var(--color-orange); - border-color: var(--color-orange); - } - input[type=checkbox][data-task=">"]:checked:after, - ul > li.task-list-item[data-task=">"] > .task-list-item-checkbox:checked:after { - -webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjI1cHgiIGhlaWdodD0iMjVweCIgdmlld0JveD0iLTUgMCAyNSAyNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICANCiAgICA8dGl0bGU+cmlnaHQ8L3RpdGxlPg0KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KICAgIDxnIGlkPSJpY29ucyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSJ1aS1nYW1ibGluZy13ZWJzaXRlLWxpbmVkLWljbm9zLWNhc2lub3NodW50ZXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNzgzLjAwMDAwMCwgLTE1OC4wMDAwMDApIiBmaWxsPSIjMUMxQzFGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPg0KICAgICAgICAgICAgPGcgaWQ9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzNTAuMDAwMDAwLCAxMjAuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPHBhdGggZD0iTTQzNi40NTM1MTcsMzguNTY5MjQ5IEw0NDcuMzAyNDU5LDQ4Ljk5MzgxNTggTDQ0Ny4zOTI2MSw0OS4wNzQ4ODAyIEM0NDcuNzU1MzQsNDkuNDIzNDU0IDQ0Ny45NjgxNTksNDkuODg3MDQ2MSA0NDgsNTAuNDM4MjIyNyBMNDQ3Ljk5ODEzNSw1MC42MjI4MjI5IEM0NDcuOTY4MTU5LDUxLjExMjk1MzkgNDQ3Ljc1NTM0LDUxLjU3NjU0NiA0NDcuMzMzNjc1LDUxLjk3NzQ0NjkgTDQ0Ny4zMzkwOTUsNTEuOTY4OTgzMiBMNDM2LjQ1MzUxNyw2Mi40MzA3NTEgQzQzNS42NjM2OTQsNjMuMTg5NzQ5NyA0MzQuMzk5MDAxLDYzLjE4OTc0OTcgNDMzLjYwOTE3OCw2Mi40MzA3NTEgQzQzMi43OTY5NDEsNjEuNjUwMjEzIDQzMi43OTY5NDEsNjAuMzY3NTkyNCA0MzMuNjA5NDMyLDU5LjU4NjgxMDYgTDQ0My4wMTIzMjQsNTAuNTU3MjQ3MSBMNDMzLjYwOTE3OCw0MS40MTI5NDU2IEM0MzIuNzk2OTQxLDQwLjYzMjQwNzYgNDMyLjc5Njk0MSwzOS4zNDk3ODcgNDMzLjYwOTE3OCwzOC41NjkyNDkgQzQzNC4zOTkwMDEsMzcuODEwMjUwMyA0MzUuNjYzNjk0LDM3LjgxMDI1MDMgNDM2LjQ1MzUxNywzOC41NjkyNDkgWiIgaWQ9InJpZ2h0Ij48L3BhdGg+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4="); - } - - /* ? */ - input[type=checkbox][data-task="?"], - input[type=checkbox][data-task="?"]:hover, - ul > li.task-list-item[data-task="?"] > .task-list-item-checkbox { - background-color: var(--color-yellow); - border-color: var(--color-yellow); - } - input[type=checkbox][data-task="?"]:checked:after, - ul > li.task-list-item[data-task="?"] > .task-list-item-checkbox:checked:after { - -webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9Ijk3My4xcHgiIGhlaWdodD0iOTczLjFweCIgdmlld0JveD0iMCAwIDk3My4xIDk3My4xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA5NzMuMSA5NzMuMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQoJPg0KPGc+DQoJPHBhdGggZD0iTTUwMi4yOSw3ODguMTk5aC00N2MtMzMuMSwwLTYwLDI2LjktNjAsNjB2NjQuOWMwLDMzLjEsMjYuOSw2MCw2MCw2MGg0N2MzMy4xMDEsMCw2MC0yNi45LDYwLTYwdi02NC45DQoJCUM1NjIuMjksODE1LDUzNS4zOTEsNzg4LjE5OSw1MDIuMjksNzg4LjE5OXoiLz4NCgk8cGF0aCBkPSJNMTcwLjg5LDI4NS44bDg2LjcsMTAuOGMyNy41LDMuNCw1My42LTEyLjQsNjMuNS0zOC4zYzEyLjUtMzIuNywyOS45LTU4LjUsNTIuMi03Ny4zYzMxLjYwMS0yNi42LDcwLjktNDAsMTE3LjktNDANCgkJYzQ4LjcsMCw4Ny41LDEyLjgsMTE2LjMsMzguM2MyOC44LDI1LjYsNDMuMSw1Ni4yLDQzLjEsOTIuMWMwLDI1LjgtOC4xLDQ5LjQtMjQuMyw3MC44Yy0xMC41LDEzLjYtNDIuOCw0Mi4yLTk2LjcsODUuOQ0KCQljLTU0LDQzLjctODkuODk5LDgzLjA5OS0xMDcuODk5LDExOC4wOTljLTE4LjQsMzUuODAxLTI0LjgsNzUuNS0yNi40LDExNS4zMDFjLTEuMzk5LDM0LjEsMjUuOCw2Mi41LDYwLDYyLjVoNDkNCgkJYzMxLjIsMCw1Ny0yMy45LDU5LjgtNTQuOWMyLTIyLjI5OSw1LjctMzkuMTk5LDExLjMwMS01MC42OTljOS4zOTktMTkuNzAxLDMzLjY5OS00NS43MDEsNzIuNjk5LTc4LjENCgkJQzcyMy41OSw0NzcuOCw3NzIuNzksNDI4LjQsNzk1Ljg5MSwzOTJjMjMtMzYuMywzNC42LTc0LjgsMzQuNi0xMTUuNWMwLTczLjUtMzEuMy0xMzgtOTQtMTkzLjRjLTYyLjYtNTUuNC0xNDctODMuMS0yNTMtODMuMQ0KCQljLTEwMC44LDAtMTgyLjEsMjcuMy0yNDQuMSw4MmMtNTIuOCw0Ni42LTg0LjksMTAxLjgtOTYuMiwxNjUuNUMxMzkuNjksMjY2LjEsMTUyLjM5LDI4My41LDE3MC44OSwyODUuOHoiLz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K"); - } - - /* - */ - input[type=checkbox][data-task="-"], - input[type=checkbox][data-task="-"]:hover, - ul > li.task-list-item[data-task="-"] > .task-list-item-checkbox { - background-color: var(--color-purple); - border-color: var(--color-purple); - } - input[type=checkbox][data-task="-"]:checked:after, - ul > li.task-list-item[data-task="-"] > .task-list-item-checkbox:checked:after { - -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTIgOGExIDEgMCAwMTEtMWgxMGExIDEgMCAxMTAgMkgzYTEgMSAwIDAxLTEtMXoiIGZpbGw9IiMwMDAiLz4KPC9zdmc+Cg=="); - } - /* mark out the canceled item */ - .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="-"], - ul > li.task-list-item[data-task="-"] { - text-decoration: var(--checklist-done-decoration); - } - - /* ! */ - input[type=checkbox][data-task="!"], - input[type=checkbox][data-task="!"]:hover, - ul > li.task-list-item[data-task="!"] > .task-list-item-checkbox { - background-color: var(--color-red); - border-color: var(--color-red); - } - input[type=checkbox][data-task="!"]:checked:after, - ul > li.task-list-item[data-task="!"] > .task-list-item-checkbox:checked:after { - -webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgcm9sZT0iaW1nIiBjbGFzcz0iaWNvbmlmeSBpY29uaWZ5LS1meGVtb2ppIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0Ij48cGF0aCBmaWxsPSIjMkIzQjQ3IiBkPSJNMzA1LjQ4NiA0MDUuMjExYzAgMjcuMTkxLTIxLjc1MiA0OS40ODYtNDkuNDg2IDQ5LjQ4NmMtMjcuNzM0IDAtNDkuNDg2LTIyLjI5NS00OS40ODYtNDkuNDg2YzAtMjcuMTkgMjEuNzUyLTQ5LjQ4NSA0OS40ODYtNDkuNDg1YzI3LjczNCAwIDQ5LjQ4NiAyMi4yOTYgNDkuNDg2IDQ5LjQ4NXptLTI2LjgwOC05OC45NzFoLTQ1Ljg3M2MtNi44IDAtMTIuMzk4LTUuMzQ3LTEyLjcwOC0xMi4xNGwtOS43MTEtMjEyLjE5N2MtLjMzMi03LjI0NyA1LjQ1NC0xMy4zMDMgMTIuNzA4LTEzLjMwM2g2NS43ODFjNy4yNjYgMCAxMy4wNTYgNi4wNzUgMTIuNzA3IDEzLjMzMmwtMTAuMTk3IDIxMi4xOTdjLS4zMjUgNi43ODEtNS45MTggMTIuMTExLTEyLjcwNyAxMi4xMTF6Ij48L3BhdGg+PC9zdmc+"); - } - - /* i */ - input[type=checkbox][data-task="i"], - input[type=checkbox][data-task="i"]:hover, - ul > li.task-list-item[data-task="i"] > .task-list-item-checkbox { - background-color: var(--color-green); - border-color: var(--color-green); - } - input[type=checkbox][data-task="i"]:checked:after, - ul > li.task-list-item[data-task="i"] > .task-list-item-checkbox:checked:after { - -webkit-mask-image:url("data:image/svg+xml,%3c%3fxml version='1.0' encoding='iso-8859-1'%3f%3e %3c!-- Generator: Adobe Illustrator 19.0.0%2c SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3e %3csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 488.9 488.9' style='enable-background:new 0 0 488.9 488.9%3b' xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpath d='M239.15%2c0c31.9%2c0%2c57.7%2c25.8%2c57.7%2c57.7s-25.8%2c57.7-57.7%2c57.7s-57.7-25.8-57.7-57.7S207.25%2c0%2c239.15%2c0z M291.65%2c151.6h-1.5 h-92.8h-3.4c-19%2c0-34.3%2c15.4-34.3%2c34.3l0%2c0c0%2c19%2c15.4%2c34.3%2c34.3%2c34.3h3.4v200h-37.7v68.7h169.6v-68.7h-37.5V151.6H291.65z'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3c/svg%3e"); - } - - /* / */ - input[type=checkbox][data-task="/"], - input[type=checkbox][data-task="/"]:hover, - ul > li.task-list-item[data-task="/"] > .task-list-item-checkbox { - background-color: var(--color-sea-green); - border-color: var(--color-sea-green); - } - input[type=checkbox][data-task="/"]:checked:after, - ul > li.task-list-item[data-task="/"] > .task-list-item-checkbox:checked:after { - -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' data-darkreader-inline-stroke='' style='--darkreader-inline-stroke:currentColor;'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3C/svg%3E"); - } -} - -/* - * Code -*/ -.cm-s-obsidian span.cm-inline-code, -.markdown-preview-view code { - color: inherit; - padding: 3px 5px; - border-radius: 5px; - font-family: var(--font-monospace); -} - -/* - * Tags -*/ -.pln-boxed-tags { - & { - --tag-radius: 5px; - --tag-border-width: 2px; - } -} - -/* - * Callouts -*/ -body { - --callout-padding: 0; - --callout-title-padding: var(--size-4-2) var(--size-4-2) var(--size-4-2) var(--size-4-3); - --callout-content-padding: 0 var(--size-4-2) var(--size-4-2) var(--size-4-3); - --callout-radius: 5px; -} - -/* remove leading and trailing padding of callout content paragraphs */ -.callout-content > p:first-child { - margin-top: 0px; -} -.callout-content > p:last-child { - margin-bottom: 0px; -} - -.callout { - border-top: 4px solid rgba(var(--callout-color), 1.0); - border-left: 2px solid rgba(var(--callout-color), 1.0); -} - -/* make quotes look like callouts too */ -body { - --blockquote-border-thickness: 2px; -} -/* correct quote padding */ -.markdown-rendered blockquote { - padding: 0 0 0 var(--size-4-3); -} - -/* make unique callout icons */ -.callout[data-callout="danger"] { - --callout-icon: lucide-alert-octagon; - --callout-color: var(--color-salmon-rgb); -} -.callout[data-callout="idea"] { - --callout-icon: lucide-lightbulb; -} -.callout[data-callout="links"] { - --callout-icon: lucide-link; -} -.callout[data-callout="meta"] { - --callout-icon: lucide-database; -} - -/* callouts to make special tables */ -div[data-callout^="table-"].callout { - border: 0; padding: 0; - background: unset; box-shadow: unset; - & > .callout-content { - display: contents - } - & > .callout-title { - display: none - } -} -/* make the first row vertical and bold */ -div[data-callout*="vertical_row"] { - & thead tr th:first-child { - writing-mode: vertical-lr; - transform: rotate(180deg); - height: auto; - min-width: 0 !important; - } - & tbody tr td:first-child { - writing-mode: vertical-lr; - transform: rotate(180deg); - height: auto; - min-width: 0 !important; - letter-spacing: 1px; - font-weight: var(--table-header-weight); - } -} -/* bold the first row of a table */ -div[data-callout*="bold_row"] { - & tbody tr td:first-child { - font-weight: var(--table-header-weight); - } -} -/* make the top row standard text unless bold_row is also specified */ -div[data-callout*="plain_columns"] { - & thead tr th { - font-weight: normal; - } - &[data-callout*="bold_row"] thead tr th:first-child { - font-weight: var(--table-header-weight); - } -} - -/* remove meta callouts in reading mode and when embeded*/ -.pln-rm-co-links .markdown-reading-view .callout[data-callout="links"], -.pln-rm-co-meta .markdown-reading-view .callout[data-callout="meta"], -.markdown-embed .callout[data-callout="links"], -.markdown-embed .callout[data-callout="meta"] { - display: none; -} - -/* colours */ -.callout[data-callout="note"] { - --callout-color: var(--color-blue-rgb); -} - -.callout[data-callout="abstract"], -.callout[data-callout="summary"], -.callout[data-callout="quote"], -.callout[data-callout="tldr"] { - --callout-color: var(--color-frost-rgb); -} - -.callout[data-callout="info"], -.callout[data-callout="todo"], -.callout[data-callout="tip"], -.callout[data-callout="hint"], -.callout[data-callout="important"] { - --callout-color: var(--color-cyan-rgb); -} - -.callout[data-callout="success"], -.callout[data-callout="check"], -.callout[data-callout="done"], -.callout[data-callout="question"], -.callout[data-callout="help"], -.callout[data-callout="faq"] { - --callout-color: var(--color-green-rgb); -} - -.theme-light .callout[data-callout="idea"], -.theme-light .callout[data-callout="attention"], -.theme-light .callout[data-callout="caution"], -.theme-light .callout[data-callout="warning"] { - --callout-color: var(--color-yellow-dark-rgb); -} - -.theme-dark .callout[data-callout="idea"], -.theme-dark .callout[data-callout="attention"], -.theme-dark .callout[data-callout="caution"], -.theme-dark .callout[data-callout="warning"] { - --callout-color: var(--color-yellow-light-rgb); -} - -.callout[data-callout="failure"], -.callout[data-callout="fail"], -.callout[data-callout="missing"] { - --callout-color: var(--color-orange-rgb); -} - -.callout[data-callout="error"], -.callout[data-callout="bug"] { - --callout-color: var(--color-red-rgb); -} - -.callout[data-callout="example"] { - --callout-color: var(--color-purple-rgb); -} - -.theme-dark .callout[data-callout="cite"], -.theme-dark .callout[data-callout="links"], -.theme-dark .callout[data-callout="meta"] { - --callout-color: var(--w0-rgb); -} -.theme-light .callout[data-callout="cite"], -.theme-light .callout[data-callout="links"], -.theme-light .callout[data-callout="meta"] { - --callout-color: var(--b3-rgb); -} - - -/* - * Highlighters - * Original by soggymuse, modified by Pipe -*/ -/* removes the default css */ -.pln-hilite-mods { - & mark, - & .markdown-rendered mark, - & .cm-s-obsidian span.cm-highlight { - color: inherit; - background: rgba(var(--color-yellow-rgb),0.2); - border-radius: 5px; - border: 2px solid; - border-color: var(--color-yellow); - } - - /*Add highlighter's label before highlighted text*/ - & mark::before, - & .cm-s-obsidian span.cm-highlight::before { - padding: 0 5px; - text-transform: lowercase; - font-style: italic; - font-family: Palatino; - } - - /*Red highlighter (edit)*/ - & mark.edit { - border-color: var(--color-red); - background: rgba(var(--color-red-rgb),0.2); - } - & mark.edit::before { - color: var(--color-red); - content: "Edit:"; - } - - /*Orange highlighter (unfinished)*/ - & mark.unfinished { - border-color: var(--color-orange); - background: rgba(var(--color-orange-rgb),0.2); - } - & mark.unfinished::before { - color: var(--color-orange); - content: "Unfinished:"; - } - - /*Pink highlighter (verify)*/ - & mark.verify { - border-color: var(--color-purple); - background: rgba(var(--color-purple-rgb),0.2); - } - & mark.verify::before { - color: var(--color-purple); - content: "Verify:"; - } - - /* Green highlighter (important)*/ - & mark.important { - border-color: var(--color-green); - background: rgba(var(--color-green-rgb),0.2); - } - & mark.important::before { - color: var(--color-green); - content: "Important:"; - } - - /* - * Text colours using mark - */ - & mark.red { - color: var(--color-red); - background: none; - border: 0px; - } - & mark.orange { - color: var(--color-orange); - background: none; - border: 0px; - } - & mark.yellow { - color: var(--color-yellow); - background: none; - border: 0px; - } - & mark.green { - color: var(--color-green); - background: none; - border: 0px; - } - & mark.purple { - color: var(--color-purple); - background: none; - border: 0px; - } - & mark.sea-green { - color: var(--color-sea-green); - background: none; - border: 0px; - } - & mark.cyan { - color: var(--color-cyan); - background: none; - border: 0px; - } - & mark.frost { - color: var(--color-frost); - background: none; - border: 0px; - } - & mark.blue { - color: var(--color-blue); - background: none; - border: 0px; - } - & mark.salmon { - color: var(--color-salmon); - background: none; - border: 0px; - } - /*underlined text*/ - & mark.underline { - text-decoration: underline; - background: none; - border: 0px; - } - /* paths */ - & mark.path { - font-family: var(--font-monospace); - color: var(--text-faint); - background: none; - border: 0px; - } - /* borders */ - & mark.borders { - border: 1px solid; - border-radius: 0px; - padding-left: 2px; - padding-right: 2px; - background: none; - } - /* spoiler */ - & mark.spoiler { - border: 0px; - background-color: var(--text-normal); - } - & mark.spoiler:hover { - background-color: inherit; - } -} - -/* - * Calendar plugin - * - * obsidian-calendar-plugin - * https://github.com/liamcain/obsidian-calendar-plugin -/* - -/* colors */ -#calendar-container { - & { - --color-dot: var(--color-accent); - --color-arrow: var(--color-salmon); - --color-background-weekend: var(--background-primary); - --color-text-weeknum: var(--color-yellow); - } - & .year { - color: var(--color-cyan); - } - & .active { - --color-dot: var(--text-on-accent); - } - &, - & .day, - & .week-num { - padding: 0; - } - & .nav { - margin: .2em 0 .6em; - } -} -/* padding fixes for calendar */ -.workspace-leaf-content .view-content { - padding: var(--size-2-2); -} - -/* - * Folders -/* -/* https://forum.obsidian.md/t/iterative-rainbow-folder-colors-css/21066 */ -/* thanks to Evelf */ -/* updated for v1.6.0 */ - -.tree-item-children { - --nav-indentation-guide-width: 3px; - border-bottom-left-radius: 5px; -} - -.pln-folder-icons { - /* optionally make the collapse icons folders instead */ - & .nav-files-container .collapse-icon.is-collapsed svg.svg-icon { - transform: none; - } - - /* Make all folder chevrons into icons, and make them all white */ - & .nav-files-container > div > .nav-folder .collapse-icon svg { - -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-folder-open'%3E%3Cpath d='m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E"); - color: var(--icon-color); - background-color: var(--icon-color); - } - /* Change top level to grey */ - & .nav-files-container > div > .nav-folder > .nav-folder-title > .collapse-icon svg { - color: var(--b0); - background-color: var(--b0); - } - - /* Make all folder chevrons into icons, and make them all white */ - & .nav-files-container > div > .nav-folder .collapse-icon.is-collapsed svg { - -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-folder'%3E%3Cpath d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z'/%3E%3C/svg%3E"); - color: var(--icon-color); - background-color: var(--icon-color); - } - /* Change top level to grey */ - & .nav-files-container > div > .nav-folder > .nav-folder-title > .collapse-icon.is-collapsed svg { - color: var(--b0); - background-color: var(--b0); - } -} - -.nav-files-container { - /* changes the top level folders to darker text so they can be read on the coloured folder background*/ - & > div > .nav-folder > .nav-folder-title, - & > div > .nav-folder > .nav-folder-title:hover, - & > div > .nav-folder > .nav-folder-title > .collapse-icon svg.svg-icon { - --nav-item-color: var(--b0); - --nav-item-color-hover: var(--b0); - --nav-collapse-icon-color: var(--b0); - } - - /* Make items focused via arrow keys highlighted */ - & .tree-item-self.has-focus { - background-color: var(--background-modifier-hover); - } - - /* Coloursssssss */ - & > div > .nav-folder:nth-child(9n+2) > .tree-item-self { - background-color: var(--color-red); - } - & > div > .nav-folder:nth-child(9n+2) .tree-item-children { - --nav-indentation-guide-color: var(--color-red); - } - - & > div > .nav-folder:nth-child(9n+3) > .tree-item-self { - background-color: var(--color-orange); - } - & > div > .nav-folder:nth-child(9n+3) .tree-item-children { - --nav-indentation-guide-color: var(--color-orange); - } - - & > div > .nav-folder:nth-child(9n+4) > .tree-item-self { - background-color: var(--color-yellow-light); - } - & > div > .nav-folder:nth-child(9n+4) .tree-item-children { - --nav-indentation-guide-color: var(--color-yellow-light); - } - - & > div > .nav-folder:nth-child(9n+5) > .tree-item-self { - background-color: var(--color-green); - } - & > div > .nav-folder:nth-child(9n+5) .tree-item-children { - --nav-indentation-guide-color: var(--color-green); - } - - & > div > .nav-folder:nth-child(9n+6) > .tree-item-self { - background-color: var(--color-sea-green); - } - & > div > .nav-folder:nth-child(9n+6) .tree-item-children { - --nav-indentation-guide-color: var(--color-sea-green); - } - - & > div > .nav-folder:nth-child(9n+7) > .tree-item-self { - background-color: var(--color-cyan); - } - & > div > .nav-folder:nth-child(9n+7) .tree-item-children { - --nav-indentation-guide-color: var(--color-cyan); - } - - & > div > .nav-folder:nth-child(9n+8) > .tree-item-self { - background-color: var(--color-frost); - } - & > div > .nav-folder:nth-child(9n+8) .tree-item-children { - border-left: 3px solid var(--color-frost); - } - - & > div > .nav-folder:nth-child(9n+9) > .tree-item-self { - background-color: var(--color-blue); - } - & > div > .nav-folder:nth-child(9n+9) .tree-item-children { - --nav-indentation-guide-color: var(--color-blue); - } - - & > div > .nav-folder:nth-child(9n+10) > .tree-item-self { - background-color: var(--color-purple); - } - & > div > .nav-folder:nth-child(9n+10) .tree-item-children { - --nav-indentation-guide-color: var(--color-purple); - } -} - -/* lock functionality */ -.lock { - & * { - -webkit-user-modify: read-only !important; - } - & .metadata-content { - pointer-events: none; - } -} -.workspace-leaf:has(.lock) .clickable-icon.view-action[aria-label^="Current view:"] { - -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-lock'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E"); - background-color: var(--icon-color); - -webkit-mask-repeat: no-repeat; - -webkit-mask-position: center; - pointer-events:none -} - -/* - * Supplementals -*/ - -/* MIT License | Copyright (c) Stephan Ango (@kepano) - -Cards snippet for Obsidian - -author: @kepano -version: 3.0.0 - -Support my work: -https://github.com/sponsors/kepano - -*/ -body { - --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: transparent; - --cards-border-width: 1px; - --cards-aspect-ratio: auto; - --cards-columns: repeat(auto-fit, minmax(var(--cards-min-width), var(--cards-max-width))); } - - @media (max-width: 400pt) { - body { - --cards-min-width:var(--cards-mobile-width); } } - .cards.table-100 table.dataview tbody, - .table-100 .cards table.dataview tbody { - padding: 0.25rem 0.75rem; } - - .cards table.dataview { - --table-width: 100%; - --table-edge-cell-padding-first: calc(var(--cards-padding)/2); - --table-edge-cell-padding-last: calc(var(--cards-padding)/2); - --table-cell-padding: calc(var(--cards-padding)/3) calc(var(--cards-padding)/2); - line-height: 1.3; } - .cards table.dataview tbody { - clear: both; - padding: 0.5rem 0; - display: grid; - grid-template-columns: var(--cards-columns); - grid-column-gap: 0.75rem; - grid-row-gap: 0.75rem; } - .cards table.dataview > tbody > tr { - background-color: var(--cards-background); - border: var(--cards-border-width) solid var(--background-modifier-border); - display: flex; - flex-direction: column; - margin: 0; - padding: 0 0 calc(var(--cards-padding)/3) 0; - border-radius: 6px; - overflow: hidden; - transition: box-shadow 0.15s linear; - max-width: var(--cards-max-width); - height: auto; } - .cards table.dataview > tbody > tr:hover { - border: var(--cards-border-width) solid var(--background-modifier-border-hover); - box-shadow: 0 4px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 3px 1px rgba(0, 0, 0, 0.025); - transition: box-shadow 0.15s linear; } - .cards table.dataview tbody > tr > td { - /* Paragraphs */ - /* Links */ - /* Buttons */ - /* Lists */ - /* Images */ } - .cards table.dataview tbody > tr > td:first-child { - font-weight: var(--bold-weight); - border: none; } - .cards table.dataview tbody > tr > td:first-child a { - display: block; } - .cards table.dataview tbody > tr > td:last-child { - border: none; } - .cards table.dataview tbody > tr > td:not(:first-child) { - font-size: calc(var(--table-text-size) * .9); - color: var(--text-muted); } - .cards table.dataview tbody > tr > td > * { - padding: calc(var(--cards-padding)/3) 0; } - .cards table.dataview tbody > tr > td:not(:last-child):not(:first-child) { - padding: 4px 0; - border-bottom: 1px solid var(--background-modifier-border); - width: calc(100% - var(--cards-padding)); - margin: 0 calc(var(--cards-padding)/2); } - .cards table.dataview tbody > tr > td a { - text-decoration: none; } - .cards table.dataview tbody > tr > td > button { - width: 100%; - margin: calc(var(--cards-padding)/2) 0; } - .cards table.dataview tbody > tr > td:last-child > button { - margin-bottom: calc(var(--cards-padding)/6); } - .cards table.dataview tbody > tr > td > ul { - width: 100%; - padding: 0.25em 0 !important; - margin: 0 auto !important; } - .cards table.dataview tbody > tr > td:has(img) { - padding: 0 !important; - background-color: var(--background-secondary); - display: block; - margin: 0; - width: 100%; } - .cards table.dataview tbody > tr > td img { - aspect-ratio: var(--cards-aspect-ratio); - width: 100%; - object-fit: var(--cards-image-fit); - max-height: var(--cards-image-height); - background-color: var(--background-secondary); - vertical-align: bottom; } - - .markdown-source-view.mod-cm6.cards .dataview.table-view-table > tbody > tr > td, - .trim-cols .cards table.dataview tbody > tr > td { - white-space: normal; } - - /* - .cards, - .markdown-source-view.mod-cm6.cards { - .dataview.table-view-table > tbody > tr > td, - table.dataview tbody > tr > td { - border-bottom: none; - padding: 0!important; - line-height: 1.2; - width: calc(100% - var(--cards-padding)); - margin: 0 auto; - overflow: visible !important; - max-width: 100%; - display: flex; - } - }*/ - .links-int-on .cards table { - --link-decoration: none; } - - /* Block button */ - .markdown-source-view.mod-cm6.cards .edit-block-button { - top: 0px; } - - /* ------------------- */ - /* Sorting menu */ - .cards.table-100 table.dataview thead > tr, - .table-100 .cards table.dataview thead > tr { - right: 0.75rem; } - - .table-100 .cards table.dataview thead:before, - .cards.table-100 table.dataview thead:before { - margin-right: 0.75rem; } - - .theme-light .cards table.dataview thead:before { - background-image: url('data:image/svg+xml;utf8,'); } - - .cards table.dataview thead { - user-select: none; - width: 180px; - display: block; - float: right; - position: relative; - text-align: right; - height: 24px; - padding-bottom: 0px; } - .cards table.dataview thead:hover:before { - opacity: 0.5; - background-color: var(--background-modifier-hover); } - .cards table.dataview thead:before { - content: ''; - position: absolute; - right: 0; - top: 0; - width: 10px; - height: 16px; - background-repeat: no-repeat; - cursor: var(--cursor); - text-align: right; - padding: var(--size-4-1) var(--size-4-2); - margin-bottom: 2px; - border-radius: var(--radius-s); - font-weight: 500; - font-size: var(--font-adaptive-small); - opacity: 0.25; - background-position: center center; - background-size: 16px; - background-image: url('data:image/svg+xml;utf8,'); } - .cards table.dataview thead > tr { - top: -1px; - position: absolute; - display: none; - z-index: 9; - border: 1px solid var(--background-modifier-border-hover); - background-color: var(--background-secondary); - box-shadow: var(--shadow-s); - padding: 6px; - border-radius: var(--radius-m); - flex-direction: column; - margin: 24px 0 0 0; - width: 100%; } - .cards table.dataview thead:hover > tr { - display: flex; } - .cards table.dataview thead > tr > th { - display: block; - padding: 3px 30px 3px 6px !important; - border-radius: var(--radius-s); - width: 100%; - font-weight: 400; - color: var(--text-normal); - cursor: var(--cursor); - border: none; - font-size: var(--font-ui-small); } - .cards table.dataview thead > tr > th[sortable-style="sortable-asc"], - .cards table.dataview thead > tr > th[sortable-style="sortable-desc"] { - color: var(--text-normal); } - .cards table.dataview thead > tr > th:hover { - color: var(--text-normal); - background-color: var(--background-modifier-hover); } - - /* ------------------- */ - /* Card lists */ - .list-cards.markdown-preview-view .list-bullet, - .list-cards.markdown-preview-view .list-collapse-indicator, .list-cards.markdown-preview-view.markdown-rendered.show-indentation-guide li > ul::before { - display: none; } - .list-cards.markdown-preview-view div > ul { - display: grid; - gap: 0.75rem; - grid-template-columns: var(--cards-columns); - padding: 0; - line-height: var(--line-height-tight); } - .list-cards.markdown-preview-view div > ul > li { - background-color: var(--cards-background); - padding: calc(var(--cards-padding)/2); - border-radius: var(--radius-s); - border: var(--cards-border-width) solid var(--background-modifier-border); - overflow: hidden; } - .list-cards.markdown-preview-view div > ul .image-embed { - padding: 0; - display: block; - background-color: var(--background-secondary); - border-radius: var(--image-radius); } - .list-cards.markdown-preview-view div > ul .image-embed img { - aspect-ratio: var(--cards-aspect-ratio); - object-fit: var(--cards-image-fit); - max-height: var(--cards-image-height); - background-color: var(--background-secondary); - vertical-align: bottom; } - .list-cards.markdown-preview-view div > ul > li > a { - --link-decoration: none; - --link-external-decoration: none; - font-weight: var(--bold-weight); } - .list-cards.markdown-preview-view div ul > li:hover { - border-color: var(--background-modifier-border-hover); } - .list-cards.markdown-preview-view div ul ul { - display: block; - width: 100%; - color: var(--text-muted); - font-size: var(--font-smallest); - margin: calc(var(--cards-padding)/-4) 0; - padding: calc(var(--cards-padding)/2) 0; } - .list-cards.markdown-preview-view div ul ul ul { - padding-bottom: calc(var(--cards-padding)/4); } - .list-cards.markdown-preview-view div ul ul > li { - display: block; } - - /* ------------------- */ - /* Helper classes */ - .cards.cards-16-9, - .list-cards.cards-16-9 { - --cards-aspect-ratio: 16/9; } - .cards.cards-1-1, - .list-cards.cards-1-1 { - --cards-aspect-ratio: 1/1; } - .cards.cards-2-1, - .list-cards.cards-2-1 { - --cards-aspect-ratio: 2/1; } - .cards.cards-2-3, - .list-cards.cards-2-3 { - --cards-aspect-ratio: 2/3; } - .cards.cards-cols-1, - .list-cards.cards-cols-1 { - --cards-columns: repeat(1, minmax(0, 1fr)); } - .cards.cards-cols-2, - .list-cards.cards-cols-2 { - --cards-columns: repeat(2, minmax(0, 1fr)); } - .cards.cards-cover, - .list-cards.cards-cover { - --cards-image-fit: cover; } - .cards.cards-align-bottom table.dataview tbody > tr > td:last-child, - .list-cards.cards-align-bottom table.dataview tbody > tr > td:last-child { - margin-top: auto; } - - @media (max-width: 400pt) { - .cards table.dataview tbody > tr > td:not(:first-child) { - font-size: 80%; } } - @media (min-width: 400pt) { - .cards-cols-3 { - --cards-columns: repeat(3, minmax(0, 1fr)); } - - .cards-cols-4 { - --cards-columns: repeat(4, minmax(0, 1fr)); } - - .cards-cols-5 { - --cards-columns: repeat(5, minmax(0, 1fr)); } - - .cards-cols-6 { - --cards-columns: repeat(6, minmax(0, 1fr)); } - - .cards-cols-7 { - --cards-columns: repeat(7, minmax(0, 1fr)); } - - .cards-cols-8 { - --cards-columns: repeat(8, minmax(0, 1fr)); } } \ No newline at end of file diff --git a/.obsidian/themes/Shiba Inu/manifest.json b/.obsidian/themes/Shiba Inu/manifest.json deleted file mode 100644 index 69c009f..0000000 --- a/.obsidian/themes/Shiba Inu/manifest.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "name": "Shiba Inu", - "version": "1.0.8.1", - "minAppVersion": "1.1.9", - "author": "Farouk", - "authorUrl": "https://github.com/faroukx" -} diff --git a/.obsidian/themes/Shiba Inu/theme.css b/.obsidian/themes/Shiba Inu/theme.css deleted file mode 100644 index 9de59bc..0000000 --- a/.obsidian/themes/Shiba Inu/theme.css +++ /dev/null @@ -1,8615 +0,0 @@ -/* ──────────────────────────────────────────────────────────────────────────── - -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,'); -} -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,'); - 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,'); - 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,'); - 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,'); - 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,'); - 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 -*/ diff --git a/.obsidian/themes/monochroYOU/manifest.json b/.obsidian/themes/monochroYOU/manifest.json deleted file mode 100644 index e6b7f48..0000000 --- a/.obsidian/themes/monochroYOU/manifest.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "name": "monochroYOU", - "version": "1.0.5", - "minAppVersion": "1.0.0", - "author": "GuiMar10", - "authorUrl": "https://github.com/GuiMar10" -} diff --git a/.obsidian/themes/monochroYOU/theme.css b/.obsidian/themes/monochroYOU/theme.css deleted file mode 100644 index 28b0b20..0000000 --- a/.obsidian/themes/monochroYOU/theme.css +++ /dev/null @@ -1,75 +0,0 @@ -.theme-light { - /* Material You Tokens - Light Mode ✨☀️ */ - --colorPrimary: hsl(var(--accent-h), 100%, 31%); - --colorPrimaryContainer: hsl(var(--accent-h), 100%, 93%); - --colorPrimaryContainerVariant: hsl(var(--accent-h), 100%, 85%); - --colorPrimaryContainerVariantHover: hsl(var(--accent-h), 100%, 91%); - --colorOnPrimary: white; - --colorBackgroundPrimary: hsl(var(--accent-h), 100%, 97%); - --colorBackgroundSecondary: hsla( - var(--accent-h), - var(--accent-s), - var(--accent-l), - 2% - ); - - /* Navigation Items - Light Mode ✨☀️ */ - --nav-item-color: black; -} - -.theme-dark { - /* Material You Tokens - Dark Mode ✨🌝 */ - --colorPrimary: hsl(var(--accent-h), 100%, 80%); - --colorPrimaryContainer: hsl(var(--accent-h), 100%, 10%); - --colorPrimaryContainerVariant: hsl(var(--accent-h), 100%, 20%); - --colorPrimaryContainerVariantHover: hsl(var(--accent-h), 100%, 10%); - --colorOnPrimary: var(--colorBackgroundSecondary); - --colorBackgroundPrimary: hsl(var(--accent-h), 20%, 7%); - --colorBackgroundSecondary: hsl(var(--accent-h), 30%, 12%); - - /* Navigation Items - Dark Mode ✨🌝 */ - --nav-item-color: white; -} - -body { - /* Interactive */ - --interactive-normal: hsl(var(--accent-h), 100%, 90%); - --interactive-accent: var(--colorPrimary); - --interactive-accent-hover: var(--colorPrimary); - - /* Background */ - --background-primary: var(--colorBackgroundPrimary); - --background-secondary: var(--colorBackgroundSecondary); - --background-modifier-border: transparent; - --titlebar-background-focused: var(--colorBackgroundSecondary); - - /* Navigation */ - --tab-background-active: var(--colorPrimaryContainerVariant); - --nav-item-background-hover: var(--colorPrimaryContainerVariantHover); - --nav-item-background-active: var(--colorPrimaryContainerVariant); - --text-highlight-bg: var(--colorPrimaryContainerVariant); - - /* Code */ - --code-background: var(--colorPrimaryContainer); - --code-normal: var(--colorPrimary); - - /* Link */ - --link-external-color: var(--colorPrimary); - --link-external-color-hover: var(--colorPrimary); - - /* Tags */ - --tag-color: var(--colorPrimary); - --tag-background: var(--colorPrimaryContainerVariant); - --tag-background-hover: var(--colorPrimaryContainerVariant); - - /* Radius */ - --button-radius: 100px; - --radius-s: 100px; - - /* Toggle */ - --toggle-thumb-color: var(--colorOnPrimary); - - /* On accent */ - --text-on-accent: var(--colorOnPrimary); - --text-on-accent-inverted: var(--colorOnPrimary); -}