@charset "UTF-8"; /* @settings name: AnuPpuccin id: anuppuccin-theme-settings settings: - id: anuppuccin-theme-credits-link title: Source Code description: View and contribute to the theme at github.com/anubisnekhet/anuppuccin type: heading level: 1 collapsed: true - id: anp-colors-section-header title: Colors type: heading level: 1 collapsed: true - id: anuppuccin-theme-light title: Light theme flavor description: Select your preferred light mode flavor type: class-select allowEmpty: false default: ctp-latte options: - label: Latte value: ctp-latte - label: Rosé Pine value: ctp-rosepine-light - id: anuppuccin-theme-dark title: Dark theme flavor description: Select your preferred dark mode flavor type: class-select allowEmpty: false default: ctp-mocha options: - label: Frappe value: ctp-frappe - label: Macchiato value: ctp-macchiato - label: Mocha value: ctp-mocha - label: Mocha Old value: ctp-mocha-old - id: anuppuccin-accent-toggle title: Force catppuccin accents description: Forces catppuccin accents to be utilised instead of default obsidian accent type: class-toggle default: true - id: anuppuccin-theme-accents title: Theme accent description: Select your preferred accent type: class-select allowEmpty: false default: ctp-accent-rosewater options: - label: Rosewater value: ctp-accent-rosewater - label: Flamingo value: ctp-accent-flamingo - label: Pink value: ctp-accent-pink - label: Mauve value: ctp-accent-mauve - label: Red value: ctp-accent-red - label: Maroon value: ctp-accent-maroon - label: Peach value: ctp-accent-peach - label: Yellow value: ctp-accent-yellow - label: Green value: ctp-accent-green - label: Teal value: ctp-accent-teal - label: Sky value: ctp-accent-sky - label: Sapphire value: ctp-accent-sapphire - label: Blue value: ctp-accent-blue - label: Lavender value: ctp-accent-lavender - id: anuppuccin-extended-colorschemes-link title: Extended colorschemes description: "Download and use the extended colorschemes snippet if you haven't already! (https://github.com/AnubisNekhet/AnuPpuccin/blob/main/snippets/extended-colorschemes.css)" type: heading level: 2 collapsed: true - id: anp-components-section-header title: Components type: heading level: 1 collapsed: true - id: colorful-frame title: Colorful Frame type: heading level: 2 collapsed: true - id: anp-colorful-frame title: "Toggle colorful frame (WIP)" type: class-toggle - id: anp-colorful-frame-opacity title: Colorful frame opacity type: variable-number-slider default: 1 min: 0 max: 1 step: 0.05 - id: anp-colorful-frame-color title: Custom colorful frame color type: variable-themed-color format: "rgb-values" opacity: false default-light: '#' default-dark: '#' alt-format: - id: anp-colorful-frame-color-hsl format: "hsl-values" - id: anp-callout-header title: Callouts type: heading level: 2 collapsed: true - id: anp-callout-toggle title: Toggle callout styling type: class-toggle - id: anp-callout-select title: Select callout style type: class-select default: anp-callout-default allowEmpty: false options: - label: Default value: anp-callout-default - label: Sleek value: anp-callout-sleek - label: Block value: anp-callout-block - label: Willemstad value: anp-callout-willemstad - id: anp-callout-normal-toggle title: Toggle callout styling to non-collapsible callouts type: class-toggle - id: anp-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: anp-callout-fold-position title: Callout fold position type: class-toggle - id: anp-custom-checkboxes-header title: Custom checkboxes type: heading level: 2 collapsed: true - id: anp-custom-checkboxes title: Enable custom checkboxes type: class-toggle - id: anp-speech-bubble title: Enable speech bubbles type: class-toggle - id: anp-editor-header title: Editor type: heading level: 2 collapsed: true - id: anp-editor-font-toggle title: Enable custom source editor font type: class-toggle - id: anp-editor-font title: Editor font type: variable-text default: Iosevka Comfy Duo - id: anp-active-line title: Active line highlight type: class-select allowEmpty: false default: anp-no-highlight options: - label: None value: anp-no-highlight - label: Highlight value: anp-current-line - label: Highlight + Border value: anp-current-line-border - id: anp-preview-header title: File preview type: heading level: 2 collapsed: true - id: anp-toggle-preview title: Enable custom preview margins type: class-toggle - id: file-margins title: File margins type: variable-number default: 32 format: px - id: anp-preview-width-pct title: Preview width description: In percentage type: variable-number default: 80 format: "%" - id: file-line-width title: Maximum preview width description: In px type: variable-number default: 700 format: px - id: anp-tab-stacked-pane-width title: Stacked tabs pane width multiplier description: Multiplies the stack tab pane with which depends on file line width type: variable-number default: 1 - id: anp-ui-header title: General UI type: heading level: 2 collapsed: true - id: anp-toggle-metadata title: Hide metadata type: class-toggle - id: anp-hide-status-bar title: Hide status bar type: class-toggle - id: anp-tooltip-toggle title: Disable tooltips type: class-toggle - id: anp-toggle-scrollbars title: Disable scrollbars type: class-toggle - id: anp-header-header title: Headers type: heading level: 2 collapsed: true - id: anp-header-color-toggle title: Toggle to enable custom header colors type: class-toggle - id: anp-header-margin-toggle title: Toggle to enable custom header margin type: class-toggle - id: anp-header-margin-value title: Header margin value description: Size unit is px type: variable-number-slider min: 0 max: 30 step: 2 default: 20 format: px - id: anp-h1-header title: H1 settings type: heading level: 3 collapsed: true - id: h1-font title: H1 font family type: variable-text default: Noto Serif - id: h1-size title: H1 Size description: Size unit is em type: variable-number default: 2 format: em - id: h1-weight title: H1 weight type: variable-number default: 700 - id: h1-line-height title: H1 line height type: variable-number default: 1.2 - id: anp-h1-color-custom title: H1 color type: class-select allowEmpty: true default: anp-h1-red options: - label: Rosewater value: anp-h1-rosewater - label: Flamingo value: anp-h1-flamingo - label: Pink value: anp-h1-pink - label: Mauve value: anp-h1-mauve - label: Red value: anp-h1-red - label: Maroon value: anp-h1-maroon - label: Peach value: anp-h1-peach - label: Yellow value: anp-h1-yellow - label: Green value: anp-h1-green - label: Teal value: anp-h1-teal - label: Sky value: anp-h1-sky - label: Sapphire value: anp-h1-sapphire - label: Blue value: anp-h1-blue - label: Lavender value: anp-h1-lavender - id: anp-h1-divider title: H1 divider type: class-toggle - id: anp-h2-header title: H2 settings type: heading level: 3 collapsed: true - id: h2-font title: H2 font family type: variable-text default: Noto Serif - id: h2-size title: H2 Size description: Size unit is em type: variable-number default: 1.6 format: em - id: h2-weight title: H2 weight type: variable-number default: 600 - id: h2-line-height title: H2 line height type: variable-number default: 1.2 - id: anp-h2-color-custom title: H2 color type: class-select allowEmpty: true default: anp-h2-peach options: - label: Rosewater value: anp-h2-rosewater - label: Flamingo value: anp-h2-flamingo - label: Pink value: anp-h2-pink - label: Mauve value: anp-h2-mauve - label: Red value: anp-h2-red - label: Maroon value: anp-h2-maroon - label: Peach value: anp-h2-peach - label: Yellow value: anp-h2-yellow - label: Green value: anp-h2-green - label: Teal value: anp-h2-teal - label: Sky value: anp-h2-sky - label: Sapphire value: anp-h2-sapphire - label: Blue value: anp-h2-blue - label: Lavender value: anp-h2-lavender - id: anp-h2-divider title: H2 divider type: class-toggle - id: anp-h3-header title: H3 settings type: heading level: 3 collapsed: true - id: h3-font title: H3 font family type: variable-text default: Noto Serif - id: h3-size title: H3 Size description: Size unit is em type: variable-number default: 1.37 format: em - id: h3-weight title: H3 weight type: variable-number default: 600 - id: h3-line-height title: H3 line height type: variable-number default: 1.3 - id: anp-h3-color-custom title: H3 color type: class-select allowEmpty: true default: anp-h3-green options: - label: Rosewater value: anp-h3-rosewater - label: Flamingo value: anp-h3-flamingo - label: Pink value: anp-h3-pink - label: Mauve value: anp-h3-mauve - label: Red value: anp-h3-red - label: Maroon value: anp-h3-maroon - label: Peach value: anp-h3-peach - label: Yellow value: anp-h3-yellow - label: Green value: anp-h3-green - label: Teal value: anp-h3-teal - label: Sky value: anp-h3-sky - label: Sapphire value: anp-h3-sapphire - label: Blue value: anp-h3-blue - label: Lavender value: anp-h3-lavender - id: anp-h3-divider title: H3 divider type: class-toggle - id: anp-h4-header title: H4 settings type: heading level: 3 collapsed: true - id: h4-font title: H4 font family type: variable-text default: Noto Serif - id: h4-size title: H4 Size description: Size unit is em type: variable-number default: 1.25 format: em - id: h4-weight title: H4 weight type: variable-number default: 600 - id: h4-line-height title: H4 line height type: variable-number default: 1.4 - id: anp-h4-color-custom title: H4 color type: class-select allowEmpty: true default: anp-h4-teal options: - label: Rosewater value: anp-h4-rosewater - label: Flamingo value: anp-h4-flamingo - label: Pink value: anp-h4-pink - label: Mauve value: anp-h4-mauve - label: Red value: anp-h4-red - label: Maroon value: anp-h4-maroon - label: Peach value: anp-h4-peach - label: Yellow value: anp-h4-yellow - label: Green value: anp-h4-green - label: Teal value: anp-h4-teal - label: Sky value: anp-h4-sky - label: Sapphire value: anp-h4-sapphire - label: Blue value: anp-h4-blue - label: Lavender value: anp-h4-lavender - id: anp-h4-divider title: H4 divider type: class-toggle - id: anp-h5-header title: H5 settings type: heading level: 3 collapsed: true - id: h5-font title: H5 font family type: variable-text default: Noto Serif - id: h5-size title: H5 Size description: Size unit is em type: variable-number default: 1.12 format: em - id: h5-weight title: H5 weight type: variable-number default: 600 - id: h5-line-height title: H5 line height type: variable-number default: 1.5 - id: anp-h5-color-custom title: H5 color type: class-select allowEmpty: true default: anp-h5-lavender options: - label: Rosewater value: anp-h5-rosewater - label: Flamingo value: anp-h5-flamingo - label: Pink value: anp-h5-pink - label: Mauve value: anp-h5-mauve - label: Red value: anp-h5-red - label: Maroon value: anp-h5-maroon - label: Peach value: anp-h5-peach - label: Yellow value: anp-h5-yellow - label: Green value: anp-h5-green - label: Teal value: anp-h5-teal - label: Sky value: anp-h5-sky - label: Sapphire value: anp-h5-sapphire - label: Blue value: anp-h5-blue - label: Lavender value: anp-h5-lavender - id: anp-h5-divider title: H5 divider type: class-toggle - id: anp-h6-header title: H6 settings type: heading level: 3 collapsed: true - id: h6-font title: H6 font family type: variable-text default: Noto Serif - id: h6-size title: H6 Size description: Size unit is em type: variable-number default: 1.12 format: em - id: h6-weight title: H6 weight type: variable-number default: 600 - id: h6-line-height title: H6 line height type: variable-number default: 1.5 - id: anp-h6-color-custom title: H6 color type: class-select allowEmpty: true default: anp-h6-mauve options: - label: Rosewater value: anp-h6-rosewater - label: Flamingo value: anp-h6-flamingo - label: Pink value: anp-h6-pink - label: Mauve value: anp-h6-mauve - label: Red value: anp-h6-red - label: Maroon value: anp-h6-maroon - label: Peach value: anp-h6-peach - label: Yellow value: anp-h6-yellow - label: Green value: anp-h6-green - label: Teal value: anp-h6-teal - label: Sky value: anp-h6-sky - label: Sapphire value: anp-h6-sapphire - label: Blue value: anp-h6-blue - label: Lavender value: anp-h6-lavender - id: anp-h6-divider title: H6 divider type: class-toggle - id: anp-layout-header title: Layout type: heading level: 2 collapsed: true - id: anp-layout-select title: Layout variant type: class-select allowEmpty: false default: anp-default-layout options: - label: Default value: anp-default-layout - label: Cards value: anp-card-layout - id: anp-disable-borders title: Disable borders type: class-toggle - id: anp-bg-fix title: Background fix for applying colors type: class-toggle - id: anp-layout-card title: Card layout settings type: heading level: 3 collapsed: true - id: anp-card-radius title: Card radius description: Size unit is px type: variable-number default: 16 format: px - id: anp-card-layout-padding title: Card padding description: Size unit is px type: variable-number default: 10 format: px - id: anp-card-header-left-padding title: Tab left padding description: Size unit is px type: variable-number default: 20 format: px - id: anp-card-shadows title: Enable shadows type: class-toggle - id: anp-card-layout-actions title: Enable card format for actions type: class-toggle - id: anp-card-layout-filebrowser title: Enable card format for file browser type: class-toggle - id: anp-list-header title: Lists type: heading level: 2 collapsed: true - id: anp-list-toggle title: Toggle list styling type: class-toggle - id: list-indent title: List indent description: Size unit is em type: variable-number default: 2 format: em - id: list-spacing title: List spacing description: Size unit is em type: variable-number default: 0.075 format: em - id: anp-markdown-embed-header title: Markdown embeds type: heading level: 2 collapsed: true - id: anp-embed-toggle title: Enable custom internal embeds type: class-toggle - id: anp-embed-animated-toggle title: Enable custom animated internal embeds type: class-toggle - id: anp-misc-element-header title: Misc. element settings description: Values in this category may be shifted to their own category in the future type: heading level: 2 collapsed: true - id: anp-codeblock-numbers title: Enable codeblock numbering type: class-toggle - id: anp-button-metadata-toggle title: Enable custom metadata button type: class-toggle - id: anp-floating-header title: Enable floating vault title type: class-toggle - id: anp-custom-vault-toggle title: Enable custom vault title type: class-toggle - id: anp-color-transition-toggle title: Color transition toggle (WIP) description: "Adds a transition when switching palettes, looks really neat :)" type: class-toggle - id: anp-plugin-header title: "Plugin/Snippet integrations" type: heading level: 2 collapsed: true - id: anp-plugin-style-settings title: Style settings type: heading level: 3 collapsed: true - id: anp-snippet-minimal-cards title: Minimal Cards description: "The snippet is available at: https://github.com/kepano/obsidian-minimal/blob/master/src/scss/features/cards.scss" type: heading level: 3 collapsed: true - id: cards-min-width title: Card minimum width 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-mobile-width title: Card minimum width on mobile type: variable-text default: 120px - id: cards-padding title: Card padding type: variable-text default: 1.2em - id: cards-image-height title: Card maximum image height type: variable-text default: 400px - id: cards-border-width title: Card border width type: variable-text default: 1px - id: cards-background title: Card background color type: variable-themed-color format: "rgb-values" opacity: false default-light: '#' default-dark: '#' - id: anp-rainbow-section-header title: Rainbow folder type: heading level: 2 collapsed: true - id: anp-alt-rainbow-style title: Rainbow style type: class-select allowEmpty: false default: anp-default-rainbow options: - label: None value: anp-default-rainbow - label: Full value: anp-full-rainbow-color-toggle - label: Simple value: anp-simple-rainbow-color-toggle - id: anp-full-rainbow-folder-settings title: Full folder theme settings type: heading level: 3 collapsed: true - id: anp-rainbow-file-toggle title: File recolor toggle desc: Recolors files to match the folders type: class-toggle - id: anp-rainbow-folder-bg-opacity title: Folder background color opacity description: Uses decimal type: variable-number default: 0.7 - id: anp-rainbow-folder-border-opacity title: Folder border opacity description: Uses decimal type: variable-number default: 1 - id: anp-simple-rainbow-folder-settings title: Simple folder theme settings type: heading level: 3 collapsed: true - id: anp-simple-rainbow-title-toggle title: Toggle to enable title recolor type: class-toggle - id: anp-simple-rainbow-icon-folder-toggle title: Toggle to enable icon recolor (For icon folder users) type: class-toggle - id: anp-simple-rainbow-indentation-toggle title: Toggle to enable collpase indent recolor type: class-toggle - id: anp-simple-rainbow-collapse-toggle title: Toggle to enable collpase indicator type: class-toggle - id: anp-simple-rainbow-icon-toggle title: Toggle to enable circular file type: class-toggle - id: anp-stacked-tabs-header title: Stacked Tabs type: heading level: 2 collapsed: true - id: anp-stacked-header-width title: Stacked tabs header width type: variable-number default: 40 format: px - id: anp-table-header title: Tables type: heading level: 2 collapsed: true - id: anp-table-toggle title: Enable table redesign type: class-toggle - id: anp-table-auto title: Center tables description: Use anp-table-auto for yaml syntax type: class-toggle - id: anp-table-width title: Enable custom table width description: Use anp-table-width for yaml syntax type: class-toggle - id: anp-th-highlight title: Th highlight type: class-toggle - id: anp-td-highlight title: Td highlight type: class-select default: anp-td-none allowEmpty: false options: - label: None value: anp-td-none - label: Alternate rows value: anp-td-alt-rows - label: Alternate columns value: anp-td-alt-cols - label: Checkered value: anp-td-checkered - label: Full value: anp-td-full - id: anp-table-highlight-opacity title: Highlight opacity default: 0.5 type: variable-number-slider min: 0 max: 1 step: 0.1 - id: anp-table-align-th title: Th text align type: variable-select default: center options: - label: Left value: left - label: Center value: center - label: Right value: right - id: anp-table-align-td title: Td text align type: variable-select default: center options: - label: Left value: left - label: Center value: center - label: Right value: right - id: anp-table-thickness title: Custom table border width type: variable-number default: 2 format: px - id: anp-table-width-pct title: Custom table width description: Size unit is in percentage type: variable-number default: 100 format: "%" - id: anp-alt-tab-header title: Tabs type: heading level: 2 collapsed: true - id: anp-alt-tab-style title: Tab style type: class-select allowEmpty: false default: anp-default-tab options: - label: Default value: anp-default-tab - label: Minimalistic value: anp-mini-tab-toggle - label: Safari-style value: anp-alternate-tab-toggle - id: anp-alt-tab-custom-height title: Custom tab height type: variable-number allowEmpty: false default: 40 format: px - id: anp-mini-tab-header title: Minimalistic Tab settings type: heading level: 3 collapsed: true - id: anp-safari-tab-header title: Safari-style Tab settings description: Adapted from github.com/chuckharmston's snippets type: heading level: 3 collapsed: true - id: anp-safari-tab-radius title: Tab radius type: variable-number description: Size unit is px default: 6 format: px - id: anp-safari-tab-gap title: Tab gap type: variable-number description: Size unit is px default: 10 format: px - id: anp-safari-border-width title: Tab border width type: variable-number description: Size unit is px default: 1 format: px - id: anp-safari-tab-align title: Tab align type: variable-select default: center options: - label: Left value: left - label: Center value: center - label: Right value: right - id: anp-tags-header title: Tags type: heading level: 2 collapsed: true - id: tag-border-width title: Tag border width type: variable-number description: Size unit is px default: 0 format: px - id: tag-radius title: Tag radius type: variable-number-slider default: 2 max: 2 min: 0 step: 0.1 format: em - id: anp-decor-header title: Text decorations type: heading level: 2 collapsed: true - id: anp-decoration-toggle title: Enable decoration recolors type: class-toggle - id: anp-italic-custom title: Italic color type: class-select allowEmpty: true default: anp-italic-green options: - label: Rosewater value: anp-italic-rosewater - label: Flamingo value: anp-italic-flamingo - label: Pink value: anp-italic-pink - label: Mauve value: anp-italic-mauve - label: Red value: anp-italic-red - label: Maroon value: anp-italic-maroon - label: Peach value: anp-italic-peach - label: Yellow value: anp-italic-yellow - label: Green value: anp-italic-green - label: Teal value: anp-italic-teal - label: Sky value: anp-italic-sky - label: Sapphire value: anp-italic-sapphire - label: Blue value: anp-italic-blue - label: Lavender value: anp-italic-lavender - id: anp-bold-custom title: Bold color type: class-select allowEmpty: true default: anp-bold-red options: - label: Rosewater value: anp-bold-rosewater - label: Flamingo value: anp-bold-flamingo - label: Pink value: anp-bold-pink - label: Mauve value: anp-bold-mauve - label: Red value: anp-bold-red - label: Maroon value: anp-bold-maroon - label: Peach value: anp-bold-peach - label: Yellow value: anp-bold-yellow - label: Green value: anp-bold-green - label: Teal value: anp-bold-teal - label: Sky value: anp-bold-sky - label: Sapphire value: anp-bold-sapphire - label: Blue value: anp-bold-blue - label: Lavender value: anp-bold-lavender - id: anp-translucency-header title: Translucency type: heading level: 2 collapsed: true - id: anp-translucent-left title: Enable translucency styling type: class-toggle - id: anp-translucency-opacity title: Window opacity description: In decimal type: variable-number default: 0.15 */ /*------------------Defining Colorschemes-------------------*/ .theme-light, .theme-light.ctp-latte { --ctp-rosewater: 222, 149, 132; --ctp-flamingo: 221, 120, 120; --ctp-pink: 236, 131, 208; --ctp-mauve: 136, 57, 239; --ctp-red: 210, 15, 57; --ctp-maroon: 230, 69, 83; --ctp-peach: 254, 100, 11; --ctp-yellow: 228, 147, 32; --ctp-green: 64, 160, 43; --ctp-teal: 23, 146, 153; --ctp-sky: 4, 165, 229; --ctp-sapphire: 32, 159, 181; --ctp-blue: 42, 110, 245; --ctp-lavender: 114, 135, 253; --ctp-text: 76, 79, 105; --ctp-subtext1: 92, 95, 119; --ctp-subtext0: 108, 111, 133; --ctp-overlay2: 124, 127, 147; --ctp-overlay1: 140, 143, 161; --ctp-overlay0: 156, 160, 176; --ctp-surface2: 172, 176, 190; --ctp-surface1: 188, 192, 204; --ctp-surface0: 204, 208, 218; --ctp-base: 239, 241, 245; --ctp-mantle: 230, 233, 239; --ctp-crust: 220, 224, 232; } .theme-light.ctp-rosepine-light { --ctp-rosewater: 214, 129, 125; --ctp-flamingo: 214, 129, 125; --ctp-pink: 144, 122, 169; --ctp-mauve: 144, 122, 169; --ctp-red: 180, 99, 122; --ctp-maroon: 180, 99, 122; --ctp-peach: 214, 129, 125; --ctp-yellow: 234, 157, 52; --ctp-green: 86, 148, 159; --ctp-teal: 86, 148, 159; --ctp-sky: 40, 105, 131; --ctp-sapphire: 40, 105, 131; --ctp-blue: 40, 105, 131; --ctp-lavender: 144, 122, 169; --ctp-text: 87, 82, 121; --ctp-subtext1: 97, 92, 132; --ctp-subtext0: 121, 117, 147; --ctp-overlay2: 128, 124, 153; --ctp-overlay1: 152, 147, 165; --ctp-overlay0: 161, 156, 173; --ctp-surface2: 202, 193, 185; --ctp-surface1: 209, 201, 194; --ctp-surface0: 220, 211, 203; --ctp-crust: 229, 220, 212; --ctp-mantle: 235, 227, 219; --ctp-base: 239, 231, 222; } .theme-dark.ctp-frappe { --ctp-rosewater: 242, 213, 207; --ctp-flamingo: 238, 190, 190; --ctp-pink: 244, 184, 228; --ctp-mauve: 202, 158, 230; --ctp-red: 231, 130, 132; --ctp-maroon: 234, 153, 156; --ctp-peach: 239, 159, 118; --ctp-yellow: 229, 200, 144; --ctp-green: 166, 209, 137; --ctp-teal: 129, 200, 190; --ctp-sky: 153, 209, 219; --ctp-sapphire: 133, 193, 220; --ctp-blue: 140, 170, 238; --ctp-lavender: 186, 187, 241; --ctp-text: 198, 206, 239; --ctp-subtext1: 181, 189, 220; --ctp-subtext0: 165, 172, 201; --ctp-overlay2: 148, 155, 183; --ctp-overlay1: 131, 138, 164; --ctp-overlay0: 115, 120, 145; --ctp-surface2: 98, 103, 126; --ctp-surface1: 81, 86, 108; --ctp-surface0: 65, 69, 89; --ctp-base: 48, 52, 70; --ctp-mantle: 41, 44, 60; --ctp-crust: 35, 38, 52; } .theme-dark.ctp-macchiato { --ctp-rosewater: 244, 219, 214; --ctp-flamingo: 240, 198, 198; --ctp-pink: 245, 189, 230; --ctp-mauve: 198, 160, 246; --ctp-red: 237, 135, 150; --ctp-maroon: 238, 153, 160; --ctp-peach: 245, 169, 127; --ctp-yellow: 238, 212, 159; --ctp-green: 166, 218, 149; --ctp-teal: 139, 213, 202; --ctp-sky: 145, 215, 227; --ctp-sapphire: 125, 196, 228; --ctp-blue: 138, 173, 244; --ctp-lavender: 183, 189, 248; --ctp-text: 197, 207, 245; --ctp-subtext1: 179, 188, 224; --ctp-subtext0: 161, 170, 203; --ctp-overlay2: 143, 151, 183; --ctp-overlay1: 125, 132, 162; --ctp-overlay0: 108, 114, 141; --ctp-surface2: 90, 95, 120; --ctp-surface1: 72, 76, 100; --ctp-surface0: 54, 58, 79; --ctp-base: 36, 39, 58; --ctp-mantle: 30, 32, 48; --ctp-crust: 24, 25, 38; } .theme-dark.ctp-mocha, .theme-dark { --ctp-rosewater: 245, 224, 220; --ctp-flamingo: 242, 205, 205; --ctp-pink: 245, 194, 231; --ctp-mauve: 203, 166, 247; --ctp-red: 243, 139, 168; --ctp-maroon: 235, 160, 172; --ctp-peach: 250, 179, 135; --ctp-yellow: 249, 226, 175; --ctp-green: 166, 227, 161; --ctp-teal: 148, 226, 213; --ctp-sky: 137, 220, 235; --ctp-sapphire: 116, 199, 236; --ctp-blue: 135, 176, 249; --ctp-lavender: 180, 190, 254; --ctp-text: 198, 208, 245; --ctp-subtext1: 179, 188, 223; --ctp-subtext0: 161, 168, 201; --ctp-overlay2: 142, 149, 179; --ctp-overlay1: 123, 129, 157; --ctp-overlay0: 105, 109, 134; --ctp-surface2: 86, 89, 112; --ctp-surface1: 67, 70, 90; --ctp-surface0: 49, 50, 68; --ctp-base: 30, 30, 46; --ctp-mantle: 24, 24, 37; --ctp-crust: 17, 17, 27; } .theme-dark.ctp-mocha-old { --ctp-rosewater: 245, 224, 220; --ctp-flamingo: 242, 205, 205; --ctp-pink: 245, 194, 231; --ctp-mauve: 203, 166, 247; --ctp-red: 243, 139, 168; --ctp-maroon: 235, 160, 172; --ctp-peach: 250, 179, 135; --ctp-yellow: 249, 226, 175; --ctp-green: 166, 227, 161; --ctp-teal: 148, 226, 213; --ctp-sky: 137, 220, 235; --ctp-sapphire: 116, 199, 236; --ctp-blue: 135, 176, 249; --ctp-lavender: 180, 190, 254; --ctp-text: 217, 224, 238; --ctp-subtext1: 211, 205, 214; --ctp-subtext0: 190, 179, 193; --ctp-overlay2: 167, 156, 176; --ctp-overlay1: 152, 139, 162; --ctp-overlay0: 109, 107, 125; --ctp-surface2: 87, 82, 105; --ctp-surface1: 45, 40, 72; --ctp-surface0: 48, 45, 65; --ctp-base: 30, 30, 46; --ctp-mantle: 26, 24, 38; --ctp-crust: 22, 19, 32; } /*------------------Selecting Accents-------------------*/ .anuppuccin-accent-toggle.ctp-accent-rosewater { --ctp-accent: var(--ctp-rosewater); } .anuppuccin-accent-toggle.ctp-accent-flamingo { --ctp-accent: var(--ctp-flamingo); } .anuppuccin-accent-toggle.ctp-accent-pink { --ctp-accent: var(--ctp-pink); } .anuppuccin-accent-toggle.ctp-accent-mauve { --ctp-accent: var(--ctp-mauve); } .anuppuccin-accent-toggle.ctp-accent-red { --ctp-accent: var(--ctp-red); } .anuppuccin-accent-toggle.ctp-accent-maroon { --ctp-accent: var(--ctp-maroon); } .anuppuccin-accent-toggle.ctp-accent-peach { --ctp-accent: var(--ctp-peach); } .anuppuccin-accent-toggle.ctp-accent-yellow { --ctp-accent: var(--ctp-yellow); } .anuppuccin-accent-toggle.ctp-accent-green { --ctp-accent: var(--ctp-green); } .anuppuccin-accent-toggle.ctp-accent-teal { --ctp-accent: var(--ctp-teal); } .anuppuccin-accent-toggle.ctp-accent-sky { --ctp-accent: var(--ctp-sky); } .anuppuccin-accent-toggle.ctp-accent-sapphire { --ctp-accent: var(--ctp-sapphire); } .anuppuccin-accent-toggle.ctp-accent-blue { --ctp-accent: var(--ctp-blue); } .anuppuccin-accent-toggle.ctp-accent-lavender { --ctp-accent: var(--ctp-lavender); } /*------------------------Bold/Italic Colors------------------------*/ .anp-bold-rosewater { --anp-bold-color: var(--ctp-rosewater); } .anp-bold-flamingo { --anp-bold-color: var(--ctp-flamingo); } .anp-bold-pink { --anp-bold-color: var(--ctp-pink); } .anp-bold-mauve { --anp-bold-color: var(--ctp-mauve); } .anp-bold-red { --anp-bold-color: var(--ctp-red); } .anp-bold-maroon { --anp-bold-color: var(--ctp-maroon); } .anp-bold-peach { --anp-bold-color: var(--ctp-peach); } .anp-bold-yellow { --anp-bold-color: var(--ctp-yellow); } .anp-bold-green { --anp-bold-color: var(--ctp-green); } .anp-bold-teal { --anp-bold-color: var(--ctp-teal); } .anp-bold-sky { --anp-bold-color: var(--ctp-sky); } .anp-bold-sapphire { --anp-bold-color: var(--ctp-sapphire); } .anp-bold-blue { --anp-bold-color: var(--ctp-blue); } .anp-bold-lavender { --anp-bold-color: var(--ctp-lavender); } .anp-italic-rosewater { --anp-italic-color: var(--ctp-rosewater); } .anp-italic-flamingo { --anp-italic-color: var(--ctp-flamingo); } .anp-italic-pink { --anp-italic-color: var(--ctp-pink); } .anp-italic-mauve { --anp-italic-color: var(--ctp-mauve); } .anp-italic-red { --anp-italic-color: var(--ctp-red); } .anp-italic-maroon { --anp-italic-color: var(--ctp-maroon); } .anp-italic-peach { --anp-italic-color: var(--ctp-peach); } .anp-italic-yellow { --anp-italic-color: var(--ctp-yellow); } .anp-italic-green { --anp-italic-color: var(--ctp-green); } .anp-italic-teal { --anp-italic-color: var(--ctp-teal); } .anp-italic-sky { --anp-italic-color: var(--ctp-sky); } .anp-italic-sapphire { --anp-italic-color: var(--ctp-sapphire); } .anp-italic-blue { --anp-italic-color: var(--ctp-blue); } .anp-italic-lavender { --anp-italic-color: var(--ctp-lavender); } /*------------------Actual Configs--------------------*/ .anuppuccin-accent-toggle { --color-accent: rgb(var(--ctp-accent)); --color-accent-1: rgb(var(--ctp-accent)); --color-accent-2: rgba(var(--ctp-accent), 0.9); --text-selection: rgba(var(--ctp-accent), 0.25); --interactive-accent: rgb(var(--ctp-accent)); --interactive-accent-hover: rgba(var(--ctp-accent), 0.9); --text-accent: rgb(var(--ctp-accent)); --text-accent-hover: rgb(var(--ctp-accent)); --text-highlight-bg: rgba(var(--ctp-accent), 0.4); --text-highlight-bg-active: rgba(var(--ctp-accent), 0.6); --interactive-accent: rgb(var(--ctp-accent)); --interactive-accent-rgb: var(--ctp-accent); --interactive-accent-hover: rgb(var(--ctp-accent)); --blockquote-border-color: rgb(var(--ctp-accent)); --background-modifier-active-hover: rgba(var(--ctp-accent), 0.15); --link-unresolved-decoration-color: rgba(var(--ctp-accent), 0.3); --tag-background: rgba(var(--ctp-accent), 0.1); --tag-background-hover: rgba(var(--ctp-accent), 0.2); --tag-border-color: rgba(var(--ctp-accent), 0.15); --tag-border-color-hover: rgba(var(--ctp-accent), 0.15); --nav-item-background-selected: rgba(var(--ctp-accent), 0.2); --heading-formatting: rgb(var(--ctp-accent)); --icon-color-focused: rgb(var(--ctp-accent)); } .theme-dark, .theme-light { --mono-rgb-0: var(--ctp-crust); --mono-rgb-100: var(--ctp-text); --color-red-rgb: var(--ctp-red); --color-red: rgb(var(--ctp-red)); --color-green-rgb: var(--ctp-green); --color-green: rgb(var(--ctp-green)); --color-orange: rgb(var(--ctp-peach)); --color-yellow: rgb(var(--ctp-yellow)); --color-cyan: rgb(var(--ctp-sky)); --color-blue: rgb(var(--ctp-blue)); --color-purple: rgb(var(--ctp-lavender)); --color-pink: rgb(var(--ctp-pink)); --color-base-00: rgb(var(--ctp-crust)); --color-base-10: rgb(var(--ctp-mantle)); --color-base-20: rgb(var(--ctp-base)); --color-base-25: rgb(var(--ctp-surface0)); --color-base-30: rgb(var(--ctp-surface1)); --color-base-35: rgb(var(--ctp-surface2)); --color-base-40: rgb(var(--ctp-overlay0)); --color-base-50: rgb(var(--ctp-overlay1)); --color-base-60: rgb(var(--ctp-overlay2)); --color-base-70: rgb(var(--ctp-subtext0)); --color-base-100: rgb(var(--ctp-text)); --text-highlight-bg: rgba(var(--ctp-yellow), 0.2); --text-highlight-bg-active: rgba(var(--ctp-yellow), 0.4); --input-shadow: inset 0 0.5px 0.5px 0.5px rgba(var(--ctp-text), 0.09), 0 2px 4px 0 rgba(var(--ctp-crust),.15), 0 1px 1.5px 0 rgba(var(--ctp-crust),.1), 0 1px 2px 0 rgba(var(--ctp-crust),.2), 0 0 0 0 transparent; --input-shadow-hover: inset 0 0.5px 1px 0.5px rgba(var(--ctp-text), 0.16), 0 2px 3px 0 rgba(var(--ctp-crust),.3), 0 1px 1.5px 0 rgba(var(--ctp-crust),.2), 0 1px 2px 0 rgba(var(--ctp-crust),.4), 0 0 0 0 transparent; --shadow-s: 0px 1px 2px rgba(var(--ctp-crust), 0.121), 0px 3.4px 6.7px rgba(var(--ctp-crust), 0.179), 0px 15px 30px rgba(var(--ctp-crust), 0.3); --shadow-l: 0px 1.8px 7.3px rgba(var(--ctp-crust), 0.071), 0px 6.3px 24.7px rgba(var(--ctp-crust), 0.112), 0px 30px 90px rgba(var(--ctp-crust), 0.2); --background-primary: rgb(var(--ctp-base)); --background-primary-alt: rgb(var(--ctp-mantle)); --background-secondary: rgb(var(--ctp-mantle)); --background-secondary-alt: rgb(var(--ctp-crust)); --background-modifier-hover: rgba(var(--ctp-text), 0.075); --background-modifier-form-field: rgba(var(--ctp-crust), 0.3); --background-modifier-success: rgba(var(--ctp-green), 1); --background-modifier-success-hover: rgba(var(--ctp-green), 0.9); --background-modifier-success-rgb: var(--ctp-green); --background-modifier-error: rgba(var(--ctp-red), 1); --background-modifier-error-rgb: var(--ctp-red); --background-modifier-error-hover: rgba(var(--ctp-red), 0.9); --background-modifier-message: rgba(var(--ctp-crust), 0.9); --modal-border-color:rgb(var(--ctp-surface0)); --text-normal: rgb(var(--ctp-text)); --text-muted: rgb(var(--ctp-overlay2)); --text-muted-rgb: var(--ctp-overlay2); --text-faint: rgb(var(--ctp-subtext0)); --text-error: rgb(var(--ctp-red)); --text-error-hover: rgba(var(--ctp-red), 0.8); --text-success: rgb(var(--ctp-green)); --text-on-accent: rgb(var(--ctp-base)); --interactive-normal: rgb(var(--ctp-surface0)); --interactive-hover: rgb(var(--ctp-surface1)); --interactive-success: rgb(var(--ctp-green)); --workspace-background-translucent: rgba(var(--ctp-crust), 0.6); --blockquote-background-color: rgba(var(--ctp-crust), 0.5); --width-image-gallery: 200px; --min-width-image: 50%; --max-width-image: 90%; --drag-ghost-background: rgb(var(--ctp-text)); --drag-ghost-text-color: rgb(var(--ctp-crust)); --nav-indentation-guide-color: rgba(var(--ctp-crust), 0.4); --titlebar-text-color-focused: var(--color-accent); --callout-title-padding: var(--size-4-2); --table-border-width: var(--anp-table-thickness, 1px); --icon-color-focused: var(--color-accent); --embed-block-shadow-hover: none; } .theme-dark { color-scheme: dark; --highlight-mix-blend-mode: none; --background-modifier-border: rgb(var(--ctp-surface0)); --background-modifier-border-hover: rgb(var(--ctp-surface1)); --background-modifier-border-focus: rgb(var(--ctp-surface2)); --anp-speech-bubble-opacity: var(--anp-sp-op-dark, 0.9); --background-modifier-cover: rgba(var(--ctp-mantle), 0.4); } .theme-light { color-scheme: light; --highlight-mix-blend-mode: none; --background-modifier-border: rgb(var(--ctp-surface1)); --background-modifier-border-hover: rgb(var(--ctp-surface2)); --background-modifier-border-focus: rgb(var(--ctp-overlay0)); --anp-speech-bubble-opacity: var(--anp-sp-op-light, 0.5); --background-modifier-cover: #00000022 ; } body { --anp-rainbow-folder-bg-opacity: 1; --anp-rainbow-folder-border-opacity: 1; --anp-rainbow-folder-collapse-border-custom: #00000044; --anp-preview-width-pct: 95%; --anp-preview-width-max: 800px; --anp-header-margin-value: 10px; --anp-header-font: "Noto Serif"; --tab-stacked-pane-width: calc(var(--anp-tab-stacked-pane-width, 1)*var(--file-line-width)); --anp-table-width-pct: 100%; } /*-Highlight current line-*/ .anp-current-line .markdown-source-view .cm-active.cm-line { background-color: rgba(var(--ctp-surface1), 0.4); } .anp-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(--ctp-surface1), 0.4); } /*-Custom editor font-*/ .anp-editor-font-toggle .markdown-source-view.mod-cm6:not(.is-live-preview) .cm-scroller { font-family: var(--anp-editor-font); } /*-Highlighted gutter number-*/ .cm-lineNumbers .cm-gutterElement.cm-active { color: var(--interactive-accent) !important; } /*-ZWSP Highlight-*/ .ͼ2 .cm-specialChar { color: rgb(var(--ctp-red)); } /*-Block edit button-*/ .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; } /*-Vim Terminal-*/ .ͼ2 .cm-panels-bottom { border-top: 1px solid rgb(var(--ctp-surface1)); } .ͼ2 .cm-panels-bottom input { background-color: transparent; font-family: var(--font-monospace); width: 100%; } .ͼ2 .cm-panels-bottom input:hover, .ͼ2 .cm-panels-bottom input:focus, .ͼ2 .cm-panels-bottom input:focus-visible { border: none; box-shadow: none; } .ͼp .cm-vim-panel { font-family: var(--font-monospace); } /*----------FILE PREVIEW MARGINS--------------*/ .anp-toggle-preview .markdown-preview-section { width: var(--anp-preview-width-pct); margin: 0 auto; } /*-Slider checkboxes-*/ .checkbox-container.is-enabled:after { background-color: var(--background-primary); } /*-Notices-*/ .notice { color: rgb(var(--ctp-text)); } /*-Recolor copy code button-*/ .markdown-rendered button.copy-code-button { background-color: rgb(var(--ctp-crust)); } /*-Banners are always sharp-*/ .banner-image { border-radius: 0px !important; } /*-Padding for banner pages-*/ .obsidian-banner-wrapper .frontmatter-container { margin-top: 20px; } /*-Disable scrollbars-*/ .anp-toggle-scrollbars *::-webkit-scrollbar { display: none; } /*-Smoother popover transition-*/ .popover.hover-popover.is-loaded { animation: fade 0.2s; } .popover .markdown-embed-link { --icon-color: var(--text-normal); --icon-color-hover: var(--text-faint); } /*-Recolor tooltips-*/ .tooltip { color: rgb(var(--text)); } /*-Disable tooltips-*/ .anp-tooltip-toggle .tooltip { display: none; } /*-Tab icons-*/ .mod-left-split .workspace-tab-header.has-active-menu, .mod-right-split .workspace-tab-header.has-active-menu, .mod-left-split .workspace-tab-header.is-active, .mod-right-split .workspace-tab-header.is-active { background-color: var(--background-modifier-active-hover); } .mod-left-split .workspace-tab-header.has-active-menu:hover, .mod-right-split .workspace-tab-header.has-active-menu:hover, .mod-left-split .workspace-tab-header.is-active:hover, .mod-right-split .workspace-tab-header.is-active:hover { background-color: var(--background-modifier-active-hover); } .anp-hide-status-bar .status-bar { display: none; } .workspace, .horizontal-main-container, .anp-card-layout .mod-vertical .workspace-tabs { background-color: var(--background-secondary-alt); } .workspace-split:not(.mod-root) .graph-controls.is-close, .workspace-split:not(.mod-root) .graph-controls, .workspace-split:not(.mod-root) .graph-controls:not(.is-close) { background-color: rgb(var(--ctp-crust)); } .anp-card-layout .workspace-split:not(.mod-root) .graph-controls.is-close, .anp-card-layout .workspace-split:not(.mod-root) .graph-controls, .anp-card-layout .workspace-split:not(.mod-root) .graph-controls:not(.is-close), .workspace-leaf .graph-controls.is-close, .workspace-leaf .graph-controls, .workspace-leaf .graph-controls:not(.is-close) { background-color: rgb(var(--ctp-mantle)); } body.anp-card-layout, .anp-card-layout .sidebar-toggle-button, .anp-card-layout .workspace-tabs.mod-top { --tab-container-background: rgb(var(--ctp-crust)); --file-header-border: var(--border-width) dashed var(--background-modifier-border); } body.is-focused.anp-card-layout, body.is-focused.anp-card-layout .sidebar-toggle-button, body.is-focused.anp-card-layout .workspace-tabs.mod-top { --tab-container-background: rgb(var(--ctp-crust)); } .anp-card-layout .mod-left-split .workspace-tab-header-container { border-bottom: none; } .anp-card-layout .mod-left-split .workspace-tabs .workspace-leaf, .anp-card-layout .mod-right-split .workspace-tabs .workspace-leaf, .anp-card-layout .mod-left-split, .anp-card-layout .mod-vertical .workspace-tab-container, .anp-card-layout .mod-vertical, .anp-card-layout .workspace-split.mod-vertical, .anp-card-layout .workspace-fake-target-overlay:not(.is-in-sidebar) .workspace-tabs .workspace-leaf, .anp-card-layout .mod-root .workspace-tabs .workspace-leaf { background-color: var(--tab-container-background); } .anp-card-layout .workspace-ribbon.mod-left { padding: 0; background-color: var(--tab-container-background); border: none; } .anp-card-layout-actions.anp-card-layout .workspace-ribbon.mod-left { margin-right: var(--anp-card-layout-padding, 10px); } .anp-card-layout .workspace-ribbon.mod-left:before { border-bottom: none; background-color: var(--tab-container-background) !important; } .anp-card-layout .side-dock-actions { padding: var(--ribbon-padding); } .anp-card-layout-actions.anp-card-layout .side-dock-actions { border-radius: 0px var(--anp-card-radius, var(--radius-xl)) var(--anp-card-radius, var(--radius-xl)) 0px; border: 1px solid var(--tab-outline-color); background-color: var(--background-primary); margin-top: 2px; } .anp-card-layout-actions.anp-card-layout .side-dock-settings { border-radius: 0px var(--anp-card-radius, var(--radius-xl)) 0px 0px; border: 1px solid var(--tab-outline-color); background-color: var(--background-primary); } .anp-card-layout .side-dock-settings { padding: var(--ribbon-padding); } .anp-card-layout .workspace-ribbon.mod-left { margin-top: calc(var(--header-height) - 1px) !important; } .anp-card-layout .workspace-tab-header-container { border-bottom: none; } .anp-card-layout .mod-vertical .workspace-tab-header-container { padding-left: var(--anp-card-header-left-padding, 20px); } .anp-card-layout .mod-vertical .workspace-tab-header-container-inner { margin: 6px -5px calc(var(--tab-outline-width) * -1); z-index: 1; } .anp-card-layout .mod-vertical .workspace-tabs { padding-left: var(--anp-card-layout-padding, 10px); padding-right: var(--anp-card-layout-padding, 10px); } .anp-card-layout .mod-left-split .workspace-tab-container, .anp-card-layout .mod-right-split .workspace-tab-container { padding-left: var(--anp-card-layout-padding, 10px); padding-right: var(--anp-card-layout-padding, 10px); background-color: var(--tab-container-background); } .anp-card-layout .workspace-split.mod-left-split > .workspace-leaf-resize-handle, .anp-card-layout .workspace-split.mod-right-split > .workspace-leaf-resize-handle { border-style: solid; border-width: 2px; border-color: transparent; } .anp-card-layout .workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle { border-style: solid; border-color: transparent; border-width: 2px; } .anp-card-layout .workspace-split .workspace-leaf-content { border-radius: var(--anp-card-radius, var(--radius-xl)); background-color: var(--background-primary); border: 1px solid var(--tab-outline-color); margin-bottom: var(--anp-card-layout-padding, 10px); } .anp-card-layout.anp-card-shadows .workspace-split .workspace-leaf-content { box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.2); } .anp-card-layout .workspace-split .workspace-leaf-content[data-type=file-explorer] { background-color: var(--tab-container-background); box-shadow: none; border-width: 0px; } .anp-card-layout.anp-card-layout-filebrowser.anp-card-shadows .workspace-split .workspace-leaf-content[data-type=file-explorer] { box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.2); } .anp-card-layout.anp-card-layout-filebrowser .workspace-split .workspace-leaf-content[data-type=file-explorer] { background-color: var(--background-primary); border-width: 1px; } .anp-card-layout .workspace-split .mod-stacked .workspace-leaf-content { border-radius: 0; border: none; margin-bottom: 0px; border-left: none; } .anp-card-layout .workspace-split.mod-horizontal > * { width: unset; } .anp-card-layout .mod-stacked .workspace-tab-header { border-style: solid; border-radius: var(--anp-card-radius, var(--radius-xl)) 0px 0px var(--anp-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); } .anp-card-layout .mod-stacked .workspace-leaf { border-left-width: 0px; 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(--anp-card-radius, var(--radius-xl)) var(--anp-card-radius, var(--radius-xl)) 0; } .anp-card-layout .mod-stacked .workspace-tab-container { padding-bottom: var(--anp-card-layout-padding, 10px); } .anp-card-layout .mod-top .workspace-leaf-resize-handle { border-color: transparent; } body.anp-disable-borders { --divider-color: transparent; } .anp-card-layout .workspace-drop-overlay:before { width: calc(100% - 6px - var(--anp-card-layout-padding, 0) * 2); height: calc(100% - 6px - var(--anp-card-layout-padding, 0) * 2); margin: auto; } .anp-bg-fix, .anp-bg-fix .workspace, .anp-bg-fix .app-container, .anp-bg-fix .horizontal-main-container { background-color: var(--tab-container-background); } .markdown-rendered.rtl .list-bullet { float: right; margin-right: -12px; } .anp-button-metadata-toggle .markdown-rendered.rtl .frontmatter-container .frontmatter-container-header { left: unset; right: calc(100% - 32px); } .anp-button-metadata-toggle .markdown-rendered.rtl .frontmatter-container .frontmatter-container-header:after { margin-left: unset; margin-right: 7px; } .markdown-rendered.rtl blockquote { border-right: var(--blockquote-border-thickness) solid var(--blockquote-border-color); border-left: none; } .markdown-rendered.rtl .collapse-indicator { float: right; margin-left: unset; margin-right: -22px; } .mod-community-theme summary h1:first-child, .mod-community-theme summary h2:first-child, .mod-community-theme summary h3:first-child, .mod-community-theme summary h4:first-child, .mod-community-theme summary h5:first-child, .mod-community-theme summary h6:first-child { margin-top: -24px !important; margin-left: 24px !important; } .modal.mod-settings, .modal.mod-community-theme, .modal.mod-community-plugin { --h1-font: var(--font-interface); --h2-font: var(--font-interface); --h3-font: var(--font-interface); --h4-font: var(--font-interface); --h5-font: var(--font-interface); --h6-font: var(--font-interface); --h1-weight: 600; --h1-color: var(--text-normal); --h2-color: var(--text-normal); --h3-color: var(--text-normal); --h4-color: var(--text-normal); --h5-color: var(--text-normal); --h6-color: var(--text-normal); } body { --tab-stacked-header-width: var(--anp-stacked-header-width, 40px); } .anp-card-layout .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-leaf { background-color: var(--background-primary); } body.is-translucent { background-color: transparent; --workspace-background-translucent: rgba(var(--ctp-crust), var(--anp-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(--ctp-surface0), 0.15); } .is-translucent.anp-translucent-left:not(.is-fullscreen) .workspace-ribbon.mod-left, .is-translucent.anp-translucent-center:not(.is-fullscreen) .workspace-tabs, .is-translucent.anp-translucent-left:not(.is-fullscreen) .mod-left-split .workspace-tab-header-container, .is-translucent.anp-translucent-right:not(.is-fullscreen) .mod-right-split .workspace-tab-header-container, .is-translucent.anp-translucent-center:not(.is-fullscreen) .mod-top .workspace-tab-header-container, .is-translucent.anp-translucent-center:not(.is-fullscreen) .workspace-tabs .workspace-leaf, .is-translucent.anp-translucent-left:not(.is-fullscreen) .workspace-ribbon.mod-left:before, .is-translucent.anp-translucent-center:not(.is-fullscreen) .workspace-split.mod-root, .is-translucent.anp-translucent-center:not(.is-fullscreen) .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header, .is-translucent.anp-translucent-center:not(.is-fullscreen) .workspace-split.mod-root .view-content, .is-translucent.anp-translucent-center:not(.is-fullscreen) .view-header { background-color: transparent; } .is-translucent .workspace { background-color: transparent; } .is-translucent.anp-translucent-center:not(.is-fullscreen) .view-header-title-container:not(.mod-at-end):after { 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; } /*-Blockquote spacing-*/ .markdown-rendered blockquote { padding: 5px 5px 5px 10px; } .anp-list-toggle ul.has-list-bullet > li > ul.has-list-bullet > li .list-bullet::after { border: 1px solid var(--list-marker-color); background-color: transparent; width: calc(var(--list-bullet-size) - 1px); height: calc(var(--list-bullet-size) - 1px); } .anp-list-toggle ul.has-list-bullet > li > ul.has-list-bullet > li > ul.has-list-bullet > li .list-bullet::after { border-radius: 0; background-color: var(--list-marker-color); } .anp-list-toggle ul.has-list-bullet > li > ul.has-list-bullet > li > ul.has-list-bullet > li > ul.has-list-bullet > li .list-bullet::after { background-color: transparent; } /*-Decorations for bold and italics-*/ .anp-decoration-toggle { --italic-color: rgb(var(--anp-italic-color, var(--ctp-green))); --bold-color: rgb(var(--anp-bold-color, var(--ctp-red))); } /*-Make it so that mark overwrites italic and bold colors-*/ .markdown-rendered mark { --italic-color: rgb(var(--ctp-text)); --bold-color: rgb(var(--ctp-text)); border-radius: 4px; padding: 2px; } .markdown-rendered .internal-link { text-decoration-line: none; } .markdown-rendered .internal-link:hover, .markdown-rendered .internal-link:active, .markdown-rendered .internal-link.is-unresolved:hover, .markdown-rendered .internal-link.is-unresolved { text-decoration-line: none; } .cm-formatting-link-string { color: var(--text-normal); } .external-link, .external-link:hover { background-image: none; padding-right: 0px; } .cm-s-obsidian span.cm-formatting-strong, .cm-s-obsidian span.cm-strong { color: var(--bold-color); } .cm-s-obsidian span.cm-formatting-em, .cm-s-obsidian span.cm-em { color: var(--italic-color); } span[alt=anp-embed-animated] .markdown-embed, .anp-embed-animated-toggle .markdown-embed { border-width: 0px; border-color: var(--color-accent); border-style: solid; transition: border-width 0.2s, background-color 0.2s; } span[alt=anp-embed-animated] .markdown-embed .markdown-embed-title, .anp-embed-animated-toggle .markdown-embed .markdown-embed-title { width: fit-content; position: absolute; left: unset; right: 33px; top: 5px; } span[alt=anp-embed-animated] .markdown-embed .markdown-embed-link, span[alt=anp-embed-animated] .markdown-embed .file-embed-link, span[alt=anp-embed-animated] .markdown-embed .markdown-embed-title, .anp-embed-animated-toggle .markdown-embed .markdown-embed-link, .anp-embed-animated-toggle .markdown-embed .file-embed-link, .anp-embed-animated-toggle .markdown-embed .markdown-embed-title { opacity: 0; transition: opacity 0.2s, display 0.2s; } span[alt=anp-embed-animated] .markdown-embed:hover, .anp-embed-animated-toggle .markdown-embed:hover { transition: border-width 0.2s, background-color 0.2s; border-left-width: 4px; background-color: var(--background-secondary); } span[alt=anp-embed-animated] .markdown-embed:hover .markdown-embed-link, span[alt=anp-embed-animated] .markdown-embed:hover .file-embed-link, span[alt=anp-embed-animated] .markdown-embed:hover .markdown-embed-title, .anp-embed-animated-toggle .markdown-embed:hover .markdown-embed-link, .anp-embed-animated-toggle .markdown-embed:hover .file-embed-link, .anp-embed-animated-toggle .markdown-embed:hover .markdown-embed-title { opacity: 1; transition: opacity 0.2s, display 0.2s; } span[alt=anp-embed] .markdown-embed .markdown-preview-section, .anp-embed-toggle .markdown-embed .markdown-preview-section, .anp-embed-animated-toggle .markdown-embed .markdown-preview-section, span[alt=anp-embed-animated] .markdown-embed .markdown-preview-section { padding-left: 10px; } span[alt=anp-embed] .markdown-embed, .anp-embed-toggle .markdown-embed { border-width: 0px; border-style: solid; } span[alt=anp-embed] .markdown-embed .markdown-embed-title, .anp-embed-toggle .markdown-embed .markdown-embed-title { width: fit-content; position: absolute; left: unset; right: 33px; top: 5px; } /*--------------HEADERS----------------*/ /*-Custom header font-*/ .anp-header-color-toggle { /*--------------H1 Colors-------------*/ /*--------------H2 Colors-------------*/ /*--------------H3 Colors-------------*/ /*--------------H4 Colors-------------*/ /*--------------H5 Colors-------------*/ /*--------------H6 Colors-------------*/ } .anp-header-color-toggle.anp-h1-rosewater { --h1-color: rgb(var(--ctp-rosewater)); } .anp-header-color-toggle.anp-h1-flamingo { --h1-color: rgb(var(--ctp-flamingo)); } .anp-header-color-toggle.anp-h1-pink { --h1-color: rgb(var(--ctp-pink)); } .anp-header-color-toggle.anp-h1-mauve { --h1-color: rgb(var(--ctp-mauve)); } .anp-header-color-toggle.anp-h1-red { --h1-color: rgb(var(--ctp-red)); } .anp-header-color-toggle.anp-h1-maroon { --h1-color: rgb(var(--ctp-maroon)); } .anp-header-color-toggle.anp-h1-peach { --h1-color: rgb(var(--ctp-peach)); } .anp-header-color-toggle.anp-h1-yellow { --h1-color: rgb(var(--ctp-yellow)); } .anp-header-color-toggle.anp-h1-green { --h1-color: rgb(var(--ctp-green)); } .anp-header-color-toggle.anp-h1-teal { --h1-color: rgb(var(--ctp-teal)); } .anp-header-color-toggle.anp-h1-sky { --h1-color: rgb(var(--ctp-sky)); } .anp-header-color-toggle.anp-h1-sapphire { --h1-color: rgb(var(--ctp-sapphire)); } .anp-header-color-toggle.anp-h1-blue { --h1-color: rgb(var(--ctp-blue)); } .anp-header-color-toggle.anp-h1-lavender { --h1-color: rgb(var(--ctp-lavender)); } .anp-header-color-toggle.anp-h2-rosewater { --h2-color: rgb(var(--ctp-rosewater)); } .anp-header-color-toggle.anp-h2-flamingo { --h2-color: rgb(var(--ctp-flamingo)); } .anp-header-color-toggle.anp-h2-pink { --h2-color: rgb(var(--ctp-pink)); } .anp-header-color-toggle.anp-h2-mauve { --h2-color: rgb(var(--ctp-mauve)); } .anp-header-color-toggle.anp-h2-red { --h2-color: rgb(var(--ctp-red)); } .anp-header-color-toggle.anp-h2-maroon { --h2-color: rgb(var(--ctp-maroon)); } .anp-header-color-toggle.anp-h2-peach { --h2-color: rgb(var(--ctp-peach)); } .anp-header-color-toggle.anp-h2-yellow { --h2-color: rgb(var(--ctp-yellow)); } .anp-header-color-toggle.anp-h2-green { --h2-color: rgb(var(--ctp-green)); } .anp-header-color-toggle.anp-h2-teal { --h2-color: rgb(var(--ctp-teal)); } .anp-header-color-toggle.anp-h2-sky { --h2-color: rgb(var(--ctp-sky)); } .anp-header-color-toggle.anp-h2-sapphire { --h2-color: rgb(var(--ctp-sapphire)); } .anp-header-color-toggle.anp-h2-blue { --h2-color: rgb(var(--ctp-blue)); } .anp-header-color-toggle.anp-h2-lavender { --h2-color: rgb(var(--ctp-lavender)); } .anp-header-color-toggle.anp-h3-rosewater { --h3-color: rgb(var(--ctp-rosewater)); } .anp-header-color-toggle.anp-h3-flamingo { --h3-color: rgb(var(--ctp-flamingo)); } .anp-header-color-toggle.anp-h3-pink { --h3-color: rgb(var(--ctp-pink)); } .anp-header-color-toggle.anp-h3-mauve { --h3-color: rgb(var(--ctp-mauve)); } .anp-header-color-toggle.anp-h3-red { --h3-color: rgb(var(--ctp-red)); } .anp-header-color-toggle.anp-h3-maroon { --h3-color: rgb(var(--ctp-maroon)); } .anp-header-color-toggle.anp-h3-peach { --h3-color: rgb(var(--ctp-peach)); } .anp-header-color-toggle.anp-h3-yellow { --h3-color: rgb(var(--ctp-yellow)); } .anp-header-color-toggle.anp-h3-green { --h3-color: rgb(var(--ctp-green)); } .anp-header-color-toggle.anp-h3-teal { --h3-color: rgb(var(--ctp-teal)); } .anp-header-color-toggle.anp-h3-sky { --h3-color: rgb(var(--ctp-sky)); } .anp-header-color-toggle.anp-h3-sapphire { --h3-color: rgb(var(--ctp-sapphire)); } .anp-header-color-toggle.anp-h3-blue { --h3-color: rgb(var(--ctp-blue)); } .anp-header-color-toggle.anp-h3-lavender { --h3-color: rgb(var(--ctp-lavender)); } .anp-header-color-toggle.anp-h4-rosewater { --h4-color: rgb(var(--ctp-rosewater)); } .anp-header-color-toggle.anp-h4-flamingo { --h4-color: rgb(var(--ctp-flamingo)); } .anp-header-color-toggle.anp-h4-pink { --h4-color: rgb(var(--ctp-pink)); } .anp-header-color-toggle.anp-h4-mauve { --h4-color: rgb(var(--ctp-mauve)); } .anp-header-color-toggle.anp-h4-red { --h4-color: rgb(var(--ctp-red)); } .anp-header-color-toggle.anp-h4-maroon { --h4-color: rgb(var(--ctp-maroon)); } .anp-header-color-toggle.anp-h4-peach { --h4-color: rgb(var(--ctp-peach)); } .anp-header-color-toggle.anp-h4-yellow { --h4-color: rgb(var(--ctp-yellow)); } .anp-header-color-toggle.anp-h4-green { --h4-color: rgb(var(--ctp-green)); } .anp-header-color-toggle.anp-h4-teal { --h4-color: rgb(var(--ctp-teal)); } .anp-header-color-toggle.anp-h4-sky { --h4-color: rgb(var(--ctp-sky)); } .anp-header-color-toggle.anp-h4-sapphire { --h4-color: rgb(var(--ctp-sapphire)); } .anp-header-color-toggle.anp-h4-blue { --h4-color: rgb(var(--ctp-blue)); } .anp-header-color-toggle.anp-h4-lavender { --h4-color: rgb(var(--ctp-lavender)); } .anp-header-color-toggle.anp-h5-rosewater { --h5-color: rgb(var(--ctp-rosewater)); } .anp-header-color-toggle.anp-h5-flamingo { --h5-color: rgb(var(--ctp-flamingo)); } .anp-header-color-toggle.anp-h5-pink { --h5-color: rgb(var(--ctp-pink)); } .anp-header-color-toggle.anp-h5-mauve { --h5-color: rgb(var(--ctp-mauve)); } .anp-header-color-toggle.anp-h5-red { --h5-color: rgb(var(--ctp-red)); } .anp-header-color-toggle.anp-h5-maroon { --h5-color: rgb(var(--ctp-maroon)); } .anp-header-color-toggle.anp-h5-peach { --h5-color: rgb(var(--ctp-peach)); } .anp-header-color-toggle.anp-h5-yellow { --h5-color: rgb(var(--ctp-yellow)); } .anp-header-color-toggle.anp-h5-green { --h5-color: rgb(var(--ctp-green)); } .anp-header-color-toggle.anp-h5-teal { --h5-color: rgb(var(--ctp-teal)); } .anp-header-color-toggle.anp-h5-sky { --h5-color: rgb(var(--ctp-sky)); } .anp-header-color-toggle.anp-h5-sapphire { --h5-color: rgb(var(--ctp-sapphire)); } .anp-header-color-toggle.anp-h5-blue { --h5-color: rgb(var(--ctp-blue)); } .anp-header-color-toggle.anp-h5-lavender { --h5-color: rgb(var(--ctp-lavender)); } .anp-header-color-toggle.anp-h6-rosewater { --h6-color: rgb(var(--ctp-rosewater)); } .anp-header-color-toggle.anp-h6-flamingo { --h6-color: rgb(var(--ctp-flamingo)); } .anp-header-color-toggle.anp-h6-pink { --h6-color: rgb(var(--ctp-pink)); } .anp-header-color-toggle.anp-h6-mauve { --h6-color: rgb(var(--ctp-mauve)); } .anp-header-color-toggle.anp-h6-red { --h6-color: rgb(var(--ctp-red)); } .anp-header-color-toggle.anp-h6-maroon { --h6-color: rgb(var(--ctp-maroon)); } .anp-header-color-toggle.anp-h6-peach { --h6-color: rgb(var(--ctp-peach)); } .anp-header-color-toggle.anp-h6-yellow { --h6-color: rgb(var(--ctp-yellow)); } .anp-header-color-toggle.anp-h6-green { --h6-color: rgb(var(--ctp-green)); } .anp-header-color-toggle.anp-h6-teal { --h6-color: rgb(var(--ctp-teal)); } .anp-header-color-toggle.anp-h6-sky { --h6-color: rgb(var(--ctp-sky)); } .anp-header-color-toggle.anp-h6-sapphire { --h6-color: rgb(var(--ctp-sapphire)); } .anp-header-color-toggle.anp-h6-blue { --h6-color: rgb(var(--ctp-blue)); } .anp-header-color-toggle.anp-h6-lavender { --h6-color: rgb(var(--ctp-lavender)); } .anp-h1-divider .markdown-rendered h1, .anp-h1-divider .HyperMD-header-1, .anp-h2-divider .markdown-rendered h2, .anp-h2-divider .HyperMD-header-2, .anp-h3-divider .markdown-rendered h3, .anp-h3-divider .HyperMD-header-3, .anp-h4-divider .markdown-rendered h4, .anp-h4-divider .HyperMD-header-4, .anp-h5-divider .markdown-rendered h5, .anp-h5-divider .HyperMD-header-5, .anp-h6-divider .HyperMD-header-6, .anp-h6-divider .markdown-rendered h6 { border-bottom: var(--hr-thickness) solid var(--background-modifier-border); } /*-Source editor recolor application-*/ .cm-formatting-header-1 { color: var(--h1-color); } .cm-formatting-header-2 { color: var(--h2-color); } .cm-formatting-header-3 { color: var(--h3-color); } .cm-formatting-header-4 { color: var(--h4-color); } .cm-formatting-header-5 { color: var(--h5-color); } .cm-formatting-header-6 { color: var(--h6-color); } .anp-header-toggle.anp-header-margin-toggle h1, .anp-header-toggle.anp-header-margin-toggle h2, .anp-header-toggle.anp-header-margin-toggle h3, .anp-header-toggle.anp-header-margin-toggle h4, .anp-header-toggle.anp-header-margin-toggle h5, .anp-header-toggle.anp-header-margin-toggle h6 { margin-block-start: var(--anp-header-margin-value); margin-block-end: var(--anp-header-margin-value); } .anp-editor-font-toggle .markdown-source-view:not(.is-live-preview) { --h1-font: var(--anp-editor-font); --h2-font: var(--anp-editor-font); --h3-font: var(--anp-editor-font); --h4-font: var(--anp-editor-font); --h5-font: var(--anp-editor-font); --h6-font: var(--anp-editor-font); } /*-Custom hr margins-*/ hr { margin-block-start: 5px; margin-block-end: 5px; } .anp-toggle-metadata .frontmatter-container { display: none; } /*-Recolor table borders-*/ .anp-table-toggle .markdown-preview-view:not(.cards) table, .anp-table-toggle .markdown-preview-view:not(.cards) table td, .anp-table-toggle .markdown-preview-view:not(.cards) table th, .anp-table-toggle .markdown-preview-view:not(.cards) table thead tr > th:first-child, .anp-table-toggle .markdown-preview-view:not(.cards) table thead tr > th, .anp-table-toggle .markdown-preview-view:not(.cards) table thead tr > th:last-child, .anp-table-toggle .markdown-preview-view.cards table:not(.dataview) .anp-table-toggle .is-live-preview:not(.cards) table, .anp-table-toggle .markdown-preview-view.cards table:not(.dataview) .anp-table-toggle .is-live-preview:not(.cards) table td, .anp-table-toggle .markdown-preview-view.cards table:not(.dataview) .anp-table-toggle .is-live-preview:not(.cards) table th, .anp-table-toggle .markdown-preview-view.cards table:not(.dataview) .anp-table-toggle .is-live-preview:not(.cards) table thead tr > th:first-child, .anp-table-toggle .markdown-preview-view.cards table:not(.dataview) .anp-table-toggle .is-live-preview:not(.cards) table thead tr > th, .anp-table-toggle .markdown-preview-view.cards table:not(.dataview) .anp-table-toggle .is-live-preview:not(.cards) table thead tr > th:last-child, .anp-table-toggle .is-live-preview.cards table:not(.dataview), .anp-table-toggle .is-live-preview.cards table:not(.dataview) td, .anp-table-toggle .is-live-preview.cards table:not(.dataview) th, .anp-table-toggle .is-live-preview.cards table:not(.dataview) thead tr > th:first-child, .anp-table-toggle .is-live-preview.cards table:not(.dataview) thead tr > th, .anp-table-toggle .is-live-preview.cards table:not(.dataview) thead tr > th:last-child { border: var(--anp-table-thickness, 1px) solid var(--table-border-color); } .anp-table-toggle .markdown-preview-view:not(.cards) table th, .anp-table-toggle .markdown-preview-view:not(.cards) table thead tr > th:first-child, .anp-table-toggle .markdown-preview-view:not(.cards) table thead tr > th, .anp-table-toggle .markdown-preview-view:not(.cards) table thead tr > th:last-child, .anp-table-toggle .markdown-preview-view.cards table:not(.dataview) .anp-table-toggle .is-live-preview:not(.cards) table th, .anp-table-toggle .markdown-preview-view.cards table:not(.dataview) .anp-table-toggle .is-live-preview:not(.cards) table thead tr > th:first-child, .anp-table-toggle .markdown-preview-view.cards table:not(.dataview) .anp-table-toggle .is-live-preview:not(.cards) table thead tr > th, .anp-table-toggle .markdown-preview-view.cards table:not(.dataview) .anp-table-toggle .is-live-preview:not(.cards) table thead tr > th:last-child, .anp-table-toggle .is-live-preview.cards table:not(.dataview) th, .anp-table-toggle .is-live-preview.cards table:not(.dataview) thead tr > th:first-child, .anp-table-toggle .is-live-preview.cards table:not(.dataview) thead tr > th, .anp-table-toggle .is-live-preview.cards table:not(.dataview) thead tr > th:last-child { text-align: var(--anp-table-align-th, center); } .anp-table-toggle .markdown-preview-view:not(.cards) table td, .anp-table-toggle .markdown-preview-view.cards table:not(.dataview) .anp-table-toggle .is-live-preview:not(.cards) table td, .anp-table-toggle .is-live-preview.cards table:not(.dataview) td { text-align: var(--anp-table-align-td, center); } table.dataview.table-view-table > tbody > tr:hover { background-color: rgba(var(--ctp-surface1), 0.1) !important; } .anp-table-toggle.anp-th-highlight .markdown-preview-view:not(.cards) th, .anp-table-toggle.anp-th-highlight .markdown-preview-view.cards table:not(.dataview) th, .anp-table-toggle.anp-th-highlight .is-live-preview:not(.cards) th, .anp-table-toggle.anp-th-highlight .is-live-preview.cards table:not(.dataview) th { background-color: rgba(var(--ctp-mantle), var(--anp-table-highlight-opacity, 0.5)); } .anp-table-toggle.anp-td-alt-rows .markdown-preview-view:not(.cards) table tr:nth-child(2n) td, .anp-table-toggle.anp-td-alt-rows .markdown-preview-view.cards table:not(.dataview) tr:nth-child(2n) td, .anp-table-toggle.anp-td-alt-rows .is-live-preview:not(.cards) table tr:nth-child(2n) td, .anp-table-toggle.anp-td-alt-rows .is-live-preview.cards table:not(.dataview) tr:nth-child(2n) td { background-color: rgba(var(--ctp-mantle), var(--anp-table-highlight-opacity, 0.5)); } .anp-table-toggle.anp-td-alt-cols .markdown-preview-view:not(.cards) table tr td:nth-child(2n), .anp-table-toggle.anp-td-alt-cols .markdown-preview-view.cards table:not(.dataview) tr td:nth-child(2n), .anp-table-toggle.anp-td-alt-cols .is-live-preview:not(.cards) table tr td:nth-child(2n), .anp-table-toggle.anp-td-alt-cols .is-live-preview.cards table:not(.dataview) tr td:nth-child(2n) { background-color: rgba(var(--ctp-mantle), var(--anp-table-highlight-opacity, 0.5)); } .anp-table-toggle.anp-td-checkered .markdown-preview-view:not(.cards) table tr td:nth-child(2n), .anp-table-toggle.anp-td-checkered .markdown-preview-view:not(.cards) table tr:nth-child(2n) td, .anp-table-toggle.anp-td-checkered .markdown-preview-view.cards table:not(.dataview) tr td:nth-child(2n), .anp-table-toggle.anp-td-checkered .markdown-preview-view.cards table:not(.dataview) tr:nth-child(2n) td, .anp-table-toggle.anp-td-checkered .is-live-preview:not(.cards) table tr td:nth-child(2n), .anp-table-toggle.anp-td-checkered .is-live-preview:not(.cards) table tr:nth-child(2n) td, .anp-table-toggle.anp-td-checkered .is-live-preview.cards table:not(.dataview) tr td:nth-child(2n), .anp-table-toggle.anp-td-checkered .is-live-preview.cards table:not(.dataview) tr:nth-child(2n) td { background-color: rgba(var(--ctp-mantle), var(--anp-table-highlight-opacity, 0.5)); } .anp-table-toggle.anp-td-checkered .markdown-preview-view:not(.cards) table tr:nth-child(2n) td:nth-child(2n), .anp-table-toggle.anp-td-checkered .markdown-preview-view.cards table:not(.dataview) tr:nth-child(2n) td:nth-child(2n), .anp-table-toggle.anp-td-checkered .is-live-preview:not(.cards) table tr:nth-child(2n) td:nth-child(2n), .anp-table-toggle.anp-td-checkered .is-live-preview.cards table:not(.dataview) tr:nth-child(2n) td:nth-child(2n) { background-color: rgba(var(--ctp-crust), var(--anp-table-highlight-opacity, 0.5)); } .anp-table-toggle.anp-td-full .markdown-preview-view:not(.cards) table td, .anp-table-toggle.anp-td-full .markdown-preview-view.cards table:not(.dataview) td, .anp-table-toggle.anp-td-full .is-live-preview:not(.cards) table td, .anp-table-toggle.anp-td-full .is-live-preview.cards table:not(.dataview) td { background-color: rgba(var(--ctp-mantle), var(--anp-table-highlight-opacity, 0.5)); } .anp-table-auto.markdown-rendered:not(.cards) table, .anp-table-auto.markdown-rendered.cards table:not(.dataview) { margin: 0 auto; } .anp-table-width.markdown-rendered:not(.cards) table, .anp-table-width.markdown-rendered.cards table:not(.dataview) { width: var(--anp-table-width-pct); } .anp-table-auto.anp-table-toggle .markdown-rendered:not(.cards) table, .anp-table-auto.anp-table-toggle .markdown-rendered.cards table:not(.dataview) { margin: 0 auto; } .anp-table-width.anp-table-toggle .markdown-rendered:not(.cards) table, .anp-table-width.anp-table-toggle .markdown-rendered.cards table:not(.dataview) { width: var(--anp-table-width-pct); margin-left: calc(50% - var(--anp-table-width-pct) / 2); margin-right: calc(50% - var(--anp-table-width-pct) / 2); } /*-------Tweak for Minimal Cards-------------- Minimal cards are a snippet designed by Kepano for the Minimal theme. None of the original code was used in this theme, and the following code is merely some tweaks to the snippet. --------------------------------------------*/ .cards .table-view-table { --cards-columns: repeat(auto-fit, minmax(var(--cards-min-width), var(--cards-max-width))); } .cards .table-view-table > tbody > tr > td { border-bottom: 1px dashed var(--background-modifier-border) !important; } .cards .table-view-table > tbody > tr > td:last-child { border-bottom-color: transparent !important; } .cards .table-view-table > tbody > tr > td:first-child { width: 100% !important; border-bottom: 1px dashed var(--background-modifier-border) !important; } .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); } .cards .table-view-table > tbody > tr > td:first-child span a { padding: 0 !important; } .cards.cards-bookmark .table-view-table .table-view-tbody tr::after { content: " "; width: 25px; height: 25px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! --%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-repeat: no-repeat; background-color: var(--color-accent); position: absolute; margin-top: calc(-2px + -1 * var(--cards-border-width)); margin-left: 5px; } .cards.cards-bookmark .table-view-table tbody tr > td:first-child span { margin: 2px calc(var(--cards-padding) * 0.5) 0 calc(var(--cards-padding) * 0.5 + 20px); } .anp-alternate-tab-toggle, .anp-default-tab { --header-height: var(--anp-alt-tab-custom-height, 40px); --tab-stacked-header-width: var(--anp-stacked-header-width, 40px); } .anp-alternate-tab-toggle .workspace-tabs:not(.mod-stacked) { --tab-background: var(--background-secondary); --tab-background-active: var(--background-primary); --tab-font-size: 12px; --tab-height: calc(var(--header-height)*0.7); --tab-max-width: 200px; --tab-max-width-active: 300px ; } .anp-alternate-tab-toggle .workspace-ribbon.mod-left { margin-top: var(--header-height); } .anp-alternate-tab-toggle .workspace-ribbon.mod-left:before { padding-bottom: 0px; } .anp-alternate-tab-toggle .workspace-tabs:not(.mod-stacked) .workspace-tab-header::before, .anp-alternate-tab-toggle .workspace-tabs:not(.mod-stacked) .workspace-tab-header::after, .anp-alternate-tab-toggle .workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header-inner::after { display: none; } .anp-alternate-tab-toggle .mod-vertical:not(.mod-left-split):not(.mod-right-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header-container-inner, .anp-alternate-tab-toggle .mod-horizontal:not(.mod-left-split):not(.mod-right-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header-container-inner { align-items: center; justify-content: var(--anp-safari-tab-align, center); margin: 0; width: 100%; gap: var(--anp-safari-tab-gap, 10px); } .anp-alternate-tab-toggle .mod-vertical:not(.mod-left-split):not(.mod-right-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header, .anp-alternate-tab-toggle .mod-horizontal:not(.mod-left-split):not(.mod-right-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header { background: var(--tab-background); border-radius: var(--anp-safari-tab-radius, 6px); box-shadow: none !important; height: var(--tab-height); padding: 0 !important; transition: 400ms, background-color 150ms ease-in-out; } .anp-alternate-tab-toggle .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header { max-width: var(--tab-max-width) !important; border: var(--anp-safari-border-width, 1px) solid var(--tab-outline-color); } .anp-alternate-tab-toggle.anp-alt-tab-anim-toggle .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header { transition: 400ms, background-color 150ms ease-in-out; } .anp-alternate-tab-toggle .workspace-tabs:not(.mod-stacked) .workspace-tab-header:first-child { margin-left: 0; } .anp-alternate-tab-toggle .mod-root:not(.mod-left-split):not(.mod-right-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header-inner { padding: 7px 8px; } .anp-alternate-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: 400ms, background-color 150ms ease-in-out; } .anp-alternate-tab-toggle .mod-root:not(.mod-left-split):not(.mod-right-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header-inner, .anp-alternate-tab-toggle .mod-root:not(.mod-left-split):not(.mod-right-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header-inner-close-button, .anp-alternate-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); } .anp-alternate-tab-toggle .workspace .mod-root .workspace-tab-header-inner::after { display: none; } .anp-alternate-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.67 !important; max-width: var(--tab-max-width-active) !important; background-color: var(--background-primary); } .anp-alternate-tab-toggle .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active .workspace-tab-header-inner-title { color: var(--color-accent); } .anp-alternate-tab-toggle .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active .workspace-tab-header-inner, .anp-alternate-tab-toggle .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active .workspace-tab-header-inner-title, .anp-alternate-tab-toggle .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active .workspace-tab-header-inner-close-button, .anp-alternate-tab-toggle .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active .workspace-tab-header-inner-icon { color: var(--text-faint); } .anp-alternate-tab-toggle .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active .workspace-tab-header-inner:hover { background-color: rgba(var(--ctp-surface1), 0.4); } .anp-alternate-tab-toggle .mod-root .workspace-tabs:not(.mod-stacked).mod-active .workspace-tab-header.is-active .workspace-tab-header-inner, .anp-alternate-tab-toggle .mod-root .workspace-tabs:not(.mod-stacked).mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-title, .anp-alternate-tab-toggle .mod-root .workspace-tabs:not(.mod-stacked).mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-close-button, .anp-alternate-tab-toggle .mod-root .workspace-tabs:not(.mod-stacked).mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-icon { color: var(--color-accent) !important; } .anp-alternate-tab-toggle .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active:hover { background-color: var(--background-modifier-border); } .anp-alternate-tab-toggle .sidebar-toggle-button.mod-left, .anp-alternate-tab-toggle .sidebar-toggle-button.mod-right { align-items: center; } .anp-alternate-tab-toggle .sidebar-toggle-button.mod-left .clickable-icon, .anp-alternate-tab-toggle .sidebar-toggle-button.mod-right .clickable-icon { height: var(--tab-height); } .is-focused:not(.anp-mini-tab-toggle.anp-colorful-frame) .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(--color-accent); } .anp-mini-tab-toggle { --header-height: var(--anp-alt-tab-custom-height, 40px); --tab-stacked-header-width: var(--anp-stacked-header-width, 40px); } .anp-mini-tab-toggle .workspace-split:not(.mod-left-split):not(.mod-right-split) .workspace-tab-header-container-inner .workspace-tab-header { background-color: transparent; box-shadow: none; } .anp-mini-tab-toggle .workspace-split:not(.mod-left-split):not(.mod-right-split) .workspace-tab-header-container-inner .workspace-tab-header::before, .anp-mini-tab-toggle .workspace-split:not(.mod-left-split):not(.mod-right-split) .workspace-tab-header-container-inner .workspace-tab-header::after { display: none; } .anp-mini-tab-toggle .workspace-split:not(.mod-left-split):not(.mod-right-split) .workspace-tab-header-container-inner .workspace-tab-header.is-active { border-bottom: 2px solid var(--color-accent); margin-bottom: 0px; padding-bottom: 0px; } .anp-mini-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) var(--tab-radius) 0px 0px; margin-top: 0.5px; padding-bottom: 4px; } .anp-mini-tab-toggle .workspace-split:not(.mod-left-split):not(.mod-right-split) .workspace-tab-header-container-inner .workspace-tab-header ::after { display: none; } .anp-mini-tab-toggle .workspace-split:not(.mod-left-split):not(.mod-right-split) .workspace-tab-header-container-inner .workspace-tab-header:hover .workspace-tab-header-inner { background-color: var(--background-modifier-hover); } /*----------------CALLOUTS-------------------*/ /*------------------------------------------ The Willemstad callout style was inspired by @tingmelvin's Willemstad theme: https://github.com/tingmelvin/willemstad-x None of the code was used, and the callout was written from scratch. -----------------------------------------*/ .anp-callout-fold-position { --anp-callout-fold-position: 1; } .anp-callout-toggle.anp-callout-sleek:not(.anp-callout-normal-toggle) .callout:not(.is-collapsible) { padding: 0px; } .anp-callout-toggle.anp-callout-sleek:not(.anp-callout-normal-toggle) .callout:not(.is-collapsible) .callout-content { padding: 0 var(--callout-title-padding) var(--callout-title-padding) var(--callout-title-padding); } .anp-callout-toggle.anp-callout-sleek:not(.anp-callout-normal-toggle) .callout:not(.is-collapsible) .callout-title { background-color: rgba(var(--callout-color), 0 0.5); padding: var(--callout-title-padding); cursor: pointer; } .anp-callout-toggle.anp-callout-sleek:not(.anp-callout-normal-toggle) .callout:not(.is-collapsible) .callout-title .callout-title-inner { font-weight: normal; } .anp-callout-toggle.anp-callout-sleek.anp-callout-normal-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(--ctp-mantle), 0.4); } .anp-callout-toggle.anp-callout-sleek.anp-callout-normal-toggle .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); } .anp-callout-toggle.anp-callout-sleek.anp-callout-normal-toggle .callout-fold { padding-right: 0px; } .anp-callout-toggle.anp-callout-sleek.anp-callout-normal-toggle .callout-title-inner { flex-grow: var(--anp-callout-fold-position, unset); } .anp-callout-toggle.anp-callout-sleek .callout.is-collapsible { border-color: rgba(var(--callout-color), 0.4); border-width: 1px; border-radius: var(--callout-radius); background-color: rgba(var(--ctp-mantle), 0.4); --bold-weight: bolder; } .anp-callout-toggle.anp-callout-sleek .callout.is-collapsible .callout-fold { padding-right: 0px; } .anp-callout-toggle.anp-callout-sleek .callout.is-collapsible .callout-title-inner { flex-grow: var(--anp-callout-fold-position, unset); } .anp-callout-toggle.anp-callout-sleek .callout.is-collapsible.is-collapsed { padding: 0; } .anp-callout-toggle.anp-callout-sleek .callout.is-collapsible.is-collapsed .callout-title { background-color: rgba(var(--callout-color), 0.1); padding: var(--callout-title-padding); cursor: pointer; } .anp-callout-toggle.anp-callout-sleek .callout.is-collapsible.is-collapsed .callout-content { display: none; } .anp-callout-toggle.anp-callout-sleek .callout.is-collapsible:not(.is-collapsed) { padding: 0px 0px var(--callout-title-padding) 0px; } .anp-callout-toggle.anp-callout-sleek .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; } .anp-callout-toggle.anp-callout-sleek .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); } .anp-callout-toggle.anp-callout-sleek .callout:not(.is-collapsible) { padding: 0px; } .anp-callout-toggle.anp-callout-sleek .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); } .anp-callout-toggle.anp-callout-sleek .callout .list-collapse-indicator { margin-left: -35px; padding-right: 3px; } .callout-title-inner { flex-grow: 1; } .anp-callout-toggle.anp-callout-block .callout { border-left: 4px solid rgb(var(--callout-color)); --callout-radius: 0px; } .anp-callout-toggle.anp-callout-willemstad .callout { border-left: 0px solid rgb(var(--callout-color)); transition: border-left-width 0.1s; --callout-padding: 0px; --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); background-color: transparent; } .anp-callout-toggle.anp-callout-willemstad .callout:hover { border-left-width: 4px; } .anp-callout-toggle.anp-callout-willemstad .callout .callout-content { background-color: rgba(var(--ctp-mantle), 0.4); } .anp-callout-toggle.anp-callout-willemstad .callout .callout-title { background-color: rgba(var(--callout-color), 0.1); } .callout-title { --bold-color: currentColor; --italic-color: currentColor; } .theme-light.anp-callout-toggle .callout-title-inner, .theme-light.anp-callout-toggle.anp-callout-normal-toggle .callout:not(.is-collapsible) .callout-title-inner { color: var(--text-normal); --bold-color: var(--text-normal); --italic-color: var(--text-normal); } .anp-callout-toggle .callout-content > p:first-child, .anp-callout-toggle .callout-content > ul:first-child, .anp-callout-toggle .callout-content > ol:first-child { margin-top: 0px; } .anp-callout-toggle .callout-content > p:last-child, .anp-callout-toggle .callout-content > ul:last-child, .anp-callout-toggle .callout-content > ol:last-child { margin-bottom: 0px; } /*---------------CALLOUT COLORS----------------*/ .anp-callout-color-toggle .callout[data-callout=note] { --callout-color: var(--ctp-blue); } .anp-callout-color-toggle .callout[data-callout=abstract], .anp-callout-color-toggle .callout[data-callout=summary], .anp-callout-color-toggle .callout[data-callout=tldr], .anp-callout-color-toggle .callout[data-callout=seealso] { --callout-color: var(--ctp-blue); } .anp-callout-color-toggle .callout[data-callout=info], .anp-callout-color-toggle .callout[data-callout=todo], .anp-callout-color-toggle .callout[data-callout=tip], .anp-callout-color-toggle .callout[data-callout=hint], .anp-callout-color-toggle .callout[data-callout=important] { --callout-color: var(--ctp-teal); } .anp-callout-color-toggle .callout[data-callout=success], .anp-callout-color-toggle .callout[data-callout=check], .anp-callout-color-toggle .callout[data-callout=done], .anp-callout-color-toggle .callout[data-callout=question], .anp-callout-color-toggle .callout[data-callout=help], .anp-callout-color-toggle .callout[data-callout=faq] { --callout-color: var(--ctp-green); } .anp-callout-color-toggle .callout[data-callout=warning], .anp-callout-color-toggle .callout[data-callout=caution], .anp-callout-color-toggle .callout[data-callout=attention] { --callout-color: var(--ctp-yellow); } .anp-callout-color-toggle .callout[data-callout=failure], .anp-callout-color-toggle .callout[data-callout=fail], .anp-callout-color-toggle .callout[data-callout=missing] { --callout-color: var(--ctp-maroon); } .anp-callout-color-toggle .callout[data-callout=danger], .anp-callout-color-toggle .callout[data-callout=error], .anp-callout-color-toggle .callout[data-callout=bug] { --callout-color: var(--ctp-red); } .anp-callout-color-toggle .callout[data-callout=example] { --callout-color: var(--ctp-mauve); } .anp-callout-color-toggle .callout[data-callout=quote], .anp-callout-color-toggle .callout[data-callout=cite] { --callout-color: var(--ctp-surface2); } .anp-callout-color-toggle.anuppuccin-accent-toggle .callout[data-callout=note] { --callout-color: var(--ctp-accent); } /*-Custom folder title-*/ .anp-custom-vault-toggle .nav-folder.mod-root > .nav-folder-title > .nav-folder-title-content { font-size: 130%; font-weight: bold; text-align: center; margin-left: 30px; } .anp-custom-vault-toggle .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'%3E%3Cpath d='M64 480H448c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64H298.5c-17 0-33.3-6.7-45.3-18.7L226.7 50.7c-12-12-28.3-18.7-45.3-18.7H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64z'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M64 480H448c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64H298.5c-17 0-33.3-6.7-45.3-18.7L226.7 50.7c-12-12-28.3-18.7-45.3-18.7H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64z'/%3E%3C/svg%3E"); mask-repeat: no-repeat; text-align: center; width: 26px; height: 26px; margin-left: -30px; margin-top: -5px; color: rgb(var(--ctp-yellow)); position: absolute; cursor: pointer; background-color: rgb(var(--ctp-yellow)); } .anp-custom-vault-toggle .nav-folder.mod-root > .nav-folder-title > .nav-folder-title-content:active:before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M88.7 223.8L0 375.8V96C0 60.7 28.7 32 64 32H181.5c17 0 33.3 6.7 45.3 18.7l26.5 26.5c12 12 28.3 18.7 45.3 18.7H416c35.3 0 64 28.7 64 64v32H144c-22.8 0-43.8 12.1-55.3 31.8zm27.6 16.1C122.1 230 132.6 224 144 224H544c11.5 0 22 6.1 27.7 16.1s5.7 22.2-.1 32.1l-112 192C453.9 474 443.4 480 432 480H32c-11.5 0-22-6.1-27.7-16.1s-5.7-22.2 .1-32.1l112-192z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M88.7 223.8L0 375.8V96C0 60.7 28.7 32 64 32H181.5c17 0 33.3 6.7 45.3 18.7l26.5 26.5c12 12 28.3 18.7 45.3 18.7H416c35.3 0 64 28.7 64 64v32H144c-22.8 0-43.8 12.1-55.3 31.8zm27.6 16.1C122.1 230 132.6 224 144 224H544c11.5 0 22 6.1 27.7 16.1s5.7 22.2-.1 32.1l-112 192C453.9 474 443.4 480 432 480H32c-11.5 0-22-6.1-27.7-16.1s-5.7-22.2 .1-32.1l112-192z'/%3E%3C/svg%3E"); width: 30px; height: 30px; } .anp-color-transition-toggle .horizontal-tab-content, .anp-color-transition-toggle .vertical-tab-content, .anp-color-transition-toggle .vertical-tab-header, .anp-color-transition-toggle .workspace-tab-header-container, .anp-color-transition-toggle .workspace-fake-target-overlay:not(.is-in-sidebar) .workspace-tabs .workspace-leaf, .anp-color-transition-toggle .mod-root .workspace-tabs .workspace-leaf, .anp-color-transition-toggle .setting-item-name { transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out, border-color 0.5s ease-in-out !important; } /*-Button for metadata-*/ .anp-button-metadata-toggle .frontmatter-container { padding: 0; } .anp-button-metadata-toggle .frontmatter-container .frontmatter-container-header { width: 32px !important; z-index: 1; height: 32px !important; text-overflow: clip; overflow: hidden; color: transparent !important; position: absolute; background-color: rgba(var(--ctp-accent), 0.8); left: calc(100% - 32px); border-radius: 6px; } .anp-button-metadata-toggle .frontmatter-container .frontmatter-container-header:after { position: absolute; width: 18px; content: " "; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M448 80v48c0 44.2-100.3 80-224 80S0 172.2 0 128V80C0 35.8 100.3 0 224 0S448 35.8 448 80zM393.2 214.7c20.8-7.4 39.9-16.9 54.8-28.6V288c0 44.2-100.3 80-224 80S0 332.2 0 288V186.1c14.9 11.8 34 21.2 54.8 28.6C99.7 230.7 159.5 240 224 240s124.3-9.3 169.2-25.3zM0 346.1c14.9 11.8 34 21.2 54.8 28.6C99.7 390.7 159.5 400 224 400s124.3-9.3 169.2-25.3c20.8-7.4 39.9-16.9 54.8-28.6V432c0 44.2-100.3 80-224 80S0 476.2 0 432V346.1z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M448 80v48c0 44.2-100.3 80-224 80S0 172.2 0 128V80C0 35.8 100.3 0 224 0S448 35.8 448 80zM393.2 214.7c20.8-7.4 39.9-16.9 54.8-28.6V288c0 44.2-100.3 80-224 80S0 332.2 0 288V186.1c14.9 11.8 34 21.2 54.8 28.6C99.7 230.7 159.5 240 224 240s124.3-9.3 169.2-25.3zM0 346.1c14.9 11.8 34 21.2 54.8 28.6C99.7 390.7 159.5 400 224 400s124.3-9.3 169.2-25.3c20.8-7.4 39.9-16.9 54.8-28.6V432c0 44.2-100.3 80-224 80S0 476.2 0 432V346.1z'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: var(--background-primary); color: var(--background-secondary); height: 20px; margin-left: 7px; margin-top: 5px; } .anp-button-metadata-toggle .frontmatter-container .frontmatter-container-header:hover { background-color: rgba(var(--ctp-accent), 0.7); } .anp-button-metadata-toggle .frontmatter-container .frontmatter-container-header:active { background-color: rgba(var(--ctp-accent), 0.6); } /*---------------COLORFUL FRAME--------------*/ /*---------------------------------- This feature is inspired by Kepano's Minimal theme: https://github.com/kepano/obsidian-minimal None of the original code was used, and was written from scratch. ----------------------------------*/ .anp-colorful-frame.anuppuccin-accent-toggle:not(.anp-card-layout) .mod-top .workspace-tab-header-container, .anp-colorful-frame.anuppuccin-accent-toggle:not(.anp-card-layout) .workspace-ribbon.mod-left:before, .anp-colorful-frame.anuppuccin-accent-toggle.anp-card-layout, .anp-colorful-frame.anuppuccin-accent-toggle.anp-card-layout .workspace-tabs.mod-top, .anp-colorful-frame.anuppuccin-accent-toggle.anp-card-layout .sidebar-toggle-button, .anp-colorful-frame.anuppuccin-accent-toggle.anp-card-layout .workspace-ribbon.mod-left:before { --tab-container-background: rgba(var(--anp-colorful-frame-color, var(--ctp-accent)), var(--anp-colorful-frame-opacity, 1)); --titlebar-background: rgba(var(--anp-colorful-frame-color, var(--ctp-accent)), var(--anp-colorful-frame-opacity, 1)); } .anp-colorful-frame:not(.anp-card-layout) .mod-top .workspace-tab-header-container, body.anp-colorful-frame.anp-card-layout, body.anp-colorful-frame.anp-card-layout .workspace-tabs.mod-top, body.anp-colorful-frame.anp-card-layout .sidebar-toggle-button, body.anp-colorful-frame.anp-card-layout .workspace-ribbon.mod-left:before, .anp-colorful-frame:not(.anp-card-layout) .workspace-ribbon.mod-left:before { --tab-container-background: hsla(var(--anp-colorful-frame-color-hsl, var(--color-accent-hsl)), var(--anp-colorful-frame-opacity, 1)); --titlebar-background: hsla(var(--anp-colorful-frame-color-hsl, var(--color-accent-hsl)), var(--anp-colorful-frame-opacity, 1)); } .anp-colorful-frame.anp-card-layout { --divider-color-hover: var(--background-secondary-alt); } .anp-colorful-frame:not(.anp-card-layout) .mod-top:not(.mod-stacked) .workspace-tab-header, .anp-colorful-frame:not(.anp-card-layout) .mod-top:not(.mod-stacked) .workspace-tab-header.is-active, .anp-colorful-frame:not(.anp-card-layout) .mod-top:not(.mod-stacked) .is-focused.workspace-tab-header, .anp-colorful-frame:not(.anp-card-layout) .mod-top:not(.mod-stacked) .workspace-tab-header-container, .anp-colorful-frame:not(.anp-card-layout).is-focused .mod-top:not(.mod-stacked) .workspace-tab-header, .anp-colorful-frame:not(.anp-card-layout).is-focused .mod-top:not(.mod-stacked) .workspace-tab-header.is-active, .anp-colorful-frame:not(.anp-card-layout).is-focused .mod-top:not(.mod-stacked) .is-focused.workspace-tab-header, .anp-colorful-frame:not(.anp-card-layout).is-focused .mod-top:not(.mod-stacked) .workspace-tab-header-container { --tab-text-color: var(--background-secondary-alt); --icon-color: var(--background-secondary-alt); --icon-color-hover: var(--background-secondary); --tab-text-color-focused: var(--background-secondary-alt); } .anp-colorful-frame:not(.anp-card-layout) .mod-top.mod-stacked .workspace-tab-header-new-tab .clickable-icon, .anp-colorful-frame:not(.anp-card-layout).is-focused .mod-top.mod-stacked .workspace-tab-header-new-tab .clickable-icon { --icon-color: var(--background-secondary-alt); --icon-color-hover: var(--background-secondary); } .anp-colorful-frame:not(.anp-card-layout) .mod-top .workspace-tab-header-tab-list .clickable-icon, .anp-colorful-frame:not(.anp-card-layout) .mod-top .workspace-tab-header-tab-list .clickable-icon:hover, .anp-colorful-frame:not(.anp-card-layout) .mod-top .workspace-tab-header-new-tab .clickable-icon, .anp-colorful-frame:not(.anp-card-layout) .mod-top .workspace-tab-header-new-tab .clickable-icon:hover, .anp-colorful-frame:not(.anp-card-layout).is-focused .mod-top .workspace-tab-header-tab-list .clickable-icon, .anp-colorful-frame:not(.anp-card-layout).is-focused .mod-top .workspace-tab-header-tab-list .clickable-icon:hover, .anp-colorful-frame:not(.anp-card-layout).is-focused .mod-top .workspace-tab-header-new-tab .clickable-icon, .anp-colorful-frame:not(.anp-card-layout).is-focused .mod-top .workspace-tab-header-new-tab .clickable-icon:hover { color: var(--background-secondary-alt); } .anp-colorful-frame:not(.anp-card-layout).anp-mini-tab-toggle .mod-top, .anp-colorful-frame:not(.anp-card-layout).is-focused.anp-mini-tab-toggle .mod-top, .anp-colorful-frame:not(.anp-card-layout).is-focused.anp-mini-tab-toggle .mod-top, .anp-colorful-frame:not(.anp-card-layout).is-focused.is-focused.anp-mini-tab-toggle .mod-top { --tab-text-color-focused-active-current: var(--background-secondary-alt); } .anp-colorful-frame:not(.anp-card-layout).anp-mini-tab-toggle .mod-top .workspace-tab-header, .anp-colorful-frame:not(.anp-card-layout).anp-mini-tab-toggle .mod-top .workspace-tab-header.is-active, .anp-colorful-frame:not(.anp-card-layout).is-focused.anp-mini-tab-toggle .mod-top .workspace-tab-header, .anp-colorful-frame:not(.anp-card-layout).is-focused.anp-mini-tab-toggle .mod-top .workspace-tab-header.is-active, .anp-colorful-frame:not(.anp-card-layout).is-focused.anp-mini-tab-toggle .mod-top .workspace-tab-header, .anp-colorful-frame:not(.anp-card-layout).is-focused.anp-mini-tab-toggle .mod-top .workspace-tab-header.is-active, .anp-colorful-frame:not(.anp-card-layout).is-focused.is-focused.anp-mini-tab-toggle .mod-top .workspace-tab-header, .anp-colorful-frame:not(.anp-card-layout).is-focused.is-focused.anp-mini-tab-toggle .mod-top .workspace-tab-header.is-active { --tab-text-color-focused-active: var(--background-secondary-alt); --tab-text-color-active: var(--background-secondary-alt); --tab-text-color-focused: var(--background-secondary-alt); } .anp-colorful-frame:not(.anp-card-layout).anp-mini-tab-toggle .workspace-tab-header.is-active, .anp-colorful-frame:not(.anp-card-layout).anp-mini-tab-toggle .workspace-tab-header.is-active .workspace-tab-header-inner-close-button { --tab-text-color-focused: var(--background-secondary-alt); --tab-text-color-focused-active-current: var(--background-secondary-alt); } .anp-colorful-frame:not(.anp-card-layout) .mod-right-split .mod-top .workspace-tab-header.is-active .workspace-tab-header-inner-icon, .anp-colorful-frame:not(.anp-card-layout) .mod-left-split .mod-top .workspace-tab-header.is-active .workspace-tab-header-inner-icon, .anp-colorful-frame:not(.anp-card-layout) .mod-top .workspace-tab-header-container .clickable-icon.has-active-menu, .anp-colorful-frame:not(.anp-card-layout) .mod-top .workspace-tab-header-container .clickable-icon:active { --icon-color-focused: var(--background-secondary-alt); } .anp-card-layout.anp-colorful-frame .mod-vertical .workspace-tabs { background-color: var(--tab-container-background); } .anp-colorful-frame:not(.anp-card-layout) .workspace-tab-header, .anp-colorful-frame:not(.anp-card-layout) .workspace-tab-header .workspace-tab-header-inner-close-button { --tab-text-color-focused: var(--background-secondary-alt); --tab-text-color-focused-active-current: var(--background-secondary-alt); } .anp-colorful-frame:not(.anp-card-layout) .workspace-tab-header.is-active, .anp-colorful-frame:not(.anp-card-layout) .workspace-tab-header.is-active .workspace-tab-header-inner-close-button { --tab-text-color-focused: var(--text-faint); --tab-text-color-focused-active-current: var(--text-normal); } .anp-colorful-frame:not(.anp-card-layout) .mod-left-split .mod-top .workspace-tab-header.is-active, .anp-colorful-frame:not(.anp-card-layout) .mod-right-split .mod-top .workspace-tab-header.is-active { background-color: rgba(var(--ctp-crust), 0.3); } .anp-colorful-frame:not(.anp-card-layout).is-focused.anp-mini-tab-toggle .mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-icon, .anp-colorful-frame:not(.anp-card-layout).is-focused.anp-mini-tab-toggle .mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-title, .anp-colorful-frame:not(.anp-card-layout).is-focused .mod-active:not(.mod-stacked).mod-top .workspace-tab-header.is-active .workspace-tab-header-inner-icon, .anp-colorful-frame:not(.anp-card-layout).is-focused.anp-mini-tab-toggle .mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-title, .anp-colorful-frame:not(.anp-card-layout) .mod-left-split .mod-top .workspace-tab-header:active .workspace-tab-header-inner-icon, .anp-colorful-frame:not(.anp-card-layout) .mod-right-split .mod-top .workspace-tab-header:active .workspace-tab-header-inner-icon { color: var(--background-secondary-alt); } .anp-colorful-frame:not(.anp-card-layout).is-focused.anp-mini-tab-toggle .mod-top:not(.mod-stacked) .workspace-tab-header:not(.is-active), .anp-colorful-frame:not(.anp-card-layout).anp-mini-tab-toggle .mod-top:not(.mod-stacked) .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner-close-button { color: var(--background-secondary-alt); --tab-text-color-focused-active-current: var(--background-secondary-alt); } .anp-colorful-frame:not(.anp-card-layout) .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle, .anp-colorful-frame:not(.anp-card-layout) .workspace-split.mod-left-split > .workspace-leaf-resize-handle, .anp-colorful-frame:not(.anp-card-layout) .workspace-split.mod-right-split > .workspace-leaf-resize-handle { height: calc(100% - var(--header-height)); } .anp-colorful-frame .sidebar-toggle-button { padding: var(--size-4-1) !important; background-color: var(--background-primary); --tab-container-background: var(--background-primary) !important; height: calc(var(--header-height) - 5px); margin-right: 0; border-radius: 0 0 var(--radius-m) var(--radius-m); border-width: 0 1px 1px 1px; border-style: solid; border-color: var(--tab-outline-color); --icon-color: var(--text-muted); --icon-color-hover: var(--text-muted); --icon-color-active: var(--text-accent); --icon-color-focused: var(--text-normal); } .anp-colorful-frame .sidebar-toggle-button .clickable-icon { --icon-color: var(--text-muted) !important; --icon-color-hover: var(--text-muted) !important; --icon-color-active: var(--text-accent) !important; --icon-color-focused: var(--text-normal) !important; } .anp-colorful-frame:not(.anp-card-layout).anp-mini-tab-toggle.is-focused .mod-active.mod-top .workspace-tab-header.is-active .workspace-tab-header-inner-icon, .anp-colorful-frame:not(.anp-card-layout).anp-mini-tab-toggle.is-focused .mod-active.mod-top .workspace-tab-header.is-active .workspace-tab-header-inner-title { color: var(--background-primary); } .anp-colorful-frame.mod-macos .sidebar-toggle-button.mod-right { border-radius: 0 0 0 var(--radius-m); } .anp-colorful-frame.is-fullscreen:not(.is-popout-window) .sidebar-toggle-button.mod-left { border-radius: 0 0 var(--radius-m) 0; } body.anp-colorful-frame.anp-card-layout .workspace, .anp-colorful-frame.anuppuccin-accent-toggle.anp-card-layout .workspace-tabs { background-color: var(--tab-container-background); } .anp-colorful-frame.anp-card-layout, .anp-colorful-frame.anp-card-layout .workspace-tab-container, .anp-colorful-frame.anp-card-layout.anp-mini-tab-toggle .mod-vertical .workspace-tab-header.is-active, .anp-colorful-frame.anp-card-layout:not(.anp-card-layout-filebrowser) .workspace-leaf-content[data-type=file-explorer] { --tab-text-color: var(--background-secondary-alt); --tab-text-color-focused: var(--background-secondary-alt); --tab-text-color-focused-active: var(--background-secondary-alt); --tab-text-color-focused-highlighted: var(--background-secondary-alt); --tab-text-color-focused-active-current: var(--background-secondary-alt); --icon-color: var(--background-secondary-alt); --icon-color-hover: var(--background-secondary-alt); --icon-color-active: var(--background-secondary-alt); --icon-color-focused: var(--background-secondary-alt); } .anp-colorful-frame.anp-card-layout.anp-card-layout-actions .workspace-ribbon, .anp-colorful-frame.anp-card-layout .workspace-tab-container, .anp-colorful-frame.anp-card-layout .modal, .anp-colorful-frame.anp-card-layout .mod-vertical .workspace-tab-header.is-active, .anp-colorful-frame.anp-card-layout.anp-alternate-tab-toggle .mod-vertical .workspace-tab-header { --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-normal); --icon-color: var(--text-muted); --icon-color-hover: var(--text-muted); --icon-color-active: var(--text-accent); --icon-color-focused: var(--text-normal); } .anp-colorful-frame.anp-card-layout:not(.anp-alternate-layout) .workspace-tab-header-status-icon { color: var(--icon-color); } .anp-colorful-frame.anp-card-layout.is-focused:not(.anp-mini-tab-toggle) .mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-icon, .anp-colorful-frame.anp-card-layout.is-focused:not(.anp-mini-tab-toggle) .mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-title { color: var(--color-accent); } .anp-colorful-frame.anp-card-layout.is-focused .mod-left-split .mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-icon, .anp-colorful-frame.anp-card-layout.anp-mini-tab-toggle .mod-vertical .workspace-tab-header .workspace-tab-header-inner-title, .anp-colorful-frame.anp-card-layout.anp-mini-tab-toggle .mod-vertical .workspace-tab-header .workspace-tab-header-inner-title, .anp-colorful-frame.anp-card-layout.is-focused .mod-right-split .mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-icon { color: var(--background-secondary-alt); } .anp-colorful-frame.anp-card-layout .mod-right-split .workspace-tab-header.is-active, .anp-colorful-frame.anp-card-layout .mod-left-split .workspace-tab-header.is-active { background-color: rgba(var(--ctp-crust), 0.3); } .mod-top .workspace-tab-header-inner::after { display: none; } .anp-colorful-frame.anp-card-layout:not(.anp-mini-tab-toggle) .mod-vertical .workspace-tab-header.is-active { --tab-text-color-focused: var(--text-muted); --tab-text-color-focused-active: var(--text-normal); } .anp-mini-tab-toggle.anp-colorful-frame .workspace-split:not(.mod-left-split):not(.mod-right-split) .workspace-tab-header-container-inner .workspace-tab-header.is-active { border-bottom: 2px solid var(--background-secondary-alt); } .anp-colorful-frame.anp-card-layout .workspace-drop-overlay:before { background-color: var(--background-secondary-alt); border-radius: var(--radius-m); opacity: 0.5; } .anp-colorful-frame { --titlebar-background: var(--color-accent); --titlebar-background-focused: var(--color-accent); --titlebar-text-color: var(--background-primary); --titlebar-text-color-focused: var(--background-secondary-alt); } .anp-colorful-frame.is-frameless:not(.is-hidden-frameless) .sidebar-toggle-button.mod-right, .anp-colorful-frame.is-frameless:not(.is-hidden-frameless) .sidebar-toggle-button.mod-left { border-radius: var(--radius-m); } .anp-colorful-frame:not(.is-frameless) .sidebar-toggle-button.mod-right, .anp-colorful-frame:not(.is-frameless) .sidebar-toggle-button.mod-left { border-radius: var(--radius-m); } /*------------CUSTOM CHECKBOXES-----------*/ /*---------------------------------- This feature is inspired by Cecilia May's Primary theme: https://github.com/ceciliamay/obsidianmd-theme-primary None of the original code was used and only the checkbox ideas were utilised. Icons were taken from Font Awesome: https://fontawesome.com/ ----------------------------------*/ .anp-custom-checkboxes [data-task=x] input[type=checkbox]:checked, .anp-custom-checkboxes [data-task=x][type=checkbox]:checked { --checkbox-color: rgb(var(--ctp-green)); --checkbox-color-hover: rgb(var(--ctp-green)) ; } .anp-custom-checkboxes [data-task="!"] input[type=checkbox]:checked, .anp-custom-checkboxes [data-task="!"][type=checkbox]:checked { --checkbox-color: rgb(var(--ctp-yellow)); --checkbox-color-hover: rgb(var(--ctp-yellow)); } .anp-custom-checkboxes [data-task="!"] input[type=checkbox]:checked:after, .anp-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 128 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='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%; } .anp-custom-checkboxes [data-task="?"] input[type=checkbox]:checked, .anp-custom-checkboxes [data-task="?"][type=checkbox]:checked { --checkbox-color: transparent; --checkbox-color-hover: transparent; border-width: 0; } .anp-custom-checkboxes [data-task="?"] input[type=checkbox]:checked:after, .anp-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%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='M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM288 352c0 17.7-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32z'/%3E%3C/svg%3E"); -webkit-mask-size: contain; background-color: rgb(var(--ctp-peach)); left: 0px; } .anp-custom-checkboxes [data-task="-"] { text-decoration: var(--checklist-done-decoration); color: var(--checklist-done-color); } .anp-custom-checkboxes [data-task="-"] input[type=checkbox]:checked, .anp-custom-checkboxes [data-task="-"][type=checkbox]:checked { --checkbox-color: rgb(var(--ctp-red)); --checkbox-color-hover: rgb(var(--ctp-red)); } .anp-custom-checkboxes [data-task="-"] input[type=checkbox]:checked:after, .anp-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 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='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: 50%; } .anp-custom-checkboxes [data-task=b] input[type=checkbox]:checked, .anp-custom-checkboxes [data-task=b][type=checkbox]:checked { --checkbox-color: transparent; --checkbox-color-hover: transparent; border-width: 0; } .anp-custom-checkboxes [data-task=b] input[type=checkbox]:checked:after, .anp-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: rgb(var(--ctp-red)); left: 0px; } .anp-custom-checkboxes [data-task=I] input[type=checkbox]:checked, .anp-custom-checkboxes [data-task=I][type=checkbox]:checked { --checkbox-color: transparent; --checkbox-color-hover: transparent; border-width: 0; } .anp-custom-checkboxes [data-task=I] input[type=checkbox]:checked:after, .anp-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%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='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(--ctp-yellow)); left: 0px; } .anp-custom-checkboxes [data-task=p] input[type=checkbox]:checked, .anp-custom-checkboxes [data-task=p][type=checkbox]:checked { --checkbox-color: transparent; --checkbox-color-hover: transparent; border-width: 0; } .anp-custom-checkboxes [data-task=p] input[type=checkbox]:checked:after, .anp-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(--ctp-green)); left: 0px; } .anp-custom-checkboxes [data-task=c] input[type=checkbox]:checked, .anp-custom-checkboxes [data-task=c][type=checkbox]:checked { --checkbox-color: transparent; --checkbox-color-hover: transparent; border-width: 0; } .anp-custom-checkboxes [data-task=c] input[type=checkbox]:checked:after, .anp-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(--ctp-red)); left: 0px; } .anp-custom-checkboxes [data-task=i] input[type=checkbox]:checked, .anp-custom-checkboxes [data-task=i][type=checkbox]:checked { --checkbox-color: transparent; --checkbox-color-hover: transparent; border-width: 0; } .anp-custom-checkboxes [data-task=i] input[type=checkbox]:checked:after, .anp-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 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='M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-144c-17.7 0-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32z'/%3E%3C/svg%3E"); -webkit-mask-size: contain; background-color: rgb(var(--ctp-blue)); left: 0px; } .anp-custom-checkboxes [data-task=l] input[type=checkbox]:checked, .anp-custom-checkboxes [data-task=l][type=checkbox]:checked { --checkbox-color: transparent; --checkbox-color-hover: transparent; border-width: 0; } .anp-custom-checkboxes [data-task=l] input[type=checkbox]:checked:after, .anp-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%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='M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64s64 28.7 64 64s-28.7 64-64 64z'/%3E%3C/svg%3E"); -webkit-mask-size: contain; background-color: rgb(var(--ctp-mauve)); left: 0px; } .anp-custom-checkboxes [data-task="*"] input[type=checkbox]:checked, .anp-custom-checkboxes [data-task="*"][type=checkbox]:checked { --checkbox-color: transparent; --checkbox-color-hover: transparent; border-width: 0; } .anp-custom-checkboxes [data-task="*"] input[type=checkbox]:checked:after, .anp-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(--ctp-yellow)); left: 0px; } .anp-custom-checkboxes [data-task=n] input[type=checkbox]:checked, .anp-custom-checkboxes [data-task=n][type=checkbox]:checked { --checkbox-color: transparent; --checkbox-color-hover: transparent; border-width: 0; } .anp-custom-checkboxes [data-task=n] input[type=checkbox]:checked:after, .anp-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%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='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(--ctp-maroon)); left: 0px; } .anp-custom-checkboxes [data-task=S] input[type=checkbox]:checked, .anp-custom-checkboxes [data-task=S][type=checkbox]:checked { --checkbox-color: transparent; --checkbox-color-hover: transparent; border-width: 0; } .anp-custom-checkboxes [data-task=S] input[type=checkbox]:checked:after, .anp-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 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='M320 96H192L144.6 24.9C137.5 14.2 145.1 0 157.9 0H354.1c12.8 0 20.4 14.2 13.3 24.9L320 96zM192 128H320c3.8 2.5 8.1 5.3 13 8.4C389.7 172.7 512 250.9 512 416c0 53-43 96-96 96H96c-53 0-96-43-96-96C0 250.9 122.3 172.7 179 136.4l0 0 0 0c4.8-3.1 9.2-5.9 13-8.4zm84.1 96c0-11.1-9-20.1-20.1-20.1s-20.1 9-20.1 20.1v6c-5.6 1.2-10.9 2.9-15.9 5.1c-15 6.8-27.9 19.4-31.1 37.7c-1.8 10.2-.8 20 3.4 29c4.2 8.8 10.7 15 17.3 19.5c11.6 7.9 26.9 12.5 38.6 16l2.2 .7c13.9 4.2 23.4 7.4 29.3 11.7c2.5 1.8 3.4 3.2 3.8 4.1c.3 .8 .9 2.6 .2 6.7c-.6 3.5-2.5 6.4-8 8.8c-6.1 2.6-16 3.9-28.8 1.9c-6-1-16.7-4.6-26.2-7.9l0 0 0 0 0 0 0 0c-2.2-.8-4.3-1.5-6.3-2.1c-10.5-3.5-21.8 2.2-25.3 12.7s2.2 21.8 12.7 25.3c1.2 .4 2.7 .9 4.4 1.5c7.9 2.7 20.3 6.9 29.8 9.1V416c0 11.1 9 20.1 20.1 20.1s20.1-9 20.1-20.1v-5.5c5.4-1 10.5-2.5 15.4-4.6c15.7-6.7 28.4-19.7 31.6-38.7c1.8-10.4 1-20.3-3-29.4c-3.9-9-10.2-15.6-16.9-20.5c-12.2-8.8-28.3-13.7-40.4-17.4l-.8-.2c-14.2-4.3-23.8-7.3-29.9-11.4c-2.6-1.8-3.4-3-3.6-3.5c-.2-.3-.7-1.6-.1-5c.3-1.9 1.9-5.2 8.2-8.1c6.4-2.9 16.4-4.5 28.6-2.6c4.3 .7 17.9 3.3 21.7 4.3c10.7 2.8 21.6-3.5 24.5-14.2s-3.5-21.6-14.2-24.5c-4.4-1.2-14.4-3.2-21-4.4V224z'/%3E%3C/svg%3E"); -webkit-mask-size: contain; background-color: rgb(var(--ctp-green)); left: 0px; } .anp-custom-checkboxes [data-task="/"] input[type=checkbox]:checked, .anp-custom-checkboxes [data-task="/"][type=checkbox]:checked { --checkbox-color: rgba(var(--ctp-subtext0), 0.3); --checkbox-color-hover: rgba(var(--ctp-subtext0), 0.3); border-color: rgb(var(--ctp-subtext0)) !important; } .anp-custom-checkboxes [data-task="/"] input[type=checkbox]:checked:after, .anp-custom-checkboxes [data-task="/"][type=checkbox]:checked:after { background-color: transparent; } .anp-custom-checkboxes [data-task="<"] input[type=checkbox]:checked, .anp-custom-checkboxes [data-task="<"][type=checkbox]:checked { --checkbox-color: transparent; --checkbox-color-hover: transparent; border-width: 0; } .anp-custom-checkboxes [data-task="<"] input[type=checkbox]:checked:after, .anp-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 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='M96 32V64H48C21.5 64 0 85.5 0 112v48H448V112c0-26.5-21.5-48-48-48H352V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V64H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zM448 192H0V464c0 26.5 21.5 48 48 48H400c26.5 0 48-21.5 48-48V192z'/%3E%3C/svg%3E"); -webkit-mask-size: contain; background-color: rgb(var(--ctp-teal)); left: 0px; } .anp-custom-checkboxes [data-task=">"] input[type=checkbox]:checked, .anp-custom-checkboxes [data-task=">"][type=checkbox]:checked { --checkbox-color: transparent; --checkbox-color-hover: transparent; border-width: 0; } .anp-custom-checkboxes [data-task=">"] input[type=checkbox]:checked:after, .anp-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%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='M307 34.8c-11.5 5.1-19 16.6-19 29.2v64H176C78.8 128 0 206.8 0 304C0 417.3 81.5 467.9 100.2 478.1c2.5 1.4 5.3 1.9 8.1 1.9c10.9 0 19.7-8.9 19.7-19.7c0-7.5-4.3-14.4-9.8-19.5C108.8 431.9 96 414.4 96 384c0-53 43-96 96-96h96v64c0 12.6 7.4 24.1 19 29.2s25 3 34.4-5.4l160-144c6.7-6.1 10.6-14.7 10.6-23.8s-3.8-17.7-10.6-23.8l-160-144c-9.4-8.5-22.9-10.6-34.4-5.4z'/%3E%3C/svg%3E"); -webkit-mask-size: contain; background-color: rgb(var(--ctp-sapphire)); left: 0px; } .anp-speech-bubble [data-task="0"], .anp-speech-bubble [data-task="1"], .anp-speech-bubble [data-task="2"], .anp-speech-bubble [data-task="3"], .anp-speech-bubble [data-task="4"], .anp-speech-bubble [data-task="5"], .anp-speech-bubble [data-task="6"], .anp-speech-bubble [data-task="7"], .anp-speech-bubble [data-task="8"], .anp-speech-bubble [data-task="9"] { margin-inline-start: -15px; padding: 3px 10px !important; border-radius: 3px 10px 10px 10px; margin-top: 8px; margin-bottom: 8px; max-width: fit-content; color: var(--text-normal); --bold-color: var(--text-normal); --italic-color: var(--text-normal); } .anp-speech-bubble [data-task="0"] p, .anp-speech-bubble [data-task="1"] p, .anp-speech-bubble [data-task="2"] p, .anp-speech-bubble [data-task="3"] p, .anp-speech-bubble [data-task="4"] p, .anp-speech-bubble [data-task="5"] p, .anp-speech-bubble [data-task="6"] p, .anp-speech-bubble [data-task="7"] p, .anp-speech-bubble [data-task="8"] p, .anp-speech-bubble [data-task="9"] p { margin-top: 0; margin-bottom: 0; } .anp-speech-bubble [data-task="0"] .task-list-item-checkbox, .anp-speech-bubble [data-task="1"] .task-list-item-checkbox, .anp-speech-bubble [data-task="2"] .task-list-item-checkbox, .anp-speech-bubble [data-task="3"] .task-list-item-checkbox, .anp-speech-bubble [data-task="4"] .task-list-item-checkbox, .anp-speech-bubble [data-task="5"] .task-list-item-checkbox, .anp-speech-bubble [data-task="6"] .task-list-item-checkbox, .anp-speech-bubble [data-task="7"] .task-list-item-checkbox, .anp-speech-bubble [data-task="8"] .task-list-item-checkbox, .anp-speech-bubble [data-task="9"] .task-list-item-checkbox { display: none; } .anp-speech-bubble [data-task="0"]::selection, .anp-speech-bubble [data-task="1"]::selection, .anp-speech-bubble [data-task="2"]::selection, .anp-speech-bubble [data-task="3"]::selection, .anp-speech-bubble [data-task="4"]::selection, .anp-speech-bubble [data-task="5"]::selection, .anp-speech-bubble [data-task="6"]::selection, .anp-speech-bubble [data-task="7"]::selection, .anp-speech-bubble [data-task="8"]::selection, .anp-speech-bubble [data-task="9"]::selection { background-color: rgba(var(--ctp-text), 0.2); } .theme-dark.anp-speech-bubble [data-task="0"], .theme-dark.anp-speech-bubble [data-task="1"], .theme-dark.anp-speech-bubble [data-task="2"], .theme-dark.anp-speech-bubble [data-task="3"], .theme-dark.anp-speech-bubble [data-task="4"], .theme-dark.anp-speech-bubble [data-task="5"], .theme-dark.anp-speech-bubble [data-task="6"], .theme-dark.anp-speech-bubble [data-task="7"], .theme-dark.anp-speech-bubble [data-task="8"], .theme-dark.anp-speech-bubble [data-task="9"] { --text-normal: var(--background-primary); transition: background-color 0.2s, background 0.2s; } .theme-dark.anp-speech-bubble [data-task="0"]::selection, .theme-dark.anp-speech-bubble [data-task="1"]::selection, .theme-dark.anp-speech-bubble [data-task="2"]::selection, .theme-dark.anp-speech-bubble [data-task="3"]::selection, .theme-dark.anp-speech-bubble [data-task="4"]::selection, .theme-dark.anp-speech-bubble [data-task="5"]::selection, .theme-dark.anp-speech-bubble [data-task="6"]::selection, .theme-dark.anp-speech-bubble [data-task="7"]::selection, .theme-dark.anp-speech-bubble [data-task="8"]::selection, .theme-dark.anp-speech-bubble [data-task="9"]::selection { background-color: rgba(var(--ctp-crust), 0.2); background: rgba(var(--ctp-crust), 0.2); } .anp-speech-bubble .is-live-preview [data-task="0"].cm-active, .anp-speech-bubble .is-live-preview [data-task="1"].cm-active, .anp-speech-bubble .is-live-preview [data-task="2"].cm-active, .anp-speech-bubble .is-live-preview [data-task="3"].cm-active, .anp-speech-bubble .is-live-preview [data-task="4"].cm-active, .anp-speech-bubble .is-live-preview [data-task="5"].cm-active, .anp-speech-bubble .is-live-preview [data-task="6"].cm-active, .anp-speech-bubble .is-live-preview [data-task="7"].cm-active, .anp-speech-bubble .is-live-preview [data-task="8"].cm-active, .anp-speech-bubble .is-live-preview [data-task="9"].cm-active { border-radius: 0; --text-normal: rgb(var(--ctp-text)); background: rgba(var(--ctp-surface1), 0.4); } .anp-speech-bubble [data-task="0"] { background-color: rgba(var(--ctp-red), var(--anp-speech-bubble-opacity)); } .anp-speech-bubble [data-task="1"] { background-color: rgba(var(--ctp-peach), var(--anp-speech-bubble-opacity)); } .anp-speech-bubble [data-task="2"] { background-color: rgba(var(--ctp-yellow), var(--anp-speech-bubble-opacity)); } .anp-speech-bubble [data-task="3"] { background-color: rgba(var(--ctp-green), var(--anp-speech-bubble-opacity)); } .anp-speech-bubble [data-task="4"] { background-color: rgba(var(--ctp-teal), var(--anp-speech-bubble-opacity)); } .anp-speech-bubble [data-task="5"] { background-color: rgba(var(--ctp-sky), var(--anp-speech-bubble-opacity)); } .anp-speech-bubble [data-task="6"] { background-color: rgba(var(--ctp-blue), var(--anp-speech-bubble-opacity)); } .anp-speech-bubble [data-task="7"] { background-color: rgba(var(--ctp-mauve), var(--anp-speech-bubble-opacity)); } .anp-speech-bubble [data-task="8"] { background: linear-gradient(to right, rgba(var(--ctp-red), var(--anp-speech-bubble-opacity)), rgba(var(--ctp-yellow), var(--anp-speech-bubble-opacity))); } .anp-speech-bubble [data-task="9"] { background: linear-gradient(to left, rgba(var(--ctp-lavender), var(--anp-speech-bubble-opacity)), rgba(var(--ctp-mauve), var(--anp-speech-bubble-opacity))); } /*------------FLOATING VAULT TITLE-----------*/ /*---------------------------------- This feature is inspired by Cecilia May's Primary theme: https://github.com/ceciliamay/obsidianmd-theme-primary None of the original code was used and the feature was implemented from scratch. ----------------------------------*/ .anp-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 var(--background-modifier-border); border-radius: var(--radius-s); } .anp-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)); } .anp-floating-header .nav-folder.mod-root > .nav-folder-children { padding-top: 32px; } .anp-floating-header.anp-custom-vault-toggle .nav-folder.mod-root > .nav-folder-title { padding-top: 10px; } .anp-floating-header.anp-custom-vault-toggle .nav-folder.mod-root > .nav-folder-children { padding-top: 45px; } .anp-codeblock-numbers .HyperMD-codeblock-begin { counter-reset: line-numbers; } .anp-codeblock-numbers .HyperMD-codeblock.cm-line:not(.HyperMD-codeblock-begin):not(.HyperMD-codeblock-end) { padding-left: 5em; position: relative; } .anp-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; } .anp-codeblock-numbers .HyperMD-codeblock.cm-line.cm-active:not(.HyperMD-codeblock-begin):not(.HyperMD-codeblock-end)::before { color: var(--color-accent); } .anp-codeblock-numbers .HyperMD-codeblock .cm-foldPlaceholder::before { display: none; } .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); } .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(--ctp-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: 0px; } .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(--ctp-text), 0.2); border-radius: var(--radius-s); padding: var(--size-4-2); padding-left: var(--size-4-6); background-color: rgba(var(--ctp-crust), 0.3); } .style-settings-container .setting-item-heading[data-id=anuppuccin-extended-colorschemes-link], .style-settings-container .setting-item-heading[data-id=anuppuccin-theme-credits-link] { border-bottom-width: 0px !important; } .style-settings-container[data-id=anp-rainbow-section-header], .style-settings-container[data-id=anp-full-rainbow-folder-settings], .style-settings-container[data-id=anp-simple-rainbow-folder-settings] { background: linear-gradient(to right, rgba(var(--ctp-red), 1), rgba(var(--ctp-peach), 1), rgba(var(--ctp-yellow), 1), rgba(var(--ctp-green), 1), rgba(var(--ctp-teal), 1), rgba(var(--ctp-blue), 1), rgba(var(--ctp-mauve), 1), rgba(var(--ctp-pink), 1)) !important; padding-bottom: 3px; padding-top: 0px; height: 37px; border-bottom-width: 0 !important; margin-top: 3px; } .style-settings-container[data-id=anp-rainbow-section-header] .setting-item-info, .style-settings-container[data-id=anp-full-rainbow-folder-settings] .setting-item-info, .style-settings-container[data-id=anp-simple-rainbow-folder-settings] .setting-item-info { background-color: var(--background-primary); } .style-settings-container[data-id=anp-rainbow-section-header] .setting-item-name, .style-settings-container[data-id=anp-full-rainbow-folder-settings] .setting-item-name, .style-settings-container[data-id=anp-simple-rainbow-folder-settings] .setting-item-name { line-height: 37px; } .style-settings-container[data-id=anp-rainbow-section-header] .setting-item-control, .style-settings-container[data-id=anp-full-rainbow-folder-settings] .setting-item-control, .style-settings-container[data-id=anp-simple-rainbow-folder-settings] .setting-item-control { background-color: var(--background-primary); height: 37px; } .style-settings-heading[data-level="0"] { margin-bottom: 15px; } .style-settings-heading[data-level="0"].is-collapsed { margin-bottom: 0px; } .style-settings-heading[data-id=anuppuccin-theme-credits-link] { margin-bottom: 0px; border-bottom: none; cursor: default; padding-bottom: 0px; } .style-settings-heading[data-id=anuppuccin-theme-credits-link] .style-settings-collapse-indicator, .style-settings-heading[data-id=anuppuccin-theme-credits-link] .setting-editor-extra-setting-button { display: none; } .style-settings-heading[data-id=anuppuccin-theme-credits-link] .setting-item-name { color: var(--background-primary) !important; background: linear-gradient(to right, rgb(var(--ctp-pink)), rgb(var(--ctp-mauve))); width: fit-content; padding: 4px 6px; border-radius: 5px; } .style-settings-heading[data-id=anuppuccin-theme-settings], .style-settings-heading[data-id=anuppuccin-theme-settings-extended] { border-color: hsla(var(--color-accent-hsl), 0.2); } .style-settings-heading[data-id=anuppuccin-theme-settings] .setting-item-name, .style-settings-heading[data-id=anuppuccin-theme-settings-extended] .setting-item-name { color: var(--color-accent); } .style-settings-heading[data-id=anuppuccin-extended-colorschemes-link] { margin-bottom: 0px; border-bottom: none; cursor: default; padding-bottom: 0px; } .style-settings-heading[data-id=anuppuccin-extended-colorschemes-link] .style-settings-collapse-indicator, .style-settings-heading[data-id=anuppuccin-extended-colorschemes-link] .setting-editor-extra-setting-button { display: none; } .anuppuccin-accent-toggle .style-settings-heading[data-id=anuppuccin-theme-settings], .anuppuccin-accent-toggle .style-settings-heading[data-id=anuppuccin-theme-settings-extended] { border-color: rgba(var(--ctp-accent), 0.2); } .style-settings-container:empty { display: none; } .modal { --h1-font: var(--interface-font); } /*-Fix dataview table header size-*/ .table-view-table > thead > tr > th { font-size: medium; color: var(--text-muted); } .dataview.inline-field-standalone-value, .dataview.inline-field-key, .dataview.inline-field-value { padding-left: 0px; padding-right: 0px; font-family: inherit; background-color: transparent; color: var(--text-normal); } .dataview.inline-field-standalone-value, .dataview.inline-field-value { text-decoration: underline; text-decoration-line: underline; text-decoration-color: rgba(var(--ctp-yellow), 0.4); } .dataview.inline-field-key { font-weight: bold; color: var(--bold-color); padding-right: 8px; } .kanban-plugin__lane-items > .kanban-plugin__placeholder:only-child { border: 2px dashed rgba(var(--text-muted-rgb), 0.1); } .kanban-plugin__new-item-button, .kanban-plugin__lane button.kanban-plugin__lane-settings-button:hover, .kanban-plugin__lane-settings-button:hover { box-shadow: none; background-color: rgb(var(--ctp-crust)); } .kanban-plugin button { box-shadow: none; } .kanban-plugin__lane-grip { background-color: rgb(var(--ctp-crust)); padding-top: 5px; padding-bottom: 5px; border-radius: 4px; } .kanban-plugin__item.is-complete .kanban-plugin__item-markdown { color: var(--text-muted); text-decoration-line: line-through; } .theme-dark .excalidraw, .theme-dark .excalidraw.theme--dark, .theme-light .excalidraw, .theme-light .excalidraw.theme--dark { --button-destructive-bg-color: rgba(var(--ctp-red), 0.2); --button-destructive-color: rgb(var(--ctp-red)); --button-gray-1: rgb(var(--ctp-base)); --button-gray-2: rgb(var(--ctp-mantle)); --button-gray-3: rgb(var(--ctp-crust)); --button-special-active-bg-color: rgb(var(--ctp-base)); --dialog-border-color: rgb(var(--ctp-surface1)); --focus-highlight-color: rgb(var(--ctp-accent, var(--ctp-teal))); --icon-fill-color: var(--text-normal); --icon-green-fill-color: rgb(var(--ctp-green)); --default-bg-color: rgb(var(--ctp-base)); --input-bg-color: rgb(var(--ctp-mantle)); --input-border-color: rgb(var(--ctp-surface1)); --input-hover-bg-color: rgb(var(--ctp-surface0)); --input-label-color: rgb(var(--ctp-text)); --island-bg-color: rgba(var(--ctp-base), 0.96); --keybinding-color: rgb(var(--ctp-crust)); --link-color: var(--color-accent); --overlay-bg-color: rgba(var(--ctp-base), 0.88); --popup-bg-color: rgb(var(--ctp-base)); --popup-secondary-bg-color: rgb(var(--ctp-mantle)); --popup-text-color: rgb(var(--ctp-text)); --popup-text-inverted-color: rgb(var(--ctp-base)); --select-highlight-color: var(--color-accent); --shadow-island: 0 0 0 1px rgba(var(--ctp-text), 0.01), 1px 1px 5px rgb(var(--ctp-text) / 12%); --text-primary-color: rgb(var(--ctp-text)); --color-primary: var(--color-accent); --color-primary-darker: var(--color-accent); --color-primary-darkest: var(--color-accent); --color-primary-light: rgb(var(--ctp-base)); } .excalidraw-tooltip { background: rgb(var(--ctp-crust)) !important; color: var(--text-normal) !important; } .excalidraw .ToolIcon--plain, .excalidraw .reset-zoom-button, .excalidraw .ToolIcon[aria-label="Zoom in"], .excalidraw .ToolIcon[aria-label="Zoom out"], .excalidraw .ToolIcon[aria-label="Reset the canvas"] { background-color: rgb(var(--ctp-crust)) !important; } .excalidraw .Dialog__titleContent { font-family: var(--font-interface) !important; font-variant-caps: normal; --h2-color: var(--color-accent); } .excalidraw .confirm-dialog--confirm.ToolIcon_type_button { background-color: rgb(var(--ctp-red)) !important; } .excalidraw .confirm-dialog--confirm.ToolIcon_type_button .ToolIcon__icon { color: var(--background-primary) !important; } [data-type=excalidraw] .view-header { margin: 0; } body .excalidraw .library-menu-items-container .library-actions--load, body .excalidraw .library-menu-items-container .library-actions--load:hover { background-color: var(--color-accent); } .obsidian-icon-folder-icon { margin-top: -5px; } .anp-simple-rainbow-color-toggle.anp-simple-rainbow-icon-folder-toggle .obsidian-icon-folder-icon { color: rgb(var(--rainbow-folder-color)); } .obsidian-icon-folder-modal.prompt-results .suggestion-item { color: var(--text-normal); } .prompt .obsidian-icon-folder-subheadline { color: var(--text-muted); } .workspace-leaf-content[data-type=advanced-tables-toolbar] .nav-buttons-container { border-style: solid; border-color: var(--background-modifier-border); border-width: 0px 0px 1px 0px; margin-top: 10px; gap: 10px; } #cMenuModalBar { border: 2px solid rgba(var(--ctp-crust), 0.2); } #cMenuModalBar .cMenuCommandItem { background-color: rgba(var(--ctp-mantle), 0.4); } #cMenuModalBar .cMenuCommandItem:hover { background-color: rgba(var(--ctp-mantle), 0.6); } #cMenuModalBar button.cMenuCommandItem:hover { background-color: rgba(var(--ctp-mantle), 0.6); } .status-bar-item.plugin-obsidian-discordrpc { width: 0px; height: 0px; text-overflow: clip; overflow: hidden; margin-right: 20px; padding: 0px; } .status-bar-item.plugin-obsidian-discordrpc:after { position: absolute; margin-top: 18px; content: " "; height: 18px; width: 20px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: var(--text-normal); } #calendar-container h3 { font-family: var(--font-interface); font-weight: bold; } #calendar-container .right-nav .reset-button { margin: auto; } /*------------RAINBOW FOLDERS-------------*/ /* Rainbow colors */ .nav-folder-children > .nav-folder:nth-child(11n+2) { --rainbow-folder-color: var(--ctp-red); } .nav-folder-children > .nav-folder:nth-child(11n+3) { --rainbow-folder-color: var(--ctp-maroon); } .nav-folder-children > .nav-folder:nth-child(11n+4) { --rainbow-folder-color: var(--ctp-peach); } .nav-folder-children > .nav-folder:nth-child(11n+5) { --rainbow-folder-color: var(--ctp-yellow); } .nav-folder-children > .nav-folder:nth-child(11n+6) { --rainbow-folder-color: var(--ctp-green); } .nav-folder-children > .nav-folder:nth-child(11n+7) { --rainbow-folder-color: var(--ctp-teal); } .nav-folder-children > .nav-folder:nth-child(11n+8) { --rainbow-folder-color: var(--ctp-sky); } .nav-folder-children > .nav-folder:nth-child(11n+9) { --rainbow-folder-color: var(--ctp-sapphire); } .nav-folder-children > .nav-folder:nth-child(11n+10) { --rainbow-folder-color: var(--ctp-blue); } .nav-folder-children > .nav-folder:nth-child(11n+11) { --rainbow-folder-color: var(--ctp-lavender); } .nav-folder-children > .nav-folder:nth-child(11n+12) { --rainbow-folder-color: var(--ctp-mauve); } /*-Full rainbow theme-*/ .anp-full-rainbow-color-toggle .nav-folder.mod-root > .nav-folder-children > .nav-folder .nav-folder-title, .anp-full-rainbow-color-toggle .nav-folder.mod-root > .nav-folder-children > .nav-folder .nav-folder-title, .anp-full-rainbow-color-toggle .nav-folder.mod-root > .nav-folder-children > .nav-folder .nav-file-title, .anp-full-rainbow-color-toggle .nav-folder-collapse-indicator svg, .anp-full-rainbow-color-toggle .is-collapsed .nav-folder-collapse-indicator svg { color: var(--background-primary); } .anp-full-rainbow-color-toggle.anp-rainbow-file-toggle .nav-folder.mod-root > .nav-folder-children > .nav-file .nav-file-title { color: var(--background-primary); } .anp-full-rainbow-color-toggle.anp-rainbow-file-toggle.theme-dark .nav-folder.mod-root > .nav-folder-children > .nav-file { background-color: rgba(var(--ctp-text), var(--anp-rainbow-folder-bg-opacity)); } .anp-full-rainbow-color-toggle.anp-rainbow-file-toggle.theme-light .nav-folder.mod-root > .nav-folder-children > .nav-file { background-color: rgba(var(--ctp-overlay1), var(--anp-rainbow-folder-bg-opacity)); } .anp-full-rainbow-color-toggle.anp-rainbow-file-toggle .nav-folder.mod-root > .nav-folder-children > .nav-file { border-radius: 5px; margin-bottom: 2px; } .anp-full-rainbow-color-toggle:not(.is-grabbing) .nav-folder.mod-root > .nav-folder-children > .nav-folder .nav-folder-title:hover { background-color: rgba(var(--ctp-text), 0.1); } .anp-full-rainbow-color-toggle:not(.is-grabbing) .nav-folder.mod-root > .nav-folder-children > .nav-file .nav-file-title:hover { background-color: rgba(255, 255, 255, 0.1); } .anp-full-rainbow-color-toggle:not(.is-grabbing) .nav-folder.mod-root > .nav-folder-children > .nav-folder .nav-file-title.is-active { border-color: rgba(var(--ctp-text), 0.2); background-color: rgba(var(--ctp-text), 0.2); } .anp-full-rainbow-color-toggle .nav-file { overflow-y: hidden; } .anp-full-rainbow-color-toggle .nav-file-title-content.is-being-renamed, .anp-full-rainbow-color-toggle .nav-folder-title-content.is-being-renamed { cursor: text; border-color: var(--interactive-accent); background-color: rgba(var(--ctp-crust), 0.2); } .anp-full-rainbow-color-toggle .nav-file-title-content.is-being-renamed::selection, .anp-full-rainbow-color-toggle .nav-folder-title-content.is-being-renamed::selection { background-color: hsla(var(--color-accent-hsl), 0.2); } .anp-full-rainbow-color-toggle .nav-file-title-content.is-being-renamed::selection { background-color: rgba(var(--ctp-accent), 0.2); } .anp-full-rainbow-color-toggle .nav-folder.mod-root .nav-folder > .nav-folder-children { padding: 0 5px 0 5px; } .anp-full-rainbow-color-toggle .nav-folder.mod-root > .nav-folder-children > .nav-folder { transition: background-color 0.4s; background-color: rgba(var(--rainbow-folder-color), var(--anp-rainbow-folder-bg-opacity)); border-color: rgba(var(--rainbow-folder-color), var(--anp-rainbow-folder-border-opacity)); margin-bottom: 2px; border-radius: 5px; } .anp-full-rainbow-color-toggle .nav-folder.mod-root > .nav-folder-children > .nav-folder .nav-folder-children { border-color: rgba(var(--ctp-crust), 0.4); } .anp-full-rainbow-color-toggle .nav-folder.mod-root > .nav-folder-children > .nav-file.has-focus { background-color: rgba(var(--ctp-text), var(--anp-rainbow-folder-bg-opacity)); border-left: none; border-color: rgb(var(--ctp-accent)); } .anp-full-rainbow-color-toggle .nav-folder.mod-root > .nav-folder-children > .nav-file.has-focus > .nav-file-title, .anp-full-rainbow-color-toggle .nav-folder.mod-root > .nav-folder-children > .nav-file > .nav-file-title { margin-bottom: 0; } .anp-full-rainbow-color-toggle .workspace-leaf.mod-active .nav-folder.has-focus > .nav-folder-title:focus-within, .anp-full-rainbow-color-toggle .workspace-leaf.mod-active .nav-file.has-focus > .nav-file-title:focus-within, .anp-full-rainbow-color-toggle .workspace-leaf.mod-active .nav-folder.has-focus > .nav-folder-title, .anp-full-rainbow-color-toggle .workspace-leaf.mod-active .nav-file.has-focus > .nav-file-title { box-shadow: none; } /*-Simple rainbow theme-*/ .anp-simple-rainbow-color-toggle.anp-simple-rainbow-title-toggle .nav-folder.mod-root > .nav-folder-children > .nav-folder .nav-folder-title { transition: color 0.4s; color: rgb(var(--rainbow-folder-color)); } .anp-simple-rainbow-color-toggle.anp-simple-rainbow-icon-toggle .nav-folder.mod-root > .nav-folder-children > .nav-folder .nav-folder-title:after { transition: color 0.4s; color: rgb(var(--rainbow-folder-color)); content: "⬤"; position: relative; margin-left: 4px; top: 1px; opacity: 0.5; } .anp-simple-rainbow-color-toggle.anp-simple-rainbow-indentation-toggle .nav-folder.mod-root .nav-folder > .nav-folder-children { transition: color 0.4s; border-color: rgba(var(--rainbow-folder-color), 0.5); } .anp-simple-rainbow-color-toggle.anp-simple-rainbow-collapse-toggle .nav-folder.is-collapsed .collapse-icon svg.svg-icon, .anp-simple-rainbow-color-toggle.anp-simple-rainbow-collapse-toggle .nav-folder-collapse-indicator.collapse-icon svg.svg-icon { transition: color 0.4s; color: rgb(var(--rainbow-folder-color)); } /*--------------DISABLING IN-FRONTMATTER---------------*/ .header-normal-toggle { --h1-color: var(--text-normal) !important; --h2-color: var(--text-normal) !important; --h3-color: var(--text-normal) !important; --h4-color: var(--text-normal) !important; --h5-color: var(--text-normal) !important; --h6-color: var(--text-normal) !important; } .decorations-normal-toggle { --bold-color: var(--text-normal) !important; --italic-color: var(--text-normal) !important; } /*# sourceMappingURL=theme.css.map */