@ 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 */
