BinarySandia04/HiperbolicaDraconis
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
b408d201c9
HiperbolicaDraconis/.obsidian/themes/ITS Theme/theme.css

14454 lines
812 KiB
CSS
Raw Normal View History

vault backup: 2024-12-26 01:43:08
2024-12-26 00:43:09 +00:00
@charset "UTF-8";
/* @settings
name: ITS Theme Settings
id: ITS
settings:
-
id: info-text-SlRvb-ITS-Theme
type: info-text
title: "ITS Theme by SlRvb"
description: "ℹ [Guide / Docs](https://publish.obsidian.md/slrvb-docs/ITS+Theme/ITS+Theme) | ⚙ [Github](https://github.com/SlRvb/Obsidian--ITS-Theme) | ☕ [Support](https://ko-fi.com/slrvb)"
markdown: true
-
id: its-theme
title: ITS Theme Class
type: class-toggle
default: true
#-
# title: Class Test toggle
# id: minimalist-workspace
# type: class-toggle
-
title: Workspace
id: ITS-Workspace
type: heading
level: 1
collapsed: true
-
title: Sizes
id: ITS-Sizes
type: class-select
allowEmpty: true
default: none
options:
-
label: Readable
value: sizing-readable
-
label: Minimized
value: sizing-mini
-
label: Large
value: sizing-large
-
title: Roundness
id: radius-s
type: variable-number-slider
default: 0
format: px
min: 0
max: 12
step: 1
-
title: Resize Scrollbars
id: scrollbar-width
type: variable-number-slider
default: 12
format: px
min: 4
max: 15
step: 1
-
title: Sizing
id: ITS-Sizing
type: heading
level: 2
collapsed: true
-
title: Note Width
id: file-line-width
type: variable-number-slider
default: 700
format: px
min: 400
max: 1800
step: 100
#-
# title: Titlebar Sizing
# id: titlebar-height
# type: variable-number-slider
# default: 40
# format: px
# min: 20
# max: 50
# step: 10
-
title: Tab Outline Height
id: tab-outline-width
type: variable-number-slider
default: 2
format: px
min: 0
max: 4
step: 1
-
title: Status Bar Padding
id: status-bar-padding
type: variable-number-slider
default: 4
format: px
min: 0
max: 10
step: 1
-
title: Status Bar Spacing
id: status-bar-gap
type: variable-number-slider
default: 4
format: px
min: 0
max: 10
step: 1
-
title: Sidebar
id: ITS-Sizing-Sidebar
type: heading
level: 3
collapsed: true
-
title: Sidebar Text Sizing
id: nav-item-size
type: variable-number-slider
default: 14
format: px
min: 10
max: 20
step: 1
-
title: Sidebar Tab Icon Sizing
id: sidebar-tab-icon-size
type: variable-number-slider
default: 18
format: px
min: 10
max: 20
step: 1
-
title: Sidebar Ribbon Width Sizing
id: ribbon-width
type: variable-number-slider
default: 40
format: px
min: 30
max: 50
step: 5
-
title: Sidebar Ribbon Icon Sizing
id: ribbon-icon-size
type: variable-number-slider
default: 18
format: px
min: 10
max: 20
step: 1
-
title: Sidebar Ribbon Icon Spacing
id: ribbon-icon-gap
type: variable-number-slider
default: 15
format: px
min: 1
max: 20
step: 1
-
title: Notes
id: ITS-Note-Sizing
type: heading
level: 3
collapsed: true
-
title: Note Title Size
id: file-header-font-size
type: variable-number-slider
default: 15
format: px
min: 10
max: 20
step: 1
-
title: Note Breadcrumb Title Size
id: file-header-breadcrumb-font-size
type: variable-number-slider
default: 13.5
format: px
min: 10
max: 20
step: 1
-
title: Inline Title Size
id: inline-title-size
type: variable-number-slider
default: 34
format: px
min: 10
max: 50
step: 1
-
title: Popover
id: ITS-Sizing-Popover
type: heading
level: 3
collapsed: true
-
title: Popover Width
id: popover-width
type: variable-number-slider
default: 450
format: px
min: 300
max: 1000
step: 100
-
title: Popover Height
id: popover-height
type: variable-number-slider
default: 400
format: px
min: 300
max: 1000
step: 100
-
title: Settings
id: ITS-Settings
type: heading
level: 3
collapsed: true
-
title: Settings Menu Width
id: modal-width
type: variable-number-slider
default: 90
format: vw
min: 40
max: 100
step: 5
-
title: Settings Menu Height
id: modal-height
type: variable-number-slider
default: 85
format: vh
min: 40
max: 100
step: 5
-
title: Titlebar
id: ITS-Titlebar
type: heading
level: 2
collapsed: true
-
title: Titlebar Colors
id: titlebar-colors
type: class-toggle
-
title: Titlebar Bubbles
id: titlebar-bubbles
type: class-toggle
-
title: Tabs
id: ITS-tabs
type: heading
level: 2
collapsed: true
-
title: Tab Widths
id: tab-widths
type: class-select
allowEmpty: true
default: none
options:
-
label: Auto
value: tab-auto
-
label: Wide
value: tab-wide
-
title: Sidebar
id: ITS-Sidebar
type: heading
level: 2
collapsed: true
-
title: Sidebar Tabs Styling
id: ITS-Sidebar-Styling
type: class-select
allowEmpty: true
default: none
options:
-
label: Wide
value: sidebar-tabs-wide
-
label: Underline
value: sidebar-tabs-underline
-
label: Overline
value: sidebar-tabs-overline
-
label: Tabular
value: sidebar-tabs-tabular
-
title: Bottom Navbar Buttons
id: navbar-bottom
type: class-toggle
-
title: Sidebar Ribbon
id: ITS-Sidebar-Ribbon
type: heading
level: 3
-
title: Floating Sidebar Ribbon
id: ITS-Sidebar-Ribbon-Float
type: class-select
allowEmpty: true
default: none
options:
-
label: Plain
value: sidebar-ribbon-float
-
label: Minimized
value: sidebar-ribbon-mini-float
-
title: Floating Sidebar Ribbon
id: ITS-Sidebar-Ribbon-Float-Position
type: class-select
default: sidebar-float-bottom
options:
-
label: Bottom
value: sidebar-float-bottom
-
label: Center
value: sidebar-float-center
-
label: Top
value: sidebar-float-top
-
title: File Explorer
id: ITS-File-Explorer
type: heading
level: 2
collapsed: true
-
title: File Explorer Styling
id: file-explorer-flat
type: class-toggle
-
title: Folder Arrows
id: ITS-folder-arrows
type: class-select
default: folder-arrow-hidden
options:
-
label: Hidden
value: folder-arrow-hidden
-
label: Display
value: folder-arrow-display
-
label: Display On Hover
value: folder-arrow
-
title: Disable Bold Folder & Hover
description: Remove bold styling from folders & hovering on items
id: file-explorer-boldless
type: class-toggle
-
title: Disable Bold on Hover
description: Remove bold styling from hovering on items
id: file-explorer-boldless-hover
type: class-toggle
-
title: Folder Icon
id: folder-icon
type: variable-text
default: '"\e801"'
-
title: Folder Font Family
id: folder-f
type: variable-text
default: 'its'
-
title: File Icon
id: file-icon
type: variable-text
default: '"\e800"'
-
title: File Font Family
id: file-f
type: variable-text
default: 'its'
-
title: Vault Title
description: Desktop only
id: ITS-Vault-Title
type: heading
level: 2
collapsed: true
-
title: Vault Font
description: Vault Title fonts.
id: vault-font
type: variable-text
default: "'Calisto MT', 'Palatino Black', 'Book Antiqua', 'Georgia', 'Suez One', serif"
-
title: Vault Title Size
id: vault-name-font-size
type: variable-number-slider
default: 20
format: px
min: 10
max: 25
step: 1
-
title: Vault Title Font Weight
id: vault-name-font-weight
type: variable-number-slider
format: px
default: 900
min: 100
max: 900
step: 100
-
title: Vault Title Color
id: vault-name-color
type: variable-themed-color
format: hex
default-dark: '#c14343'
default-light: '#c14343'
-
title: Hide Vault Title
id: vault-title-none
type: class-toggle
-
title: Add Vault Title Icon
id: vault-icon
type: class-toggle
-
title: Vault Image
id: vault-icon-image
type: variable-text
default: "url()"
-
title: Background Image
id: ITS-Background-Image
type: heading
level: 2
collapsed: true
-
title: Background Image
description: Toggle to apply background image to vault
id: background-image
type: class-toggle
-
title: Background Image
id: background-image-url
type: variable-text
default: "url()"
-
title: Background Position Height
id: background-image-height
type: variable-number-slider
format: "%"
default: 50
min: 0
max: 100
step: 1
-
title: Background Position Width
id: background-image-width
type: variable-number-slider
format: "%"
default: 50
min: 0
max: 100
step: 1
-
title: Image Blur
id: background-image-blur
type: variable-number-slider
format: px
default: 11
min: 0
max: 20
step: 1
-
title: Note Opacity
id: background-image-opacity
type: variable-number-slider
format: "%"
default: 90
min: 20
max: 100
step: 1
-
title: Side Panel Opacity
id: background-image-sidebar-opacity
type: variable-number-slider
format: "%"
default: 90
min: 20
max: 100
step: 1
-
title: Minimalist Workspace
description: Hide UI elements unless hovered over.
id: ITS-Minimalist-Workspace
type: heading
level: 2
collapsed: true
-
title: Minimalist Workspace
description: Hide everything listed below with just 1 toggle
id: minimalist-workspace
type: class-toggle
-
title: Hide Resize Handles
id: hide-resize-handle
type: class-toggle
-
title: Hide Scrollbars
id: hide-scrollbar
type: class-toggle
-
title: Hide Sidebar Ribbon
id: hide-sidebar-ribbon
type: class-toggle
-
title: Hide Sidebar Ribbon Icons
id: hide-sidebar-ribbon-icons
type: class-toggle
-
title: Hide Vault Name
id: hide-vault-name
type: class-toggle
-
title: Hide Search/File Explorer Nav Icons
id: hide-nav-header
type: class-toggle
-
title: Hide File Explorer Icons
id: hide-file-explorer-icons
type: class-toggle
-
title: Hide App Title Bar
id: hide-titlebar
type: class-toggle
-
title: Hide Status Bar
id: hide-status-bar
type: class-toggle
-
title: Hide Outline Plugin Heading Icons
id: hide-outline-heading
type: class-toggle
-
title: Hide Tabs
id: hide-titlebar-tab
type: class-toggle
-
title: Hide Tab Outline
id: hide-tab-outline
type: class-toggle
-
title: Hide Note Title Bar
id: hide-note-title
type: class-toggle
-
title: Hide Note Title Bar Icons
id: hide-note-title-icons
type: class-toggle
#-
# title: Hide Frontmatter
# id: hide-frontmatter
# type: class-toggle
-
title: Note
id: ITS-Note
type: heading
level: 1
collapsed: true
-
title: Document
description: Emulation of microsoft document look.
id: writing-document
type: class-toggle
-
title: Paper Shadow
description: Vignette / paper burn option
id: paper
type: class-toggle
-
title: Writing
description: Minimalistic/distraction free layout design for notes.
id: writing
type: class-toggle
-
title: Disable Source View Styling
description: Undo sizing/style fixes to make source view look more like plain text
id: disable-source-styling
type: class-toggle
-
title: Text
id: ITS-Text
type: heading
level: 2
collapsed: true
# -
# title: Note Text Size
# description: Adjust size for text in notes.
# id: font-text-size
# type: variable-number-slider
# default: 16
# format: px
# min: 10
# max: 20
# step: 1
-
title: Justify Text
description: Justify preview and editor text
id: justified
type: class-toggle
-
title: Font Ligatures
description: (Depends On Font) Text combines into symbols ie. - - > becomes -->.
id: lig
type: class-toggle
-
title: Paragraph Spacing
description: Adjust spacing size for "paragraphs". Search "spacing" for more fine tuned adjustments.
id: p-spacing
type: variable-number-slider
default: 1
format: rem
min: 0
max: 2
step: 0.1
-
title: Fonts
id: ITS-Fonts
type: heading
level: 3
collapsed: true
-
title: Text Font
description: Changes text font for preview and edit mode.
id: default-font
type: variable-text
default: "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Microsoft YaHei Light', sans-serif"
-
title: Monospace Font
id: font-monospace
type: variable-text
default: "'Fira Code Medium', 'Source Code Pro', monospace"
-
title: Comments Font
id: comment-font
type: variable-text
default: "'Fira Code Medium'"
-
title: Advanced Text Decoration
id: ITS-Text-Decoration
type: heading
level: 3
collapsed: true
-
title: Bold Weight
id: bold-weight
type: variable-number-slider
default: 600
min: 100
max: 900
step: 100
-
title: Bold Color
id: bold-color
type: variable-themed-color
format: hex
default-dark: '#bccad8'
default-light: '#697580'
-
title: Italic Color
id: italic-color
type: variable-themed-color
format: hex
default-dark: '#bccad8'
default-light: '#697580'
-
title: Strikethrough Text Color
id: strikethrough-color
type: variable-themed-color
format: hex
default-dark: '#bccad8'
default-light: '#697580'
-
title: Strikethrough Line
id: strikethrough-line-thickness
type: variable-number-slider
default: 1
format: px
min: 1
max: 5
step: 1
-
title: Strikethrough Line Color
id: strikethrough-line-color
type: variable-themed-color
format: hex
default-dark: '#bccad8'
default-light: '#697580'
-
title: Images
id: ITS-Image
type: heading
level: 2
collapsed: true
-
title: Live Preview Image Float
id: lp-img-float
type: class-toggle
-
title: Center Images
description: Center ALL images, excluding those with |left or |right in them.
id: img-adj-center
type: class-toggle
-
title: Clear Images
description: Push image under/over headings or horizontal lines
id: img-adj-clears
type: heading
level: 3
collapsed: false
-
title: Image Captions with Alt Text
description: Make any alt text in image display as an image caption
id: image-caption
type: class-toggle
-
title: Horizontal Lines
description: Push image under/over any horizontal lines
id: clear-hr
type: class-toggle
-
title: Headings
description: Push image under/over all headings 1-6
id: clear-headings
type: class-toggle
-
title: Heading Specific
description: Push image under/over some headings and not others
id: img-adj-clears-headings
type: heading
level: 4
collapsed: true
-
title: Header 1
id: clear-heading-1
type: class-toggle
-
title: Header 2
id: clear-heading-2
type: class-toggle
-
title: Header 3
id: clear-heading-3
type: class-toggle
-
title: Header 4
id: clear-heading-4
type: class-toggle
-
title: Header 5
id: clear-heading-5
type: class-toggle
-
title: Header 6
id: clear-heading-6
type: class-toggle
-
title: Note Title
id: ITS-Note-Title
type: heading
level: 2
collapsed: true
-
title: Note Title Styling
id: ITS-Note-Title-Styling
type: class-select
allowEmpty: true
default: none
options:
-
label: Note Title Gradient
value: file-header-gradient
-
label: Note Title Underline
value: note-title-underline
-
label: Note Title Overline
value: note-title-overline
-
title: Inline Title Styling
id: Inline-Title-Styling
type: class-select
allowEmpty: true
default: Heading
options:
-
label: Heading
value: inline-title-style-heading
-
label: Text
value: inline-title-style-text
-
title: Inline Title Specifics
id: ITS-Inline-Title
type: heading
level: 3
collapsed: true
-
title: Inline Title Sizes
id: Inline-Title-Sizes
type: class-select
allowEmpty: true
default: none
options:
-
label: Small
value: inline-title-small
-
label: Medium
value: inline-title-medium
-
label: Large
value: inline-title-large
-
title: Inline Title Fonts
id: inline-title-font
type: variable-text
default: 'Calisto MT'
-
title: Inline Title Font Weights
id: inline-title-weight
type: variable-number-slider
default: 700
min: 100
max: 900
step: 100
-
title: Inline Title Positions
id: Inline-Title-Positions
type: class-select
allowEmpty: true
default: none
options:
-
label: Left
value: inline-title-position-left
-
label: Center
value: inline-title-position-center
-
label: Right
value: inline-title-position-right
-
title: Headers
id: ITS-Headers
type: heading
level: 2
collapsed: true
-
title: Headings
description: Heading and Vault Title fonts.
id: font
type: variable-text
default: "'Calisto MT', 'Palatino Black', 'Book Antiqua', 'Georgia', 'Suez One', serif"
-
title: Header Font Weights
id: header-weight
type: variable-number-slider
default: 700
min: 100
max: 900
step: 100
-
title: Header Underline Height
id: header-border-line-height
type: variable-number-slider
default: 4
format: px
min: 0
max: 8
step: 1
-
title: Heading Spacing
description: Adjust header spacing
id: heading-spacing
type: variable-number-slider
default: 10
format: px
min: 0
max: 50
step: 10
-
title: Header Positions
id: ITS-Header-positions
type: class-select
allowEmpty: true
default: none
options:
-
label: Left
value: headings-left
-
label: Center
value: headings-center
-
label: Right
value: headings-right
-
title: Hide Header Underline
description: Hide ALL header underlines.
id: hide-header-underline
type: class-toggle
-
title: Heading Indicators
id: heading-indicator
type: class-toggle
-
title: Heading Styles
description: Heading styling.
id: ITS-Header-Styles
type: heading
level: 3
collapsed: false
-
title: Center Header With Lines
description: Center ALL headings with lines on either side
id: hcl
type: class-toggle
-
title: Header Color Override
description: Header color always applied over other markdown in the header
id: heading-color-override
type: class-toggle
-
title: Illusion Theme Inspired Headings
id: illusion
type: class-toggle
-
title: Advanced Heading Options
id: ITS-Advanced-Header
type: heading
level: 3
collapsed: true
-
title: Heading Top Spacing
description: Adjust header spacing above the header. (Will not apply in LP)
id: heading-spacing-top
type: variable-number-slider
default: 10
format: px
min: 0
max: 50
step: 10
-
title: Heading Bottom Spacing
description: Adjust header spacing below the header. (Will not apply in LP)
id: heading-spacing-bottom
type: variable-number-slider
default: 10
format: px
min: 0
max: 50
step: 10
-
title: Header Font
id: ITS-Header-Fonts
type: heading
level: 4
collapsed: true
-
title: Heading 1
id: h1-font
type: variable-text
default: '"Calisto MT"'
-
title: Heading 2
id: h2-font
type: variable-text
default: '"Calisto MT"'
-
title: Heading 3
id: h3-font
type: variable-text
default: '"Calisto MT"'
-
title: Heading 4
id: h4-font
type: variable-text
default: '"Calisto MT"'
-
title: Heading 5
id: h5-font
type: variable-text
default: '"Calisto MT"'
-
title: Heading 6
id: h6-font
type: variable-text
default: '"Calisto MT"'
-
title: Header Font Size
id: ITS-Header-Font-Size
type: heading
level: 4
collapsed: true
-
title: Heading 1
id: h1-size
type: variable-number-slider
default: 34
format: px
min: 12
max: 40
step: 2
-
title: Heading 2
id: h2-size
type: variable-number-slider
default: 30
format: px
min: 12
max: 40
step: 2
-
title: Heading 3
id: h3-size
type: variable-number-slider
default: 26
format: px
min: 12
max: 40
step: 2
-
title: Heading 4
id: h4-size
type: variable-number-slider
default: 24
format: px
min: 12
max: 40
step: 2
-
title: Heading 5
id: h5-size
type: variable-number-slider
default: 20
format: px
min: 12
max: 40
step: 2
-
title: Heading 6
id: h6-size
type: variable-number-slider
default: 18
format: px
min: 12
max: 40
step: 2
-
title: Header Colors
id: ITS-Header-Colors
type: heading
level: 4
collapsed: true
-
title: Heading 1 Color
id: h1-color
type: variable-themed-color
format: hex
default-dark: '#c14343'
default-light: '#c14343'
-
title: Heading 2 Color
id: h2-color
type: variable-themed-color
format: hex
default-dark: '#c14343'
default-light: '#c14343'
-
title: Heading 3 Color
id: h3-color
type: variable-themed-color
format: hex
default-dark: '#c14343'
default-light: '#c14343'
-
title: Heading 4 Color
id: h4-color
type: variable-themed-color
format: hex
default-dark: '#c14343'
default-light: '#c14343'
-
title: Heading 5 Color
id: h5-color
type: variable-themed-color
format: hex
default-dark: '#c14343'
default-light: '#c14343'
-
title: Heading 6 Color
id: h6-color
type: variable-themed-color
format: hex
default-dark: '#c14343'
default-light: '#c14343'
-
title: Header Alignment
id: ITS-Header-Alignment
type: heading
level: 4
collapsed: true
-
title: Heading 1
id: h1-text-align
type: variable-select
allowEmpty: true
default: left
options:
- left
- center
- right
-
title: Heading 2
id: h2-text-align
type: variable-select
allowEmpty: true
default: left
options:
- left
- center
- right
-
title: Heading 3
id: h3-text-align
type: variable-select
allowEmpty: true
default: left
options:
- left
- center
- right
-
title: Heading 4
id: h4-text-align
type: variable-select
allowEmpty: true
default: left
options:
- left
- center
- right
-
title: Heading 5
id: h5-text-align
type: variable-select
allowEmpty: true
default: left
options:
- left
- center
- right
-
title: Heading 6
id: h6-text-align
type: variable-select
allowEmpty: true
default: left
options:
- left
- center
- right
-
title: Illusion Headings Specifics
id: ITS-illusion-headers
type: heading
level: 4
collapsed: true
-
title: Illusion Heading 1
id: illusion-h1
type: class-toggle
-
title: Illusion Heading 2
id: illusion-h2
type: class-toggle
-
title: Illusion Heading 3
id: illusion-h3
type: class-toggle
-
title: Illusion Heading 4
id: illusion-h4
type: class-toggle
-
title: Illusion Heading 5
id: illusion-h5
type: class-toggle
-
title: Illusion Heading 6
id: illusion-h6
type: class-toggle
-
title: Advanced Heading Underlines
description: Specific adjustments to heading underlines.
id: ITS-Advanced-Header-Underlines
type: heading
level: 3
collapsed: true
-
title: Underline Height
description: Resize specific heading underlines heights.
id: ITS-Header-Underlines-Height-Specific
type: heading
level: 5
collapsed: true
-
title: H1 Underline Height
id: h1-border-line-height
type: variable-number-slider
default: 4
format: px
min: 0
max: 6
step: 1
-
title: H2 Underline Height
id: h2-border-line-height
type: variable-number-slider
default: 4
format: px
min: 0
max: 6
step: 1
-
title: H3 Underline Height
id: h3-border-line-height
type: variable-number-slider
default: 4
format: px
min: 0
max: 6
step: 1
-
title: H4 Underline Height
id: h4-border-line-height
type: variable-number-slider
default: 4
format: px
min: 0
max: 6
step: 1
-
title: H5 Underline Height
id: h5-border-line-height
type: variable-number-slider
default: 4
format: px
min: 0
max: 6
step: 1
-
title: H6 Underline Height
id: h6-border-line-height
type: variable-number-slider
default: 4
format: px
min: 0
max: 6
step: 1
-
title: Underline Width
description: Resize specific heading underlines widths.
id: ITS-Header-Underlines-Width-Specific
type: heading
level: 5
collapsed: true
-
title: H1 Underline Width
id: h1-border-line-width
type: variable-number-slider
default: 100
format: "%"
min: 0
max: 100
step: 10
-
title: H2 Underline Width
id: h2-border-line-width
type: variable-number-slider
default: 85
format: "%"
min: 0
max: 100
step: 10
-
title: H3 Underline Width
id: h3-border-line-width
type: variable-number-slider
default: 65
format: "%"
min: 0
max: 100
step: 10
-
title: H4 Underline Width
id: h4-border-line-width
type: variable-number-slider
default: 44
format: "%"
min: 0
max: 100
step: 10
-
title: H5 Underline Width
id: h5-border-line-width
type: variable-number-slider
default: 25
format: "%"
min: 0
max: 100
step: 10
-
title: H6 Underline Width
id: h6-border-line-width
type: variable-number-slider
default: 0
format: "%"
min: 0
max: 100
step: 10
-
title: Hide Underlines
description: Remove specific heading underlines.
id: ITS-Header-Underlines-Hide-Specific
type: heading
level: 5
collapsed: true
-
title: Hide H1 Underline
id: hide-header-underline-1
type: class-toggle
default: false
-
title: Hide H2 Underline
id: hide-header-underline-2
type: class-toggle
default: false
-
title: Hide H3 Underline
id: hide-header-underline-3
type: class-toggle
default: false
-
title: Hide H4 Underline
id: hide-header-underline-4
type: class-toggle
default: false
-
title: Hide H5 Underline
id: hide-header-underline-5
type: class-toggle
default: false
-
title: Hide H6 Underline
id: hide-header-underline-6
type: class-toggle
default: false
-
title: Underline Colors
description: Change colors for specific heading underlines.
id: ITS-Header-Underlines-Colors-Specific
type: heading
level: 5
collapsed: true
-
title: Heading 1 Line Color
id: h1-border-line-color
type: variable-themed-color
format: hex
default-dark: '#912e2e'
default-light: '#bb5555'
-
title: Heading 2 Line Color
id: h2-border-line-color
type: variable-themed-color
format: hex
default-dark: '#c14343'
default-light: '#c14343'
-
title: Heading 3 Line Color
id: h3-border-line-color
type: variable-themed-color
format: hex
default-dark: '#bf5e5e'
default-light: '#ce6d6d'
-
title: Heading 4 Line Color
id: h4-border-line-color
type: variable-themed-color
format: hex
default-dark: '#61afef'
default-light: '#5599d0'
-
title: Heading 5 Line Color
id: h5-border-line-color
type: variable-themed-color
format: hex
default-dark: '#2f3b4d'
default-light: '#b5c2d8'
-
title: Heading 6 Line Color
id: h6-border-line-color
type: variable-themed-color
format: hex
default-dark: '#2a2e35'
default-light: '#ccd6eb'
-
title: Links
id: ITS-Links
type: heading
level: 2
collapsed: true
-
title: Link Style
id: link-style
type: class-select
allowEmpty: true
default: none
options:
-
label: Underline
value: link-underline
-
label: Notion Style
value: link-notion
-
label: All Caps
value: link-caps
-
title: Link Font
id: link-font
type: variable-text
default: '"Inter"'
-
title: Exernal Links Font
id: link-external-font
type: variable-text
default: '"Inter"'
-
title: Link Font Weights
id: link-weight
type: variable-number-slider
default: 500
min: 100
max: 900
step: 100
-
title: Lists
id: ITS-Lists
type: heading
level: 2
collapsed: true
-
title: Default Bullet Disc Shape
id: list-default-bullet
type: class-toggle
-
title: Colorful Bullet Color
description: Toggle on to use colorful bullets
id: list-bullet-color
type: class-toggle
-
title: Colorful Bullet Lines
description: Toggle on to use colorful bullet lines
id: list-lines-color
type: class-toggle
-
title: Neon Lines
description: Toggle on for lines to have a neon glow effect
id: list-neon
type: class-toggle
-
title: Lists / Bullet Adjustments
id: ITS-Lists-Lines
type: heading
level: 3
collapsed: true
-
title: Bullet Shape
description: Add quotes around your new bullet. For example "~"
id: bullet
type: variable-text
default: '⬥'
-
title: Bullet Shape Font
id: bullet-font
type: variable-text
default: '"ITS"'
-
title: List Line Thickness
id: indentation-guide-width
type: variable-number-slider
default: 2
format: px
min: 0
max: 3
step: 1
-
title: List Root Spacing
id: root-list-spacing
description: Adjust list margins (ul, ol)
type: variable-number-slider
default: 10
format: px
min: 1
max: 16
step: 1
-
title: List Spacing
description: Adjust list item spacing (li)
id: list-spacing
type: variable-number-slider
default: 1
format: px
min: 1
max: 16
step: 1
-
title: Original Bullet Lines
description: Lines appear beside bullet
id: list-bullet-side-lines
type: class-toggle
-
title: Alternate Indentation Style
id: alternate-indent
type: class-toggle
-
title: Remove Spaced List Styling
description: Remove spacing of all bullets if bullets are separated by a new line
id: disable-spaced-lists
type: class-toggle
-
title: Checkboxes
id: Checkboxes
type: heading
level: 2
collapsed: true
-
title: Disable Alternate Checkboxes
id: alt-chkbx-off
type: class-toggle
-
title: Colorful Task Text
description: Add color to the text of the task.
id: check-color
type: class-toggle
default: true
-
title: Colorful Task Backgrounds
description: Add color to the background of the task.
id: check-bg
type: class-toggle
default: true
-
title: Normal Task Text
description: Reapply regular text color and font weight to the text of the task.
id: check-text
type: class-toggle
-
title: Restore Checkbox Strike
id: check-strike
type: class-toggle
-
title: Advanced Checkbox Strike
description: Strike for specific checkbox types.
id: Checkbox-Strike-Specific
type: heading
level: 5
collapsed: true
-
title: "[x] Regular"
id: checkbox-strike-regular
type: class-toggle
-
title: "[X] Checked"
id: checkbox-strike-checked
type: class-toggle
-
title: "[-] Dropped"
id: checkbox-strike-dropped
type: class-toggle
-
title: "[>] Forward"
id: checkbox-strike-frwd
type: class-toggle
-
title: "[<] Migrated / Backward"
id: checkbox-strike-bkwd
type: class-toggle
-
title: "[D] Defer / Date"
id: checkbox-strike-date
type: class-toggle
-
title: "[?] Question"
id: checkbox-strike-q
type: class-toggle
-
title: "[/] Half"
id: checkbox-strike-half
type: class-toggle
-
title: "[+] Add"
id: checkbox-strike-add
type: class-toggle
-
title: "[R] Research"
id: checkbox-strike-rsrch
type: class-toggle
-
title: "[!] Important"
id: checkbox-strike-imp
type: class-toggle
-
title: "[i] Idea"
id: checkbox-strike-idea
type: class-toggle
-
title: "[B] Brainstorm"
id: checkbox-strike-brn
type: class-toggle
-
title: "[P] Pro"
id: checkbox-strike-pro
type: class-toggle
-
title: "[C] Con"
id: checkbox-strike-con
type: class-toggle
-
title: "[Q] Quote"
id: checkbox-strike-quot
type: class-toggle
-
title: "[N] Note"
id: checkbox-strike-brn
type: class-toggle
-
title: "[b] Bookmark"
id: checkbox-strike-book
type: class-toggle
-
title: "[I] Info"
id: checkbox-strike-info
type: class-toggle
-
title: "[p] Paraphrase"
id: checkbox-strike-para
type: class-toggle
-
title: Callouts
id: ITS-Callouts
type: heading
level: 2
collapsed: true
-
title: Callout Styling
id: callout-style
type: class-select
allowEmpty: true
default: none
options:
-
label: Original Callout Styling
value: callout-original
-
label: Callout Block Styling
value: callout-block
-
label: Callout Alternate Line Styling
value: callout-alternate-line
-
label: Callout Bordered Styling
value: callout-bordered
#-
# label: Callout Outline Styling
# value: callout-outline
-
title: Disable ITS Quote Callout Styling
id: default-callout-quote
type: class-toggle
-
title: Tags
id: Tags
type: heading
level: 2
collapsed: true
-
title: Colored Text Tags
description: Tags appear as just colored text, no background color.
id: tag-text
type: class-toggle
-
title: Tag Radius Style
id: ITS-Tag-Style
type: class-select
allowEmpty: true
default: none
options:
-
label: Bubble Tags
value: tag-bubble
-
label: Notion Tags
value: tag-notion
-
title: Outline Tags
id: tag-outline
type: class-toggle
-
title: Tag Outline Border Size
id: tag-border-width
type: variable-number-slider
default: 2
format: px
min: 1
max: 4
step: 1
-
title: Tag Font
id: tag-font
type: variable-text
default: '"Inter"'
-
title: Tables
id: ITS-Tables
type: heading
level: 2
collapsed: true
-
title: Alternating Background Colors
id: ITS-Table-Alt-Colors
type: class-select
allowEmpty: true
default: none
options:
-
label: Original Alternating Background
value: tables-alt-original
-
label: No Alternating Backgrounds
value: tables-no-alt-background
-
label: No Alt Column Background
value: tables-no-alt-column-background
-
label: No Alt Row Background
value: tables-no-alt-row-background
-
title: Table Styling
id: ITS-Table-Styling
type: class-select
allowEmpty: true
default: none
options:
-
label: Add Table Borders
value: tables-borders
-
label: Dark and Bold First Column
value: table
-
label: Wikipedia
value: tables-style-wikipedia
-
title: Center Tables
description: Center tables to middle of page
id: tables-center
type: class-toggle
-
title: Wide Table
description: Tables widened to touch ends of the page
id: tables-wide
type: class-toggle
-
title: Unwrap Table
description: Unwrap tables in source mode
id: table-unwrap
type: class-toggle
-
title: Disable Row Hover Highlight
id: tables-no-hover
type: class-toggle
-
title: Table Header Adjustments
id: ITS-Table-Header-Adj
type: heading
level: 3
collapsed: true
-
title: Table Header Height Padding
id: table-header-padding-y
type: variable-number-slider
format: px
default: 4
min: 0
max: 20
step: 1
-
title: Table Header Width Padding
id: table-header-padding-x
type: variable-number-slider
format: px
default: 10
min: 0
max: 20
step: 1
-
title: Table Header Font Size
id: table-header-size
type: variable-number-slider
format: px
default: 16
min: 12
max: 30
step: 1
-
title: Table Header Font Weight
id: table-header-weight
type: variable-number-slider
default: 800
min: 100
max: 900
step: 100
-
title: Table Cell Adjustments
id: ITS-Table-Cell-Adj
type: heading
level: 3
collapsed: true
-
title: Table Cell Height Padding
id: table-cell-padding-y
type: variable-number-slider
format: px
default: 4
min: 0
max: 20
step: 1
-
title: Table Cell Width Padding
id: table-cell-padding-x
type: variable-number-slider
format: px
default: 10
min: 0
max: 20
step: 1
-
title: Table Cell Font Size
id: table-text-size
type: variable-number-slider
format: px
default: 16
min: 12
max: 30
step: 1
#-
# title: Table Cell Font Weight
# id: table-text-weight
# type: variable-number-slider
# default: 500
# min: 100
# max: 900
# step: 100
-
title: Horizontal Line
id: ITS-HR-Line
type: heading
level: 2
collapsed: true
-
title: Horizontal Line Centered Vertically
id: hr-center-vertically
type: class-toggle
-
title: Horizontal Line Height
id: hr-thickness
type: variable-number-slider
default: 2
format: px
min: 0
max: 5
step: 1
-
title: Horizontal Line Width
id: hr-width
type: variable-number-slider
default: 100
format: "%"
min: 0
max: 100
step: 10
-
title: No Horizontal Line Symbol
description: Hide the horizontal Line Symbol entirely
id: hr-no-icon
type: class-toggle
-
title: Horizontal Line Symbol
id: ITS-HR-Line-Symbol
type: heading
level: 3
collapsed: true
-
title: Horizontal Line Symbol
description: Add quotations around symbol ("⚡"). Use the codepoint for symbols from supported font icons ("\e800").
id: hr-icon-symbol
type: variable-text
default: '"⚡"'
-
title: Horizontal Line Symbol Fonts
description: Font Icons. Default font aligns emojis.
id: hr-icon-font
type: variable-select
default: its
options:
- its
- Material Icons Sharp
- remixicon
- fa5
- default-font
-
title: Horizontal Line Symbol Padding
id: hr-icon-padding-x
type: variable-number-slider
default: 4
format: px
min: 0
max: 10
step: 1
-
title: Embeds
id: ITS-Embeds
type: heading
level: 2
collapsed: true
-
title: Clean Embeds
description: Embeds that look like they're part of the note.
id: embed-clean
type: class-toggle
-
title: Dark Background Embeds
id: embed-dark-background
type: class-toggle
-
title: Embed Heading Minified
description: Shrink embed headers
id: embed-mini-headers
type: class-toggle
-
title: Canvas
id: ITS-Canvas
type: heading
level: 2
collapsed: true
-
title: Canvas Cards Styling
id: canvas-cards
type: class-toggle
-
title: Milanote Styling
id: canvas-milanote
type: class-toggle
-
title: Canvas Arrow Coloful Text
id: canvas-arrow-text-color
description: Make text on canvas arrows match the color of the arrows
type: class-toggle
-
title: Canvas Card Background Color Brightness
id: canvas-color-opacity
type: variable-number-slider
default: 0.07
format: ''
min: 0.04
max: 0.18
step: .02
-
title: Properties / Metadata
id: ITS-Metadata
type: heading
level: 2
collapsed: true
-
title: Metadata Key Font Size
id: metadata-label-font-size
type: variable-number-slider
default: .9
format: em
min: .4
max: 1.5
step: .1
-
title: Metadata Value Font Size
id: metadata-input-font-size
type: variable-number-slider
default: .9
format: em
min: .4
max: 1.5
step: .1
-
title: Metadata Key Width
id: metadata-label-width
type: variable-number-slider
default: 9
format: em
min: 8
max: 15
step: 1
-
title: Metadata Colorful Label Styling
id: select
type: class-select
allowEmpty: true
default: none
options:
-
label: Text Color
value: metadata-label-text-color
-
label: Label Background
value: metadata-label-background
-
title: Metadata Value Background
id: metadata-value-background
type: class-toggle
-
title: Metadata Title Positions
id: metadata-title-align
type: variable-select
allowEmpty: true
default: center
options:
- left
- center
- right
-
title: Metadata Title No Icon
id: metadata-title-no-icon
type: class-toggle
-
title: Colors
id: ITS-Colors
type: heading
level: 1
collapsed: true
-
title: Text
id: ITS-Colors-Text
type: heading
level: 2
collapsed: true
-
title: Text
id: text
type: variable-themed-color
format: hex
default-dark: '#bccad8'
default-light: '#697580'
-
title: Soft Text
id: soft-text
type: variable-themed-color
format: hex
default-dark: '#aab3ca'
default-light: '#d04e4e'
-
title: Faint Text
id: text-faint
type: variable-themed-color
format: hex
default-dark: '#4e5b6f'
default-light: '#4e5b6f'
-
title: File Explorer Titles
description: File/Folder text color.
id: nav-item-color
type: variable-themed-color
format: hex
default-dark: '#aab3ca'
default-light: '#7e8ea3'
-
title: "`<i></i>` Text"
description: "Html `<i></i>` text color."
id: i-at
type: variable-themed-color
format: hex
default-dark: '#bf5e5e'
default-light: '#c14343'
-
title: "Math Text Color"
description: "Mathjax/Latex color change"
id: latex-color
type: variable-themed-color
format: hex
default-dark: '#e06c75'
default-light: '#a35158'
-
title: Workspace
description: Recolor some UI colors
id: Workspace-Colors
type: heading
level: 2
collapsed: true
-
title: Note
description: Note and sidebar colors.
id: note
type: variable-themed-color
format: hex
default-dark: '#1a1e24'
default-light: '#f8fbff'
-
title: Outer Sidebar
id: outer-bar
type: variable-themed-color
format: hex
default-dark: '#0e0f15'
default-light: '#dfe7ef'
-
title: Sidebar
description: Change only sidebar, right settings pane colors.
id: side-bar
type: variable-themed-color
format: hex
default-dark: '#1a1e24'
default-light: '#f8fbff'
-
title: Dark Sidebar
description: Left settings bar, <i></i> background, graph background, and pane separator colors.
id: dark-sidebar
type: variable-themed-color
format: hex
default-dark: '#10161d'
default-light: '#7e8ea3'
-
title: UI Elements
id: Workspace-Colors-Elements
type: heading
level: 3
-
title: Button
id: bttn
type: variable-themed-color
format: hex
default-dark: '#7c2929'
default-light: '#c24747'
-
title: Sidebar Active Icon Color
id: sidebar-icon-color-active
type: variable-themed-color
format: hex
default-dark: '#e5ebee'
default-light: '#e5ebee'
-
title: Sidebar Hover Background Color
id: nav-item-background-hover
type: variable-themed-color
format: hex
default-dark: '#7c2929'
default-light: '#c24747'
-
title: File Icon
description: File icon color.
id: file-icon-color
type: variable-themed-color
format: hex
default-dark: '#586477'
default-light: '#a6bbde'
-
title: Folder Icon
description: Folder icon color.
id: folder
type: variable-themed-color
format: hex
default-dark: '#883737'
default-light: '#c14343'
-
title: Folder Icon Open
description: Open folder icon color.
id: folder-open
type: variable-themed-color
format: hex
default-dark: '#e05858'
default-light: '#ce6d6d'
-
title: Scrollbar FG Color
description: Scrollbar thumb/foreground color
id: scrollbar-thumb-bg
type: variable-themed-color
format: hex
opacity: true
default-dark: '#863737'
default-light: 'rgba(134, 173, 218, 0.157)'
-
title: Tab Stack Shadow
id: tab-stacked-shadow-color
type: variable-themed-color
format: rgba
opacity: true
default-dark: '#001c4a15'
default-light: '#001c4a15'
-
title: Popover Background Color
id: popover-background
type: variable-themed-color
format: rgb
default-dark: '#1a1e24'
default-light: '#f8fbff'
-
title: Note Elements
id: Note-Element-Colors
type: heading
level: 2
collapsed: true
-
title: Headers / Headings
id: ITS-Colors-Headings
type: heading
level: 3
-
title: Headings
description: Heading (Vault, etc) Color
id: headers
type: variable-themed-color
format: hex
default-dark: '#c14343'
default-light: '#d04e4e'
-
title: Tags
id: ITS-Colors-Tags
type: heading
level: 3
-
title: Tag Background
id: tag
type: variable-themed-color
format: hex
default-dark: '#571a1a'
default-light: '#c65656'
-
title: Tag Text Color
id: tag-color
type: variable-themed-color
format: hex
default-dark: '#e5ebee'
default-light: '#e5ebee'
-
title: Lists
id: ITS-Colors-Lists
type: heading
level: 3
-
title: Bullet Color
id: list-marker-color
type: variable-themed-color
format: hex
default-dark: '#883737'
default-light: '#c14343'
-
title: Number Color
id: list-numbered-color
type: variable-themed-color
format: hex
default-dark: '#883737'
default-light: '#c14343'
-
title: List Line Color
id: indentation-guide-color
type: variable-themed-color
format: hex
default-dark: '#283846'
default-light: '#ccd6eb'
-
title: Blockquote
id: ITS-Colors-Blockquotes
type: heading
level: 3
-
title: Embed/Blockquote
description: Embed/Blockquote color.
id: embed-bg
type: variable-themed-color
format: hex
default-dark: '#10161d'
default-light: '#f1f5ff'
-
title: Blockquote Border
description: Blockquote Border color.
id: blockquote-border-color
type: variable-themed-color
format: hex
default-dark: '#252c36'
default-light: '#dde4ef'
-
title: Code
id: ITS-Colors-Code
type: heading
level: 3
-
title: Code Background
id: code-bg
type: variable-themed-color
format: hex
default-dark: '#232831'
default-light: '#eef6ff'
-
title: Code Text
id: code-text
type: variable-themed-color
format: hex
default-dark: '#fa4545'
default-light: '#ea4262'
-
title: Horizontal Line
id: ITS-Colors-HR
type: heading
level: 3
-
title: HR Border Line
id: hr
type: variable-themed-color
format: hex
default-dark: '#3c5274'
default-light: '#d6deea'
-
title: HR Icon
id: hr-icon-color
type: variable-themed-color
format: hex
default-dark: '#883737'
default-light: '#c14343'
-
title: Progress Bar
id: ITS-Colors-Progress-Bar
type: heading
level: 3
-
title: Progress Bar Value Color
description: HTML <progress> value color
id: progress
type: variable-themed-color
format: hex
default-dark: '#863737'
default-light: '#912e2e'
-
title: Progress Bar Background Color
description: HTML <progress> value color
id: progress
type: variable-themed-color
format: hex
default-dark: '#252c36'
default-light: '#e1e9f6'
-
title: Tables
id: ITS-Colors-Tables
type: heading
level: 3
-
title: Table Header BG Color
id: th
type: variable-themed-color
format: hex
default-dark: '#652121'
default-light: '#c14343'
-
title: Table Header Text Color
id: th-text
type: variable-themed-color
format: hex
default-dark: '#e5ebee'
default-light: '#e5ebee'
-
title: Table Header Text Edit Color
id: table-header-text-color
type: variable-themed-color
format: hex
default-dark: '#e06c75'
default-light: '#a35158'
-
title: Table Alt Row Colors
description: Alternating row/column color for table.
id: td
type: variable-themed-color
format: rgb
opacity: true
default-dark: '#06080c60'
default-light: '#d0ddef62'
-
title: Table Border Line Colors
id: table-border-color
type: variable-themed-color
format: hex
default-dark: '#3c5274'
default-light: '#d6deea'
-
title: Other Elements
id: ITS-Colors-Others
type: heading
level: 3
-
title: Comments
id: code-comment
type: variable-themed-color
format: hex
default-dark: '#4e5b6f'
default-light: '#4e5b6f'
-
title: Footnotes
id: footnote
type: variable-themed-color
format: hex
default-dark: '#6e7e89'
default-light: '#8996a0'
-
title: Aside Background Color
id: aside-bg
description: Aside background color and dark theme setting alternating setting item color.
type: variable-themed-color
format: hex
default-dark: '#11151d'
default-light: '#f1f5ff'
-
title: Other
id: Other-Colors
type: heading
level: 2
collapsed: true
-
title: Accent
id: accent
type: variable-themed-color
format: hex
default-dark: '#883737'
default-light: '#c14343'
-
title: Lite Accent
id: lite-accent
type: variable-themed-color
format: hex
default-dark: '#e06c75'
default-light: '#a35158'
-
title: Accent 2
id: accent2
type: variable-themed-color
format: hex
default-dark: '#3c5274'
default-light: '#d6deea'
-
title: Lite Accent 2
description: Link color.
id: accent2-lite
type: variable-themed-color
format: hex
default-dark: '#61afef'
default-light: '#5599d0'
-
title: Dark Accent
id: dark-accent
type: variable-themed-color
format: hex
default-dark: '#652121'
default-light: '#c35c5c'
-
title: Deep Dark Accent
id: deep-dark-accent
type: variable-themed-color
format: hex
default-dark: '#3f1010'
default-light: '#2f1010'
-
title: Inactive
description: Inactive note; file text; unresolved and external link, editor and external link hover; and mermaid text color.
id: inactive
type: variable-themed-color
format: hex
default-dark: '#586477'
default-light: '#a6bbde'
-
title: Background
description: Scrollbar background color
id: bg
type: variable-themed-color
format: hex
default-dark: '#252c36'
default-light: '#dde4ef'
-
title: Lines
description: Explorer, heading, input box, settings, frontmatter, and mermaidjs lines
id: lines
type: variable-themed-color
format: hex
default-dark: '#283846'
default-light: '#ccd6eb'
-
title: Outline
id: outline
type: variable-themed-color
format: hex
default-dark: '#cfd7dd'
default-light: '#912e2e'
-
title: Foreground
description: Active file selected title color, Graph Node Color, Kanban Plugin Button color.
id: fg
type: variable-themed-color
format: hex
default-dark: '#cfd7dd'
default-light: '#912e2e'
-
title: Rainbows
id: ITS-Rainbows
type: heading
level: 2
collapsed: true
-
title: Theme Rainbows
description: Illusion Header BG, Style Settings Colors, List Lines
id: ITS-Rainbows-Theme
type: heading
level: 3
collapsed: true
-
title: Theme Rainbow 1
id: theme-rainbow-1
type: variable-themed-color
format: hex
default-dark: '#7c2929'
default-light: '#bb5555'
-
title: Theme Rainbow 2
id: theme-rainbow-2
type: variable-themed-color
format: hex
default-dark: '#652121'
default-light: '#a53f3f'
-
title: Theme Rainbow 3
id: theme-rainbow-3
type: variable-themed-color
format: hex
default-dark: '#471d1d'
default-light: '#862c2c'
-
title: Theme Rainbow 4
id: theme-rainbow-4
type: variable-themed-color
format: hex
default-dark: '#381919'
default-light: '#662828'
-
title: Theme Rainbow 5
id: theme-rainbow-5
type: variable-themed-color
format: hex
default-dark: '#424c61'
default-light: '#697795'
-
title: Theme Rainbow 6
id: theme-rainbow-6
type: variable-themed-color
format: hex
default-dark: '#2e333d'
default-light: '#a4aec2'
-
title: Rainbow
id: ITS-Rainbows-Rainbow
type: heading
level: 3
-
title: Rainbow 1
id: theme-rainbow-1
type: variable-themed-color
format: hex
default-dark: '#b03a3a'
default-light: '#dd3c3c'
-
title: Rainbow 2
id: theme-rainbow-2
type: variable-themed-color
format: hex
default-dark: '#d59929'
default-light: '#f1ab27'
-
title: Rainbow 3
id: theme-rainbow-3
type: variable-themed-color
format: hex
default-dark: '#207a20'
default-light: '#118811'
-
title: Rainbow 4
id: theme-rainbow-4
type: variable-themed-color
format: hex
default-dark: '#3232c5'
default-light: '#3333cc'
-
title: Rainbow 5
id: theme-rainbow-5
type: variable-themed-color
format: hex
default-dark: '#7f307f'
default-light: '#a824a8'
-
title: Rainbow 6
id: theme-rainbow-6
type: variable-themed-color
format: hex
default-dark: '#dd4794'
default-light: '#e83b94'
-
title: Highlights
id: RGBA
type: heading
level: 2
collapsed: true
-
title: Text Highlight
description: Markdown mark highlight color.
id: text-highlight-bg
type: variable-themed-color
format: rgb
opacity: true
default-dark: '#7a141466'
default-light: 'rgba(229, 149, 149, 0.37)'
-
title: Text Selection
description: Cursor selection highlight color.
id: highlight
type: variable-themed-color
format: rgb
opacity: true
default-dark: '#7a141466'
default-light: 'rgba(229, 149, 149, 0.37)'
-
title: Search Highlight
id: text-highlight-bg-active
type: variable-themed-color
format: rgb
opacity: true
default-dark: '#fd737340'
default-light: '#fd737340'
-
title: Hover Color
id: hvr
type: variable-themed-color
format: rgb
opacity: true
default-dark: 'rgba(168, 60, 60, 0.4)'
default-light: 'rgba(255, 0, 0, 0.212)'
-
title: Hover Active color
id: hvr-active
type: variable-themed-color
format: rgb
opacity: true
default-dark: 'rgba(212, 47, 47, 0.4)'
default-light: 'rgba(253, 115, 115, 0.4)'
#-
# title: Search 2
# description: Search match highlight and background transparent color for settings.
# id: background-modifier-form-field-highlighted
# type: variable-themed-color
# format: rgb
# opacity: true
# default-dark: '#347bed22'
# default-light: '#f0838322'
#-
# title: Text Selection
# description: Cursor dragged highlights
# id: text-selection
# type: variable-themed-color
# format: rgb
# opacity: true
# default-dark: '#4d171746'
# default-light: '#e5959537'
-
title: Graph Colors
id: Graph
type: heading
level: 2
collapsed: true
-
title: Graph Background
id: graph-bg
type: variable-themed-color
format: hex
default-dark: '#0b0f13'
default-light: '#eef3fd'
-
title: Graph Lines
id: graph-lines
type: variable-themed-color
format: hex
default-dark: '#571a1a'
default-light: '#e4e7f8'
-
title: Graph Node
id: graph-node
type: variable-themed-color
format: hex
default-dark: '#cfd7dd'
default-light: '#c14343'
-
title: Graph Current Node
id: graph-focused
type: variable-themed-color
format: hex
opacity: true
default-dark: '#fd737366'
default-light: '#fd737366'
-
title: Graph Attachment
id: graph-img
type: variable-themed-color
format: hex
default-dark: '#4c78cc'
default-light: '#4c78cc'
-
title: Graph Tags
id: graph-tag
type: variable-themed-color
format: hex
default-dark: '#c14343'
default-light: '#000000'
-
title: Plugins
id: ITS-Plugins
type: heading
level: 1
collapsed: true
-
title: Disable ITS Styled Statblocks
id: default-statblock
type: class-toggle
-
title: Breadcrumbs Box Style
id: breadcrumbs-block
type: class-toggle
-
title: Dataview
id: ITS-Plugins-Dataview
type: heading
level: 2
collapsed: true
-
title: Dataview Regular Styled Tables
id: dataview-regular-table
type: class-toggle
-
title: Auto Sized Dataview Tables
id: dataview-table-auto
type: class-toggle
-
title: Kanban Adjustments
id: ITS-Plugins-Kanban
type: heading
level: 2
collapsed: true
-
title: Boxed Style
id: kanban-boxed
type: class-toggle
-
title: Minimal Style
id: kanban-minimal
type: class-toggle
-
title: Kanban Center Titles
id: kanban-title-center
type: class-toggle
-
title: Alternate Color Schemes
id: ITS-Alt-Color-Scheme
type: heading
level: 1
collapsed: true
-
title: Accent Color
description: Use the Obsidian accent color picker in the Appearance tab as theme color
id: accent-color
type: class-toggle
-
title: SlRvb Blue
id: slrvb-b
type: class-toggle
-
title: SlRvb Gray
id: slrvb-g
type: class-toggle
-
title: School Days
id: s-d
type: class-toggle
-
title: TTRPG
id: select
type: class-select
allowEmpty: true
default: none
options:
-
label: SlRvb D&D
value: dnd
-
label: WOTC/Beyond
value: wotc-beyond
-
label: Pathfinder
value: pathfinder
-
label: Pathfinder Remaster
value: pathfinder-remaster
-
title: Tangerine Dunes
id: t-d
type: class-toggle
-
title: Drowned
id: drwn
type: class-toggle
-
title: Nord
id: nord
type: class-toggle
-
title: Minimalist
id: mini
type: class-toggle
-
title: Notion
id: notion
type: class-toggle
# -
# title: Nebula
# id: nebula
# type: class-toggle
# -
# title: Adventure
# id: advt
# type: class-toggle
-
title: ITS Dark
id: its-d
type: class-toggle
*/
/*Fonts*/
@font-face {
font-family: "Fira Code";
src: url("data:font/woff2;charset=utf-8;base64,d09GMgABAAAAAXwQABIAAAAE1SAAAXukAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGoF2G/4cHIOubAZgAJs2CIEoCZwVEQgKjJckitQ1C7oMAAE2AiQDuWIEIAWWWAeBmjcMgVZbalW0Bv5Jxr3/r2mrjRUmrkuAziEmz0CsgFWcn0kK1By7H5B+OrKWrjE6GQOKMDT/7TfE26eI6LzNgKTz7uLZ////////////39Pyn7DN3v8T+v7MJCGBcC0BqSIKImqriMfVrrXVru0eXXdBlYR5WAjSoqWEF5khb1ooaAjBe5QUJgrQYKYEh1ZoV51uT/STH7j/NhygFiMrR2XZGyNTiwS3dKqToL7f3pn6XYo08Rmd95Br+zZf+IOxiA03KrBsSvNV5SuKkFBfUJ145wkOMZV7q53Zzs6sd1SW2XGWiRg1giqpkirVE3Eomvjgi4/+tCliw63OusUIJXzguosa5zHG6MWGIQS/EAwh+CAYhrXiferdLi6vOqJCHou8DH300jRN0RWhUEmVVEnX99eMWKN1doPKomDKc+Kmv1/kWYoRbg0kfEl4eEREwweixB0CUnCCk3tt8zCN09V0NM2yKvuUi9im1v6sslK5Vqn+jrLjWDnRP6ob1cOS+YJz5Q75ch9LkTbc/GmGMacw9as3ldRuA0x5Kk2bXUbhtdliudcRc+Ubtp/rSTaf5g1Y1XIoXrxR9v2TSjpndO+qJy9NxBccX3zvL/GHCK/IFbs1rU3d6HyqhR9tNey+G0a7iY4TOxgMBoqB2zKGn6eZyT/xgJbcgv9r/2+XC2WhrMVKdpYoD+oaownaizsn30AtNZwvOu2yFFnDrWTnWtTzwxf8I4/wE1bKbWEfVxhL730sB5NJJ6bi8leMMYrHp07eTsN8DwdyCIKKCUpKUuzAw+v3yUwfxL/yVVLL1w6llia9cXhwecWzHPsE7hP69CbepElK4pCO9zK7EkRGdWqOI3GzlOZ+TP2wAeIXyl8t085KS+Qugx8HPXf9b3V2TJg0UMRr84KgRmJoMIIG02rCU3BfBPOxFkVTvImAbNHT8vB/PBAWwFIEi4QPws8Z/A/REnb67LLAqCLOUCsXdPAXpxpBzVyaKPRBij76+I5Xeazfw2sEHYsEth1actNEd+9qeHf5tcRR4pVOhy1cD6Vfl5tQ9go0nb9RJZO/z3PtcwPX+lglpw1nQX1UjaFBXgMKjFsPIIY0h2x2h5xyyS2PvLJ8fkvCv/S/LM+VVKo2ZOIeXmCALyYKzW7sfu+IdGv27nKXCgktECAEhFASQwilhVBt0CMkAREUIg+h1A/053ksDbQjNuRfHn0UsJa31v9uwVaxdAIDMDenRKqERA8YNUYMWLANFs3Gohk12EbFGNGjSwVEWkIMEAUDDMQqrJtx9ffXvvoBWueLvcrxak7VeJHP6MlaYU5UvniefjkVNZnTb7Z5mzGzsHRo899mpJEWUAvs9ZIBYz/0w78BhjI5oBqrn6654zbwD4zL0/tHz6i7NCkyxEWhzml5FXQoDG0LEfT/v1T9b+99wr23CiBFKpNQiE+UnOSfJMtJnQHXWjR/wkInCFL7lcqjn4dvoQPVYdqjiYfvvnfa99UCQ1W3ZMXLD+iT8XcJutWy5cRJzPHMTdiS6kHy3t/kzN8iXiI0LFDuAoB5/v+v133u3JcPcMCj8QSsVB0vUOlLWLKuWrWG8wZCXP1vJmlTcKDcqcyXKIEWKI9S576rDUQsV1WzpoSYIyPMmr/vfsmhzpTMlQyBZe20P2DCD4BXONmdrLg4zZ22B2ap/3t51JJtyfetP2bGZGPxBKW05xXAMNb55vr8twV5b7IQwIHAhCc8CX+i7RUALJBwrTpdx6pCAgtboaqrafj7/fvOaGYDvZX1Mn6k4IDn0cibWIvFUBIh0gpeEg36mtq5YB5povV/6N6ffpDAY9lAxW2whErHvPnWmLUpGw6NdgtTIfV498K+skuJORNIQrgjBnqAQEB/ARggzI0xXojMkKImi0UY4raAssItTyXbBgQAAQMAVWVFOw7cgNVwWJ1qed494kNVKRqDQUFBQbv9e0FBQaGgsqbMvk3rfUKwxggECP90dSZtfp/jPL0knnWDWziKpiiKotzg3KMoiqJpiqbd4MBsII6iKIqi6AIIgNb5wqkVpsZJrDMeUSgUCpVKpVKp1POdP/A/rO3xJq6xZmFhzcKathucWxRFUTRN0zTtATf/SimllBICiBtLluj3VgQR9MAEdebNA25WKaWUUkZzi8f/JeLFhy3Fmmb0muI2xApnthNozX0QQTnLSpxvf7OBcMDRP48ePRqNRqPRaDSKoigKuPPc4FyjKIqmaJqmaQ+4+VNKKaUUnwdPy5Qp7/+O7svUA+XO7nCAe+rLQZ0z2abvL35cDOZcj0GglqWWeqrLzHT4tv33xyhaBMQglGqjkYN5u6fiR69yta/tTN+HMrhIu+aWgIyi0d3rZpMkyUMcwA1Y46IesgsAubQ2pBSx0D6Bx0jJL1gSvYhY+oQMCWVb3w4p8SZ1pjT1zr7rJHgiJdwJkCynI9D4e9Fek9X0SM4DQyGS2/E7LO1eCMgtM3+VokVmvfSmBxI/XyL/m9P/ZNkBcnQlWQYUGgNNyn/Ag7Sc5Sxnv+zpaz8Bsq3tUGuURE3irwrczCgAy/SJX/r6zqp1j/9oU1MaJiAV3vfv5CRXoMCVZAqCflGKLx5mD7O26enC11LNjabWklzpb48+/yv1z6yltcQYgQ5QyjJd/0wj4zOb3k09ly+e0rRNJfAJnMEU52yAenOrfj/VPgnGYK8MO8yGiJnB+jlUkr4uhGzMu6INsejK8/2pPX3ha4FAgMzgxGBPeCluDqffotui/yH8eeDdj9/u5m/7JohZ18yhBEImNUKmErMmwMLNkmeHsnJm7ffmfgkUUWbS3IesUd0CwcPxrZF1Cu9f5xLw37K5DBs++1b7QSbWgcdeVcySmkXuoognAQC1HY5KSxxmfnhKZy8PIQkQacXl+OUYinpnrnVpv9dW9iWVqkTdPKjB3W0TcGbr+ZLw4oC1V/cS5PQsWRe7wPkp49Rh7prYXALoUZh2lzq2M0zZUmreAUs2VffOJDk7EDgOEOqkEu8D8BbgEdveU75gF2EHrO4HrZZTtFwImbUa2YvlVV2HRCqcxFYXyRO/vAXSzK4uF/91HKg0+V9rGsQN0d4FQTEWWNVm/CpbsHlClVTGrxF1/aq6rgS248B62yAgyOqSRIsCwv6+dNb1/wZsaaKEJ/RmvJEJ+XCZYUPKt3S4vG5J6HdLwi0J2VILvI08HgsxoSVNaMAJmACCoXAsEyfE1AIHIY+rBEwAJuFJOWwK+RjyeW+nndkQwvGyxz3eU77uaf3PZSWVRpfD3J0zQAZwNjJHQE3Ibku9r2zNzIUQAXFE/fUlbXdvz4WUkGGI0GWUADMh5rR3j9oZQGSKjZjLFNg+Z33iX13KSVAQ05feM16Gd7aq9/IuynECEhhAIvfTZCzZA3LchIagAMiC4vftVZ/umzuryLvPNaVUmMMnbKAY7ZPj3ZcmOaXCivJbldk4SOcjEwY/VDaZBXNOIBHqhcbJHZJJvg5flCflcxZb/M9lJV3N09+5STWr0qXgnIpLbWexO+pE4FZLM6oZja4dei/1tVNEd4uc8uw69dkZsJQyM2FHkBE3IYEglxk0NEYuM2Luv7dSK/f/SoAogNxpoNUHpO6eoTQX55b2tDYC4KG5L2tjHSfrvf/zZ/6fmQVkVhWArAJIVoEHqgiKqAIpCUWx8yhAWQWQA5LqHYrSzFLsnuOW1JoNde9FATqmSWkOsm/1noc3htPde9/eWGbPWHtZ1lr+Gq67jrH+17SMtjTaxNZsbGSWkAHc8Ot9Q+jpVqsnOsysk5zldQwoz3Rre5O8ckgwUROQEvNdhoeQ69AdoAfh8fzrPeo99l4ykfEApJl16aDpPihM3Cdq43n6vTm75Z70m/5dIpTKrmJeqM9RmmMiFEatwyJxCt9vOin6qkhZydceP8aWla
font-weight: 500;
font-style: normal;
font-display: swap;
}
/*Icon: ITS Icons*/
@font-face {
font-family: "its";
src: url("data:application/octet-stream;base64,d09GRgABAAAAAC9QAA8AAAAASkgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABWAAAADsAAABUIIslek9TLzIAAAGUAAAARAAAAGA+LE5zY21hcAAAAdgAAAHiAAAFLlFa0LpjdnQgAAADvAAAAAsAAAAOAAAAAGZwZ20AAAPIAAAG7QAADgxiLvl6Z2FzcAAACrgAAAAIAAAACAAAABBnbHlmAAAKwAAAHwkAACySMa7oLmhlYWQAACnMAAAAMwAAADYi+C0yaGhlYQAAKgAAAAAgAAAAJAgxBHlobXR4AAAqIAAAAEkAAAD88V3/5mxvY2EAACpsAAAAgAAAAIBQh1xFbWF4cAAAKuwAAAAgAAAAIAHyEBJuYW1lAAArDAAAAXIAAAKRd9LnyXBvc3QAACyAAAACUQAAA4Ylh57ucHJlcAAALtQAAAB6AAAAnH62O7Z4nGNgZGBg4GIwYLBjYHJx8wlh4MtJLMljkGJgYYAAkDwymzEnMz2RgQPGA8qxgGkOIGaDiAIAJjsFSAB4nGNgYb7KOIGBlYGBqYppDwMDQw+EZnzAYMjIBBRlYGVmwAoC0lxTGA68YHhjzBz0P4shinkNw3ygMCOKIiYAnEMNIXic5dRbUlNBFIXh/yQhXAQMBEgCiuEOKhqI4p0HyiE4BsfgkPep2gPwDVdn9TMT8Jz6cumupDvVawVYArryVnrQuaPRK5qZRpvFeJe1xXiv0TyHDDSyGWuxEYMYxkEcxjSu227bz9Wc5FXOHx8hiPXF/KjO0y5lk4Oc5qzMP3E1WuOWD4v7e70f+MkvfvNnMd/RDnraeZ9lVljV/p6xzgabPNfutthmyA677DFizIR9DnjBS33vK6YcccwJp5xxzgWXXPGaN/qd17zjPTNutPpca3/kjk985gtf+aY9/OBei/ef3Pv/ca2Xh87f+u6+nLaVxESlUyKqkrCoSsqiKumLSqdJVDpXotIJE5XOmqhKKqPS+StvVnYXG0Z5HpjSQQxNOSFGRpkfm7JDTEwpIvaN8rkDU7KIQ1PGiKkpbcS1KXe0mBJI25iySNsxpZK2a8qn+mFKKm3flFmyMaWX7JhyTHZNiSZ7pmyTS6aUk31T3sllU/LJFVMHyFVTG8iBqRfklqkh5LapK+TQ1Bpyx9QfctfKP0numTpFjkztIsemnpETU+PIqal75JGpheSxqY/kiamZ5Kmpo+SZqa3kuam35IWpweSlqcvklanV5MzUb/LG1HTy1tR5cm7c/wNQSrAGAAB4nGNgQAYAAA4AAQB4nK1Xa1sbxxWe1Q2MAQNC2M267ihjUZcdySRxHGIrDtllURwlqcC43XVuu0i4TZNekt7oNb1flD9zVrRPnW/5aXnPzEoBB9ynz1M+6Lwz886c65xZSGhJ4n4UxlJ2H4n5nS5V7j2I6IZL1+LkoRzej6jQSD+bFtOi31f7br1OIiYRqK2RcESQ+E1yNMnkYZMKWtVVvUlFLQdHxeWa8AOqBjJJ/KywHPhZoxhQIdg7lDSrAIJ0QKXe4ahQKOAYqh9crvPsaL7m+JcloPJHVaeKNUWiFx3EoxWnYBSWNBU9qgUR66OVIMgJrhxI+rxHpdUHo2vOXBD2Q6qEUZ2KjXj3rQhkdxhJ6vUwtQk2bTDaiGOZWTYsuoapfCRpndfXmfl5L5KIxjCVNNOLEsxIXpthdJPRzcRN4jh2ES2aDfokdiMSXSbXMXa7dIXRlW76aEH0mfGoLPbjeJDG5HhxnHsQywH8UX7cpLKWsKDUSOHTVNCLaEr5NK18ZABbkiZVTLgRCTnIpvZ9yYvsrmvN518SSdin8lodi4EcyiF0ZevlBiK0EyU9N92NIxXXY0mb9yKsuRyX3JQmTWk6F3gjUbBpnsZQ+QrlovyUCvsPyenDEJpaa9I5LdnaebhVEvuST6DNJGZKsmWsndGjc/MiCP21+qRwzuuThTRrT3E8mBDA9USGQ5VyUk2whcsJIenCyLGVSK1Kt6yKuTO201XsEu6Xrh3fNK+NQ0dzs6IYQour6vEaiviCzgqFkAbpVpMWNKhS0oXgNT4AABmiBR7tYrRg8rWIgxZMUCRi0IdmWgwSOUwkLSJsTVrS3b0oKw224qs0d6AOm1TV3Z2oe89OunXMV838ss7EUnA/ypaWAnJSnxY9vnIoLT+7wD8L+CFnBbkoNnpRxuGDv/4QGYbahbW6wrYxdu06b8FN5pkYnnRgfwezJ5N1RgozIaoK8UJB3Rk5jmOyVdMiE4VwL6Il5cuQ5lF+c4hw4svkP5cuOWJRVIXv+xyBZaw5abY87dGnnvs0wrUCH2teky7qzGF5CfFm+TWdFVk+pbMSS1dnZZaXdVZh+XWdTbG8orNplt/Q2TmWnlbj+FMlQaSVbJHzDt+WJuljiyuTxY/sYvPY4upk8WO7KLWgC96ZfsKpf1tX2c/j/tXhn4RdT8M/lgr+sbwK/1g24B/LVfjH8pvwj+U1+MfyW/CP5Rr8Y9nSsm0K9rqG2kuJRNNzksCkFJewxTW7rum6R9dxH5/BVejIM7Kp0g3Fjf2JDJe9f3ac4my+EnLF0TNrWdmphRGaInv53LHwnMW5oeXzxvLncZrlhF/ViWt7qi08L1b+Jfhv647ayG44Nfb1JuIBB063H5cl3WjSC7p1sd2kjf9GRWH3QX8RKRIrDdmSHW4JCO3d4bCjOughER4+dF28SBuOU1tGhG+hd63QRdBKaKcNQ8tmhU/nA+9g2FJStoc48/ZJmmzZ86ii/DFbUsI9ZXMnOirJsnSPSqvlp2KfO+0MmrYyO9R2QpXg8euacLezr1IpSAaKynhUsVwKUhc44U73+J4UpqH/q23kWEHDNr9YM4HRgvNOUaJsT62giSAZZRRc+Sun4kQ2osFGFPGbd9IvdaEQ2uNYSMyWV/NYqDbC9NJkiWbM+rbqsFLO4p1JCNkZG2kSe1FLtvGgs/X5pGS78lRQpYHR3ePfLjaJp1V7ni3FJf/yMUuCcboS/sB53OVxijfRP1ocxW26GEQ9F2+qbMetbN1Zxr195cTqrts7seqfuvdJOwJNt7wnKdzSdNsbwjauMTh1JhUJbdE6doTGZa7PVRv5FB9ovnWdC1Th+rRw8+z52zqbwVsz3vI/lnTn/1XF7BP3sbZCqzpWL/U4t7ODBnzLG0flVYxue3WVxyX3ZhKCuwhBzV57fI3ghldbdBO3/LUz5rs4zlmu0gvAr2t6EeINjmKIcMttPLzjaL2puaDpDcBv65EQ2wA9AIfBjh45ZmYXwMzcY04HYI85DO4zh8F3mMPgu/oIvTAAioAcg2J95Ni5B0B27i3mOYzeZp5B7zDPoHeZZ9B7rDMESFgng5R1MthnnQz6zHkVYMAcBgfMYfCQOQy+Z+zaAvq+sYvR+8YuRj8wdjH6wNjF6ENjF6MfGrsY/cjYxejHiHF7ksCfmBFtAn5k4SuAH3PQzcjH6Kd4a3POzyxkzs8Nx8k5v8Dmlyan/tKMzI5DC3nHryxk+q9xTk74jYVM+K2FTPgduHcm5/3ejAz9EwuZ/gcLmf5H7MwJf7KQCX+2kAl/AfflyXl/NSND/5uFTP+7hUz/B3bmhH9ayIShhUz4VI/Omy9bqrijUqEY4p8mtMHY92j6gIpXe4fjx7r5BSXaAUEAAAAAAQAB//8AD3ictXp7mBxXld8999a7u6u7q6q7+v1+Tc+7n6MZaab18EgajTwaSdZIsjSyjJAsyXaEMLYxRmi9kjcY2xivLVgeGyAQm9e3EGdjCYSdYIhNPuM4WTCY/dgQIMSYXYd8MbCraEo5t7pnJLOw35c/Mt1zu+rWqapz7znnd37nVhEg5Moxdi/bTgRidywBgMAsIUDOEoA7gwEqRfohG8wG6aNLP2QBtv1yhDqEC5ArP2Gv0Z8RkSQ7MUIoOcuAAnXPQwGRiMGgwM8u89PhB/ucMyh/832XHXraPR/P+Xt6M2FEeooB1PpVRv/euexcBgEWQeBbKCLhfQ4K42wXaZIz5FlIwgV4hhCz1A7brbZkt1v8Y4ftsCzJ5dIw8G
}
body,
.theme-dark,
.theme-light {
--accent-h: 0;
--accent-s: 49%;
--accent-l: 49%;
--background-primary: var(--note);
--background-primary-alt: var(--outer-bar);
--background-secondary: var(--side-bar);
--background-secondary-alt: var(--outer-bar);
--background-modifier-form-field: var(--input-bg);
--background-modifier-message: var(--dark-accent);
--toggle-thumb-color: transparent;
--popover-background: var(--background-primary);
--background-modifier-border: var(--lines);
--background-modifier-border-hover: var(--bg);
--background-modifier-border-focus: var(--accent);
--divider-color: var(--outer-bar);
--divider-color-hover: var(--accent);
--prompt-border-color: var(--outline);
--text-on-accent: var(--text-dl);
--text-normal: var(--text);
--text-accent: var(--accent2-lite);
--text-accent-hover: var(--lite-accent);
--text-muted: var(--soft-text);
--text-faint: var(--faint-text);
--text-highlight-bg: var(--hvr);
--text-highlight-bg-active: var(--hvr-active);
--text-selection: var(--highlight);
--interactive-normal: var(--code-bg);
--interactive-hover: var(--embed-bg);
--interactive-accent: var(--bttn);
--interactive-accent-hover: var(--bg);
--interactive-accent-hsl: var(--accent-h), var(--accent-s), var(accent-l);
--background-modifier-hover: var(--hvr-active);
--background-modifier-success: var(--success-bg);
--background-modifier-error: var(--failure-bg);
--background-modifier-active-hover: var(--dark-accent);
--background-modifier-cover: var(--td);
--icon-opacity: 1;
--icon-color: var(--soft-text);
--icon-color-active: var(--text-dl);
--icon-color-hover: var(--text);
--icon-color-focused: var(--text);
--drag-ghost-background: var(--dark-accent);
--drag-ghost-text-color: var(--text-dl);
--tooltip-color: var(--text-dl);
--italic-color: inherit;
--bold-color: inherit;
--text-dl: #e5ebee;
--accent-text: #dcddde;
--list-color-1: var(--rainbow-1);
--list-color-2: var(--rainbow-2);
--list-color-3: var(--rainbow-3);
--list-color-4: var(--rainbow-4);
--list-color-5: var(--rainbow-5);
--list-color-6: var(--rainbow-6);
}
.theme-dark {
--deep-dark-accent: #3f1010;
--dark-accent: #652121;
--lite-accent: #c94d4d;
--accent: #863737;
--accent2: #42536e;
--accent2-lite: #61afef;
--accent-color: 134, 55, 55;
--side-bar: var(--note);
--side-bar-bg: var(--outer-bar);
--outer-bar: #0b0f13;
--dark-sidebar: #0d1014;
--bttn: var(--dark-accent);
--input-bg: rgba(0, 0, 0, 0.3);
--hvr: rgba(168, 60, 60, 0.4);
--hvr2: var(--highlight);
--hvr-active: rgba(212, 47, 47, 0.4);
--highlight: #7a141466;
--bg: #252c36;
--fg: #cfd7dd;
--success-bg: #32603e;
--failure-bg: #772d2d;
--inactive: #586477;
--outline: var(--outer-bar);
--folder: var(--accent);
--folder-open: #e05858;
--file-icon-color: #586477;
--file-icon-color: var(--inactive);
--lines: var(--hr);
--note: #1a1e24;
--note-rgb: 26, 30, 36;
--text: #bccad8;
--headers: #c14343;
--soft-text: #97a1b9;
--faint-text: #4e5b6f;
--code-text: #fa4545;
--footnote: #63778f;
--code-bg: #232831;
--embed-bg: var(--dark-sidebar);
--aside-bg: #11151d;
--th: var(--dark-accent);
--th-text: var(--text-dl);
--td: #06080c60;
--drop-shadow: #06080c60;
--tag: var(--dark-accent);
--tag-text: #d04e4e;
--table: #283345;
--hr: #2f3b4d;
--i-at: #bf5e5e;
--progress: var(--accent);
--progress-bg: var(--bg);
--graph-bg: var(--outer-bar);
--graph-lines: var(--dark-accent);
--graph-node: var(--text);
--graph-fill: var(--headers);
--graph-404: #727e93;
--graph-img: #4c78cc;
--graph-tag: var(--headers);
--graph-focused: var(--accent2-lite);
--theme-rainbow-1: #7c2929;
--theme-rainbow-2: #652121;
--theme-rainbow-3: #471d1d;
--theme-rainbow-4: #381919;
--theme-rainbow-5: #424c61;
--theme-rainbow-6: #2e333d;
--rainbow-1: #b03a3a;
--rainbow-2: #d59929;
--rainbow-3: #207a20;
--rainbow-4: #3232c5;
--rainbow-5: #7f307f;
--rainbow-6: #dd4794;
}
.theme-light {
--deep-dark-accent: #2f1010;
--dark-accent: #c35c5c;
--lite-accent: #cd2626;
--accent: #912e2e;
--accent2: #aac1d3;
--accent2-lite: #5599d0;
--side-bar: var(--note);
--side-bar-bg: var(--outer-bar);
--outer-bar: #eef3fd;
--dark-sidebar: #f1f5ff;
--bttn: var(--headers);
--input-bg: var(--td);
--hvr: rgba(255, 0, 0, 0.212);
--hvr2: var(--highlight);
--hvr-active:rgba(253, 115, 115, 0.4);
--highlight: rgba(229, 149, 149, 0.37);
--bg: #e1e9f6;
--fg: var(--accent);
--success-bg: #599049;
--failure-bg: #772d2d;
--inactive: #a6bbde;
--outline: var(--bg);
--folder: var(--accent);
--file-icon-color: #7e8ea3;
--file-icon-color: var(--inactive);
--folder-open: #ce6d6d;
--lines: #b5c2d8;
--icons: #d04e4e;
--note: #f8fbff;
--note-rgb: 248, 251, 255;
--text: #30353a;
--headers: #c14343;
--faint-text: #4e5b6f;
--soft-text: #697580;
--code-text: #ea4262;
--footnote: #8996a0;
--code-bg: var(--embed-bg);
--embed-bg: var(--dark-sidebar);
--aside-bg: var(--dark-sidebar);
--th: var(--headers);
--th-text: var(--text-dl);
--td: #d0ddef62;
--drop-shadow: #d0ddef62;
--tag: #c65656;
--tag-text: var(--lite-accent);
--table: #ccd6eb;
--hr: #d6deea;
--i-at: var(--folder);
--progress: var(--accent);
--progress-bg: var(--bg);
--graph-bg: var(--note);
--graph-lines: #e4e7f8;
--graph-node: var(--headers);
--graph-fill: var(--folder);
--graph-404: #727e93;
--graph-img: #4c78cc;
--graph-tag: #000000;
--graph-focused: var(--text-highlight-bg-active);
--theme-rainbow-1: #bb5555;
--theme-rainbow-2: #a53f3f;
--theme-rainbow-3: #862c2c;
--theme-rainbow-4: #662828;
--theme-rainbow-5: #697795;
--theme-rainbow-6: #a4aec2;
--rainbow-1: #dd3c3c;
--rainbow-2: #f1ab27;
--rainbow-3: #118811;
--rainbow-4: #3333cc;
--rainbow-5: #a824a8;
--rainbow-6: #e83b94;
}
body.theme-dark,
body.theme-light {
--font-default: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei Light", sans-serif;
--font-monospace: "Fira Code", "Fira Code Medium", "Source Code Pro", monospace;
--font-text: var(--font-text-override), var(--font-default);
--font-monospace-default: var(--font-monospace-default-override), var(--font-monospace);
--font-interface: var(--font-interface-override), var(--font-default);
--rmx: "remixicon";
--mdi: "Material Icons Sharp";
--its: "its";
--fa5: "Font Awesome 5 Free Solid";
--fa6: "Font Awesome 6 Free Solid";
--rpg: "rpg-awesome";
--radius-s: 0;
--radius-m: calc(var(--radius-s) * 1.1);
--radius-l: calc(var(--radius-s) * 1.2);
--radius-xl: calc(var(--radius-s) * 1.5);
--radius-h: calc(var(--radius-s) / .50);
--slider-track-radius: var(--radius-h);
--input-radius: var(--radius-s);
--icon-btn-radius: var(--radius-s);
--tag-radius: var(--radius-l);
--slider-thumb-radius: var(--radius-h);
--status-bar-radius: var(--radius-m) 0 0 0;
--checkbox-radius: var(--radius-m);
--toggle-radius: var(--radius-h);
--toggle-thumb-radius: var(--radius-h);
--clickable-icon-radius: var(--radius-s);
--pill-radius: var(--radius-m);
--bold-weight: 900;
--bold-modifier: 500;
--font-ui-smaller: 13.5px;
--font-ui-small: 14px;
--font-ui-medium: 15px;
--font-ui-large: 20px;
--font-smallest: .85em;
--font-smaller:.90em;
--font-small: .95em;
--icon-xs: 14px;
--icon-s: 16px;
--icon-m: 17px;
--icon-l: 18px;
--line-height-tight: 1.3em;
--scroll-size: 7px;
--divider-width: 2px;
--divider-width-hover: 5px;
--tag-padding-x: 7px;
--tag-padding-y: 3px;
--prompt-border-width: 3px;
--shadow-s: 2px 2px 0 var(--outline);
--shadow-m: 3px 3px 0 var(--outline);
--shadow-ml: 4px 4px 0 var(--outline);
--shadow-l: 5px 5px 0 var(--outline);
--input-shadow: var(--shadow-s);
--input-shadow-hover: var(--shadow-m);
--embed-block-shadow-hover: var(--input-shadow);
--message-color: var(--text-dl);
--message-box-shadow: var(--shadow-s);
--message-border-width: 0px;
--message-border-color: var(--outline);
--toggle-shadow: none;
--box-border-s: 1px solid var(--outline);
--box-border: 2px solid var(--outline);
--box-border-m: 3px solid var(--outline);
}
.backlink-pane > .tree-item-self.is-collapsed:hover,
.outgoing-link-pane > .tree-item-self.is-collapsed:hover,
.tree-item-self:hover :is(.tree-item-inner-subtext, .tree-item-icon, .tree-item-flair) {
color: var(--nav-item-color-hover);
}
.tree-item-self:hover .collapse-icon svg.svg-icon {
color: unset;
}
.nav-file-tag {
background-color: var(--tag);
color: var(--text-on-accent);
}
.search-result-hover-button,
.nav-folder-title:hover svg.svg-icon,
.search-result-file-title:hover .collapse-icon svg.svg-icon {
color: var(--nav-item-color-hover);
}
input[type=range] {
border-radius: var(--slider-track-radius);
}
.notice,
.tooltip {
color: var(--message-color);
box-shadow: var(--message-box-shadow);
border: var(--message-border-width) solid var(--message-border-color);
}
.tree-item-self {
align-items: center;
}
.theme-dark,
.theme-light {
--modal-border-color: var(--outline);
--modal-border-width: 3px;
--modal-community-sidebar-width: 310px;
--modal-sidebar-background: var(--dark-sidebar);
--modal-nav-item-background: transparent;
--modal-nav-item-background-hover: var(--td);
--setting-item-padding: 10px 15px;
--setting-item-background: transparent;
--setting-item-alt-background: var(--setting-item-background);
--setting-item-alt-background-hover: var(--td);
--setting-item-heading-background: transparent;
--setting-item-background-hover: var(--hvr);
--setting-item-heading-border: 2px solid var(--headers);
--setting-item-border-color: var(--table);
--toggle-width: 20px;
--toggle-s-width: 20px;
--toggle-border-width: 1px;
}
.vertical-tab-content {
padding: 35px;
}
.vertical-tab-content .setting-item {
padding-left: 18px;
padding-right: 18px;
}
.vertical-tab-content .installed-plugins-container {
padding: 0;
}
.vertical-tab-content .setting-item {
border: 0;
border-bottom: 1px solid;
padding: var(--setting-item-padding);
background: var(--setting-item-background);
border-color: var(--setting-item-border-color);
}
.vertical-tab-content .setting-item-heading {
background: var(--setting-item-heading-background);
border-bottom: var(--setting-item-heading-border);
}
.vertical-tab-content .setting-item-heading:hover {
background: var(--setting-item-background-hover);
}
.vertical-tab-content .setting-item:nth-child(even):not(.setting-item-heading) {
background-color: var(--setting-item-alt-background);
}
.vertical-tab-content .setting-item:nth-child(even):not(.setting-item-heading):hover {
background-color: var(--setting-item-alt-background-hover);
}
.setting-item.setting-item:hover {
background-color: var(--modal-nav-item-background-hover);
}
.vertical-tab-header {
background-color: var(--modal-sidebar-background);
}
.horizontal-tab-nav-item,
.vertical-tab-nav-item {
background-color: var(--modal-nav-item-background);
}
.vertical-tab-header-group-title {
color: var(--headers);
font-size: var(--font-ui);
}
:is(.mod-linux, .mod-windows) .titlebar-button.mod-close:hover {
color: var(--text-dl);
}
.u-pop {
color: var(--text);
}
button.mod-cta:hover {
color: var(--text);
}
.checkbox-container,
.checkbox-container:after {
box-shadow: var(--toggle-shadow);
}
.checkbox-container.mod-small {
width: var(--toggle-s-width);
height: var(--toggle-s-width);
}
.checkbox-container.is-enabled {
background-color: var(--accent);
}
.setting-item:hover .checkbox-container {
box-shadow: 0 0 0 1px var(--background-modifier-border);
}
.community-item {
border: var(--box-border);
box-shadow: var(--shadow-s);
}
.community-item:hover {
background-color: var(--modal-nav-item-background-hover);
border-color: var(--outline);
}
.community-modal-info-name {
font-family: var(--h2-font);
font-weight: var(--h2-weight);
}
.mod-community-modal .modal-sidebar button.clickable-icon:hover {
color: var(--text-dl);
}
.community-modal-info {
padding: var(--file-margins);
}
.community-modal-search-results-wrapper {
overflow-x: hidden;
}
.menu {
border-width: var(--modal-border-width);
border-color: var(--modal-border-color);
}
.menu .menu-item.selected .menu-item-icon {
color: var(--text-normal);
}
.setting-hotkey,
.suggestion-hotkey {
border-radius: var(--radius-s);
background-color: var(--code-bg);
color: var(--soft-text);
font-size: 12px;
box-shadow: var(--code-shadow);
}
.theme-dark,
.theme-light {
--status-bar-text-color: var(--text-muted);
--status-bar-background: var(--outer-bar);
--status-bar-border-color: var(--accent);
--status-bar-gap: var(--size-4-1);
--status-bar-padding: var(--size-4-1);
}
.status-bar {
gap: var(--status-bar-gap);
padding: var(--status-bar-padding);
}
.theme-dark,
.theme-light {
--sidebar-markdown-font-size: var(--font-text-size);
--sidebar-tab-text-display: none;
--sidebar-tab-background-color: var(--bttn);
--ribbon-background: var(--outer-bar);
--ribbon-background-collapsed: var(--note);
--ribbon-width: 40px;
--ribbon-border-width: 0;
--ribbon-border-color: var(--outer-bar);
--ribbon-icon-size: var(--icon-l);
--ribbon-icon-stroke: var(--icon-l-stroke-width);
--ribbon-icon-gap: 15px;
--sidebar-icon-color: var(--text);
--sidebar-icon-color-active: var(--text-dl);
--sidebar-tab-icon-size: var(--icon-l);
--sidebar-tab-icon-stroke: var(--icon-l-stroke-width);
--sidebar-tab-background-color-hover: var(--accent);
--sidebar-tab-color-hover: var(--text-on-accent);
--sidebar-tab-border-color: transparent;
--sidebar-tab-border-color-active: var(--bttn);
--sidebar-tab-border-width: 0;
--sidebar-tab-padding: 0 var(--size-4-3);
}
.workspace-split.workspace-split:is(.mod-right-split.mod-right-split,
.mod-left-split.mod-left-split) .workspace-tab-header-container-inner {
padding: 0;
margin: 0;
gap: 0;
}
.workspace-split.workspace-split.mod-right-split .workspace-tab-header-container {
padding-left: 0;
}
.workspace-split.workspace-split .mod-top .workspace-tab-header-container {
padding: 0;
}
.mod-right-split .workspace-tab-header-container-inner {
margin-left: 2px;
}
:is(.mod-left-split, .mod-right-split) .workspace-tab-header-inner {
padding: var(--sidebar-tab-padding);
}
.sidebar-toggle-button {
padding: 0;
position: relative;
height: var(--header-height);
}
.sidebar-toggle-button.mod-left {
right: var(--divider-width);
}
.sidebar-toggle-button .clickable-icon {
padding: 10px;
}
:is(.mod-left-split, .mod-right-split) .workspace-tab-header-inner-icon .svg-icon {
--icon-size: var(--sidebar-tab-icon-size);
--icon-stroke: var(--sidebar-tab-icon-stroke);
}
.workspace-ribbon {
padding: 0;
border-right: var(--ribbon-border-width) solid var(--ribbon-border-color);
}
.workspace-ribbon.mod-left {
margin-top: 0;
gap: 0;
}
.workspace-ribbon .side-dock-settings,
.workspace-ribbon .side-dock-actions {
padding-top: calc(var(--ribbon-icon-gap) / 1.5);
padding-bottom: calc(var(--ribbon-icon-gap) / 1.5);
gap: var(--ribbon-icon-gap);
}
.workspace-ribbon .side-dock-ribbon-action .svg-icon {
--icon-size: var(--ribbon-icon-size);
--icon-stroke: var(--ribbon-icon-stroke);
}
.workspace-ribbon .side-dock-actions {
margin-top: var(--header-height);
}
:is(.mod-left-split, .mod-right-split) .workspace-tab-header-inner {
background-color: transparent;
border-bottom: var(--sidebar-tab-border-width) solid var(--sidebar-tab-border-color);
}
:is(.mod-left-split, .mod-right-split) .is-active .workspace-tab-header-inner {
border-color: var(--sidebar-tab-border-color-active);
}
:is(.mod-left-split, .mod-right-split) .workspace-tab-header.is-active, :is(.mod-left-split, .mod-right-split) .workspace-tab-header {
--background-modifier-hover: var(--sidebar-tab-background-color);
--tab-text-color: var(--text);
--tab-text-color-active: var(--text-dl);
--tab-text-color-focused: var(--text);
--tab-text-color-focused-active: var(--text-dl);
--tab-text-color-focused-active-current: var(--sidebar-icon-color-active);
}
:is(.mod-left-split, .mod-right-split) .workspace-tab-header.is-active .workspace-tab-header-inner-icon, :is(.mod-left-split, .mod-right-split) .workspace-tab-header .workspace-tab-header-inner-icon {
--icon-color-focused: var(--sidebar-icon-color-active);
}
.is-focused .mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-icon,
.workspace-tab-header-inner:hover .workspace-tab-header-inner-icon,
.mod-top-left-space.mod-active .workspace-tab-header.is-active {
--titlebar-text-color-focused: var(--sidebar-icon-color-active);
--tab-text-color-hover: var(--sidebar-icon-color-active);
--icon-color-hover: var(--sidebar-icon-color-active);
}
:is(.mod-left-split, .mod-right-split) .is-active:hover .workspace-tab-header-inner,
:is(.workspace-tab-header-inner-icon):hover,
.workspace-tab-header-container .clickable-icon:hover,
.workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner,
.side-dock-ribbon .clickable-icon:hover,
.workspace-tab-header:hover .workspace-tab-header-inner .workspace-tab-header-inner-icon {
color: var(--sidebar-tab-color-hover);
}
.side-dock-actions {
margin-top: var(--header-height);
}
.workspace-tab-header-inner .workspace-tab-header-inner-icon {
color: var(--sidebar-icon-color);
}
.workspace-tab-header:hover .workspace-tab-header-inner-icon {
color: var(--sidebar-icon-color-hover);
}
.tree-item-self .tree-item-icon {
position: relative;
margin-inline-start: -3px;
}
body {
--search-border: var(--box-border);
--search-box-shadow: var(--shadow-s);
}
/*Search Styling*/
.search-results-children .search-result {
margin-right: 0px;
margin-bottom: 10px;
background: var(--note);
border: var(--search-border);
box-shadow: var(--search-box-shadow);
}
.search-result-container {
padding-left: var(--size-4-3);
padding-right: var(--size-4-2);
}
.search-result-file-title {
background: var(--code-bg);
box-shadow: 0 2px 0 var(--td);
padding: 5px 10px;
margin-bottom: 0;
}
.search-result:not(.is-collapsed) .search-result-file-title:not(:hover) {
color: var(--text);
}
.search-result-file-matches {
margin: 0;
padding: 0;
border: 0;
box-shadow: unset;
}
.search-result-file-match {
margin: auto;
width: auto;
z-index: 0;
padding: 8px 10px;
color: var(--text);
left: 0;
}
.search-result-file-match:hover {
padding-right: var(--size-4-5);
}
.search-result-file-title:hover .search-result-file-matched-text {
color: var(--text-on-accent);
border-bottom: 2px solid var(--text-on-accent);
}
.search-result-hover-button:not(:hover) {
color: var(--text);
}
.search-result-hover-button:hover {
background-color: var(--bttn);
}
.cm-s-obsidian span.obsidian-search-match-highlight {
box-shadow: 0 0 0 2px var(--accent);
border-radius: var(--radius-s);
background-color: var(--text-highlight-bg-active);
}
.search-results-info .dropdown:hover {
color: var(--lite-accent);
font-weight: 900;
}
.search-results-result-count:hover {
color: var(--text-dl);
}
.search-results-result-count:hover .more-options-icon {
background-color: var(--text-dl);
}
.search-results-result-count:hover .more-options-icon svg {
fill: var var(--sidebar-tab-background-color-hover);
}
.document-search-container.document-search-container {
padding: var(--size-4-2);
background-color: transparent;
}
.document-search-container.document-search-container .document-search, .document-search-container.document-search-container .document-replace {
flex-wrap: wrap;
justify-content: center;
}
.input-right-decorator.clickable-icon.is-active {
background-color: var(--sidebar-tab-border-color-active);
}
body {
--tab-curve: var(--radius-s);
--tab-radius: var(--radius-s);
--tab-radius-active: var(--radius-s);
--tab-font-size: var(--font-size);
--tab-font-weight: 500;
--tab-font-weight-active: 900;
--tab-width: 200px;
--tab-max-width: 320px;
--tab-outline-width: 2px;
--tab-top-outline-width: 0;
--tab-outline-color: var(--accent);
--tab-divider-color: var(--hr);
--tab-background: var(--outer-bar);
--tab-background-active: var(--note);
--tab-container-background: var(--tab-background);
--tab-text-color: var(--inactive);
--tab-text-color-active: var(--text);
--tab-text-color-focused: var(--inactive);
--tab-text-color-focused-active: var(--text);
--tab-text-color-focused-active-current: var(--text);
--tab-text-color-hover: var(--text);
--tab-stacked-font-weight: 700;
--tab-stacked-font-size: 15px;
--tab-stacked-shadow: -10px 0 10px var(--tab-stacked-shadow-color);
--tab-stacked-shadow-color: var(--drop-shadow);
--tab-switcher-preview-background-shadow: var(--shadow-m);
--tab-switcher-preview-shadow: var(--shadow-s);
--tab-switcher-preview-shadow-active: 0 0 0 2px var(--lite-accent), var(--shadow-l);
}
.view-header-title-container:not(.mod-at-end):after {
display: none;
}
.workspace-tab-header.workspace-tab-header:hover {
color: var(--tab-text-color-hover);
}
.workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner-close-button,
body.is-focused :is(.mod-left-split, .mod-right-split) .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner-title {
color: var(--text-dl);
}
.is-active .workspace-tab-header-inner-title {
font-weight: var(--tab-font-weight-active);
}
.workspace .mod-root .workspace-tab-header-inner-title {
padding-right: 10px;
}
.mod-root .workspace-tab-header-container-inner {
padding-top: 2px;
}
.mod-root .mod-stacked .workspace-tab-header:hover .workspace-tab-header-inner {
color: var(--tab-text-color-hover);
}
.workspace-tab-header-container {
border-top: var(--tab-top-outline-width) solid var(--tab-outline-color);
}
.empty-state .empty-state-title {
font-family: var(--h2-font);
}
body,
body.mod-rtl {
--vault-name-font-size: 20px;
--vault-name-font-weight: var(--font-bold);
--vault-name-color: var(--headers);
--vault-font: var(--font);
--nav-item-color: var(--text);
--nav-item-color-hover: var(--text-dl);
--nav-item-color-active: var(--text-dl);
--nav-item-color-highlighted: var(--text-dl);
--folder-open-text-color: var(--text);
--nav-item-background-hover: var(--dark-accent);
--nav-item-background-active: var(--dark-accent);
--nav-item-background-selected: var(--hvr);
--nav-item-border-width: 0px;
--nav-item-border-color: var(--lite-accent);
--nav-item-background-border-color-hover: var(--dark-accent);
--nav-item-padding: 4px 8px;
--explorer-padding: 4px 4px 4px 3px;
--explorer-item-padding: 2px 8px;
--nav-item-children-padding-left: 8px;
--nav-item-children-margin-left: 15px;
--folder-text-color: var(--nav-item-color);
--file-text-color: var(--nav-item-color);
--nav-item-size: var(--font-ui-small);
--nav-item-weight: 500;
--nav-item-weight-hover: 700;
--nav-item-weight-active: 700;
--nav-item-white-space: wrap;
--nav-indentation-guide-width: 2px;
--nav-indentation-guide-color: var(--lines);
--folder-weight: 700;
--folder-weight-hover: var(--folder-weight);
}
body:not(.folder-arrow-display) .nav-folder .tree-item-icon.collapse-icon,
.nav-folder-collapse-indicator,
.tree-item-icon.nav-folder-collapse-indicator {
display: none;
}
.nav-folder-title {
--nav-item-weight: var(--folder-weight);
}
.nav-folder-title:hover {
--nav-item-weight-hover: var(--folder-weight-hover);
}
.nav-folder.mod-root > .nav-folder-title:hover {
color: var(--dark-accent);
}
.nav-files-container {
padding: var(--explorer-padding);
}
.nav-folder.is-collapsed .nav-folder-title:not(.is-being-dragged) {
color: var(--folder-text-color);
}
.nav-folder:not(.mod-root) > .nav-folder-title:not(.is-being-dragged) {
color: var(--folder-open-text-color);
}
.nav-folder-title.nav-folder-title.is-active.is-active {
color: var(--text-dl);
}
.nav-folder-title.nav-folder-title.is-active.is-active .nav-folder-title-content::before {
color: var(--text-dl);
}
.nav-file-title {
color: var(--file-text-color);
}
.nav-file-tag {
margin-left: auto;
}
.nav-folder.mod-root > .nav-folder-children .nav-folder > .nav-folder-title, .nav-folder.mod-root > .nav-folder-children .nav-file > .nav-file-title {
border: 2px solid transparent;
margin-bottom: 0;
padding: var(--explorer-item-padding);
}
.nav-folder.mod-root > .nav-folder-children .nav-folder > .nav-folder-title:hover, .nav-folder.mod-root > .nav-folder-children .nav-file > .nav-file-title:hover {
border-color: var(--nav-item-background-border-color-hover);
}
body {
--titlebar-background: var(--note);
--titlebar-background-focused: var(--outer-bar);
--titlebar-text-color: var(--text-normal);
}
.is-hidden-frameless:not(.is-fullscreen).is-focused .titlebar-button-container.mod-right, .is-hidden-frameless:not(.is-fullscreen) .titlebar-button-container.mod-right {
background: transparent;
}
.workspace-tab-header.is-active .workspace-tab-header-inner-close-button {
color: var(--tab-text-color-focused-active-current);
}
body {
--file-header-font-size: var(--font-ui-medium);
--file-header-font-weight: 600;
--file-header-parent-font-weight: 600;
--file-header-breadcrumb-font-size: var(--font-ui-smaller);
--file-header-breadcrumb-color: var(--inactive);
--file-header-color: var(--inactive);
--file-header-color-active: var(--text);
--file-header-background: var(--note);
--file-header-left-color: var(--dark-accent);
--file-header-right-color: var(--outer-bar);
}
.is-focused .workspace-leaf.mod-active .view-header,
.workspace-leaf .view-header {
gap: 0;
margin: 0;
padding: 0 var(--size-4-3);
background: var(--file-header-background);
}
.view-header-title-parent {
font-weight: var(--file-header-parent-font-weight);
}
.view-header-title {
color: var(--file-header-color);
}
.mod-active {
color: var(--file-header-color-active);
}
.view-header-title-container,
.view-header-title-parent {
align-content: center;
align-items: center;
}
.view-header-breadcrumb {
font-size: var(--file-header-breadcrumb-font-size);
color: var(--file-header-breadcrumb-color);
}
.clickable-icon[aria-disabled=true]:hover {
color: var(--inactive);
}
.popover.hover-popover {
min-height: auto;
background-color: var(--popover-background);
}
.popover.hover-popover > .markdown-embed > .markdown-embed-content {
padding: 0;
}
.popover.hover-popover .markdown-preview-view {
background-color: var(--popover-background);
}
@media (max-width: 500px) {
.theme-dark, .theme-light {
/*Mobile Sizes*/
--radius: 0px;
--micro: 70px;
--tiny: 100px;
--small: 150px;
--small-med: 200px;
--med-small: 250px;
--medium: 300px;
--med-tall: 450px;
--tall: 500px;
}
}
.is-mobile.is-mobile {
--interactive-accent: var(--lite-accent);
--caret-color: var(--text-normal);
--tag-background: var(--tag);
--modal-background: var(--background-primary);
--settings-home-background: var(--background-primary);
--search-result-background: var(--background-secondary);
--background-modifier-form-field: var(--td);
--background-modifier-cover: var(--outer-bar);
--background-modifier-hover: var(--hvr-active);
--toggle-width: 22px;
}
.is-mobile.is-mobile .prompt {
border: var(--prompt-border-width) solid var(--prompt-border-color);
}
.is-mobile.is-mobile .menu {
border: var(--prompt-border-width) solid var(--modal-border-color);
}
.is-mobile.is-mobile .vertical-tab-nav-item.is-active, .is-mobile.is-mobile button.mod-cta:not(:hover) {
background-color: var(--dark-accent);
}
.is-mobile.is-mobile .checkbox-container {
height: var(--toggle-width);
}
.is-mobile.is-mobile .side-dock-ribbon {
background-color: var(--ribbon-background);
}
.is-mobile.is-mobile.is-tablet .sidebar-toggle-button {
padding-left: unset;
}
.is-mobile.is-mobile .pull-down-action, .is-mobile.is-mobile .pull-out-action {
border-radius: var(--radius-h);
}
.is-mobile.is-mobile .notice {
border-radius: var(--radius-s);
}
.is-mobile.is-mobile.is-phone {
--metadata-divider-width: 0;
}
.is-mobile.is-mobile.is-phone .vertical-tab-header-group-title, .is-mobile.is-mobile.is-phone .setting-item-heading .setting-item-name {
font-size: var(--font-ui-medium);
}
.is-mobile.is-mobile.is-phone .setting-item {
gap: unset;
padding: var(--setting-item-padding);
}
.is-mobile.is-mobile.is-phone .setting-item-heading {
margin: 0;
}
.is-mobile.is-mobile.is-phone .mod-sync-log {
--modal-top: 0;
}
.is-mobile.is-mobile .view-header-title {
padding: 0 var(--size-4-1);
}
.is-mobile {
--mobile-toolbar-background: var(--deep-dark-accent);
}
.is-mobile .workspace-drawer .nav-buttons-container {
--icon-color-active: var(--interactive-accent-hover);
}
.is-mobile .workspace-drawer-backdrop {
opacity: 0.9 !important;
}
.is-mobile .workspace-drawer:is(.mod-left, .mod-right) {
border: none;
box-shadow: 0 0 5px var(--outline), 0 0 5px var(--outline), 0 0 5px var(--outline);
}
.is-mobile .workspace-drawer-active-tab-container.is-fullscreen .workspace-drawer-active-tab-title {
text-align: center;
}
.is-mobile .modal.mod-settings .vertical-tab-content {
padding: var(--size-4-2) max(var(--size-4-2), var(--safe-area-inset-right)) 100px max(var(--size-4-2), var(--safe-area-inset-left));
}
.is-mobile .mobile-toolbar {
background-color: var(--mobile-toolbar-background);
}
.is-mobile .mobile-toolbar-option {
color: var(--text-dl);
}
.is-mobile .mobile-toolbar-options-container::before, .is-mobile .mobile-toolbar-options-container::after {
display: none;
}
.is-mobile .view-header-title-container {
padding-left: 0;
}
.is-mobile .empty-state-action:not(:hover) {
color: var(--text-dl);
background-color: var(--bttn);
}
.is-mobile .empty-state-action:hover {
background-color: var(--outer-bar);
}
.is-mobile .tree-item .tree-item-self {
--nav-item-parent-padding: 4px 10px;
padding: var(--nav-item-parent-padding);
}
.is-mobile .markdown-rendered .list-collapse-indicator {
margin-left: -2.3em;
padding-right: 0em;
}
body {
--scrollbar-track-bg: var(--note);
--scrollbar-thumb-bg: var(--accent);
--scrollbar-active-thumb-bg: var(--lite-accent);
--scrollbar-border-width: 0;
--scrollbar-width: 12px;
}
body:not(.native-scrollbars) ::-webkit-scrollbar {
background-color: var(--scrollbar-track-bg);
width: var(--scrollbar-width);
height: calc(var(--scrollbar-width) + 1px);
}
body {
--latex-color: var(--lite-accent);
--latex-format-color: var(--inactive);
--latex-syntax-color: var(--soft-text);
}
.mjx-math {
font-style: normal;
}
.MJX-TEX {
font-size: 130%;
color: var(--latex-color);
}
/*Math Block Margin Reduction*/
.mjx-container[jax=CHTML][display=true] {
margin: 3% 0 !important;
}
/*Math Editor*/
.cm-s-obsidian span.cm-math:not(.cm-formatting-math-begin):not(.cm-formatting-math-end) {
color: var(--latex-syntax-color);
}
.cm-s-obsidian span.cm-math,
.cm-s-obsidian span.hmd-fold-math-placeholder {
color: var(--latex-format-color);
font-style: normal;
}
body {
--inline-title-position: left;
}
.inline-title {
text-align: var(--inline-title-position);
padding-bottom: 0;
z-index: 2;
}
body {
--font-frontmatter: var(--font-small);
}
.cm-hmd-frontmatter {
font-size: var(--font-frontmatter);
}
.frontmatter-container:not(.is-collapsed) {
border-bottom: 2px solid var(--hr);
}
.frontmatter-container:not(.is-collapsed) .frontmatter-container-header {
border-bottom: 0;
margin-bottom: 0;
border-top: 2px solid var(--hr);
padding-top: var(--size-4-2);
}
.frontmatter-container .frontmatter-container-header {
justify-content: center;
font-weight: 600;
content: "/ec10";
}
.frontmatter-container .frontmatter-section-data-item {
color: var(--text);
}
.frontmatter-container .frontmatter-section-label {
text-transform: unset;
}
.is-rtl.is-rtl, .rtl {
--header-text-align: end;
--h1-text-align: var(--header-text-align);
--h2-text-align: var(--header-text-align);
--h3-text-align: var(--header-text-align);
--h4-text-align: var(--header-text-align);
--h5-text-align: var(--header-text-align);
--h6-text-align: var(--header-text-align);
--header-border-line-align: auto 0 auto auto;
}
body {
--h1-size: 34px;
--h2-size: calc(var(--h1-size) - 4px);
--h3-size: calc(var(--h1-size) - 8px);
--h4-size: calc(var(--h1-size) - 12px);
--h5-size: calc(var(--h1-size) - 14px);
--h6-size: calc(var(--h1-size) - 16px);
--header-weight: 700;
--h1-weight: var(--header-weight);
--h2-weight: var(--header-weight);
--h3-weight: var(--header-weight);
--h4-weight: var(--header-weight);
--h5-weight: var(--header-weight);
--h6-weight: var(--header-weight);
--font: "Calisto MT", "Palatino Black", "Book Antiqua", "Georgia", "Suez One", serif;
--h1-font: var(--font);
--h2-font: var(--font);
--h3-font: var(--font);
--h4-font: var(--font);
--h5-font: var(--font);
--h6-font: var(--font);
--heading-formatting: var(--inactive);
--h1-color: var(--headers);
--h2-color: var(--headers);
--h3-color: var(--headers);
--h4-color: var(--headers);
--h5-color: var(--headers);
--h6-color: var(--headers);
--header-text-align: start;
--h1-text-align: var(--header-text-align);
--h2-text-align: var(--header-text-align);
--h3-text-align: var(--header-text-align);
--h4-text-align: var(--header-text-align);
--h5-text-align: var(--header-text-align);
--h6-text-align: var(--header-text-align);
--header-padding: 0;
--h1-padding: var(--header-padding);
--h2-padding: var(--header-padding);
--h3-padding: var(--header-padding);
--h4-padding: var(--header-padding);
--h5-padding: var(--header-padding);
--h6-padding: var(--header-padding);
--heading-spacing: 10px;
--heading-spacing-top: var(--heading-spacing);
--heading-spacing-bottom: var(--heading-spacing);
--header-background: transparent;
--h1-background: var(--header-background);
--h2-background: var(--header-background);
--h3-background: var(--header-background);
--h4-background: var(--header-background);
--h5-background: var(--header-background);
--h6-background: var(--header-background);
--h1-border-color: var(--theme-rainbow-1);
--h2-border-color: var(--theme-rainbow-2);
--h3-border-color: var(--theme-rainbow-3);
--h4-border-color: var(--theme-rainbow-4);
--h5-border-color: var(--theme-rainbow-5);
--h6-border-color: var(--theme-rainbow-6);
--h1-border-width: 0;
--h2-border-width: 0;
--h3-border-width: 0;
--h4-border-width: 0;
--h5-border-width: 0;
--h6-border-width: 0;
--header-border-line-color: var(--table);
--h1-border-line-color: var(--header-border-line-color);
--h2-border-line-color: var(--header-border-line-color);
--h3-border-line-color: var(--header-border-line-color);
--h4-border-line-color: var(--header-border-line-color);
--h5-border-line-color: var(--header-border-line-color);
--h6-border-line-color: var(--header-border-line-color);
--h1-border-left-color: var(--h1-border-line-color);
--h2-border-left-color: var(--h2-border-line-color);
--h3-border-left-color: var(--h3-border-line-color);
--h4-border-left-color: var(--h4-border-line-color);
--h5-border-left-color: var(--h5-border-line-color);
--h6-border-left-color: var(--h6-border-line-color);
--h1-border-right-color: var(--h1-border-line-color);
--h2-border-right-color: var(--h2-border-line-color);
--h3-border-right-color: var(--h3-border-line-color);
--h4-border-right-color: var(--h4-border-line-color);
--h5-border-right-color: var(--h5-border-line-color);
--h6-border-right-color: var(--h6-border-line-color);
--header-shadow: transparent;
--h1-shadow: var(--header-shadow);
--h2-shadow: var(--header-shadow);
--h3-shadow: var(--header-shadow);
--h4-shadow: var(--header-shadow);
--h5-shadow: var(--header-shadow);
--h6-shadow: var(--header-shadow);
--header-border-line-width: 100%;
--h1-border-line-width: 100%;
--h2-border-line-width: 85%;
--h3-border-line-width: 65%;
--h4-border-line-width: 44%;
--h5-border-line-width: 25%;
--h6-border-line-width: 0;
--header-border-line-left: none;
--header-border-line-height: 4px;
--h1-border-line-height: var(--header-border-line-height);
--h2-border-line-height: var(--header-border-line-height);
--h3-border-line-height: var(--header-border-line-height);
--h4-border-line-height: var(--header-border-line-height);
--h5-border-line-height: var(--header-border-line-height);
--h6-border-line-height: var(--header-border-line-height);
--header-border-line-align: none;
--header-arrow-icon-size: 10px;
--header-arrow-icon-color: var(--collapse-icon-color);
}
h1, .is-live-preview .HyperMD-header-1 {
box-shadow: var(--h1-shadow);
}
h1::before, h1::after, .is-live-preview .HyperMD-header-1::before, .is-live-preview .HyperMD-header-1::after {
content: "";
display: block;
background: var(--h1-border-right-color);
width: var(--h1-border-line-width);
height: var(--h1-border-line-height);
margin: var(--header-border-line-align);
}
h1::before, .is-live-preview .HyperMD-header-1::before {
display: var(--header-border-line-left);
background: var(--h1-border-left-color);
}
h1 .heading-collapse-indicator, h1 .cm-fold-indicator.cm-fold-indicator, .is-live-preview .HyperMD-header-1 .heading-collapse-indicator, .is-live-preview .HyperMD-header-1 .cm-fold-indicator.cm-fold-indicator {
position: absolute;
}
h2, .is-live-preview .HyperMD-header-2 {
box-shadow: var(--h2-shadow);
}
h2::before, h2::after, .is-live-preview .HyperMD-header-2::before, .is-live-preview .HyperMD-header-2::after {
content: "";
display: block;
background: var(--h2-border-right-color);
width: var(--h2-border-line-width);
height: var(--h2-border-line-height);
margin: var(--header-border-line-align);
}
h2::before, .is-live-preview .HyperMD-header-2::before {
display: var(--header-border-line-left);
background: var(--h2-border-left-color);
}
h2 .heading-collapse-indicator, h2 .cm-fold-indicator.cm-fold-indicator, .is-live-preview .HyperMD-header-2 .heading-collapse-indicator, .is-live-preview .HyperMD-header-2 .cm-fold-indicator.cm-fold-indicator {
position: absolute;
}
h3, .is-live-preview .HyperMD-header-3 {
box-shadow: var(--h3-shadow);
}
h3::before, h3::after, .is-live-preview .HyperMD-header-3::before, .is-live-preview .HyperMD-header-3::after {
content: "";
display: block;
background: var(--h3-border-right-color);
width: var(--h3-border-line-width);
height: var(--h3-border-line-height);
margin: var(--header-border-line-align);
}
h3::before, .is-live-preview .HyperMD-header-3::before {
display: var(--header-border-line-left);
background: var(--h3-border-left-color);
}
h3 .heading-collapse-indicator, h3 .cm-fold-indicator.cm-fold-indicator, .is-live-preview .HyperMD-header-3 .heading-collapse-indicator, .is-live-preview .HyperMD-header-3 .cm-fold-indicator.cm-fold-indicator {
position: absolute;
}
h4, .is-live-preview .HyperMD-header-4 {
box-shadow: var(--h4-shadow);
}
h4::before, h4::after, .is-live-preview .HyperMD-header-4::before, .is-live-preview .HyperMD-header-4::after {
content: "";
display: block;
background: var(--h4-border-right-color);
width: var(--h4-border-line-width);
height: var(--h4-border-line-height);
margin: var(--header-border-line-align);
}
h4::before, .is-live-preview .HyperMD-header-4::before {
display: var(--header-border-line-left);
background: var(--h4-border-left-color);
}
h4 .heading-collapse-indicator, h4 .cm-fold-indicator.cm-fold-indicator, .is-live-preview .HyperMD-header-4 .heading-collapse-indicator, .is-live-preview .HyperMD-header-4 .cm-fold-indicator.cm-fold-indicator {
position: absolute;
}
h5, .is-live-preview .HyperMD-header-5 {
box-shadow: var(--h5-shadow);
}
h5::before, h5::after, .is-live-preview .HyperMD-header-5::before, .is-live-preview .HyperMD-header-5::after {
content: "";
display: block;
background: var(--h5-border-right-color);
width: var(--h5-border-line-width);
height: var(--h5-border-line-height);
margin: var(--header-border-line-align);
}
h5::before, .is-live-preview .HyperMD-header-5::before {
display: var(--header-border-line-left);
background: var(--h5-border-left-color);
}
h5 .heading-collapse-indicator, h5 .cm-fold-indicator.cm-fold-indicator, .is-live-preview .HyperMD-header-5 .heading-collapse-indicator, .is-live-preview .HyperMD-header-5 .cm-fold-indicator.cm-fold-indicator {
position: absolute;
}
h6, .is-live-preview .HyperMD-header-6 {
box-shadow: var(--h6-shadow);
}
h6::before, h6::after, .is-live-preview .HyperMD-header-6::before, .is-live-preview .HyperMD-header-6::after {
content: "";
display: block;
background: var(--h6-border-right-color);
width: var(--h6-border-line-width);
height: var(--h6-border-line-height);
margin: var(--header-border-line-align);
}
h6::before, .is-live-preview .HyperMD-header-6::before {
display: var(--header-border-line-left);
background: var(--h6-border-left-color);
}
h6 .heading-collapse-indicator, h6 .cm-fold-indicator.cm-fold-indicator, .is-live-preview .HyperMD-header-6 .heading-collapse-indicator, .is-live-preview .HyperMD-header-6 .cm-fold-indicator.cm-fold-indicator {
position: absolute;
}
.HyperMD-header.HyperMD-header .cm-fold-indicator .collapse-indicator {
padding-right: 5px;
}
.HyperMD-header.HyperMD-header .collapse-indicator.collapse-indicator svg,
.view-content :is(h1, h2, h3, h4, h5, h6) .collapse-indicator.collapse-indicator svg {
width: var(--header-arrow-icon-size);
height: var(--header-arrow-icon-size);
color: var(--header-arrow-icon-color);
}
h1,
.markdown-rendered h1,
.is-live-preview .HyperMD-header-1.cm-line {
display: flow-root;
background: var(--h1-background);
text-align: var(--h1-text-align);
padding: var(--h1-padding);
border: var(--h1-border-width) solid;
border-radius: var(--radius-m);
margin-top: var(--heading-spacing-top);
margin-block-start: var(--heading-spacing-top);
margin-block-end: var(--heading-spacing-bottom);
word-wrap: normal;
word-break: keep-all;
}
h1 > .markdown-embed .markdown-rendered,
.markdown-rendered h1 > .markdown-embed .markdown-rendered,
.is-live-preview .HyperMD-header-1.cm-line > .markdown-embed .markdown-rendered {
font-weight: 400;
font-family: var(--font-text);
}
h2,
.markdown-rendered h2,
.is-live-preview .HyperMD-header-2.cm-line {
display: flow-root;
background: var(--h2-background);
text-align: var(--h2-text-align);
padding: var(--h2-padding);
border: var(--h2-border-width) solid;
border-radius: var(--radius-m);
margin-top: var(--heading-spacing-top);
margin-block-start: var(--heading-spacing-top);
margin-block-end: var(--heading-spacing-bottom);
word-wrap: normal;
word-break: keep-all;
}
h2 > .markdown-embed .markdown-rendered,
.markdown-rendered h2 > .markdown-embed .markdown-rendered,
.is-live-preview .HyperMD-header-2.cm-line > .markdown-embed .markdown-rendered {
font-weight: 400;
font-family: var(--font-text);
}
h3,
.markdown-rendered h3,
.is-live-preview .HyperMD-header-3.cm-line {
display: flow-root;
background: var(--h3-background);
text-align: var(--h3-text-align);
padding: var(--h3-padding);
border: var(--h3-border-width) solid;
border-radius: var(--radius-m);
margin-top: var(--heading-spacing-top);
margin-block-start: var(--heading-spacing-top);
margin-block-end: var(--heading-spacing-bottom);
word-wrap: normal;
word-break: keep-all;
}
h3 > .markdown-embed .markdown-rendered,
.markdown-rendered h3 > .markdown-embed .markdown-rendered,
.is-live-preview .HyperMD-header-3.cm-line > .markdown-embed .markdown-rendered {
font-weight: 400;
font-family: var(--font-text);
}
h4,
.markdown-rendered h4,
.is-live-preview .HyperMD-header-4.cm-line {
display: flow-root;
background: var(--h4-background);
text-align: var(--h4-text-align);
padding: var(--h4-padding);
border: var(--h4-border-width) solid;
border-radius: var(--radius-m);
margin-top: var(--heading-spacing-top);
margin-block-start: var(--heading-spacing-top);
margin-block-end: var(--heading-spacing-bottom);
word-wrap: normal;
word-break: keep-all;
}
h4 > .markdown-embed .markdown-rendered,
.markdown-rendered h4 > .markdown-embed .markdown-rendered,
.is-live-preview .HyperMD-header-4.cm-line > .markdown-embed .markdown-rendered {
font-weight: 400;
font-family: var(--font-text);
}
h5,
.markdown-rendered h5,
.is-live-preview .HyperMD-header-5.cm-line {
display: flow-root;
background: var(--h5-background);
text-align: var(--h5-text-align);
padding: var(--h5-padding);
border: var(--h5-border-width) solid;
border-radius: var(--radius-m);
margin-top: var(--heading-spacing-top);
margin-block-start: var(--heading-spacing-top);
margin-block-end: var(--heading-spacing-bottom);
word-wrap: normal;
word-break: keep-all;
}
h5 > .markdown-embed .markdown-rendered,
.markdown-rendered h5 > .markdown-embed .markdown-rendered,
.is-live-preview .HyperMD-header-5.cm-line > .markdown-embed .markdown-rendered {
font-weight: 400;
font-family: var(--font-text);
}
h6,
.markdown-rendered h6,
.is-live-preview .HyperMD-header-6.cm-line {
display: flow-root;
background: var(--h6-background);
text-align: var(--h6-text-align);
padding: var(--h6-padding);
border: var(--h6-border-width) solid;
border-radius: var(--radius-m);
margin-top: var(--heading-spacing-top);
margin-block-start: var(--heading-spacing-top);
margin-block-end: var(--heading-spacing-bottom);
word-wrap: normal;
word-break: keep-all;
}
h6 > .markdown-embed .markdown-rendered,
.markdown-rendered h6 > .markdown-embed .markdown-rendered,
.is-live-preview .HyperMD-header-6.cm-line > .markdown-embed .markdown-rendered {
font-weight: 400;
font-family: var(--font-text);
}
.markdown-preview-view .heading-collapse-indicator {
z-index: 2;
}
body {
--pane-background: var(--note);
--font-ligatures: none;
}
.cm-s-obsidian .CodeMirror-line,
.cm-s-obsidian .cm-line,
.markdown-preview-section {
text-rendering: optimizeLegibility;
font-variant-ligatures: var(--font-ligatures);
}
.workspace-split.mod-root .view-content {
background-color: var(--pane-background);
}
body:not(.disable-source-styling) .cm-s-obsidian.markdown-source-view:not(.is-live-preview) {
--tag-background: transparent;
--tag-color: var(--tag-text);
--tag-padding-x: 0;
--tag-size: var(--font-size);
--h1-font: var(--font-default);
--h2-font: var(--font-default);
--h3-font: var(--font-default);
--h4-font: var(--font-default);
--h5-font: var(--font-default);
--h6-font: var(--font-default);
--header-weight: 900;
--h1-weight: var(--header-weight);
--h2-weight: var(--header-weight);
--h3-weight: var(--header-weight);
--h4-weight: var(--header-weight);
--h5-weight: var(--header-weight);
--h6-weight: var(--header-weight);
--h1-size: var(--font-text);
--h2-size: var(--font-text);
--h3-size: var(--font-text);
--h4-size: var(--font-text);
--h5-size: var(--font-text);
--h6-size: var(--font-text);
--p-spacing: 0.25em;
--list-marker-color-collapsed: var(--list-marker-color);
--tag-radius: 0;
--tag-border-radius: 0;
--tag-border-width: 0;
}
body:not(.disable-source-styling) .cm-s-obsidian.markdown-source-view:not(.is-live-preview) .cm-line.HyperMD-codeblock {
padding-left: 5px;
}
body,
.theme-dark,
.theme-light {
--link-decoration: none;
--link-decoration-hover: none;
--link-external-decoration: none;
--link-unresolved-opacity: 1;
--link-unresolved-color: var(--inactive);
--link-color-hover: var(--lite-accent);
--link-external-color-hover: var(--text-accent-hover);
--link-font: inherit;
--link-external-font: var(--link-font);
--link-weight: inherit;
--link-border: none;
--link-transform: none;
--link-background: transparent;
--link-background-hover: var(--link-background);
}
.is-live-preview .cm-hmd-internal-link,
.internal-link {
font-family: var(--link-font);
}
.is-live-preview .cm-underline,
.external-link {
font-family: var(--link-external-font);
}
a[href^=https],
.internal-link,
.external-link,
.cm-underline {
font-weight: var(--link-weight);
border-bottom: var(--link-border);
text-transform: var(--link-transform);
background-color: var(--link-background);
}
a[href^=https]:hover,
.internal-link:hover,
.external-link:hover,
.cm-underline:hover {
background-color: var(--link-background-hover);
}
.cm-s-obsidian:not(.is-live-preview) .cm-link, .cm-s-obsidian .cm-line.cm-active .cm-formatting-link + .cm-link.cm-link, .cm-s-obsidian .cm-image-alt-text.cm-link:not(.cm-formatting), .cm-s-obsidian .cm-formatting-link-string.cm-string {
color: var(--text-muted);
}
/*-External Links-*/
.external-link {
background-image: url();
padding-right: unset;
}
/*Change External Link Symbol*/
.external-link:after {
content: "\e809";
font-family: var(--its);
padding-left: 2px;
display: inline-block;
font-size: inherit;
opacity: 0.5;
font-weight: 100 !important;
font-style: normal !important;
}
.theme-dark,
.theme-light {
--checkbox-size: var(--font-text-size);
--checkbox-color: var(--accent);
--checkbox-color-hover: var(--dark-accent);
--checkbox-border-color: var(--accent);
--checkbox-border-color-hover: var(--dark-accent);
--checklist-done-color: var(--inactive);
--checklist-done-decoration: none;
--checklist-done-weight: 900;
--bullet: "";
--bullet-font: var(--its);
--list-indent: 25px;
--list-spacing: 1px;
--root-list-spacing: 10px;
--root-list-bullet-spacing: 0;
--list-marker-min-width: 0;
--list-marker-color: var(--accent);
--list-marker-color-other: var(--accent2);
--list-marker-color-collapsed: var(--inactive);
--list-numbered-color: var(--headers);
--list-bullet-size: calc(var(--font-text-size) / 2.5);
--list-bullet-transform: rotate(45deg);
--list-bullet-radius: var(--radius-h);
--list-bullet-box-shadow-color: var(--table);
--collapse-icon-color-collapsed: var(--inactive);
--indentation-guide-color: var(--lines);
--indentation-guide-width: 2px;
--indentation-guide-width-active: var(--indentation-guide-width);
--indentation-guide-color-active: var(--accent);
--indentation-guide-source-indent: calc(var(--checkbox-size) / 3 * -1 + (var(--checkbox-size) / 2.5));
--indentation-guide-editing-indent: calc(var(--checkbox-size) / 3);
--indentation-guide-reading-indent: calc(var(--checkbox-size) * -1 + 2px);
--list-color-1: var(--indentation-guide-color);
--list-color-2: var(--indentation-guide-color);
--list-color-3: var(--indentation-guide-color);
--list-color-4: var(--indentation-guide-color);
--list-color-5: var(--indentation-guide-color);
--list-color-6: var(--indentation-guide-color);
}
ul, ol {
display: flow-root;
}
.markdown-rendered ul, .markdown-rendered ol {
margin-block-start: var(--root-list-spacing);
margin-block-end: var(--root-list-spacing);
}
.markdown-rendered ul ul, .markdown-rendered ul ol, .markdown-rendered ol ul, .markdown-rendered ol ol {
margin-block-start: 0;
margin-block-end: 0;
}
body:not(.list-default-bullet) .list-bullet::after, body:not(.list-default-bullet) .list-bullet::before {
display: none;
}
body:not(.list-default-bullet) ul > li:not(.task-list-item)::marker {
margin-right: -10px;
}
body:not(.list-default-bullet) .is-live-preview .cm-formatting-list-ul::before, body:not(.list-default-bullet) ul > li:not(.task-list-item)::before {
content: var(--bullet);
font-family: var(--bullet-font);
font-size: var(--font-text-size);
font-weight: 100;
color: var(--list-marker-color);
background-color: transparent;
transform: unset;
position: unset;
height: unset;
}
body:not(.list-default-bullet) ul > li:not(.task-list-item)::marker, body:not(.list-default-bullet) .is-live-preview .cm-formatting-list-ul {
color: transparent;
}
ul > li:not(.task-list-item)::before {
float: inline-start;
margin-inline-start: -21px;
margin-inline-end: 7px;
}
.markdown-preview-view .task-list-item-checkbox {
margin-right: 8px;
}
ul > li.task-list-item.task-list-item .task-list-item-checkbox {
margin-inline-start: calc(var(--checkbox-size) * -1.4);
}
.cm-formatting-list-ol,
.cm-formatting-list-ul {
padding-inline-start: var(--root-list-bullet-spacing);
}
.is-live-preview.markdown-source-view.mod-cm6 .cm-formatting-list-ul {
font-family: var(--font-monospace);
}
.is-live-preview.markdown-source-view.mod-cm6 .cm-formatting-list-ul::before {
margin-inline-end: -16px;
}
.is-live-preview.markdown-source-view.mod-cm6 .task-list-label {
margin-inline-start: 0;
}
.is-live-preview.markdown-source-view.mod-cm6 .task-list-label .task-list-item-checkbox {
margin: 0;
}
ol > li::marker,
.cm-line .cm-formatting-list-ol {
color: var(--list-numbered-color);
}
:is(ul, ol) > li,
.cm-hmd-list-indent .cm-indent:nth-child(1)::before {
--indentation-guide-color: var(--list-color-1);
}
:is(ul ul, ol ol) > li,
.cm-hmd-list-indent .cm-indent:nth-child(2)::before {
--indentation-guide-color: var(--list-color-2);
}
:is(ul ul ul, ol ol ol) > li,
.cm-hmd-list-indent .cm-indent:nth-child(3)::before {
--indentation-guide-color: var(--list-color-3);
}
:is(ul ul ul ul, ol ol ol ol) > li,
.cm-hmd-list-indent .cm-indent:nth-child(4)::before {
--indentation-guide-color: var(--list-color-4);
}
:is(ul ul ul ul ul, ol ol ol ol ol) > li,
.cm-hmd-list-indent .cm-indent:nth-child(5)::before {
--indentation-guide-color: var(--list-color-5);
}
:is(ul ul ul ul ul ul, ol ol ol ol ol ol) > li,
.cm-hmd-list-indent .cm-indent:nth-child(6)::before {
--indentation-guide-color: var(--list-color-6);
}
body:not(.disable-spaced-lists) :is(ul, ol) li:not(:first-of-type) p:first-of-type {
margin-block-start: var(--p-spacing);
}
:is(.markdown-source-view, .markdown-rendered) :is(ul, ol) li {
padding-top: unset;
padding-bottom: var(--list-spacing);
margin-block-start: var(--list-spacing);
}
li.is-collapsed .list-bullet:after,
.is-collapsed ~ .cm-formatting-list .list-bullet:after {
box-shadow: 0 0 0 4px var(--list-bullet-box-shadow-color);
}
/*List Arrows*/
.markdown-rendered .list-collapse-indicator {
margin-inline-start: -2.2em;
padding-inline-end: 0;
}
.theme-dark,
.theme-light {
--table-header-weight: var(--font-bold);
--table-header-size: var(--font-text);
--table-header-color: var(--th-text);
--table-header-text-color: var(--lite-accent);
--table-header-background: var(--th);
--table-header-background-hover: var(--accent);
--table-border-color: var(--note);
--table-column-alt-background: var(--td);
--table-row-alt-background: var(--td);
--table-row-background-hover: var(--highlight);
--table-row-alt-background-hover: var(--highlight);
--table-row-edit-font-size: var(--font-small);
--table-add-button-background: var(--bttn);
--table-add-button-color: var(--text-dl);
--table-add-button-size: var(--size-4-6);
--table-add-button-col-width: var(--table-add-button-size);
--table-add-button-row-height: var(--table-add-button-size);
--table-add-button-border-color: var(--note);
--table-cell-padding-x: var(--size-4-2);
--table-cell-padding-y: var(--size-2-2);
--table-header-padding-x: var(--size-4-2);
--table-header-padding-y: var(--size-2-2);
--table-column-min-width: 3ch;
--table-selection-border-radius: var(--radius-s);
}
.cm-s-obsidian .HyperMD-table-row-0 {
color: var(--table-header-text-color);
}
body:not(.table-unwrap) .cm-s-obsidian .HyperMD-table-row.HyperMD-table-row {
min-width: min-content;
white-space: pre-wrap;
}
.markdown-rendered table td {
word-break: normal;
}
.is-live-preview .cm-table-widget table {
margin-block-start: 0;
margin-block-end: 0;
}
.cm-s-obsidian .HyperMD-table-row {
font-size: var(--table-row-edit-font-size);
}
.markdown-rendered th {
padding: var(--table-header-padding-y) var(--table-header-padding-x);
}
.markdown-rendered td {
padding: var(--table-cell-padding-y) var(--table-cell-padding-x);
}
.markdown-rendered table th {
--latex-color: var(--table-header-color);
}
.markdown-source-view.mod-cm6 .cm-table-widget {
padding: var(--table-add-button-size);
padding-top: var(--size-4-4);
}
.markdown-source-view.mod-cm6 .cm-table-widget .table-col-btn, .markdown-source-view.mod-cm6 .cm-table-widget .table-row-btn {
color: var(--table-add-button-color);
}
.markdown-source-view.mod-cm6 .cm-table-widget .table-col-btn {
width: var(--table-add-button-col-width);
}
.markdown-source-view.mod-cm6 .cm-table-widget .table-row-btn {
height: var(--table-add-button-row-height);
}
.markdown-rendered table thead tr > th:first-child {
border-top-left-radius: var(--radius-s);
}
.markdown-rendered table thead tr > th:last-child {
border-top-right-radius: var(--radius-s);
}
.markdown-rendered table tbody tr:last-child > td:last-child {
border-bottom-right-radius: var(--radius-s);
}
.markdown-rendered table tbody tr:last-child > td:first-child {
border-bottom-left-radius: var(--radius-s);
}
.theme-dark,
.theme-light {
--tag-color: var(--text-dl);
--tag-color-hover: var(--text-dl);
--tag-background: var(--tag);
--tag-background-hover: var(--accent);
--tag-border-color: var(--tag);
--tag-border-color-hover: var(--accent);
--tag-decoration-hover: underline;
--tag-font: var(--font-default);
--tag-font-weight: inherit;
}
a.tag,
.cm-hashtag {
font-family: var(--tag-font);
font-weight: var(--tag-font-weight);
}
body {
--embed-block-shadow-hover: inset 0 0 0 2px var(--outline);
--embed-padding: 0 10px 0 24px;
--embed-header-size: 18px;
--embed-title-padding: 5px 24px;
--embed-title-align: center;
--embed-title-white-space: wrap;
--embed-title-overflow: unset;
--embed-thickness: 2px;
--embed-border-type: solid;
--embed-border: var(--embed-thickness) var(--embed-border-type) var(--embed-border-color);
--embed-border-color: transparent;
--embed-border-left-color: var(--headers);
--embed-border-right-color: var(--embed-border-color);
--embed-border-top-color: var(--embed-border-color);
--embed-border-bottom-color: var(--embed-border-color);
--embed-border-left: 2px solid var(--embed-border-left-color);
--embed-border-right: 2px solid var(--embed-border-right-color);
--embed-border-top: 2px solid var(--embed-border-top-color);
--embed-border-bottom: 2px solid var(--embed-border-bottom-color);
--embed-border-color-hover: var(--outline);
--embed-border-left-color-hover: var(--embed-border-left-color);
--embed-border-right-color-hover: var(--embed-border-color-hover);
--embed-border-top-color-hover: var(--embed-border-color-hover);
--embed-border-bottom-color-hover: var(--embed-border-color-hover);
}
.markdown-embed,
.internal-embed:not(.image-embed) {
display: flow-root;
}
.markdown-embed.markdown-embed:hover {
--embed-border-left: var(--embed-thickness) var(--embed-border-type) var(--embed-border-left-color-hover);
--embed-border-right: var(--embed-thickness) var(--embed-border-type) var(--embed-border-right-color-hover);
--embed-border-top: var(--embed-thickness) var(--embed-border-type) var(--embed-border-top-color-hover);
--embed-border-bottom: var(--embed-thickness) var(--embed-border-type) var(--embed-border-bottom-color-hover);
}
.markdown-embed-title {
padding: var(--embed-title-padding);
text-align: var(--embed-title-align);
white-space: var(--embed-title-white-space);
text-overflow: var(--embed-title-overflow);
}
.markdown-embed:not(.canvas-node-content) {
padding: 0;
}
.markdown-embed:not(.canvas-node-content) .markdown-embed-content {
padding: var(--embed-padding);
}
.markdown-embed-content > .markdown-preview-view > .markdown-preview-sizer {
min-height: unset !important;
}
.markdown-embed.markdown-embed hr {
margin: 1.5em 0;
}
.markdown-embed-link {
top: 8px;
right: var(--scrollbar-width);
}
.markdown-embed .markdown-rendered ol:has(li:nth-child(10)) {
--list-indent: 30px;
}
.markdown-embed .markdown-rendered ol:has(li:nth-child(100)) {
--list-indent: 40px;
}
.file-embed {
background-color: var(--outer-bar);
}
body {
--code-background: var(--code-bg);
--code-normal: var(--code-text);
--code-shadow: 0 2px 0 var(--outline);
}
.cm-s-obsidian div.HyperMD-codeblock.HyperMD-codeblock-begin-bg {
padding-top: 6px;
}
.cm-s-obsidian span.cm-inline-code,
.markdown-rendered pre {
box-shadow: var(--code-shadow);
}
.cm-s-obsidian div.HyperMD-codeblock-begin-bg {
border-top-left-radius: var(--radius-s);
border-top-right-radius: var(--radius-s);
}
.cm-s-obsidian div.HyperMD-codeblock-end-bg {
border-bottom-left-radius: var(--radius-s);
border-bottom-right-radius: var(--radius-s);
}
body {
--comment-font: var(--font-monospace);
--code-comment: var(--text-faint);
}
.cm-s-obsidian span.cm-comment {
font-family: var(--comment-font);
}
body {
--hr-icon-symbol: "";
--hr-icon-font: var(--its);
--hr-icon-background: var(--note);
--hr-icon-padding-x: 4px;
--hr-icon-color: var(--headers);
--hr-color: var(--hr);
--hr-thickness: 2px;
--hr-width: auto;
--hr-alignment: -50%, -50%;
--hr-text-offset: 12px;
}
/*Stylized HR/Horizontal Line*/
.hr.cm-line:not(.cm-active),
.markdown-rendered hr {
margin-left: auto;
margin-right: auto;
width: var(--hr-width);
}
.hr.cm-line:not(.cm-active)::after,
.markdown-rendered hr::after {
content: var(--hr-icon-symbol);
font-family: var(--hr-icon-font);
font-size: var(--font-text-size);
display: inline-block;
position: absolute;
left: 50%;
transform: translate(var(--hr-alignment)) rotate(0deg);
transform-origin: 50% 50%;
color: transparent;
text-shadow: 0 0 0 var(--hr-icon-color);
padding: 0 var(--hr-icon-padding-x);
background-color: var(--hr-icon-background);
}
.hr.cm-line {
border-top: var(--hr-thickness) solid var(--hr);
--hr-color: transparent;
}
.markdown-source-view.mod-cm6 .cm-content :is(.hr, .HyperMD-hr) {
contain: style !important;
}
:is(.mod-left-split, .mod-right-split) {
--hr-icon-background: var(--side-bar);
}
.community-modal-readme hr::after {
display: none;
}
body {
--blockquote-border-thickness: 7px;
--blockquote-border-color: var(--bg);
--blockquote-font-style: var(--font-default);
--blockquote-color: var(--text-normal);
--blockquote-padding: var(--size-4-3) var(--size-4-6);
--blockquote-padding-lp: 7px 0;
--blockquote-background-color: var(--embed-bg);
}
.markdown-rendered blockquote {
background: var(--blockquote-background-color);
display: flow-root;
}
.is-live-preview .HyperMD-quote.HyperMD-quote.HyperMD-quote {
border-left: var(--blockquote-border-thickness) solid var(--blockquote-border-color);
padding: var(--blockquote-padding-lp);
}
.is-live-preview .HyperMD-quote.HyperMD-quote.HyperMD-quote::before {
display: none;
}
.is-live-preview .HyperMD-quote.HyperMD-quote.HyperMD-quote + .HyperMD-quote {
padding-top: 0;
}
.markdown-rendered blockquote,
.markdown-rendered div div > blockquote {
padding: var(--blockquote-padding);
}
.is-live-preview .cm-line.cm-line.HyperMD-header + .HyperMD-quote.HyperMD-quote.HyperMD-quote {
padding: var(--blockquote-padding-lp);
}
.markdown-rendered blockquote blockquote {
padding: 0 0 0 var(--size-4-3);
}
.markdown-rendered blockquote blockquote,
.cm-blockquote-border.cm-transparent::before {
--blockquote-border-thickness: 2px;
--blockquote-border-color: var(--accent);
}
.markdown-rendered blockquote {
border-top-right-radius: var(--radius-s);
border-bottom-right-radius: var(--radius-s);
}
body {
--callout-margin: 5px 0;
--callout-padding: var(--size-4-3) var(--size-4-4);
}
.callout.callout.callout {
--callout-blend-mode: normal;
margin: var(--callout-margin);
}
.callout > .callout-content > .callout {
--callout-margin: 0;
}
.callout-icon {
align-self: center;
}
body {
--strikethrough-color: inherit;
--strikethrough-line-color: inherit;
--strikethrough-line-thickness: 1px;
}
del,
.cm-strikethrough {
color: var(--strikethrough-color);
text-decoration-thickness: var(--strikethrough-line-thickness);
text-decoration-color: var(--strikethrough-line-color);
}
.cm-s-obsidian .cm-tag {
font-family: var(--font-monospace);
}
:is(.markdown-preview-view,
.markdown-rendered,
.markdown-source-view.is-live-preview.is-live-preview) progress::-webkit-progress-bar {
background-color: var(--progress-bg);
box-shadow: none;
border-radius: var(--radius-s);
}
:is(.markdown-preview-view,
.markdown-rendered,
.markdown-source-view.is-live-preview.is-live-preview) progress::-webkit-progress-value {
background-color: var(--progress);
}
/* Tag Pane */
.tag-container {
padding: 0;
--nav-item-children-margin-left: 12px;
}
.tag-container .tree-item-self {
align-items: center;
}
.tag-container .tree-item-children {
padding: 0;
}
.tag-pane-tag .tree-item-inner > .tree-item-inner-text::before,
.tag-pane-tag-text:before {
content: "#";
padding-inline-end: 5px;
margin-inline-start: 1px;
position: relative;
color: var(--tag-text);
width: var(--size-4-4);
}
.tag-pane-tag.tag-pane-tag:hover .tree-item-inner-text::before,
.tag-container .tree-item-self:hover .tag-pane-tag-text:before {
color: var(--text-dl);
}
.tag-pane-tag .collapse-icon + .tree-item-inner > .tree-item-inner-text:before {
content: none;
padding-left: 2px;
color: var(--tag-text);
}
body {
--outline-symbol: "H";
--outline-symbol-padding-right: 4px;
--outline-arrow-visibility: hidden;
--outline-arrow-display: none;
--outline-arrow-margin: -16px;
}
body .outline,
body [data-type=outline] {
--nav-item-children-margin-left: 12px;
}
body .outline .tree-item-children,
body [data-type=outline] .tree-item-children {
transition: all 0.3s ease-in-out;
}
body .outline .collapse-icon svg,
body [data-type=outline] .collapse-icon svg {
visibility: var(--outline-arrow-visibility);
}
body .outline .tree-item:not(.is-collapsed) > .mod-collapsible .tree-item-icon.collapse-icon,
body [data-type=outline] .tree-item:not(.is-collapsed) > .mod-collapsible .tree-item-icon.collapse-icon {
margin-inline-start: var(--outline-arrow-margin);
}
body .outline .tree-item-self::before,
body [data-type=outline] .tree-item-self::before {
content: var(--outline-symbol);
font-family: var(--font-default);
font-weight: 900;
color: var(--headers);
padding-inline-end: var(--outline-symbol-padding-right);
}
body .outline .tree-item-self.is-active::before, body .outline .tree-item-self:hover::before,
body [data-type=outline] .tree-item-self.is-active::before,
body [data-type=outline] .tree-item-self:hover::before {
color: var(--text-dl);
}
body .outline .tree-item.is-collapsed .collapse-icon svg,
body [data-type=outline] .tree-item.is-collapsed .collapse-icon svg {
visibility: visible;
}
body .outline .tree-item.is-collapsed .tree-item-self::before,
body [data-type=outline] .tree-item.is-collapsed .tree-item-self::before {
display: none;
}
.is-mobile .outline,
.is-mobile [data-type=outline] {
--nav-item-children-margin-left: 28px;
--nav-item-children-padding-left: 0;
}
.hide-outline-heading [data-type=outline] {
--outline-symbol: "";
--outline-arrow-visibility: visible;
--outline-arrow-margin: -3px;
--outline-symbol-padding-right: 0;
}
body {
--popover-width: 650px;
--popover-font-size: var(--font-size);
--popover-max-height: 600px;
--popover-border: 3px solid var(--outline);
}
.popover.hover-popover {
border: var(--popover-border);
box-shadow: var(--shadow-l);
}
.backlink-pane,
.outgoing-link-pane {
padding: var(--size-4-3);
}
.backlink-pane > .tree-item-self,
.outgoing-link-pane > .tree-item-self {
text-align: center;
background-color: var(--code-bg);
margin-bottom: 10px;
padding: 4px 6px;
box-shadow: 0 4px 0 var(--outline);
}
.embedded-backlinks {
clear: both;
}
.outgoing-link-item {
align-items: center;
gap: 4px;
}
.outgoing-link-item .tree-item-inner-subtext {
margin-top: 2px;
}
.outgoing-link-item .tree-item-inner {
font-size: var(--font-ui-medium);
}
.outgoing-link-item .tree-item-inner-subtext {
font-size: var(--font-ui-smaller);
}
.outgoing-link-item:nth-child(odd):not(:hover) {
background-color: var(--td);
}
body {
--graph-controls-section-header-padding: var(--nav-item-parent-padding);
--graph-background: var(--graph-bg);
--graph-text: var(--text-normal);
--graph-arrow: var(--soft-text);
--graph-line: var(--graph-lines);
--graph-line-hover: var(--accent);
--graph-node: var(--headers);
--graph-node-focused: var(--graph-focused);
--graph-node-hover-outline: var(--text-dl);
--graph-node-hover-fill: var(--graph-fill);
--graph-node-tag: var(--graph-tag);
--graph-node-attachment: var(--graph-img);
--graph-node-unresolved: var(--graph-404);
}
.workspace-leaf-content[data-type=graph] .view-content {
background-color: var(--graph-background);
}
.graph-view.color-circle {
color: var(--graph-node-hover-outline);
}
.graph-view.color-line-highlight {
color: var(--graph-line-hover);
}
.graph-view.color-fill-highlight {
color: var(--graph-node-hover-fill);
}
.graph-view.color-arrow {
color: var(--graph-arrow);
}
.graph-controls {
--nav-item-color-hover: var(--text);
}
.graph-control-section {
padding: 0;
border-bottom-color: var(--table);
}
.graph-control-section > .tree-item-self {
padding: var(--size-4-2) var(--size-4-2);
}
.graph-control-section:not(.is-collapsed) > .tree-item-self {
font-weight: 900;
border-bottom: 2px solid var(--accent);
}
.graph-control-section .graph-control-section-header {
font-size: var(--font-ui-medium);
}
.graph-control-section .setting-item:not(.setting-item-heading) {
padding: 0.5em 0.8em;
}
.graph-control-section .graph-color-groups-container {
padding: 8px 12px;
}
.graph-control-section .graph-color-button-container {
padding: 0 12px;
}
.graph-control-section .graph-color-button-container button {
margin-top: 0;
}
.mermaid .nodeLabel {
font-size: var(--font-ui-medium);
}
.mermaid rect:not([style]) {
fill: var(--embed-bg) !important;
stroke: var(--inactive) !important;
stroke-width: 1px;
}
.mermaid .classLabel .label {
fill: var(--inactive) !important;
}
.mermaid g.classGroup line {
stroke: var(--table) !important;
}
.mermaid .active0 {
fill: var(--accent2) !important;
}
.mermaid .done0 {
fill: var(--accent2-lite) !important;
stroke: var(--inactive) !important;
}
.mermaid .doneText, .mermaid .taskTextOutside0 {
fill: var(--text) !important;
}
.mermaid .exclude-range {
fill: var(--inactive) !important;
}
.mermaid line {
stroke: var(--text-faint) !important;
}
.mermaid .noteText > tspan {
fill: var(--footnote) !important;
}
.mermaid .entityBox {
fill: var(--bg) !important;
stroke: var(--table) !important;
}
.mermaid .attributeBoxEven {
fill: var(--note) !important;
}
.mermaid .attributeBoxOdd {
fill: var(--dark-accent) !important;
}
.mermaid .node-label {
stroke: white !important;
}
.mermaid .face {
stroke: var(--text) !important;
}
/*-- Publish Settings --*/
.publish-upload-item .flair {
background-color: var(--interactive-normal);
color: var(--text);
}
.publish-upload-item-title {
color: var(--text);
font-weight: 600;
}
.publish-change-list .tree-item-children {
--nav-item-children-margin-left: 12px;
}
.publish-change-list .file-tree-item-checkbox {
--checkbox-border-color-hover: var(--text);
}
.publish-change-list .tree-item-self.mod-file {
margin-left: 16px;
}
.internal-query {
background: var(--note);
border: 3px solid var(--outline);
}
.internal-query .internal-query-header {
background-color: var(--code-bg);
box-shadow: 0 2px 0 var(--td);
padding: 5px;
}
.internal-query .internal-query-header-title {
font-size: var(--font-smallest);
font-weight: 600;
line-height: 18px;
color: var(--soft-text);
}
.internal-query .search-result-container {
padding: 0 7px;
border: 0;
}
.internal-query .search-results-children .tree-item {
background: var(--note);
margin: 10px 0;
}
.internal-query .search-result-file-match {
width: 100%;
}
.internal-query .search-empty-state {
color: var(--text-error);
font-family: var(--font-monospace);
text-align: center;
margin: 10px;
}
body {
--slide-background: var(--note);
--r-heading-color: var(--headers);
--r-heading-font: var(--font);
--r-heading-text-transform: capitalize;
--r-heading-font-weight: var(--header-weight);
--r-main-font: var(--font-default);
--r-progress-color: var(--lite-accent);
}
.reveal {
--h1-border-line-width: 100%;
--h2-border-line-width: 100%;
--h3-border-line-width: 100%;
--h4-border-line-width: 100%;
--h5-border-line-width: 100%;
--h6-border-line-width: 100%;
}
.slides-container,
.reveal-viewport {
background-color: var(--slide-background);
}
.reveal {
color: var(--text);
font-size: calc(var(--font-text-size) + 0.7em);
}
.reveal code {
color: var(--code-text);
background: var(--code-bg);
padding: 4px;
font-family: var(--font-monospace);
box-shadow: var(--code-shadow);
}
.reveal button {
--input-shadow: none;
--input-shadow-hover: none;
}
.reveal .progress {
color: var(--r-progress-color);
}
.reveal img {
margin: 5px;
}
.reveal table :is(td, th) {
border-color: var(--table);
}
.reveal li::marker {
--list-marker-color: transparent;
}
.bookmark + .tree-item-children {
--nav-item-children-margin-left: 12px;
--nav-item-children-padding-left: 4px;
}
.bookmark.tree-item-self.mod-collapsible {
--nav-item-weight: 900;
}
.bookmark.tree-item-self {
gap: 2px;
padding: var(--explorer-item-padding);
}
.bookmark .tree-item-icon {
margin-left: -5px;
}
.workspace-leaf-content[data-type=bookmarks] .view-content {
padding: 0 var(--size-4-2);
--bookmark-group-weight: 900;
}
.workspace-leaf-content[data-type=bookmarks] .view-content .collapse-icon + .tree-item-inner {
font-weight: var(--bookmark-group-weight);
}
.is-mobile .bookmark + .tree-item-children {
--nav-item-children-margin-left: 8px;
--nav-item-children-padding-left: 10px;
}
body {
--canvas-node-padding: 0 7px;
--canvas-color-opacity: 0.07;
}
body.theme-dark {
--canvas-color: 88, 100, 159;
}
body.theme-light {
--canvas-color: 166, 180, 204;
}
.canvas-control-group,
.canvas-control-item {
border-width: 2px;
border-color: var(--outline);
}
.canvas-control-item {
background-color: var(--note);
}
.canvas-card-menu {
border: var(--box-border);
}
.canvas-node.is-themed .canvas-node-content {
background-color: rgba(var(--canvas-color), var(--canvas-color-opacity));
}
.theme-dark .canvas-minimap rect.is-themed, .theme-dark .canvas-minimap rect {
fill-opacity: var(--canvas-color-opacity);
}
.theme-dark .canvas-minimap path, .theme-dark .canvas-minimap path.is-themed {
stroke: rgba(var(--canvas-color), calc(var(--canvas-color-opacity) + 0.5));
}
.canvas-node-placeholder {
line-height: var(--line-height-tight);
}
.canvas-node-connection-point::after {
border-color: rgb(var(--canvas-color));
}
.canvas-path-label {
background-color: var(--canvas-background);
}
body {
--metadata-property-radius: var(--radius-s);
--metadata-property-radius-hover: var(--radius-s);
--metadata-property-radius-focus: var(--radius-s);
--metadata-title-align: center;
--metadata-title-size: var(--font-text-size);
--metadata-title-color: var(--text-muted);
--metadata-title-weight: 900;
--metadata-title-icon: "";
--metadata-title-icon-font: var(--its);
--metadata-title-icon-padding: 5px;
--metadata-remove-color: var(--accent-text);
--metadata-remove-color-hover: var(--text-dl);
--metadata-icon-color: var(--icon-color);
--metadata-button-text-color: var(--inactive);
--metadata-input-background: transparent;
--metadata-label-background-active: var(--td);
--metadata-input-background-active: var(--td);
}
.metadata-container {
transform: unset;
}
.metadata-properties-heading {
display: block;
margin-bottom: 0;
}
.metadata-properties-title {
font-size: var(--metadata-title-size);
color: var(--metadata-title-color);
text-align: var(--metadata-title-align);
font-weight: var(--metadata-title-weight);
margin-bottom: 5px;
}
.metadata-properties-title::before {
content: var(--metadata-title-icon);
font-family: var(--metadata-title-icon-font);
margin-right: var(--metadata-title-icon-padding);
font-weight: 100;
}
.metadata-property-icon {
color: var(--metadata-icon-color);
}
.metadata-add-button:not(:hover) {
color: var(--metadata-button-text-color);
}
.metadata-add-button.metadata-add-button {
margin-top: 0;
}
.metadata-property:focus-within {
--metadata-property-background-hover: var(--td);
}
.metadata-property[data-property-key=tags] .multi-select-pill {
padding: var(--tag-padding-y) var(--tag-padding-x);
gap: 0;
}
.metadata-property[data-property-key=tags] .multi-select-pill-remove-button {
color: var(--metadata-remove-color);
margin-right: 0;
}
.metadata-property[data-property-key=tags] .multi-select-pill-remove-button:hover {
color: var(--metadata-remove-color-hover);
}
.multi-select-pill-content {
margin-left: 0;
}
.metadata-property:not([data-property-key=tags]) .multi-select-container .multi-select-pill:not(:nth-last-child(2))::after {
content: ",";
}
.multi-select-container {
vertical-align: unset;
}
@container (width < 380px) {
.metadata-property[data-property-type=multitext] {
flex-wrap: unset;
}
}
@container (width < 280px) {
.metadata-property {
border-bottom: var(--metadata-divider-width) solid var(--metadata-divider-color);
}
.metadata-property > * {
--metadata-divider-width: 0;
}
}
.workspace-split:not(.mod-root) .metadata-container {
--metadata-divider-width: 0;
}
body {
--style-settings-heading-border-top-color: transparent;
--style-settings-heading-border-bottom-color: transparent;
--style-settings-border-top-color: transparent;
--style-settings-border-bottom-color: transparent;
--style-settings-background-color: transparent;
--style-settings-heading-background-hover: var(--dark-accent);
--style-settings-heading-color: var(--text-dl);
--style-settings-heading-color-hover: var(--text-dl);
}
.style-settings-heading .setting-item-name {
font-weight: 900;
font-size: var(--font-ui-medium);
}
.style-settings-container,
[data-type=style-settings] {
--setting-item-heading-border: transparent;
}
.style-settings-container .setting-item.setting-item,
[data-type=style-settings] .setting-item.setting-item {
padding: 8px 15px;
margin-top: 0;
}
.style-settings-container .setting-item-heading.setting-item-heading:not(.is-collapsed),
[data-type=style-settings] .setting-item-heading.setting-item-heading:not(.is-collapsed) {
--icon-color: var(--text-dl);
}
.style-settings-container .setting-item-heading.setting-item-heading:not(.is-collapsed):not(:hover) .setting-item-name, .style-settings-container .setting-item-heading.setting-item-heading:not(.is-collapsed):not(:hover) .style-settings-collapse-indicator,
[data-type=style-settings] .setting-item-heading.setting-item-heading:not(.is-collapsed):not(:hover) .setting-item-name,
[data-type=style-settings] .setting-item-heading.setting-item-heading:not(.is-collapsed):not(:hover) .style-settings-collapse-indicator {
color: var(--text-dl);
}
.style-settings-container .setting-item-heading.setting-item-heading:not(.is-collapsed):hover,
[data-type=style-settings] .setting-item-heading.setting-item-heading:not(.is-collapsed):hover {
background-color: var(--style-settings-heading-background-hover);
--style-settings-heading-border-bottom-color: var(--style-settings-heading-border-top-color);
}
.style-settings-container .setting-item-heading.setting-item-heading:not(.is-collapsed):hover .setting-item-description, .style-settings-container .setting-item-heading.setting-item-heading:not(.is-collapsed):hover .setting-item-name, .style-settings-container .setting-item-heading.setting-item-heading:not(.is-collapsed):hover .style-settings-collapse-indicator, .style-settings-container .setting-item-heading.setting-item-heading:not(.is-collapsed):hover .clickable-icon,
[data-type=style-settings] .setting-item-heading.setting-item-heading:not(.is-collapsed):hover .setting-item-description,
[data-type=style-settings] .setting-item-heading.setting-item-heading:not(.is-collapsed):hover .setting-item-name,
[data-type=style-settings] .setting-item-heading.setting-item-heading:not(.is-collapsed):hover .style-settings-collapse-indicator,
[data-type=style-settings] .setting-item-heading.setting-item-heading:not(.is-collapsed):hover .clickable-icon {
color: var(--text-dl);
}
.view-content .style-settings-container .setting-item:not(.setting-item-heading) {
flex-direction: row;
align-items: center;
}
.view-content .style-settings-container .setting-item:not(.setting-item-heading) .setting-item-control {
padding-top: 0;
}
.workspace-leaf-content[data-type=style-settings] .view-content {
padding: 20px;
}
.themed-color-wrapper > div {
border-radius: var(--radius-s);
}
.style-settings-filter-result-count {
color: var(--text);
opacity: 0.7;
font-weight: 500;
}
.style-settings-container .style-settings-heading {
background-color: var(--style-settings-background-color);
border-top: 2px solid var(--style-settings-heading-border-top-color);
border-bottom: 2px solid var(--style-settings-heading-border-bottom-color);
margin-bottom: 0;
}
.style-settings-container .style-settings-heading:not(.is-collapsed) .setting-item-description {
color: var(--text-dl);
}
.style-settings-container {
border: 2px solid var(--style-settings-border-bottom-color);
border-top: 0;
padding: 0;
padding-bottom: 10px;
}
.style-settings-heading.style-settings-heading[data-level="0"] {
--setting-item-heading-border: 2px solid var(--table);
margin-bottom: 0;
padding: 12px 15px;
margin-top: 0;
}
.style-settings-heading[data-level="0"]:not(.is-collapsed) {
--setting-item-heading-border: 2px solid var(--accent);
background-color: var(--deep-dark-accent);
}
.style-settings-heading[data-level="0"]:not(.is-collapsed) .setting-item-name, .style-settings-heading[data-level="0"]:not(.is-collapsed) .style-settings-collapse-indicator {
color: var(--text-dl);
}
.style-settings-heading[data-level="0"] + .style-settings-container {
border: 2px solid var(--outline);
border-top: 0;
}
.style-settings-heading[data-level="0"] + .style-settings-container {
padding-left: 0;
}
.style-settings-heading[data-level="0"] + .style-settings-container .style-settings-collapse-indicator {
margin: 0;
}
.setting-item-heading[data-level="1"]:not(.is-collapsed) {
--style-settings-heading-border-top-color: var(--theme-rainbow-1);
--style-settings-background-color: var(--theme-rainbow-1);
--setting-item-heading-background: var(--theme-rainbow-1);
}
.style-settings-heading[data-level="1"] + .style-settings-container {
--style-settings-border-bottom-color: var(--theme-rainbow-1);
}
.setting-item-heading[data-level="2"]:not(.is-collapsed) {
--style-settings-heading-border-top-color: var(--theme-rainbow-2);
--style-settings-background-color: var(--theme-rainbow-2);
--setting-item-heading-background: var(--theme-rainbow-2);
}
.style-settings-heading[data-level="2"] + .style-settings-container {
--style-settings-border-bottom-color: var(--theme-rainbow-2);
}
.setting-item-heading[data-level="3"]:not(.is-collapsed) {
--style-settings-heading-border-top-color: var(--theme-rainbow-3);
--style-settings-background-color: var(--theme-rainbow-3);
--setting-item-heading-background: var(--theme-rainbow-3);
}
.style-settings-heading[data-level="3"] + .style-settings-container {
--style-settings-border-bottom-color: var(--theme-rainbow-3);
}
.setting-item-heading[data-level="4"]:not(.is-collapsed) {
--style-settings-heading-border-top-color: var(--theme-rainbow-4);
--style-settings-background-color: var(--theme-rainbow-4);
--setting-item-heading-background: var(--theme-rainbow-4);
}
.style-settings-heading[data-level="4"] + .style-settings-container {
--style-settings-border-bottom-color: var(--theme-rainbow-4);
}
.setting-item-heading[data-level="5"]:not(.is-collapsed) {
--style-settings-heading-border-top-color: var(--theme-rainbow-5);
--style-settings-background-color: var(--theme-rainbow-5);
--setting-item-heading-background: var(--theme-rainbow-5);
}
.style-settings-heading[data-level="5"] + .style-settings-container {
--style-settings-border-bottom-color: var(--theme-rainbow-5);
}
.setting-item-heading[data-level="6"]:not(.is-collapsed) {
--style-settings-heading-border-top-color: var(--theme-rainbow-6);
--style-settings-background-color: var(--theme-rainbow-6);
--setting-item-heading-background: var(--theme-rainbow-6);
}
.style-settings-heading[data-level="6"] + .style-settings-container {
--style-settings-border-bottom-color: var(--theme-rainbow-6);
}
.style-settings-heading .style-settings-collapse-indicator::after {
font-family: var(--its);
padding-left: 10px;
font-weight: 100;
}
.style-settings-heading:not([data-level="0"]) .style-settings-collapse-indicator {
padding-right: 7px;
}
.style-settings-heading[data-id=ITS] .style-settings-collapse-indicator::after {
content: "\e817";
}
.style-settings-heading[data-id=Text-CSS] .style-settings-collapse-indicator::after {
content: "\e80d";
}
.style-settings-heading[data-id=ITS-Workspace] .style-settings-collapse-indicator::after {
content: "\e805";
}
.style-settings-heading[data-id=ITS-Note] .style-settings-collapse-indicator::after {
content: "\e804";
}
.style-settings-heading[data-id=ITS-Colors] .style-settings-collapse-indicator::after {
content: "\ec10";
}
.style-settings-heading[data-id=ITS-Plugins] .style-settings-collapse-indicator::after {
content: "\ec06";
}
.style-settings-heading[data-id=ITS-Alt-Color-Scheme] .style-settings-collapse-indicator::after {
content: "\ec24";
}
.style-settings-info-text[data-id^=info-text-SlRvb] {
text-align: center;
justify-content: center;
}
.style-settings-info-text[data-id^=info-text-SlRvb] .setting-item-control {
display: none;
}
.style-settings-info-text[data-id^=info-text-SlRvb] .link-favicon {
display: none !important;
vertical-align: unset;
}
.setting-item[data-id=its-theme] {
display: none;
}
body {
--dataview-th-border-bottom: 2px solid var(--headers);
--dataview-th-background: var(--outer-bar);
--dataview-th-alt-color: rgba(var(--accent-color), 10%);
--dataview-th-color: var(--headers);
--dataview-th-font: var(--font);
--dataview-th-font-size: larger;
--dataview-th-font-weight: var(--header-weight);
--dataview-th-count-font-size: var(--font-text-size);
--dataview-th-count-color: var(--dataview-th-color);
--dataview-table-width: 100%;
}
.dataview.dataview {
--root-list-spacing: 0;
}
.table-view-table {
width: var(--dataview-table-width);
}
.table-view-table > thead > tr {
--table-header-background: var(--dataview-th-background);
}
.table-view-table > thead > tr > th {
--table-header-color: var(--dataview-th-color);
--table-header-font: var(--dataview-th-font);
font-size: var(--dataview-th-font-size);
font-weight: var(--dataview-th-font-weight);
border-bottom: var(--dataview-th-border-bottom);
}
.table-view-table > thead > tr > th:nth-child(2n+2) {
--table-column-alt-background: var(--dataview-th-alt-color);
}
.table-view-table > thead > tr:hover {
--dataview-th-count-color: var(--text-dl);
}
.table-view-table > thead > tr:hover > th {
--table-header-color: var(--text-dl);
}
.dataview.small-text {
font-size: var(--dataview-th-count-font-size);
color: var(--dataview-th-count-color);
}
.dataview.result-group {
padding-left: 0;
}
.is-live-preview .block-language-dataviewjs > :is(p, span) {
line-height: var(--lh);
}
.dataview.dataview.inline-field-standalone-value {
padding-left: 0;
padding-right: 0;
display: inline;
border-radius: 0;
font-family: inherit;
background-color: transparent;
}
.dataview.dataview.inline-field-key, .dataview.dataview.inline-field-value {
border-radius: var(--radius);
font-family: inherit;
font-weight: bold;
padding: 0 10px;
}
.dataview.dataview.inline-field-key {
background-color: var(--bttn);
color: var(--text-dl);
}
.dataview.dataview.inline-field-value {
background-color: var(--td);
}
.dataview.dataview.inline-field-value a.tag:first-child:empty {
display: none;
}
.dataview .inline-field-standalone-value span > a.tag:empty {
display: none;
}
body:not(.list-default-bullet) .dataview.dataview div div > ul {
padding-inline-start: 0;
}
body:not(.list-default-bullet) .dataview.dataview.table-view-table ul {
padding-inline-start: 0;
}
/* Hover Editor */
body:is(.theme-dark, .theme-light) {
--he-title-bar-active-fg: var(--text);
--he-title-bar-active-pinned-bg: var(--note);
--he-title-bar-active-action: var(--lite-accent);
--he-title-bar-active-bg: var(--embed-bg);
--he-title-bar-inactive-fg: var(--inactive);
--he-title-bar-inactive-bg: var(--note);
--he-title-bar-inactive-pinned-bg: var(--note);
--he-title-bar-inactive-action: var(--soft-text);
--he-popover-border-radius: var(--radius-s);
--he-text-on-accent-inactive: var(--text);
--he-text-on-accent-active: var(--headers);
}
.popover.hover-editor:not(.show-navbar) .view-header {
padding: 0;
}
.popover.hover-editor .markdown-source-view {
--file-margins: var(--size-4-3);
}
.obsidian-icon-folder-icon,
.iconize-icon.iconize-icon.iconize-icon {
margin-right: var(--file-icon-margin) !important;
border: 0;
padding: 0 !important;
width: var(--nav-item-size);
}
.obsidian-icon-folder-icon svg,
.iconize-icon.iconize-icon.iconize-icon svg {
width: var(--nav-item-size);
color: var(--folder-open);
}
.obsidian-icon-folder-icon + .nav-folder-title-content, .obsidian-icon-folder-icon + .nav-file-title-content,
.iconize-icon.iconize-icon.iconize-icon + .nav-folder-title-content,
.iconize-icon.iconize-icon.iconize-icon + .nav-file-title-content {
--folder-icon: ;
--file-icon: ;
}
.obsidian-icon-folder-icon + .nav-folder-title-content::before, .obsidian-icon-folder-icon + .nav-file-title-content::before,
.iconize-icon.iconize-icon.iconize-icon + .nav-folder-title-content::before,
.iconize-icon.iconize-icon.iconize-icon + .nav-file-title-content::before {
content: "";
width: unset;
margin-right: unset;
}
.is-collapsed + div.iconize-icon.iconize-icon > svg {
color: var(--folder);
}
body {
--kanban-lane-background: var(--code-bg);
--kanban-lane-border: var(--box-border-m);
--kanban-lane-box-shadow: var(--shadow-s);
--kanban-lane-padding: 0 4px;
--kanban-card-title-background: var(--note);
--kanban-card-title-border: 0px 2px 0 var(--outline);
--kanban-card-metadata-background: var(--note);
--kanban-card-border: var(--box-border);
--kanban-card-margin: 2px 0;
--kanban-link-color: var(--accent2-lite);
--kanban-link-font-weight: inherit;
--kanban-link-symbol: ;
--kanban-tag-background: var(--tag-background);
--tag-background-color: var(--tag-background);
--kanban-button-background: var(--code-bg);
--kanban-button-shadow: var(--input-shadow);
--kanban-card-text-color: var(--text-normal);
}
.kanban-plugin__lane.kanban-plugin__lane {
background-color: var(--kanban-lane-background);
border-radius: var(--radius-m);
border: var(--kanban-lane-border);
box-shadow: var(--kanban-lane-box-shadow);
}
.kanban-plugin__lane.kanban-plugin__lane .kanban-plugin__lane-items {
margin: 0;
padding: var(--kanban-lane-padding);
}
.kanban-plugin__lane-header-wrapper {
border: none;
padding: 5px 10px;
padding-bottom: 0;
}
.kanban-plugin__item-content-wrapper.kanban-plugin__item-content-wrapper {
border-radius: var(--radius-m);
}
.kanban-plugin__item.kanban-plugin__item {
border: var(--kanban-card-border);
margin: var(--kanban-card-margin);
}
.kanban-plugin__item-title-wrapper {
padding: 2px 8px;
background: var(--kanban-card-title-background);
align-self: center;
align-items: center;
}
.kanban-plugin__item-title-wrapper:not(:only-child) {
border: none;
box-shadow: var(--kanban-card-title-border);
}
.kanban-plugin__item.kanban-plugin__item .markdown-preview-view a.internal-link,
.kanban-plugin__item-title .markdown-preview-view a.internal-link {
color: var(--kanban-link-color);
font-weight: var(--kanban-link-font-weight);
}
.kanban-plugin__item.kanban-plugin__item .markdown-preview-view a.internal-link.is-unresolved,
.kanban-plugin__item-title .markdown-preview-view a.internal-link.is-unresolved {
color: var(--link-unresolved-color);
opacity: var(--link-unresolved-opacity);
filter: var(--link-unresolved-filter);
text-decoration-style: var(--link-unresolved-decoration-style);
text-decoration-color: var(--link-unresolved-decoration-color);
}
.kanban-plugin__item.kanban-plugin__item .markdown-preview-view a.tag,
.kanban-plugin__item-title .markdown-preview-view a.tag {
background: var(--kanban-tag-background);
}
.kanban-plugin__item-title .markdown-preview-view a.internal-link:after {
content: var(--kanban-link-symbol);
font-family: var(--its);
color: var(--accent);
}
.kanban-plugin__item-content-wrapper {
background: var(--kanban-card-metadata-background);
background-color: var(--kanban-card-metadata-background);
}
.kanban-plugin__item-metadata-wrapper:not(:empty) {
padding: 2px 6px;
z-index: 0;
background: transparent;
}
.kanban-plugin__meta-table td {
padding: 0;
}
.kanban-plugin__meta-table td.kanban-plugin__meta-key {
color: var(--footnote);
font-weight: 600;
}
.kanban-plugin__meta-table td .kanban-plugin__meta-value {
display: block;
}
.kanban-plugin__item-button-wrapper.kanban-plugin__item-button-wrapper {
border: 0;
background-color: var(--kanban-button-background);
padding: 0;
}
.kanban-plugin__item-button-wrapper.kanban-plugin__item-button-wrapper button {
box-shadow: var(--kanban-button-shadow);
}
.kanban-plugin__item-postfix-button {
padding-left: 0;
padding-right: 0;
margin-right: -7px;
}
.kanban-plugin__item-form .kanban-plugin__item-input-wrapper textarea {
background: transparent;
}
.kanban-plugin__item-prefix-button-wrapper input[type=checkbox] {
filter: none;
}
.kanban-plugin__item hr {
--hr-icon-background: var(--kanban-card-title-background);
}
.kanban-plugin__meta-value.kanban-plugin__meta-value .markdown-preview-view,
.kanban-plugin__markdown-preview-wrapper.kanban-plugin__markdown-preview-wrapper .markdown-preview-view {
color: var(--kanban-card-text-color);
}
.internal-link.BC-Link,
button[class^=BC] {
cursor: pointer;
}
.BC-trail {
border: 0;
z-index: 10;
margin-bottom: 0 !important;
}
.BC-trail .BC-trail-path-container.BC-trail-path-container {
font-weight: var(--bold-weight);
display: flex;
justify-content: center;
align-items: center;
}
.BC-trail .BC-trail-sep {
color: var(--inactive);
font-weight: 900;
}
.BC-trail.is-readable-line-width {
width: auto !important;
}
[data-type=BC-matrix] div.view-content.view-content {
padding: 0;
}
[data-type=BC-matrix] div.view-content.view-content .BC-matrix-buttons {
padding: var(--size-4-2) var(--size-4-4) var(--size-4-1);
}
.BC-Matrix.BC-Matrix.BC-Matrix > .BC-matrix-hier {
border: 0;
}
.BC-Matrix.BC-Matrix.BC-Matrix > .BC-matrix-hier .BC-Matrix-square {
border: 2px solid var(--outline);
border-radius: var(--radius-s);
box-shadow: var(--shadow-m);
}
.BC-Matrix.BC-Matrix.BC-Matrix > .BC-matrix-hier .BC-Matrix-header {
--h4-border-line-height: 0;
--h6-border-line-height: 0;
}
.BC-Matrix.BC-Matrix.BC-Matrix > .BC-matrix-hier ol {
--list-numbered-color: transparent;
padding-left: 10px;
}
.markdown-rendered.BC-matrix-view .BC-matrix-view-field {
padding: var(--size-4-1) var(--size-4-1) var(--size-4-3) var(--size-4-1);
border: 2px solid var(--outline);
border-radius: var(--radius-s);
box-shadow: var(--shadow-m);
}
.markdown-rendered.BC-matrix-view .BC-matrix-view-field .text-lg {
font-family: var(--h1-font);
color: var(--h1-color);
}
.markdown-rendered.BC-matrix-view .font-mono {
font-family: var(--font-monospace);
}
/* .BC-Matrix .BC-Matrix-square li::before {
content: var(--bullet);
font-family: var(--its);
color: var(--bullet-icon-color);
visibility: visible;
margin-top: -2px;
margin-left: -5px;
} */
.breadcrumbs-block .BC-trail {
background-color: var(--note);
padding: var(--size-4-1);
border: var(--box-border);
box-shadow: var(--shadow-m);
border-radius: var(--radius);
justify-content: center;
text-align: center;
}
.breadcrumbs-block .BC-trail .BC-trail-grid-item {
box-shadow: var(--shadow-s);
background-color: var(--outer-bar);
}
.BC-grid-wrapper.BC-grid-wrapper {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.BC-grid-wrapper.BC-grid-wrapper .BC-grid-options.BC-grid-options {
position: relative;
width: unset;
height: unset;
border: 0;
}
.BC-grid-wrapper.BC-grid-wrapper .BC-grid-options.BC-grid-options:hover .BC-grid-options-options.BC-grid-options-options {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
.BC-grid-wrapper.BC-grid-wrapper .BC-grid-options.BC-grid-options:hover .BC-grid-options-options.BC-grid-options-options .tree-item-flair {
margin: 0 10px;
}
.BC-grid-wrapper.BC-grid-wrapper .BC-trail-grid.BC-trail-grid, .BC-grid-wrapper.BC-grid-wrapper .BC-trail-grid-item.BC-trail-grid-item {
border: 0;
font-size: var(--font-ui-small);
font-weight: bold;
}
.BC-grid-wrapper.BC-grid-wrapper .BC-trail-grid-item.BC-trail-grid-item {
padding: 5px 10px;
margin: 5px;
text-align: center;
border: var(--box-border);
border-radius: var(--radius);
}
/*--Plugin: 5e Statblock--*/
body:not(.default-statblock) {
--statblock-primary-color: var(--text);
--statblock-background-color: var(--note);
--statblock-bar-color: var(--accent);
--statblock-rule-color: var(--accent);
--statblock-alt: var(--td);
--statblock-alt-padding: 0.25em 0.3em;
--statblock-image-border-color: var(--hr);
--statblock-border-size: 0;
--statblock-border-color: var(--lines);
--statblock-bar-border-size: 0;
--statblock-bar-border-color: var(--statblock-bar-color);
--statblock-box-shadow-color: var(--outline);
--statblock-box-shadow-x-offset: 0;
--statblock-box-shadow-y-offset: 0;
--statblock-box-shadow-blur: 20px;
--statblock-heading-font: var(--font);
--statblock-heading-font-color: var(--headers);
--statblock-heading-font-variant: normal;
--statblock-heading-font-weight: var(--header-weight);
--statblock-heading-line-height: 28px;
--statblock-subheading-font-size: var(--font-small);
--statblock-subheading-font-style: italic;
--statblock-subheading-font-weight: normal;
--statblock-font-color: var(--text);
--statblock-content-font: var(--font-default);
--statblock-content-font-size: var(--font-text-size);
--statblock-property-name-font-color: var(--headers);
--statblock-property-font-color: var(--text);
--statblock-section-heading-border-size: 4px;
--statblock-section-heading-border-color: var(--table);
--statblock-section-heading-font-color: var(--footnote);
--statblock-section-heading-font-size: var(--h3-size);
--statblock-section-heading-font-variant: normal;
--statblock-section-heading-font-weight: var(--header-weight);
--statblock-section-heading-font: var(--h3-font);
--statblock-traits-font-style: normal;
}
body:not(.default-statblock) .obsidian-statblock-plugin {
--header-border-line-width: 0;
--h1-border-line-width: var(--header-border-line-width);
--h2-border-line-width: var(--header-border-line-width);
--h3-border-line-width: var(--header-border-line-width);
--h4-border-line-width: var(--header-border-line-width);
--h5-border-line-width: var(--header-border-line-width);
--h6-border-line-width: var(--header-border-line-width);
}
body:not(.default-statblock) .obsidian-statblock-plugin .statblock-content {
padding: 0.45em;
}
body:not(.default-statblock) .obsidian-statblock-plugin .statblock-content .statblock-item-container {
margin-bottom: 0.2rem;
}
body:not(.default-statblock) .obsidian-statblock-plugin .statblock-content > div > .statblock-item-container:not(.group-container):not(.inline-container):not(.rule-container) {
padding: var(--statblock-alt-padding);
}
body:not(.default-statblock) .obsidian-statblock-plugin .statblock-inline-item {
padding: var(--statblock-alt-padding);
}
body:not(.default-statblock) .obsidian-statblock-plugin .column > .statblock-item-container:nth-child(odd):not(.rule-container,
.table-container,
.traits-container,
.heading-container) {
background: var(--statblock-alt);
}
body:not(.default-statblock) .obsidian-statblock-plugin .spell-list .spell-level .property-text, body:not(.default-statblock) .obsidian-statblock-plugin .property-name {
color: var(--statblock-property-name-font-color);
}
body:not(.default-statblock) .obsidian-statblock-plugin .spell-list .spell-level .property-text {
font-weight: 600;
}
body:not(.default-statblock) .obsidian-statblock-plugin .spell-list .spells .property-text {
font-style: normal;
}
body:not(.default-statblock) .obsidian-statblock-plugin li::marker {
--list-marker-color: transparent;
}
.obsidian-statblock-plugin :is(.statblock-heading.heading, .section-header)::before, .obsidian-statblock-plugin :is(.statblock-heading.heading, .section-header)::after {
display: none;
}
.obsidian-statblock-plugin :is(.statblock-heading.heading, .section-header) > :not(.collapse-indicator) {
margin: 0;
}
.excalidraw.excalidraw.excalidraw {
--default-bg-color: var(--note);
--input-bg-color: var(--note);
--input-border-color: var(--bg);
--island-bg-color: var(--note);
--button-gray-1: var(--bg);
--button-gray-2: var(--bttn);
--popup-bg-color: var(--code-bg);
--popup-secondary-bg-color: var(--dark-sidebar);
--overlay-bg-color: var(--embed-bg);
--keybinding-color: var(--soft-text);
--input-label-color: var(--text);
--icon-fill-color: var(--text);
--text-primary-color: var(--text);
--color-primary: var(--accent);
--color-primary-darker: var(--text-dl);
--color-primary-darkest: var(--deep-dark-accent);
--color-primary-light: var(--accent);
--color-selection: var(--lite-accent);
--color-promo: var(--accent2-lite);
--link-color: var(--accent2-lite);
--select-highlight-color: var(--accent);
--shadow-island:
0 0 0 1px var(--outline),
2px 2px 0 var(--outline);
--dialog-border-color: var(--hr);
--default-border-color: var(--hr);
--input-hover-bg-color: var(--td);
--button-hover: var(--dark-accent);
--sidebar-bg-color: var(--dark-sidebar);
--sidebar-border-color: var(--hr);
--border-radius-md: var(--radius-m);
--border-radius-lg: var(--radius-l);
}
.excalidraw .menu-item.menu-item {
color: var(--text);
}
.excalidraw .ToolIcon .ToolIcon__icon:hover,
.excalidraw .menu-item:hover {
color: var(--text-dl);
--icon-fill-color: var(--text-dl);
}
.excalidraw .context-menu {
max-height: var(--popover-max-height);
overflow-y: auto;
border-radius: var(--radius-s);
box-shadow: var(--shadow-m);
}
.excalidraw .context-menu li::before {
display: none;
}
/*Plugin: Fantasy Calendar*/
.workspace-leaf-content[data-type=FANTASY_CALENDAR] .view-content {
padding: 0 10px;
}
body .fantasy-calendar .weekdays.weekdays, body .fantasy-calendar .weeks {
font-weight: 900;
background-color: var(--th);
color: var(--th-text);
border-radius: var(--radius-s);
}
body .fantasy-calendar .weekdays .weekday, body .fantasy-calendar .weeks .week-num {
padding: 0px;
border-radius: var(--radius-s);
}
body .fantasy-calendar .weeks .week-num-container {
padding: 0px 5px;
color: var(--text);
background-color: var(--outer-bar);
}
textarea,
body .fantasy-calendar-element details[open],
body .fantasy-calendar-create-calendar details[open],
body .fantasy-day.day {
border-radius: var(--radius-s);
}
.fantasy-day.day.active {
background-color: var(--bttn);
color: var(--text-dl);
}
.fantasy-day.day.viewing {
border: none;
background-color: var(--lite-accent);
color: var(--text-dl);
}
.fantasy-day.day.viewing .dots-container {
padding: 2px;
}
:not(.dnd):not(.wotc) h3.fantasy-title::after {
display: none;
}
.fantasy-calendar-create-calendar .modal {
padding: 20px;
min-width: 70vw;
}
.fantasy-calendar-create-calendar .modal-content {
padding: 0 30px;
}
.fantasy-calendar-create-calendar h3 {
font-size: var(--h3-size);
text-align: center;
margin: 10px 0;
}
.fantasy-calendar-create-calendar h3::after {
width: 100%;
margin-top: 10px;
}
body .fantasy-calendar-date-fields {
flex-wrap: wrap;
flex-direction: column;
padding: 30px;
}
body .fantasy-calendar-element details[open],
body .fantasy-calendar-create-calendar details[open] {
margin: 10px 0;
border: 2px solid var(--outline);
box-shadow: 4px 4px 0 var(--outline);
}
.fantasy-calendar-container .event {
padding: 10px;
}
.fantasy-calendar-container .event:nth-child(even) {
box-shadow: 0 0 10px var(--outline);
}
.fantasy-calendar.full-view .fantasy-day.day:nth-child(even):not(.viewing, .active) {
background-color: var(--td);
}
.fantasy-calendar.full-view .flag.flag {
padding: 2px 10px;
}
.dice-roller-view .dice-button .clickable-icon {
margin: 0 7px;
--sidebar-tab-background-color-hover: transparent;
}
.dice-roller-view .dice-button .clickable-icon .cls-1 {
fill: var(--interactive-accent);
stroke: var(--interactive-accent);
}
.dice-roller-view .dice-button:hover .cls-1 {
fill: var(--accent);
stroke: var(--accent);
}
.dice-roller-view .dice-button svg g {
color: var(--text-dl);
fill: var(--text-dl);
}
.dice-roller-view .advantage-disadvantage button {
background: var(--success-bg);
color: var(--text-dl);
}
.dice-roller-view .advantage-disadvantage button:hover {
background-color: var(--dark-accent);
}
.dice-roller-view .advantage-disadvantage button + button {
background: var(--failure-bg);
}
.dice-roller.markdown-embed .dice-roller-result ul {
margin: 0;
}
.dice-roller.has-embed .internal-embed *:last-child:not(svg):not(.dice-content-copy):not(.markdown-embed .dice-roller):not(.dice-roller-result > .embedded-table-result *) {
margin: unset;
}
/*Button Plugin*/
body {
--button-border-radius: var(--radius-m);
--button-background: var(--bttn);
--button-text: var(--text-dl);
--button-border: var(--bttn);
--button-background-hover: var(--interactive-accent-hover);
}
body .button-default.button-default {
box-shadow: var(--shadow-s);
}
body .button-default.button-default:hover {
--button-background: var(--button-background-hover);
--button-border: var(--button-background-hover);
box-shadow: var(--shadow-l);
}
.modal-content.button-maker {
width: auto;
}
body {
--initiative-xp: sandybrown;
--initiative-tracker-border: var(--lines);
}
.obsidian-initiative-tracker.obsidian-initiative-tracker.obsidian-initiative-tracker {
margin: 0;
}
.obsidian-initiative-tracker.obsidian-initiative-tracker.obsidian-initiative-tracker .initiative-tracker-table {
width: auto;
border-spacing: 0;
}
.obsidian-initiative-tracker.obsidian-initiative-tracker.obsidian-initiative-tracker .initiative-tracker-creature:hover td {
border-top: 1px solid var(--initiative-tracker-border);
border-bottom: 1px solid var(--initiative-tracker-border);
}
.obsidian-initiative-tracker.obsidian-initiative-tracker.obsidian-initiative-tracker .initiative-tracker-creature:hover td:first-child {
border-left: 1px solid var(--initiative-tracker-border);
}
.obsidian-initiative-tracker.obsidian-initiative-tracker.obsidian-initiative-tracker .initiative-container {
border-top-left-radius: var(--radius-s);
border-bottom-left-radius: var(--radius-s);
}
.obsidian-initiative-tracker.obsidian-initiative-tracker.obsidian-initiative-tracker .initiative-container .tree-item-flair-outer {
margin: 0;
padding-left: 0;
}
.obsidian-initiative-tracker.obsidian-initiative-tracker.obsidian-initiative-tracker .controls-container {
border-top-right-radius: var(--radius-s);
border-bottom-right-radius: var(--radius-s);
}
.obsidian-initiative-tracker.obsidian-initiative-tracker.obsidian-initiative-tracker .editable.initiative.tree-item-flair {
background: var(--td);
}
.encounter-container > .encounter-instance {
margin: 5px;
padding: 15px;
border: var(--box-border);
box-shadow: var(--shadow-s);
border-radius: var(--radius-m, 0.5em);
}
.block-language-encounter {
--header-border-height: 0;
--h4-border-line-height: var(--header-border-height);
}
.block-language-encounter .encounter-container {
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.block-language-encounter .encounter-name.encounter-name {
display: block;
}
.encounter-instance.encounter-instance.encounter-instance .creature-li strong {
font-family: var(--font-monospace);
font-size: calc(var(--font-text-size) - 2px);
}
.encounter-instance.encounter-instance.encounter-instance .encounter-name.encounter-name h3 {
font-size: 20px;
font-weight: 900;
margin-top: -5px;
}
.encounter-instance.encounter-instance.encounter-instance .encounter-creatures.encounter-creatures.encounter-creatures.encounter-creatures h4 {
font-size: 16px;
margin-top: 6px;
margin-bottom: 2px;
color: var(--text);
font-family: var(--font-default);
font-weight: bold;
}
.encounter-instance.encounter-instance.encounter-instance .encounter-name {
justify-content: space-between;
}
.encounter-instance.encounter-instance.encounter-instance ul li.creature-li.creature-li {
width: unset;
}
.encounter-instance.encounter-instance.encounter-instance li::marker {
--list-marker-color: transparent;
}
.encounter-instance.encounter-instance.encounter-instance .dice-roller-result {
font-family: var(--font-monospace);
color: var(--lite-accent);
}
.encounter-instance.encounter-instance.encounter-instance .dice-roller-button {
color: var(--text-faint);
vertical-align: -2px;
margin-right: -5px;
}
.encounter-instance.encounter-instance.encounter-instance .encounter-xp, .encounter-instance.encounter-instance.encounter-instance .xp-parent {
color: var(--initiative-xp);
font-weight: bold;
margin: 0;
}
.encounter-instance.encounter-instance.encounter-instance .xp-parent:after {
content: "\f102";
/*"\e4fb" f753*/
font-family: var(--fa5);
color: var(--initiative-xp);
font-weight: 10 !important;
padding-left: 5px;
}
.encounter-instance.encounter-instance.encounter-instance .xp-parent .paren.left, .encounter-instance.encounter-instance.encounter-instance .xp-parent .paren.right, .encounter-instance.encounter-instance.encounter-instance .xp.text {
display: none;
}
.encounter-instance.encounter-instance.encounter-instance ul li:not(:hover) .xp-parent.xp-parent.xp-parent {
display: none;
}
.block-language-leaflet .leaflet-distance-control,
.leaflet-container .leaflet-control-attribution {
background-color: var(--note) !important;
color: var(--text) !important;
}
.leaflet-container.leaflet-container {
background-color: var(--outer-bar);
}
.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar, .leaflet-touch .leaflet-bar a:first-child {
border: none;
border-radius: var(--radius-s);
}
.leaflet-touch .leaflet-control-expandable, .leaflet-touch .leaflet-bar.leaflet-bar a {
background-color: var(--note);
border-color: var(--table);
color: var(--text);
}
.leaflet-container .leaflet-control-attribution a {
color: var(--accent2-lite) !important;
}
.longform-explorer.longform-explorer ul li::before {
display: none;
}
.longform-explorer.longform-explorer button {
cursor: pointer;
}
.longform-explorer.longform-explorer .new-scene-container, .longform-explorer.longform-explorer .tab-list, .longform-explorer.longform-explorer .new-draft-container, .longform-explorer.longform-explorer .compile-container {
border-color: var(--hr);
}
.longform-explorer.longform-explorer #project-picker {
justify-content: space-between;
}
.longform-explorer.longform-explorer #project-picker select {
width: 100%;
text-overflow: ellipsis;
}
.longform-explorer.longform-explorer .tab-list button {
color: var(--headers);
}
.longform-explorer.longform-explorer .tab-list .selected {
border-color: var(--accent);
background-color: var(--outer-bar);
color: var(--text);
}
.longform-explorer.longform-explorer .draft-container.draft-container {
white-space: pre-wrap;
}
.longform-explorer.longform-explorer .drafts-title-container.drafts-title-container button {
color: var(--text);
background-color: var(--interactive-normal);
}
.longform-explorer.longform-explorer .drafts-title-container.drafts-title-container button:hover {
background-color: var(--interactive-accent-hover);
}
.longform-explorer.longform-explorer .longform-compile-container .longform-compile-step {
background: var(--note);
border: var(--box-border);
box-shadow: var(--shadow-s);
padding: 5px 10px;
}
.longform-explorer.longform-explorer .longform-compile-container .longform-step-kind-pill.longform-step-kind-pill {
background-color: var(--tag-background);
}
.longform-explorer.longform-explorer .longform-compile-container .longform-compile-step-options > div {
border-color: var(--lite-accent);
}
.auto-class-settings__match-list li {
border-radius: var(--radius-s);
--list-marker-color: transparent;
}
.auto-class-settings__match-group-header:hover,
li.auto-class-settings__match-list-item:hover {
background-color: var(--td);
}
ul.auto-class-settings__match-group-list {
margin-left: 16px;
border-left: 2px solid var(--accent);
}
.auto-class-manage-match__class-list-item {
justify-content: start;
flex-direction: row-reverse;
--list-marker-color: transparent;
}
.auto-class-manage-match__class-list-item span {
margin-right: 10px;
}
.auto-class-manage-match__class-list-item .auto-class-manage-match__class-list-control {
margin-bottom: -4px;
}
.qe-popup-menu .menu-item {
--interactive-accent-hover: var(--dark-accent);
}
.menu-item.is-qe-folder {
font-weight: var(--folder-weight);
}
object.link-favicon {
height: inherit !important;
margin-right: 5px;
}
/* Heatmap Calendar Fix */
.heatmap-calendar-graph {
--heatmap-background: var(--outer-bar);
--heatmap-today-border-color: var(--accent);
--heatmap-today-border-width: 1px;
--root-list-spacing: 0;
--list-indent: 0;
}
.heatmap-calendar-graph ul li {
border: 0;
}
.heatmap-calendar-graph ul li::before {
display: none;
}
.heatmap-calendar-graph .heatmap-calendar-boxes .isEmpty {
background-color: var(--heatmap-background);
}
.heatmap-calendar-graph .heatmap-calendar-boxes .today {
border-color: var(--heatmap-today-border-color);
border-width: var(--heatmap-today-border-width);
}
/*Emoji Toolbar*/
img.emoji.emoji {
object-fit: cover;
}
.folder-note-underline .has-folder-note .nav-folder-title-content,
.alx-folder-with-note.nav-folder > .nav-folder-title > .nav-folder-title-content {
text-decoration-color: var(--lite-accent);
}
.folder-note-underline .has-folder-note .nav-folder-title-content.nav-folder-title.is-active,
.alx-folder-with-note.nav-folder .nav-folder-title.is-active {
color: var(--text-dl);
}
.fn-whitespace-stop-collapsing .nav-folder-title, .fn-whitespace-stop-collapsing .nav-folder-title-content {
padding: var(--explorer-item-padding) !important;
}
.fn-whitespace-stop-collapsing .nav-folder-title-content {
padding-left: 0 !important;
}
.settings-search-input {
padding: 8px 6px;
border: 0;
}
/* MAKE.md */
.mk-sidebar {
--nav-item-background-selected: var(--nav-item-background-active);
--file-header-color-active: var(--text-dl);
--nav-item-color-selected: var(--text-dl);
}
.mk-sidebar .mk-main-menu-button:hover {
color: var(--text-dl);
}
.mk-sidebar .mk-tree-text::before {
display: none;
}
.mk-sidebar .mk-tree-item {
--vertical-padding: unset;
}
.mk-sidebar .mk-tree-item.is-selected, .mk-sidebar .mk-tree-item.is-active, .mk-sidebar .mk-tree-item:hover {
--folder-open-text-color: var(--text-dl);
}
.mk-sidebar .mk-tree-item.is-selected svg, .mk-sidebar .mk-tree-item.is-active svg, .mk-sidebar .mk-tree-item:hover svg {
--icon-color: var(--text-dl);
color: var(--text-dl);
}
.mk-sidebar .mk-tree-item.tree-item-self {
gap: 1px;
}
.cm-s-obsidian .templater-command-bg, .cm-s-obsidian .templater-inline .cm-templater-command {
background-color: var(--code-bg);
box-shadow: var(--code-shadow);
}
.oit li::before {
--bullet: "";
--list-marker-color: transparent;
}
.oit .oit-img-toolbar li::before {
margin-left: 0;
}
.oit-normal .oit-img-footer .oit-img-toolbar > li[class]::before {
margin-inline: revert;
}
/* Vault Icon */
.vault-icon {
--vault-icon-image: "";
--vault-icon-width: 32px;
--vault-icon-height: 28px;
--vault-icon-padding: 10px;
}
.vault-icon .mod-left .workspace-drawer-header::before, .vault-icon .workspace-sidedock-vault-profile::before {
content: "";
background-image: var(--vault-icon-image);
background-size: contain;
background-repeat: no-repeat;
width: var(--vault-icon-width);
height: var(--vault-icon-height);
}
.vault-icon .mod-left .workspace-drawer-header::before {
margin-right: var(--vault-icon-padding);
}
.vault-title-none .nav-folder.mod-root > .nav-folder-title {
display: none;
}
body {
--folder-icon: "";
--folder-font: var(--its);
--file-icon: "";
--file-font: var(--its);
--file-icon-margin: 6px;
--nav-item-children-padding-left: 2px;
--folder-icon-open-color: var(--folder-open);
--folder-icon-color: var(--folder);
}
/*Nav Folder/File Icons*/
.nav-folder-children .nav-folder-title .nav-folder-title-content::before,
.nav-folder-title .nav-folder-title-content::before,
.nav-file-title .nav-file-title-content::before {
margin-inline-end: var(--file-icon-margin);
float: inline-start;
font-size: var(--nav-item-size);
font-weight: 10;
width: var(--nav-item-size);
height: var(--nav-item-size);
}
.nav-folder-children .nav-folder-title-content::before,
.nav-folder-title-content::before {
content: var(--folder-icon);
font-family: var(--folder-font);
color: var(--folder-icon-color);
text-align: center;
}
.nav-folder-children .nav-folder:not(.is-collapsed) > .nav-folder-title .nav-folder-title-content::before,
.nav-folder:not(.is-collapsed) > .nav-folder-title .nav-folder-title-content::before {
color: var(--folder-icon-open-color);
}
.nav-folder-children .nav-folder:not(.is-collapsed) > .nav-folder-title .nav-folder-title-content:hover::before,
.nav-folder:not(.is-collapsed) > .nav-folder-title .nav-folder-title-content:hover::before {
color: var(--nav-item-color-active);
}
.nav-file-title .nav-file-title-content::before {
content: var(--file-icon);
font-family: var(--file-font);
text-align: center;
color: var(--file-icon-color);
}
.nav-folder-title:is(.is-active, :hover) .nav-folder-title-content::before,
.nav-file-title:is(.is-active, :hover) .nav-file-title-content::before,
.nav-file-title:is(.is-active, :hover) .nav-file-icon {
color: var(--nav-item-color-active);
}
.file-explorer-flat {
--explorer-root-folder-margin: 0 0 7px 0;
--explorer-root-folder-padding: 0;
--explorer-root-folder-indentation-width: 0;
--explorer-root-folder-background: var(--folder);
--explorer-root-background: hsla(var(--color-accent-hsl), 0.3);
--explorer-root-folder-color: var(--text, var(--nav-item-color));
--explorer-root-folder-open-background: var(--folder);
--explorer-root-folder-open-color: var(--text-on-accent);
--explorer-folder-open-background: var(--td, var(--background-modifier-cover));
--explorer-folder-icon-color: var(--explorer-root-folder-background);
--explorer-root-collapsed-background: transparent;
--explorer-root-folder-indentation-color: var(--explorer-root-folder-background);
}
.file-explorer-flat .nav-folder.mod-root > .nav-folder-children > .nav-folder > .nav-folder-children, .file-explorer-flat .nav-files-container > div > .nav-folder > .nav-folder-children {
margin: var(--explorer-root-folder-margin);
padding-left: var(--explorer-root-folder-padding);
border-width: var(--explorer-root-folder-indentation-width);
border-color: var(--explorer-root-folder-indentation-color);
border-bottom: 2px solid var(--explorer-root-folder-background);
background-color: var(--explorer-root-background);
--nav-indentation-guide-color: var(--explorer-root-folder-indentation-color);
}
.file-explorer-flat .nav-folder.mod-root > .nav-folder-children > .nav-folder.is-collapsed > .nav-folder-title:not(:hover), .file-explorer-flat .nav-files-container > div > .nav-folder.is-collapsed > .nav-folder-title:not(:hover) {
background-color: var(--explorer-root-collapsed-background);
color: var(--explorer-root-folder-color);
}
.file-explorer-flat .nav-folder.mod-root > .nav-folder-children > .nav-folder:not(.is-collapsed) > .nav-folder-title:not(:hover), .file-explorer-flat .nav-files-container > div > .nav-folder:not(.is-collapsed) > .nav-folder-title:not(:hover) {
background-color: var(--explorer-root-folder-open-background);
border-bottom-color: var(--explorer-root-folder-background);
color: var(--explorer-root-folder-open-color);
--folder-icon-open-color: var(--explorer-root-folder-open-color);
}
.file-explorer-flat .nav-folder.mod-root > .nav-folder-children > .nav-folder:not(.is-collapsed) > .nav-folder-title:not(:hover) .collapse-icon, .file-explorer-flat .nav-files-container > div > .nav-folder:not(.is-collapsed) > .nav-folder-title:not(:hover) .collapse-icon {
--nav-collapse-icon-color: var(--explorer-root-folder-open-color);
}
.file-explorer-flat .nav-folder.mod-root > .nav-folder-children > .nav-folder .nav-folder-title, .file-explorer-flat .nav-files-container > div > .nav-folder .nav-folder-title {
align-items: center;
}
.file-explorer-flat .nav-folder.mod-root > .nav-folder-children > .nav-folder .nav-folder-collapse-indicator, .file-explorer-flat .nav-files-container > div > .nav-folder .nav-folder-collapse-indicator {
--nav-collapse-icon-color: var(--nav-item-color);
}
.file-explorer-flat .mod-root .nav-folder-children > .nav-folder:not(.is-collapsed) > .nav-folder-title > .nav-folder-title-content, .file-explorer-flat .nav-folder:not(.is-collapsed) > .nav-folder-title > .nav-folder-title-content {
text-align: center;
transition: cubic-bezier(1, 0, 0, 1);
text-transform: uppercase;
letter-spacing: 0.25em;
padding: 3px 0;
width: 100%;
}
.file-explorer-flat .mod-root .nav-folder-children > .nav-folder:not(.is-collapsed) > .nav-folder-title > .nav-folder-title-content::before, .file-explorer-flat .nav-folder:not(.is-collapsed) > .nav-folder-title > .nav-folder-title-content::before {
float: left;
}
.file-explorer-flat .mod-root .nav-folder-children > .nav-folder:not(.is-collapsed) > .nav-folder-children > .nav-folder:not(.is-collapsed) > .nav-folder-title:not(:hover), .file-explorer-flat .nav-folder .nav-folder:not(.is-collapsed) > .nav-folder-title:not(:hover) {
background-color: var(--explorer-folder-open-background);
border-bottom-color: var(--explorer-root-folder-background);
}
.file-explorer-flat .mod-root .nav-folder-children > .nav-folder:not(.is-collapsed) > .nav-folder-children > .nav-folder:not(.is-collapsed) > .nav-folder-title:not(:hover) > .nav-folder-title-content::before, .file-explorer-flat .nav-folder .nav-folder:not(.is-collapsed) > .nav-folder-title:not(:hover) > .nav-folder-title-content::before {
color: var(--folder-open-text-color);
}
body.folder-arrow .nav-files-container .nav-folder-title:hover .tree-item-icon.collapse-icon, body.folder-arrow .nav-files-container .nav-folder-title:hover .nav-folder-collapse-indicator, body.folder-arrow .nav-files-container .nav-folder-title:hover .tree-item-icon.nav-folder-collapse-indicator {
display: flex;
margin-left: -2px;
}
body.folder-arrow .nav-files-container .tree-item-self.is-active .collapse-icon svg {
color: var(--text-dl);
}
body.folder-arrow .nav-files-container .nav-folder-children .nav-folder-title:hover .nav-folder-title-content::before {
margin-left: var(--file-icon-margin);
}
body.folder-arrow-display .nav-folder .tree-item-icon.collapse-icon {
margin-right: 4px;
}
.file-explorer-boldless {
--folder-weight: 500;
--nav-item-weight-hover: 500;
}
.file-explorer-boldless-hover {
--nav-item-weight-hover: inherit;
}
body {
--image-border-color: var(--background-modifier-border);
--image-border-width: 1px;
--image-border-padding: 8px;
--image-border-background: var(--td);
}
/*----Image Positions/Adjustments----*/
body {
--micro: 70px;
--tiny: 100px;
--small: 200px;
--small-med: 300px;
--med-small: 400px;
--medium: 500px;
--med-tall: 600px;
--tall: 700px;
}
.popover.hover-popover {
--micro: 70px;
--tiny: 100px;
--small: 150px;
--small-med: 200px;
--med-small: 250px;
--medium: 300px;
--med-tall: 450px;
--tall: 500px;
}
/*----Mobile----*/
@media (max-width: 500px) {
.theme-dark, .theme-light {
/*Mobile Sizes*/
--radius: 0px;
--micro: 70px;
--tiny: 100px;
--small: 150px;
--small-med: 200px;
--med-small: 250px;
--medium: 300px;
--med-tall: 450px;
--tall: 500px;
}
}
/*-Image Sizing-*/
/*Fit image within bounds WITHOUT stretching*/
img:is([alt*=cover], [alt*=cvr]),
.image-embed:is([src*="#cover"], [src*="#cvr"]),
span.image-embed:is([src*="#cover"], [src*="#cvr"]) img {
object-fit: cover;
}
img[alt][alt]:not([alt*=relative])[alt*=hmicro] {
height: var(--micro);
}
img[alt][alt]:not([alt*=relative])[alt*=htiny] {
height: var(--tiny);
}
img[alt][alt]:not([alt*=relative])[alt*=hsmall] {
height: var(--small);
}
img[alt][alt]:not([alt*=relative])[alt*=hs-med] {
height: var(--small-med);
}
img[alt][alt]:not([alt*=relative])[alt*=hm-sm] {
height: var(--med-small);
}
img[alt][alt]:not([alt*=relative])[alt*=hmed] {
height: var(--medium);
}
img[alt][alt]:not([alt*=relative])[alt*=hm-tl] {
height: var(--med-tall);
}
img[alt][alt]:not([alt*=relative])[alt*=htall] {
height: var(--tall);
}
img[alt][alt]:not([alt*=relative])[alt*=hfull] {
height: 100%;
}
img[alt][alt]:not([alt*=relative])[alt*=wmicro] {
width: var(--micro);
}
img[alt][alt]:not([alt*=relative])[alt*=wtiny] {
width: var(--tiny);
}
img[alt][alt]:not([alt*=relative])[alt*=wsmall] {
width: var(--small);
}
img[alt][alt]:not([alt*=relative])[alt*=ws-med] {
width: var(--small-med);
}
img[alt][alt]:not([alt*=relative])[alt*=wm-sm] {
width: var(--med-small);
}
img[alt][alt]:not([alt*=relative])[alt*=wmed] {
width: var(--medium);
}
img[alt][alt]:not([alt*=relative])[alt*=wm-tl] {
width: var(--med-tall);
}
img[alt][alt]:not([alt*=relative])[alt*=wtall] {
width: var(--tall);
}
img[alt][alt]:not([alt*=relative])[alt*=wfull] {
width: 100%;
}
.image-embed[alt][alt*=relative],
div:not(.image-embed) > img[alt][alt*=relative] {
--micro: 10%;
--tiny: 20%;
--small: 30%;
--small-med: 40%;
--med-small: 50%;
--medium: 60%;
--med-tall: 70%;
--tall: 85%;
}
.image-embed[alt][alt*=relative][alt*=wmicro],
div:not(.image-embed) > img[alt][alt*=relative][alt*=wmicro] {
width: var(--micro);
}
.image-embed[alt][alt*=relative][alt*=wtiny],
div:not(.image-embed) > img[alt][alt*=relative][alt*=wtiny] {
width: var(--tiny);
}
.image-embed[alt][alt*=relative][alt*=wsmall],
div:not(.image-embed) > img[alt][alt*=relative][alt*=wsmall] {
width: var(--small);
}
.image-embed[alt][alt*=relative][alt*=ws-med],
div:not(.image-embed) > img[alt][alt*=relative][alt*=ws-med] {
width: var(--small-med);
}
.image-embed[alt][alt*=relative][alt*=wm-sm],
div:not(.image-embed) > img[alt][alt*=relative][alt*=wm-sm] {
width: var(--med-small);
}
.image-embed[alt][alt*=relative][alt*=wmed],
div:not(.image-embed) > img[alt][alt*=relative][alt*=wmed] {
width: var(--medium);
}
.image-embed[alt][alt*=relative][alt*=wm-tl],
div:not(.image-embed) > img[alt][alt*=relative][alt*=wm-tl] {
width: var(--med-tall);
}
.image-embed[alt][alt*=relative][alt*=wtall],
div:not(.image-embed) > img[alt][alt*=relative][alt*=wtall] {
width: var(--tall);
}
.image-embed[alt][alt*=relative][alt*=hmicro],
div:not(.image-embed) > img[alt][alt*=relative][alt*=hmicro] {
width: var(--micro);
}
.image-embed[alt][alt*=relative][alt*=htiny],
div:not(.image-embed) > img[alt][alt*=relative][alt*=htiny] {
width: var(--tiny);
}
.image-embed[alt][alt*=relative][alt*=hsmall],
div:not(.image-embed) > img[alt][alt*=relative][alt*=hsmall] {
width: var(--small);
}
.image-embed[alt][alt*=relative][alt*=hs-med],
div:not(.image-embed) > img[alt][alt*=relative][alt*=hs-med] {
width: var(--small-med);
}
.image-embed[alt][alt*=relative][alt*=hm-sm],
div:not(.image-embed) > img[alt][alt*=relative][alt*=hm-sm] {
width: var(--med-small);
}
.image-embed[alt][alt*=relative][alt*=hmed],
div:not(.image-embed) > img[alt][alt*=relative][alt*=hmed] {
width: var(--medium);
}
.image-embed[alt][alt*=relative][alt*=hm-tl],
div:not(.image-embed) > img[alt][alt*=relative][alt*=hm-tl] {
width: var(--med-tall);
}
.image-embed[alt][alt*=relative][alt*=htall],
div:not(.image-embed) > img[alt][alt*=relative][alt*=htall] {
width: var(--tall);
}
.image-embed[alt][alt*=relative][alt*=hfull],
div:not(.image-embed) > img[alt][alt*=relative][alt*=hfull] {
width: 100%;
}
.image-embed[alt][alt*=relative],
div:not(.image-embed) > img[alt][alt*=relative] {
display: block;
margin: auto;
max-height: 100%;
object-fit: cover;
}
/*Height*/
/*Image Locations*/
/*Center Image*/
.img-adj-center.img-adj-center img,
img:is([alt*=ctr], [alt*=center]) {
display: block;
margin-left: auto;
margin-right: auto;
}
.img-adj-center.img-adj-center .is-live-preview img {
margin-left: auto !important;
margin-right: auto !important;
}
/*Left & Right*/
.markdown-rendered img:is([alt*=left], [alt*=locl]), .markdown-rendered img:is([src*="#left"], [src*="#locl"]), .markdown-rendered .image-embed:is([alt*=left], [alt*=locl]), .markdown-rendered .image-embed:is([src*="#left"], [src*="#locl"]) {
float: left;
margin-right: 2%;
margin-top: 0px;
margin-bottom: 0px;
}
.markdown-rendered img:is([alt*=right], [alt*=locr]), .markdown-rendered img:is([src*="#right"], [src*="#locr"]), .markdown-rendered .image-embed:is([alt*=right], [alt*=locr]), .markdown-rendered .image-embed:is([src*="#right"], [src*="#locr"]) {
float: right;
margin-left: 2%;
margin-bottom: 0px;
}
/*--Image Position--*/
img[alt*="p+"], .image-embed[src*="#p+"] img {
object-fit: cover;
}
/*Inner Image*/
img[alt*="p+c"], .image-embed[src*="#p+c"] img {
object-position: center;
}
img[alt*="p+t"], .image-embed[src*="#p+t"] img {
object-position: top;
}
img[alt*="p+b"], .image-embed[src*="#p+b"] img {
object-position: bottom;
}
img[alt*="p+l"], .image-embed[src*="#p+l"] img {
object-position: left;
}
img[alt*="p+r"], .image-embed[src*="#p+r"] img {
object-position: right;
}
img[alt*="p+cl"], .image-embed[src*="#p+cl"] img {
object-position: 15%;
}
img[alt*="p+ccl"], .image-embed[src*="#p+ccl"] img {
object-position: 25%;
}
img[alt*="p+cr"], .image-embed[src*="#p+cr"] img {
object-position: 60%;
}
img[alt*="p+ccr"], .image-embed[src*="#p+ccr"] img {
object-position: 75%;
}
img[alt*="p+tc"], .image-embed[src*="#p+tc"] img {
object-position: 50% 10%;
}
img[alt*="p+tcc"], .image-embed[src*="#p+tcc"] img {
object-position: 50% 20%;
}
img[alt*="p+cct"], .image-embed[src*="#p+cct"] img {
object-position: 50% 30%;
}
img[alt*="p+ct"], .image-embed[src*="#p+ct"] img {
object-position: 50% 40%;
}
img[alt*="p+cb"], .image-embed[src*="#p+cb"] img {
object-position: 50% 60%;
}
img[alt*="p+ccb"], .image-embed[src*="#p+ccb"] img {
object-position: 50% 70%;
}
img[alt*="p+bc"], .image-embed[src*="#p+bc"] img {
object-position: 50% 80%;
}
img[alt*="p+bcc"], .image-embed[src*="#p+bcc"] img {
object-position: 50% 90%;
}
/*Invert Colors*/
.theme-dark img[alt*=invertb], .theme-dark .image-embed[src*="#invertb"] {
filter: invert(1) hue-rotate(180deg);
}
.theme-dark img[alt*=invertbc],
.theme-dark .image-embed[src*="#invertbc"] {
filter: invert(1) hue-rotate(180deg) contrast(1.5);
}
.theme-light img[alt*=invertw], .theme-light .image-embed[src*="#invertw"] {
filter: invert(1) hue-rotate(180deg);
}
.theme-light img[alt*=invertwc], .theme-light .image-embed[src*="#invertwc"] {
filter: invert(1) hue-rotate(180deg) contrast(1.45);
}
img:is([alt*=flip-x],
[alt*=flip-horizontal]) {
transform: scale(-1, 1);
}
img:is([alt*=flip-y],
[alt*=flip-vertical]) {
transform: scale(1, -1);
}
img:is([alt*=flip-xy],
[alt*=flip-vertical-horizontal]) {
transform: scale(-1, -1);
}
/*Fit image within bounds WITHOUT stretching*/
img[alt*=cover],
img:is([alt*=cover], [alt*=cvr]),
.image-embed:is([src*="#cover"], [src*="#cvr"]),
span.image-embed:is([src*="#cover"], [src*="#cvr"]) img {
object-fit: cover;
}
/*Fix Float Issues*/
:is(img, .image-embed)[alt*=clear],
.image-embed[src*="#clear"] {
clear: both;
}
img[alt*=unclr],
.image-embed[src*="#unclr"] {
clear: none !important;
}
img:is([alt~=lp], [alt~=live-preview]):is([alt*=right], [alt*=locr]),
.image-embed:is([alt~=lp], [alt~=live-preview]):is([alt*=right], [alt*=locr]) {
float: right !important;
}
img:is([alt~=lp], [alt~=live-preview]):is([alt*=left], [alt*=locl]),
.image-embed:is([alt~=lp], [alt~=live-preview]):is([alt*=left], [alt*=locl]) {
float: left !important;
}
.clear-hr {
--hr-width: 100%;
}
.clear-headings :is(h1, h2, h3, h4, h5, h6),
.clear-heading-1 h1,
.clear-heading-2 h2,
.clear-heading-3 h3,
.clear-heading-4 h4,
.clear-heading-5 h5,
.clear-heading-6 h6 {
clear: both;
}
/*Banners*/
img[alt*=banner]:not([width]),
.image-embed[alt*=banner]:not([width]) img {
display: block;
object-fit: cover;
width: 100%;
margin-bottom: 0px;
clear: both;
}
img[alt~=banner],
.image-embed[alt~=banner] img,
.image-embed[src*="#banner"] {
height: var(--small);
}
img[alt~="banner+small"],
.image-embed[alt~="banner+small"] img,
.image-embed[src*="#banner+small"] {
height: var(--tiny);
}
img[alt~="banner+tall"],
.image-embed[alt~="banner+tall"] img,
.image-embed[src*="#banner+tall"] {
height: var(--medium);
}
:is(img, .internal-embed)[alt*=sban],
:is(img, .internal-embed)[alt~=sban],
.internal-embed[src*="#sban"] img {
object-fit: cover;
width: 100%;
}
/*Portait*/
img[alt*=portrait],
.image-embed[alt*=portrait] img {
object-fit: cover;
}
.image-embed[src~="#portrait"] {
height: var(--small-med);
width: 40%;
}
.image-embed[src~="#portrait+small"] {
height: var(--small);
width: 25%;
}
.image-embed[src~="#portrait+tall"] {
height: 500px;
width: 50%;
}
img:is([alt~=portrait],
[alt*="portrait+"]),
.image-embed:is([alt~=portrait],
[alt*="portrait+"]) img {
--img-adj-portrait-size: var(--med-small);
height: var(--img-adj-portrait-size);
width: calc(var(--img-adj-portrait-size) / 1.7);
}
img[alt~="portrait+small"],
.image-embed[alt~="portrait+small"] img {
--img-adj-portrait-size: var(--small-med);
}
img[alt~="portrait+tall"],
.image-embed[alt~="portrait+tall"] img {
--img-adj-portrait-size: var(--medium);
}
/*Profile*/
img[alt*=profile],
.image-embed[alt*=profile] img {
object-fit: cover;
border-radius: 50%;
}
img[alt~=profile],
.image-embed[alt~=profile] img,
.image-embed[src*="#profile"] {
height: var(--tiny);
width: var(--tiny);
}
img[alt~="profile+medium"],
.image-embed[alt~="profile+medium"] img,
.image-embed[src*="#profile+medium"] {
height: var(--small);
width: var(--small);
}
img[alt~="profile+tall"],
.image-embed[alt~="profile+tall"] img,
.image-embed[src*="#profile+tall"] {
height: var(--medium);
width: var(--medium);
}
img[alt~=sprf] {
object-fit: cover;
border-radius: 100%;
}
/*Image Shapes*/
img[alt][alt*=circle] {
border-radius: 50%;
}
img[alt~=square],
.image-embed[alt~=square] img {
border-radius: 0;
}
img[alt~=border],
.internal-embed[alt~=border] img {
border: var(--image-border-width) solid var(--image-border-color);
padding: var(--image-border-padding);
background: var(--image-border-background);
}
.image-captions .image-embed::after,
.image-embed[src*="#cap"]::after {
content: attr(alt);
color: var(--inactive, var(--faint-text));
display: block;
text-align: center;
}
.image-embed[src*="#cap"] {
display: inline-block;
}
.image-embed[src*="#cap"] img {
float: unset !important;
object-fit: cover;
}
.image-embed[src*="#cap"][src*="#hmicro"] img {
height: var(--micro);
}
.image-embed[src*="#cap"][src*="#htiny"] img {
height: var(--tiny);
}
.image-embed[src*="#cap"][src*="#hsmall"] img {
height: var(--small);
}
.image-embed[src*="#cap"][src*="#hs-med"] img {
height: var(--small-med);
}
.image-embed[src*="#cap"][src*="#hm-sm"] img {
height: var(--med-small);
}
.image-embed[src*="#cap"][src*="#hmed"] img {
height: var(--medium);
}
.image-embed[src*="#cap"][src*="#hm-tl"] img {
height: var(--med-tall);
}
.image-embed[src*="#cap"][src*="#htall"] img {
height: var(--tall);
}
.image-embed[src*="#cap"][src*="#hfull"] img {
height: 100%;
}
.image-embed[src*="#cap"][src*="#wmicro"], .image-embed[src*="#cap"][src*="#wmicro"] img {
width: var(--micro);
}
.image-embed[src*="#cap"][src*="#wtiny"], .image-embed[src*="#cap"][src*="#wtiny"] img {
width: var(--tiny);
}
.image-embed[src*="#cap"][src*="#wsmall"], .image-embed[src*="#cap"][src*="#wsmall"] img {
width: var(--small);
}
.image-embed[src*="#cap"][src*="#ws-med"], .image-embed[src*="#cap"][src*="#ws-med"] img {
width: var(--small-med);
}
.image-embed[src*="#cap"][src*="#wm-sm"], .image-embed[src*="#cap"][src*="#wm-sm"] img {
width: var(--med-small);
}
.image-embed[src*="#cap"][src*="#wmed"], .image-embed[src*="#cap"][src*="#wmed"] img {
width: var(--medium);
}
.image-embed[src*="#cap"][src*="#wm-tl"], .image-embed[src*="#cap"][src*="#wm-tl"] img {
width: var(--med-tall);
}
.image-embed[src*="#cap"][src*="#wtall"], .image-embed[src*="#cap"][src*="#wtall"] img {
width: var(--tall);
}
.image-embed[src*="#cap"][src*="#wfull"], .image-embed[src*="#cap"][src*="#wfull"] img {
width: 100%;
}
.mobile-image-viewer img[alt][alt][alt] {
height: 100%;
width: 100%;
object-fit: contain;
}
.internal-embed:not(.image-embed)[alt*=htiny] .markdown-embed-content {
height: var(--tiny);
}
.internal-embed:not(.image-embed)[alt*=hsmall] .markdown-embed-content {
height: var(--small);
}
.internal-embed:not(.image-embed)[alt*=hs-med] .markdown-embed-content {
height: var(--small-med);
}
.internal-embed:not(.image-embed)[alt*=hm-sm] .markdown-embed-content {
height: var(--med-small);
}
.internal-embed:not(.image-embed)[alt*=hmed] .markdown-embed-content {
height: var(--medium);
}
.internal-embed:not(.image-embed)[alt*=hm-tl] .markdown-embed-content {
height: var(--med-tall);
}
.internal-embed:not(.image-embed)[alt*=htall] .markdown-embed-content {
height: var(--tall);
}
.internal-embed:not(.image-embed)[alt*=full] .markdown-embed-content, .internal-embed:not(.image-embed)[alt*=full] .markdown-embed-content > .markdown-preview-view {
max-height: unset;
}
.internal-embed:not(.image-embed)[alt*=wtiny] {
width: 20%;
}
.internal-embed:not(.image-embed)[alt*=wsmall] {
width: 30%;
}
.internal-embed:not(.image-embed)[alt*=ws-med] {
width: 40%;
}
.internal-embed:not(.image-embed)[alt*=wm-small] {
width: 50%;
}
.internal-embed:not(.image-embed)[alt*=wmed] {
width: 60%;
}
.internal-embed:not(.image-embed)[alt*=wm-tl] {
width: 80%;
}
.internal-embed:not(.image-embed)[alt*=wtall] {
width: 95%;
}
.internal-embed[alt*=right] {
float: right;
margin-left: 0.5em;
}
.internal-embed[alt*=left] {
float: left;
margin-right: 0.5em;
}
.internal-embed[alt*=center] {
margin: auto;
}
:not(.lp-embed-float) .is-live-preview .internal-embed:is([alt*=right], [alt*=left]) {
float: unset;
}
/*Embed Link Hide/Move*/
.internal-embed:is([alt~=lk-hvr], [alt~=link-hover]):not(:hover) .markdown-embed-link,
.internal-embed:is([alt~=nlk], [alt~=no-link]) .markdown-embed-link {
display: none;
}
.internal-embed:is([alt*=lk-l], [alt~=link-left]) .markdown-embed-link {
left: 10px;
right: unset;
}
.internal-embed:is([alt*=lk-clear], [alt~=link-clear]) .markdown-embed-link {
background-color: transparent;
}
/*Title Hide/Show*/
.internal-embed:is([alt~=no-t],
[alt~=no-title]) .markdown-embed-title,
.file-embed-title {
display: none;
}
.internal-embed:is([alt~=no-inline-title],
[alt~=no-it]) .inline-title,
.file-embed-title {
display: none;
}
.internal-embed:is([alt~=ttl],
[alt~=title]) .markdown-embed-title,
.file-embed-title {
display: block;
}
/*Hide Headings*/
.internal-embed[alt~=no-h] .markdown-embed :is(h1,
h2,
h3,
h4,
h5,
h6),
.internal-embed[alt~=no-h].markdown-embed :is(h1,
h2,
h3,
h4,
h5,
h6) {
display: none;
}
/*Hide Specific Headings*/
.internal-embed[alt~=no-h1] .markdown-embed h1,
.internal-embed[alt~=no-h2] .markdown-embed h2,
.internal-embed[alt~=no-h3] .markdown-embed h3,
.internal-embed[alt~=no-h4] .markdown-embed h4,
.internal-embed[alt~=no-h5] .markdown-embed h5,
.internal-embed[alt~=no-h6] .markdown-embed h6,
.internal-embed[alt~=no-h1].markdown-embed h1,
.internal-embed[alt~=no-h2].markdown-embed h2,
.internal-embed[alt~=no-h3].markdown-embed h3,
.internal-embed[alt~=no-h4].markdown-embed h4,
.internal-embed[alt~=no-h5].markdown-embed h5,
.internal-embed[alt~=no-h6].markdown-embed h6 {
display: none;
}
.internal-embed:is([alt~=no-margin], [alt~=nmg]) {
--embed-padding: 0;
--embed-title-padding: 0;
}
.internal-embed[alt~=collapse] {
--embed-padding:0;
--embed-title-padding: 0;
--p-spacing: 0;
}
.internal-embed[alt~=collapse] *:not(.tag, .callout) {
margin-block-start: 0;
margin-block-end: 0;
}
body.embed-mini-headers .markdown-embed {
--h1-size: var(--embed-header-size);
--h2-size: var(--embed-header-size);
--h3-size: var(--embed-header-size);
--h4-size: var(--embed-header-size);
--h5-size: var(--embed-header-size);
--h6-size: var(--embed-header-size);
}
/*Clean Embeds*/
.embed-clean .internal-embed > .markdown-embed, .embed-clean .internal-embed.is-loaded:not(.image-embed),
.internal-embed[alt*=clean] > .markdown-embed,
.internal-embed[alt*=clean].is-loaded:not(.image-embed) {
--embed-padding: 0;
border: none;
box-shadow: none;
}
.embed-clean .internal-embed > .markdown-embed:not(:hover), .embed-clean .internal-embed.is-loaded:not(.image-embed):not(:hover),
.internal-embed[alt*=clean] > .markdown-embed:not(:hover),
.internal-embed[alt*=clean].is-loaded:not(.image-embed):not(:hover) {
--embed-border-color: transparent;
--embed-border-left-color: var(--embed-border-color);
--embed-border-right-color: var(--embed-border-color);
--embed-border-top-color: var(--embed-border-color);
--embed-border-bottom-color: var(--embed-border-color);
--embed-border-left: var(--embed-thickness) var(--embed-border-type) var(--embed-border-left-color);
--embed-border-right: var(--embed-thickness) var(--embed-border-type) var(--embed-border-right-color);
--embed-border-top: var(--embed-thickness) var(--embed-border-type) var(--embed-border-top-color);
--embed-border-bottom: var(--embed-thickness) var(--embed-border-type) var(--embed-border-bottom-color);
}
.embed-clean .internal-embed.inline-embed,
.internal-embed[alt*=clean].inline-embed {
--embed-title-padding: 0;
}
.embed-dark-background {
--embed-background: var(--embed-bg);
--embed-border-left-color: transparent;
--embed-border-color-hover: var(--accent);
--embed-border-left-color-hover: var(--embed-border-color-hover);
--embed-border-right-color-hover: var(--embed-border-color-hover);
--embed-border-top-color-hover: var(--embed-border-color-hover);
--embed-border-bottom-color-hover: var(--embed-border-color-hover);
--hr-icon-background: var(--embed-bg);
--blockquote-background-color: linear-gradient(to right, var(--note), transparent);
--table-border-color: var(--embed-bg);
}
.theme-dark {
--chbx-q: 253, 175, 0;
--chbx-h: 92, 118, 153;
--chbx-d: 62, 69, 82;
--chbx-i: 194, 42, 42;
--chbx-a: 248, 114, 181;
--chbx-R: 170, 179, 202;
--chbx-id:231, 231, 171;
--chbx-B: 136, 94, 233;
--chbx-P: 79, 165, 79;
--chbx-C: 207, 67, 67;
--chbx-N: 133, 91, 65;
--chbx-b: 230, 129, 63;
--chbx-I: 82, 139, 212;
--chbx-c: 149, 233, 238;
--chbx-r: 249, 190, 123;
}
.theme-light {
--chbx-q: 253, 175, 0;
--chbx-h: 168, 177, 189;
--chbx-d: 203, 212, 235;
--chbx-i: 219, 1, 1;
--chbx-a: 248, 114, 181;
--chbx-R: 159, 186, 223;
--chbx-id:202, 199, 0;
--chbx-B: 182, 118, 255;
--chbx-P: 79, 165, 79;
--chbx-C: 214, 108, 108;
--chbx-N: 161, 106, 73;
--chbx-b: 251, 146, 76;
--chbx-I: 82, 139, 212;
--chbx-c: 149, 217, 238;
--chbx-r: 249, 190, 123;
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:is([data-task=X],
[data-task=">"],
[data-task="-"],
[data-task=D],
[data-task="?"],
[data-task="/"],
[data-task="+"],
[data-task=R],
[data-task="!"],
[data-task=i],
[data-task=B],
[data-task=P],
[data-task=C],
[data-task=Q],
[data-task=N],
[data-task=b],
[data-task=I],
[data-task=p],
[data-task=L],
[data-task=E],
[data-task=A],
[data-task=r],
[data-task=c],
[data-task=o],
[data-task=d],
[data-task=T],
[data-task=t],
[data-task=O],
[data-task=F],
[data-task=W],
[data-task="~"],
[data-task="@"],
[data-task=f],
[data-task=a],
[data-task="&"],
[data-task=s],
[data-task=H],
[data-task="<"]) :is(.task-list-label, p) > input:is([type=checkbox], [type=checkbox i]):checked, body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:is([data-task=X],
[data-task=">"],
[data-task="-"],
[data-task=D],
[data-task="?"],
[data-task="/"],
[data-task="+"],
[data-task=R],
[data-task="!"],
[data-task=i],
[data-task=B],
[data-task=P],
[data-task=C],
[data-task=Q],
[data-task=N],
[data-task=b],
[data-task=I],
[data-task=p],
[data-task=L],
[data-task=E],
[data-task=A],
[data-task=r],
[data-task=c],
[data-task=o],
[data-task=d],
[data-task=T],
[data-task=t],
[data-task=O],
[data-task=F],
[data-task=W],
[data-task="~"],
[data-task="@"],
[data-task=f],
[data-task=a],
[data-task="&"],
[data-task=s],
[data-task=H],
[data-task="<"]) > input:is([type=checkbox], [type=checkbox i]):checked, body:not(.alt-chkbx-off) .task-list-item.is-checked:is([data-task=X],
[data-task=">"],
[data-task="-"],
[data-task=D],
[data-task="?"],
[data-task="/"],
[data-task="+"],
[data-task=R],
[data-task="!"],
[data-task=i],
[data-task=B],
[data-task=P],
[data-task=C],
[data-task=Q],
[data-task=N],
[data-task=b],
[data-task=I],
[data-task=p],
[data-task=L],
[data-task=E],
[data-task=A],
[data-task=r],
[data-task=c],
[data-task=o],
[data-task=d],
[data-task=T],
[data-task=t],
[data-task=O],
[data-task=F],
[data-task=W],
[data-task="~"],
[data-task="@"],
[data-task=f],
[data-task=a],
[data-task="&"],
[data-task=s],
[data-task=H],
[data-task="<"]) :is(.task-list-label, p) > input:is([type=checkbox], [type=checkbox i]):checked, body:not(.alt-chkbx-off) .task-list-item.is-checked:is([data-task=X],
[data-task=">"],
[data-task="-"],
[data-task=D],
[data-task="?"],
[data-task="/"],
[data-task="+"],
[data-task=R],
[data-task="!"],
[data-task=i],
[data-task=B],
[data-task=P],
[data-task=C],
[data-task=Q],
[data-task=N],
[data-task=b],
[data-task=I],
[data-task=p],
[data-task=L],
[data-task=E],
[data-task=A],
[data-task=r],
[data-task=c],
[data-task=o],
[data-task=d],
[data-task=T],
[data-task=t],
[data-task=O],
[data-task=F],
[data-task=W],
[data-task="~"],
[data-task="@"],
[data-task=f],
[data-task=a],
[data-task="&"],
[data-task=s],
[data-task=H],
[data-task="<"]) > input:is([type=checkbox], [type=checkbox i]):checked {
background-color: transparent;
font: var(--its);
font-family: var(--its);
font-size: inherit;
font-weight: 10;
text-align: center;
border: 0;
cursor: pointer;
-webkit-mask-image: unset;
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:is([data-task=X],
[data-task=">"],
[data-task="-"],
[data-task=D],
[data-task="?"],
[data-task="/"],
[data-task="+"],
[data-task=R],
[data-task="!"],
[data-task=i],
[data-task=B],
[data-task=P],
[data-task=C],
[data-task=Q],
[data-task=N],
[data-task=b],
[data-task=I],
[data-task=p],
[data-task=L],
[data-task=E],
[data-task=A],
[data-task=r],
[data-task=c],
[data-task=o],
[data-task=d],
[data-task=T],
[data-task=t],
[data-task=O],
[data-task=F],
[data-task=W],
[data-task="~"],
[data-task="@"],
[data-task=f],
[data-task=a],
[data-task="&"],
[data-task=s],
[data-task=H],
[data-task="<"]) :is(.task-list-label, p) > input:is([type=checkbox], [type=checkbox i]):checked::after, body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:is([data-task=X],
[data-task=">"],
[data-task="-"],
[data-task=D],
[data-task="?"],
[data-task="/"],
[data-task="+"],
[data-task=R],
[data-task="!"],
[data-task=i],
[data-task=B],
[data-task=P],
[data-task=C],
[data-task=Q],
[data-task=N],
[data-task=b],
[data-task=I],
[data-task=p],
[data-task=L],
[data-task=E],
[data-task=A],
[data-task=r],
[data-task=c],
[data-task=o],
[data-task=d],
[data-task=T],
[data-task=t],
[data-task=O],
[data-task=F],
[data-task=W],
[data-task="~"],
[data-task="@"],
[data-task=f],
[data-task=a],
[data-task="&"],
[data-task=s],
[data-task=H],
[data-task="<"]) > input:is([type=checkbox], [type=checkbox i]):checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked:is([data-task=X],
[data-task=">"],
[data-task="-"],
[data-task=D],
[data-task="?"],
[data-task="/"],
[data-task="+"],
[data-task=R],
[data-task="!"],
[data-task=i],
[data-task=B],
[data-task=P],
[data-task=C],
[data-task=Q],
[data-task=N],
[data-task=b],
[data-task=I],
[data-task=p],
[data-task=L],
[data-task=E],
[data-task=A],
[data-task=r],
[data-task=c],
[data-task=o],
[data-task=d],
[data-task=T],
[data-task=t],
[data-task=O],
[data-task=F],
[data-task=W],
[data-task="~"],
[data-task="@"],
[data-task=f],
[data-task=a],
[data-task="&"],
[data-task=s],
[data-task=H],
[data-task="<"]) :is(.task-list-label, p) > input:is([type=checkbox], [type=checkbox i]):checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked:is([data-task=X],
[data-task=">"],
[data-task="-"],
[data-task=D],
[data-task="?"],
[data-task="/"],
[data-task="+"],
[data-task=R],
[data-task="!"],
[data-task=i],
[data-task=B],
[data-task=P],
[data-task=C],
[data-task=Q],
[data-task=N],
[data-task=b],
[data-task=I],
[data-task=p],
[data-task=L],
[data-task=E],
[data-task=A],
[data-task=r],
[data-task=c],
[data-task=o],
[data-task=d],
[data-task=T],
[data-task=t],
[data-task=O],
[data-task=F],
[data-task=W],
[data-task="~"],
[data-task="@"],
[data-task=f],
[data-task=a],
[data-task="&"],
[data-task=s],
[data-task=H],
[data-task="<"]) > input:is([type=checkbox], [type=checkbox i]):checked::after {
background-color: transparent;
top: -4px;
left: 0px;
-webkit-mask-image: unset;
}
ul > li.task-list-item[data-task=x] > ul li:not([data-task=x]) {
color: var(--text-normal);
}
/*--Checkbox Type Icons--*/
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=X]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=X] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=X] p > input[type=checkbox]:checked::after {
content: "\ec01";
color: var(--accent2-lite, var(--text-accent));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=">"]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=">"] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=">"] p > input[type=checkbox]:checked::after {
content: "\ec03";
color: var(--text-normal);
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task="<"]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task="<"] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task="<"] p > input[type=checkbox]:checked::after {
content: "\ec03";
color: var(--text-faint);
transform: scale(-1, 1);
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=D]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=D] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=D] p > input[type=checkbox]:checked::after {
content: "\ec04";
color: rgb(var(--chbx-h));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task="-"]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task="-"] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task="-"] p > input[type=checkbox]:checked::after {
content: "\ec02";
color: rgb(var(--chbx-d));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task="?"]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task="?"] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task="?"] p > input[type=checkbox]:checked::after {
content: "\ec05";
color: rgb(var(--chbx-q));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task="!"]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task="!"] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task="!"] p > input[type=checkbox]:checked::after {
content: "\ec08";
color: rgb(var(--chbx-i));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task="+"]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task="+"] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task="+"] p > input[type=checkbox]:checked::after {
content: "\ec06";
color: rgb(var(--chbx-a));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task="/"]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task="/"] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task="/"] p > input[type=checkbox]:checked::after {
content: "\ec17";
color: var(--accent, var(--interactive-accent));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=R]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=R] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=R] p > input[type=checkbox]:checked::after {
content: "\ec07";
color: rgb(var(--chbx-R));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=i]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=i] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=i] p > input[type=checkbox]:checked::after {
content: "\ec09";
color: rgb(var(--chbx-id));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=B]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=B] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=B] p > input[type=checkbox]:checked::after {
content: "\ec10";
color: rgb(var(--chbx-B));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=P]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=P] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=P] p > input[type=checkbox]:checked::after {
content: "\ec11";
color: rgb(var(--chbx-P));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=C]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=C] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=C] p > input[type=checkbox]:checked::after {
content: "\ec12";
color: rgb(var(--chbx-C));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=I]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=I] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=I] p > input[type=checkbox]:checked::after {
content: "\ec16";
color: rgb(var(--chbx-I));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=Q]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=Q] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=Q] p > input[type=checkbox]:checked::after {
content: "\ec13";
color: rgb(var(--chbx-R));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=N]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=N] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=N] p > input[type=checkbox]:checked::after {
content: "\ec14";
color: rgb(var(--chbx-N));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=b]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=b] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=b] p > input[type=checkbox]:checked::after {
content: "\ec15";
color: rgb(var(--chbx-b));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=p]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=p] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=p] p > input[type=checkbox]:checked::after {
content: "\ec19";
color: rgb(var(--chbx-R));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=E]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=E] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=E] p > input[type=checkbox]:checked::after {
content: "\ec18";
color: rgb(var(--chbx-I));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=L]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=L] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=L] p > input[type=checkbox]:checked::after {
content: "\ec21";
color: rgb(var(--chbx-N));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=A]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=A] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=A] p > input[type=checkbox]:checked::after {
content: "\ec20";
color: rgb(var(--chbx-P));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=r]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=r] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=r] p > input[type=checkbox]:checked::after {
content: "\ec22";
color: rgb(var(--chbx-r));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=c]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=c] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=c] p > input[type=checkbox]:checked::after {
content: "\ec29";
color: rgb(var(--chbx-c));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=o]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=o] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=o] p > input[type=checkbox]:checked::after {
content: "\ec24";
color: rgb(var(--chbx-b));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=d]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=d] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=d] p > input[type=checkbox]:checked::after {
content: "\ec25";
color: rgb(var(--chbx-I));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=T]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=T] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=T] p > input[type=checkbox]:checked::after {
content: "\ec26";
color: rgb(var(--chbx-R));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=t]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=t] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=t] p > input[type=checkbox]:checked::after {
content: "\ec27";
color: rgb(var(--chbx-R));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=O]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=O] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=O] p > input[type=checkbox]:checked::after {
content: "\e805";
color: hsl(var(--interactive-accent-hsl));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=F]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=F] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=F] p > input[type=checkbox]:checked::after {
content: "\ec28";
color: rgb(var(--chbx-h));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=W]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=W] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=W] p > input[type=checkbox]:checked::after {
content: "\e813";
color: rgb(var(--chbx-P));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task="~"]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task="~"] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task="~"] p > input[type=checkbox]:checked::after {
content: "\ec33";
color: rgb(var(--chbx-C));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task="@"]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task="@"] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task="@"] p > input[type=checkbox]:checked::after {
content: "\e900";
color: rgb(var(--chbx-b));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=f]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=f] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=f] p > input[type=checkbox]:checked::after {
content: "\e81e";
color: rgb(var(--chbx-N));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=H]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=H] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=H] p > input[type=checkbox]:checked::after {
content: "\ec30";
color: rgb(var(--chbx-a));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task="&"]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task="&"] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task="&"] p > input[type=checkbox]:checked::after {
content: "\ec32";
color: rgb(var(--chbx-B));
}
body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=s]::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=s] > input[type=checkbox]:checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=s] p > input[type=checkbox]:checked::after {
content: "\ec31";
color: rgb(var(--chbx-d));
}
/*Restore Strike Throughs*/
.check-strike .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:not([data-task=" "]), .check-strike .markdown-preview-view ul > li.task-list-item.is-checked, .check-strike .markdown-preview-view ol > li.task-list-item.is-checked {
--checklist-done-decoration: line-through 2px;
text-decoration: var(--checklist-done-decoration);
}
.checkbox-strike-regular .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=x], .checkbox-strike-regular ul li[data-task=x].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-checked .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=X], .checkbox-strike-checked ul li[data-task=X].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-frwd .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=">"], .checkbox-strike-frwd ul li[data-task=">"].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-bkwd .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="<"], .checkbox-strike-bkwd ul li[data-task="<"].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-date .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=D], .checkbox-strike-date ul li[data-task=D].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-dropped .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="-"], .checkbox-strike-dropped ul li[data-task="-"].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-q .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="?"], .checkbox-strike-q ul li[data-task="?"].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-imp .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="!"], .checkbox-strike-imp ul li[data-task="!"].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-add .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="+"], .checkbox-strike-add ul li[data-task="+"].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-half .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="/"], .checkbox-strike-half ul li[data-task="/"].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-rsrch .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=R], .checkbox-strike-rsrch ul li[data-task=R].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-idea .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=i], .checkbox-strike-idea ul li[data-task=i].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-brn .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=B], .checkbox-strike-brn ul li[data-task=B].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-pro .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=P], .checkbox-strike-pro ul li[data-task=P].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-con .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=C], .checkbox-strike-con ul li[data-task=C].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-info .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=I], .checkbox-strike-info ul li[data-task=I].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-quot .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=Q], .checkbox-strike-quot ul li[data-task=Q].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-note .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=N], .checkbox-strike-note ul li[data-task=N].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-book .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=b], .checkbox-strike-book ul li[data-task=b].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-para .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=p], .checkbox-strike-para ul li[data-task=p].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-ex .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=E], .checkbox-strike-ex ul li[data-task=E].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-loc .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=L], .checkbox-strike-loc ul li[data-task=L].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-ans .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=A], .checkbox-strike-ans ul li[data-task=A].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-rwd .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=r], .checkbox-strike-rwd ul li[data-task=r].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-choice .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=c], .checkbox-strike-choice ul li[data-task=c].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-option .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=o], .checkbox-strike-option ul li[data-task=o].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-do .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=d], .checkbox-strike-do ul li[data-task=d].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-time .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=T], .checkbox-strike-time ul li[data-task=T].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-talk .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=t], .checkbox-strike-talk ul li[data-task=t].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-plot .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=O], .checkbox-strike-plot ul li[data-task=O].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-fore .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=F], .checkbox-strike-fore ul li[data-task=F].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-world .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=W], .checkbox-strike-world ul li[data-task=W].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-conf .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="~"], .checkbox-strike-conf ul li[data-task="~"].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-char .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="@"], .checkbox-strike-char ul li[data-task="@"].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-clue .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=f], .checkbox-strike-clue ul li[data-task=f].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-heal .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=H], .checkbox-strike-heal ul li[data-task=H].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-symb .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="&"], .checkbox-strike-symb ul li[data-task="&"].task-list-item.is-checked {
text-decoration: line-through 2px;
}
.checkbox-strike-lock .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=s], .checkbox-strike-lock ul li[data-task=s].task-list-item.is-checked {
text-decoration: line-through 2px;
}
/*----Checked Bg----*/
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=X],
.check-bg :is(ul, ol) > li[data-task=X].task-list-item.is-checked {
background: rgba(var(--chbx-R), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=">"],
.check-bg :is(ul, ol) > li[data-task=">"].task-list-item.is-checked {
background: rgba(var(--chbx-h), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task="<"],
.check-bg :is(ul, ol) > li[data-task="<"].task-list-item.is-checked {
background: rgba(var(--chbx-h), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=D],
.check-bg :is(ul, ol) > li[data-task=D].task-list-item.is-checked {
background: rgba(var(--chbx-h), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task="-"],
.check-bg :is(ul, ol) > li[data-task="-"].task-list-item.is-checked {
background: rgba(var(--chbx-d), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task="?"],
.check-bg :is(ul, ol) > li[data-task="?"].task-list-item.is-checked {
background: rgba(var(--chbx-q), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task="!"],
.check-bg :is(ul, ol) > li[data-task="!"].task-list-item.is-checked {
background: rgba(var(--chbx-i), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task="+"],
.check-bg :is(ul, ol) > li[data-task="+"].task-list-item.is-checked {
background: rgba(var(--chbx-a), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task="/"],
.check-bg :is(ul, ol) > li[data-task="/"].task-list-item.is-checked {
background: linear-gradient(to left, var(--accent, var(--interactive-accent)) 0%, transparent 1%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=R],
.check-bg :is(ul, ol) > li[data-task=R].task-list-item.is-checked {
background: rgba(var(--chbx-R), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=i],
.check-bg :is(ul, ol) > li[data-task=i].task-list-item.is-checked {
background: rgba(var(--chbx-id), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=B],
.check-bg :is(ul, ol) > li[data-task=B].task-list-item.is-checked {
background: rgba(var(--chbx-B), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=P],
.check-bg :is(ul, ol) > li[data-task=P].task-list-item.is-checked {
background: rgba(var(--chbx-P), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=C],
.check-bg :is(ul, ol) > li[data-task=C].task-list-item.is-checked {
background: rgba(var(--chbx-C), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=I],
.check-bg :is(ul, ol) > li[data-task=I].task-list-item.is-checked {
background: rgba(var(--chbx-I), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=Q],
.check-bg :is(ul, ol) > li[data-task=Q].task-list-item.is-checked {
background: rgba(var(--chbx-R), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=N],
.check-bg :is(ul, ol) > li[data-task=N].task-list-item.is-checked {
background: rgba(var(--chbx-N), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=b],
.check-bg :is(ul, ol) > li[data-task=b].task-list-item.is-checked {
background: rgba(var(--chbx-b), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=p],
.check-bg :is(ul, ol) > li[data-task=p].task-list-item.is-checked {
background: rgba(var(--chbx-R), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=E],
.check-bg :is(ul, ol) > li[data-task=E].task-list-item.is-checked {
background: rgba(var(--chbx-I), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=L],
.check-bg :is(ul, ol) > li[data-task=L].task-list-item.is-checked {
background: rgba(var(--chbx-N), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=A],
.check-bg :is(ul, ol) > li[data-task=A].task-list-item.is-checked {
background: rgba(var(--chbx-P), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=r],
.check-bg :is(ul, ol) > li[data-task=r].task-list-item.is-checked {
background: rgba(var(--chbx-r), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=c],
.check-bg :is(ul, ol) > li[data-task=c].task-list-item.is-checked {
background: rgba(var(--chbx-c), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=o],
.check-bg :is(ul, ol) > li[data-task=o].task-list-item.is-checked {
background: rgba(var(--chbx-b), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=d],
.check-bg :is(ul, ol) > li[data-task=d].task-list-item.is-checked {
background: rgba(var(--chbx-I), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=T],
.check-bg :is(ul, ol) > li[data-task=T].task-list-item.is-checked {
background: rgba(var(--chbx-R), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=t],
.check-bg :is(ul, ol) > li[data-task=t].task-list-item.is-checked {
background: rgba(var(--chbx-R), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=O],
.check-bg :is(ul, ol) > li[data-task=O].task-list-item.is-checked {
background: hsla(var(--interactive-accent-hsl), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=F],
.check-bg :is(ul, ol) > li[data-task=F].task-list-item.is-checked {
background: rgba(var(--chbx-h), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=W],
.check-bg :is(ul, ol) > li[data-task=W].task-list-item.is-checked {
background: rgba(var(--chbx-P), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task="~"],
.check-bg :is(ul, ol) > li[data-task="~"].task-list-item.is-checked {
background: rgba(var(--chbx-C), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task="@"],
.check-bg :is(ul, ol) > li[data-task="@"].task-list-item.is-checked {
background: rgba(var(--chbx-b), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=f],
.check-bg :is(ul, ol) > li[data-task=f].task-list-item.is-checked {
background: rgba(var(--chbx-N), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=H],
.check-bg :is(ul, ol) > li[data-task=H].task-list-item.is-checked {
background: rgba(var(--chbx-a), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task="&"],
.check-bg :is(ul, ol) > li[data-task="&"].task-list-item.is-checked {
background: rgba(var(--chbx-B), 20%);
}
.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=s],
.check-bg :is(ul, ol) > li[data-task=s].task-list-item.is-checked {
background: rgba(var(--chbx-d), 20%);
}
/*----Checked Text----*/
body ul > li.task-list-item[data-task][data-task=x] > span > *, body .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=x] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task=x] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=x] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task=X] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=X] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task=">"] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=">"] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task="<"] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task="<"] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task=D] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=D] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task="-"] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task="-"] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task="?"] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task="?"] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task="!"] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task="!"] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task="+"] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task="+"] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task="/"] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task="/"] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task=R] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=R] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task=i] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=i] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task=B] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=B] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task=P] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=P] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task=C] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=C] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task=I] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=I] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task=Q] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=Q] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task=N] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=N] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task=b] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=b] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task=p] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=p] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task=E] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=E] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task=L] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=L] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task=A] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=A] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task=r] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=r] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task=c] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=c] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task=o] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=o] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task=d] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=d] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task=T] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=T] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task=t] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=t] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task=O] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=O] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task=F] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=F] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task=W] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=W] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task="~"] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task="~"] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task="@"] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task="@"] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task=f] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=f] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task=H] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=H] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task="&"] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task="&"] span:not([class^=cm-list]) {
opacity: 70%;
}
body:not(.check-color, .check-text) ul > li.task-list-item[data-task][data-task=s] > span > *, body:not(.check-color, .check-text) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task][data-task=s] span:not([class^=cm-list]) {
opacity: 70%;
}
/* Checkbox Text Normal */
/*--Checkbox Text Colors--*/
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=X] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task=X].task-list-item.is-checked {
color: var(--text-faint);
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=">"] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task=">"].task-list-item.is-checked {
color: var(--text-normal);
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="<"] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task="<"].task-list-item.is-checked {
color: var(--text-faint);
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=D] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task=D].task-list-item.is-checked {
color: rgb(var(--chbx-h));
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="-"] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task="-"].task-list-item.is-checked {
color: rgb(var(--chbx-d));
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="?"] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task="?"].task-list-item.is-checked {
color: rgb(var(--chbx-q));
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="!"] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task="!"].task-list-item.is-checked {
color: rgb(var(--chbx-i));
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="+"] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task="+"].task-list-item.is-checked {
color: rgb(var(--chbx-a));
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="/"] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task="/"].task-list-item.is-checked {
color: var(--text-muted);
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=R] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task=R].task-list-item.is-checked {
color: rgb(var(--chbx-R));
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=i] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task=i].task-list-item.is-checked {
color: rgb(var(--chbx-id));
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=B] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task=B].task-list-item.is-checked {
color: rgb(var(--chbx-B));
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=P] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task=P].task-list-item.is-checked {
color: rgb(var(--chbx-P));
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=C] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task=C].task-list-item.is-checked {
color: rgb(var(--chbx-C));
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=I] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task=I].task-list-item.is-checked {
color: rgb(var(--chbx-I));
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=Q] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task=Q].task-list-item.is-checked {
color: rgb(var(--chbx-R));
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=N] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task=N].task-list-item.is-checked {
color: rgb(var(--chbx-N));
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=b] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task=b].task-list-item.is-checked {
color: rgb(var(--chbx-b));
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=p] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task=p].task-list-item.is-checked {
color: rgb(var(--chbx-R));
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=E] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task=E].task-list-item.is-checked {
color: rgb(var(--chbx-I));
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=L] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task=L].task-list-item.is-checked {
color: rgb(var(--chbx-N));
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=A] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task=A].task-list-item.is-checked {
color: rgb(var(--chbx-P));
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=r] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task=r].task-list-item.is-checked {
color: rgb(var(--chbx-r));
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=c] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task=c].task-list-item.is-checked {
color: rgb(var(--chbx-c));
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=o] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task=o].task-list-item.is-checked {
color: rgb(var(--chbx-b));
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=d] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task=d].task-list-item.is-checked {
color: rgb(var(--chbx-I));
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=T] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task=T].task-list-item.is-checked {
color: rgb(var(--chbx-R));
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=t] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task=t].task-list-item.is-checked {
color: rgb(var(--chbx-R));
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=O] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task=O].task-list-item.is-checked {
color: hsl(var(--interactive-accent-hsl));
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=F] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task=F].task-list-item.is-checked {
color: rgb(var(--chbx-h));
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=W] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task=W].task-list-item.is-checked {
color: rgb(var(--chbx-R));
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="~"] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task="~"].task-list-item.is-checked {
color: rgb(var(--chbx-C));
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="@"] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task="@"].task-list-item.is-checked {
color: rgb(var(--chbx-b));
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=f] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task=f].task-list-item.is-checked {
color: rgb(var(--chbx-N));
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=H] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task=H].task-list-item.is-checked {
color: rgb(var(--chbx-a));
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="&"] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task="&"].task-list-item.is-checked {
color: rgb(var(--chbx-B));
}
.check-color.check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=s] [class^=cm-list]:not(.cm-formatting-task), .check-color.check-color.check-color ul > li[data-task=s].task-list-item.is-checked {
color: rgb(var(--chbx-d));
}
/*Callout Positioning*/
:not(.is-live-preview) .callout.callout.callout:is([data-callout-metadata~="p+l"],
[data-callout-metadata~=left]) {
float: left;
margin: unset;
margin-right: 8px;
}
:not(.is-live-preview) .callout.callout:is([data-callout-metadata~="p+r"],
[data-callout-metadata~=right]) {
float: right;
margin: unset;
margin-left: 8px;
}
.callout.callout.callout:is([data-callout-metadata~=ctr],
[data-callout-metadata~=center]) {
display: block;
margin: auto;
float: unset;
}
.callout.callout.callout.callout:is([data-callout-metadata~=no-t],
[data-callout-metadata~=no-title]) > .callout-title {
display: none;
}
.callout.callout.callout.callout:is([data-callout-metadata~=s-t],
[data-callout-metadata~=show-title]) > .callout-title {
display: flex;
}
.callout.callout.callout.callout:is([data-callout-metadata~=s-t],
[data-callout-metadata~=show-title]) > .callout-content > p {
margin-top: 0;
}
.callout.callout.callout.callout:is([data-callout-metadata~=subtitle],
[data-callout-metadata~=subt]) .callout-title {
align-content: center;
align-items: center;
}
.callout.callout.callout.callout:is([data-callout-metadata~=subtitle],
[data-callout-metadata~=subt]) .callout-title em {
display: block;
font-style: normal;
font-size: var(--font-small);
line-height: 12px;
font-weight: normal;
}
.callout.callout.callout.callout:is([data-callout-metadata~=subtitle],
[data-callout-metadata~=subt]) .callout-title em em {
font-style: italic;
display: inline-block;
}
.callout.callout:is([data-callout-metadata~=no-i],
[data-callout-metadata~=no-icon]) > .callout-title > .callout-icon {
width: 0;
height: 0;
--icon-size: 0;
}
.callout:is([data-callout-metadata~=n-th],
[data-callout-metadata~=no-table-header]) > .callout-content table {
margin-bottom: 5px;
}
.callout:is([data-callout-metadata~=n-th],
[data-callout-metadata~=no-table-header]) > .callout-content table thead, .callout:is([data-callout-metadata~=n-th],
[data-callout-metadata~=no-table-header]) > .callout-content table th {
display: none;
}
.callout:is([data-callout-metadata~=t-w],
[data-callout-metadata~=table-wide]) table {
width: 100%;
}
.callout:is([data-callout-metadata~=t-w],
[data-callout-metadata~=table-wide]) table td {
width: calc(var(--tbl-w) / 2);
}
.callout[data-callout-metadata~=table-cell-top] table td {
vertical-align: top;
}
.callout.callout:is([data-callout-metadata~=t-nmg],
[data-callout-metadata~=table-no-margin]) table {
margin-block-start: 0;
margin-block-end: 0;
}
.callout[data-callout-metadata~=embed] .callout-content, .callout[data-callout-metadata~=embed] > .callout-content > p {
margin: 0;
padding: 0;
}
.callout[data-callout-metadata~=collapse] * {
margin: 0 !important;
padding: 0 !important;
grid-gap: 0 !important;
}
.callout.callout.callout:is([data-callout-metadata~=nbrd],
[data-callout-metadata~=no-border]) {
border: 0;
}
.callout.callout.callout[data-callout-metadata~=clean],
.callout.callout.callout[data-callout-metadata~=clean] > .callout-content {
border: 0;
box-shadow: none;
--callout-color: transparent;
--callout-padding: 0;
}
.callout.callout.callout[data-callout-metadata~=clean] .callout-content,
.callout.callout.callout[data-callout-metadata~=clean] > .callout-content .callout-content {
padding: 0;
}
.callout[data-callout-metadata~=clear] {
clear: both;
}
.callout.callout.callout[data-callout-metadata~=block] {
display: block;
float: unset;
}
.callout.callout.callout[data-callout-metadata~=block][data-callout-metadata~=right] {
margin-left: auto;
}
.callout.callout.callout[data-callout-metadata~=block][data-callout-metadata~=left] {
margin-right: auto;
}
.callout #vid {
text-align: left;
}
.callout:is([data-callout-metadata~=dim-hvr],
[data-callout-metadata~=dim-hover],
[data-callout-metadata~=dim-closed].is-collapsed,
[data-callout-metadata~=dim]):not(:hover) {
filter: brightness(50%);
transition: filter 300ms;
}
/*--Callout Coloring--*/
.callout.callout.callout {
--callout-color-opacity: 20%;
--callout-blue: 82, 139, 212;
--callout-green: 86, 179, 117;
--callout-orange: 230, 129, 63;
--callout-red: 193, 67, 67;
--callout-purple: 153, 97, 218;
--callout-gray: 166, 189, 197;
--callout-yellow: 208, 181, 48;
--callout-pink: 227, 107, 167;
--callout-brown: 161, 106, 73;
--callout-black: 0, 0, 0;
--callout-white: 256, 256, 256;
--callout-plain: transparent;
}
.callout.callout.callout:is([data-callout-metadata~=color-blue],
[data-callout-metadata~=c-blue],
[data-callout-metadata~=background-color-blue],
[data-callout-metadata~=bg-c-blue]) > .callout-title {
--callout-color: var(--callout-blue);
}
.callout.callout.callout:is([data-callout-metadata~=background-blue],
[data-callout-metadata~=bg-blue],
[data-callout-metadata~=background-color-blue],
[data-callout-metadata~=bg-c-blue]) {
--callout-background: rgba(var(--callout-blue), var(--callout-color-opacity));
background-color: var(--callout-background);
}
.callout.callout.callout:is([data-callout-metadata~=background-color-blue],
[data-callout-metadata~=bg-c-blue]) {
--callout-color: var(--callout-blue);
}
.callout.callout.callout:is([data-callout-metadata~=color-green],
[data-callout-metadata~=c-green],
[data-callout-metadata~=background-color-green],
[data-callout-metadata~=bg-c-green]) > .callout-title {
--callout-color: var(--callout-green);
}
.callout.callout.callout:is([data-callout-metadata~=background-green],
[data-callout-metadata~=bg-green],
[data-callout-metadata~=background-color-green],
[data-callout-metadata~=bg-c-green]) {
--callout-background: rgba(var(--callout-green), var(--callout-color-opacity));
background-color: var(--callout-background);
}
.callout.callout.callout:is([data-callout-metadata~=background-color-green],
[data-callout-metadata~=bg-c-green]) {
--callout-color: var(--callout-green);
}
.callout.callout.callout:is([data-callout-metadata~=color-orange],
[data-callout-metadata~=c-orange],
[data-callout-metadata~=background-color-orange],
[data-callout-metadata~=bg-c-orange]) > .callout-title {
--callout-color: var(--callout-orange);
}
.callout.callout.callout:is([data-callout-metadata~=background-orange],
[data-callout-metadata~=bg-orange],
[data-callout-metadata~=background-color-orange],
[data-callout-metadata~=bg-c-orange]) {
--callout-background: rgba(var(--callout-orange), var(--callout-color-opacity));
background-color: var(--callout-background);
}
.callout.callout.callout:is([data-callout-metadata~=background-color-orange],
[data-callout-metadata~=bg-c-orange]) {
--callout-color: var(--callout-orange);
}
.callout.callout.callout:is([data-callout-metadata~=color-red],
[data-callout-metadata~=c-red],
[data-callout-metadata~=background-color-red],
[data-callout-metadata~=bg-c-red]) > .callout-title {
--callout-color: var(--callout-red);
}
.callout.callout.callout:is([data-callout-metadata~=background-red],
[data-callout-metadata~=bg-red],
[data-callout-metadata~=background-color-red],
[data-callout-metadata~=bg-c-red]) {
--callout-background: rgba(var(--callout-red), var(--callout-color-opacity));
background-color: var(--callout-background);
}
.callout.callout.callout:is([data-callout-metadata~=background-color-red],
[data-callout-metadata~=bg-c-red]) {
--callout-color: var(--callout-red);
}
.callout.callout.callout:is([data-callout-metadata~=color-purple],
[data-callout-metadata~=c-purple],
[data-callout-metadata~=background-color-purple],
[data-callout-metadata~=bg-c-purple]) > .callout-title {
--callout-color: var(--callout-purple);
}
.callout.callout.callout:is([data-callout-metadata~=background-purple],
[data-callout-metadata~=bg-purple],
[data-callout-metadata~=background-color-purple],
[data-callout-metadata~=bg-c-purple]) {
--callout-background: rgba(var(--callout-purple), var(--callout-color-opacity));
background-color: var(--callout-background);
}
.callout.callout.callout:is([data-callout-metadata~=background-color-purple],
[data-callout-metadata~=bg-c-purple]) {
--callout-color: var(--callout-purple);
}
.callout.callout.callout:is([data-callout-metadata~=color-gray],
[data-callout-metadata~=c-gray],
[data-callout-metadata~=background-color-gray],
[data-callout-metadata~=bg-c-gray]) > .callout-title {
--callout-color: var(--callout-gray);
}
.callout.callout.callout:is([data-callout-metadata~=background-gray],
[data-callout-metadata~=bg-gray],
[data-callout-metadata~=background-color-gray],
[data-callout-metadata~=bg-c-gray]) {
--callout-background: rgba(var(--callout-gray), var(--callout-color-opacity));
background-color: var(--callout-background);
}
.callout.callout.callout:is([data-callout-metadata~=background-color-gray],
[data-callout-metadata~=bg-c-gray]) {
--callout-color: var(--callout-gray);
}
.callout.callout.callout:is([data-callout-metadata~=color-yellow],
[data-callout-metadata~=c-yellow],
[data-callout-metadata~=background-color-yellow],
[data-callout-metadata~=bg-c-yellow]) > .callout-title {
--callout-color: var(--callout-yellow);
}
.callout.callout.callout:is([data-callout-metadata~=background-yellow],
[data-callout-metadata~=bg-yellow],
[data-callout-metadata~=background-color-yellow],
[data-callout-metadata~=bg-c-yellow]) {
--callout-background: rgba(var(--callout-yellow), var(--callout-color-opacity));
background-color: var(--callout-background);
}
.callout.callout.callout:is([data-callout-metadata~=background-color-yellow],
[data-callout-metadata~=bg-c-yellow]) {
--callout-color: var(--callout-yellow);
}
.callout.callout.callout:is([data-callout-metadata~=color-pink],
[data-callout-metadata~=c-pink],
[data-callout-metadata~=background-color-pink],
[data-callout-metadata~=bg-c-pink]) > .callout-title {
--callout-color: var(--callout-pink);
}
.callout.callout.callout:is([data-callout-metadata~=background-pink],
[data-callout-metadata~=bg-pink],
[data-callout-metadata~=background-color-pink],
[data-callout-metadata~=bg-c-pink]) {
--callout-background: rgba(var(--callout-pink), var(--callout-color-opacity));
background-color: var(--callout-background);
}
.callout.callout.callout:is([data-callout-metadata~=background-color-pink],
[data-callout-metadata~=bg-c-pink]) {
--callout-color: var(--callout-pink);
}
.callout.callout.callout:is([data-callout-metadata~=color-brown],
[data-callout-metadata~=c-brown],
[data-callout-metadata~=background-color-brown],
[data-callout-metadata~=bg-c-brown]) > .callout-title {
--callout-color: var(--callout-brown);
}
.callout.callout.callout:is([data-callout-metadata~=background-brown],
[data-callout-metadata~=bg-brown],
[data-callout-metadata~=background-color-brown],
[data-callout-metadata~=bg-c-brown]) {
--callout-background: rgba(var(--callout-brown), var(--callout-color-opacity));
background-color: var(--callout-background);
}
.callout.callout.callout:is([data-callout-metadata~=background-color-brown],
[data-callout-metadata~=bg-c-brown]) {
--callout-color: var(--callout-brown);
}
.callout.callout.callout:is([data-callout-metadata~=color-black],
[data-callout-metadata~=c-black],
[data-callout-metadata~=background-color-black],
[data-callout-metadata~=bg-c-black]) > .callout-title {
--callout-color: var(--callout-black);
}
.callout.callout.callout:is([data-callout-metadata~=background-black],
[data-callout-metadata~=bg-black],
[data-callout-metadata~=background-color-black],
[data-callout-metadata~=bg-c-black]) {
--callout-background: rgba(var(--callout-black), var(--callout-color-opacity));
background-color: var(--callout-background);
}
.callout.callout.callout:is([data-callout-metadata~=background-color-black],
[data-callout-metadata~=bg-c-black]) {
--callout-color: var(--callout-black);
}
.callout.callout.callout:is([data-callout-metadata~=color-white],
[data-callout-metadata~=c-white],
[data-callout-metadata~=background-color-white],
[data-callout-metadata~=bg-c-white]) > .callout-title {
--callout-color: var(--callout-white);
}
.callout.callout.callout:is([data-callout-metadata~=background-white],
[data-callout-metadata~=bg-white],
[data-callout-metadata~=background-color-white],
[data-callout-metadata~=bg-c-white]) {
--callout-background: rgba(var(--callout-white), var(--callout-color-opacity));
background-color: var(--callout-background);
}
.callout.callout.callout:is([data-callout-metadata~=background-color-white],
[data-callout-metadata~=bg-c-white]) {
--callout-color: var(--callout-white);
}
.callout.callout.callout:is([data-callout-metadata~=color-plain],
[data-callout-metadata~=c-plain],
[data-callout-metadata~=background-color-plain],
[data-callout-metadata~=bg-c-plain]) > .callout-title {
--callout-color: var(--callout-plain);
}
.callout.callout.callout:is([data-callout-metadata~=background-plain],
[data-callout-metadata~=bg-plain],
[data-callout-metadata~=background-color-plain],
[data-callout-metadata~=bg-c-plain]) {
--callout-background: rgba(var(--callout-plain), var(--callout-color-opacity));
background-color: var(--callout-background);
}
.callout.callout.callout:is([data-callout-metadata~=background-color-plain],
[data-callout-metadata~=bg-c-plain]) {
--callout-color: var(--callout-plain);
}
.callout.callout.callout {
--callout-micro: 10%;
--callout-tiny: 20%;
--callout-small: 30%;
--callout-small-med: 40%;
--callout-med-small: 50%;
--callout-medium: 60%;
--callout-med-tall: 80%;
--callout-tall: 95%;
}
.callout.callout.callout[data-callout-metadata~=wmicro] {
max-width: unset;
width: var(--callout-micro);
}
.callout.callout.callout[data-callout-metadata~=wtiny] {
max-width: unset;
width: var(--callout-tiny);
}
.callout.callout.callout[data-callout-metadata~=wsmall] {
max-width: unset;
width: var(--callout-small);
}
.callout.callout.callout[data-callout-metadata~=ws-med] {
max-width: unset;
width: var(--callout-small-med);
}
.callout.callout.callout[data-callout-metadata~=wm-sm] {
max-width: unset;
width: var(--callout-med-small);
}
.callout.callout.callout[data-callout-metadata~=wmed] {
max-width: unset;
width: var(--callout-medium);
}
.callout.callout.callout[data-callout-metadata~=wm-tl] {
max-width: unset;
width: var(--callout-med-tall);
}
.callout.callout.callout[data-callout-metadata~=wtall] {
max-width: unset;
width: var(--callout-tall);
}
.callout.callout.callout[data-callout-metadata~=sban], .callout.callout.callout[data-callout-metadata~=wfull] {
width: 100%;
float: unset;
max-width: 100%;
}
.callout.callout.callout[data-callout-metadata~=wtiny-c] {
width: 19%;
}
.callout.callout.callout[data-callout-metadata~=wsmall-c] {
width: 32.4%;
}
.callout.callout.callout[data-callout-metadata~=ws-med-c] {
width: 39%;
}
.callout.callout.callout[data-callout-metadata~=wm-sm-c] {
width: 49%;
}
.callout.callout.callout[data-callout-metadata~=wmed-c] {
width: 59%;
}
.callout.callout.callout[data-callout-metadata~=wm-tl-c] {
width: 79%;
}
.callout.callout.callout[data-callout-metadata~=wfit] {
width: fit-content;
max-width: min-content;
}
.callout.callout[data-callout-metadata~=static] {
--callout-micro: 50px;
--callout-tiny: 100px;
--callout-small: 200px;
--callout-small-med: 300px;
--callout-med-small: 400px;
--callout-medium: 500px;
--callout-med-tall: 600px;
--callout-tall: 700px;
}
.callout.callout:is([data-callout-metadata~=content-padding-small],
[data-callout-metadata~=c-p-sm]) {
--callout-content-padding: 6px;
}
.callout.callout:is([data-callout-metadata~=content-padding-medium],
[data-callout-metadata~=c-p-med]) {
--callout-content-padding: 12px;
}
.callout.callout:is([data-callout-metadata~=content-padding-large],
[data-callout-metadata~=c-p-lg]) {
--callout-content-padding: 24px;
}
.callout.callout:is([data-callout-metadata~=txt-l],
[data-callout-metadata~=text-left]) > .callout-content > * {
text-align: left;
}
.callout.callout:is([data-callout-metadata~=txt-r],
[data-callout-metadata~=text-right]) > .callout-content {
text-align: right;
}
.callout.callout:is([data-callout-metadata~=txt-c],
[data-callout-metadata~=text-center]) > .callout-content {
text-align: center;
}
.callout.callout:is([data-callout-metadata~=ttl-c],
[data-callout-metadata~=title-center]) .callout-title {
justify-content: center;
}
.callout.callout:is([data-callout-metadata~=ttl-c],
[data-callout-metadata~=title-center]) .callout-title-inner {
display: block;
flex: unset;
}
.callout.callout:is([data-callout-metadata~=text-small],
[data-callout-metadata~=txt-s]) > .callout-content > * {
--font-text-size: var(--font-smallest);
--tag-size: var(--font-smallest);
--table-text-size: var(--font-smallest);
font-size: var(--font-text-size);
}
/*Infobox*/
:is(.is-mobile:not(.is-tablet),
.is-mobile .is-live-preview,
.is-live-preview :not(.markdown-rendered)) .callout[data-callout~=infobox]:not([data-callout-metadata~=mobile]) {
float: unset !important;
max-width: 100%;
margin: 0 !important;
width: auto;
}
.callout.callout[data-callout~=infobox] {
--callout-color: var(--note, var(--background-primary));
--callout-padding: 0;
--callout-content-padding: 5px;
--callout-margin: 0 0 0 5px;
background: var(--note, var(--background-primary));
--h1-border-line-height: 0;
--h2-border-line-height: 0;
--h3-border-line-height: 0;
--h4-border-line-height: 0;
--h5-border-line-height: 0;
--h6-border-line-height: 0;
border: 0;
box-shadow: none;
width: auto;
max-width: 300px;
float: right;
border-radius: var(--radius-s);
}
.callout.callout[data-callout~=infobox] > .callout-title {
justify-content: center;
align-items: center;
align-self: center;
}
.callout.callout[data-callout~=infobox] > .callout-title > .callout-icon {
align-self: center;
}
.callout.callout[data-callout~=infobox]:not(.is-collapsed) > .callout-title {
padding: 0;
}
.callout.callout[data-callout~=infobox] .callout-fold {
padding-right: 0;
}
.callout.callout[data-callout~=infobox].is-collapsed .callout-fold {
border: 1px solid var(--hr, var(--background-modifier-border));
border-radius: var(--radius-m);
}
.callout.callout[data-callout~=infobox] > .callout-title .callout-title-inner {
display: none;
}
.callout.callout[data-callout~=infobox] > .callout-title .callout-icon {
height: 0;
}
.callout.callout[data-callout~=infobox]:not([data-callout-metadata~=show-title],
[data-callout-metadata~=s-t],
[data-callout-metadata~=show-icon],
[data-callout-metadata~=s-i]) .callout-icon svg {
width: 0;
height: 0;
}
.callout.callout[data-callout~=infobox]:not(:hover):not(.is-collapsed) .callout-title {
background-color: transparent;
}
.callout.callout[data-callout~=infobox] .callout-content > .callout[data-callout~=infobox]:not(:hover):not(.is-collapsed) > .callout-title, .callout.callout[data-callout~=infobox]:is([data-callout-metadata~=show-title], [data-callout-metadata~=s-t]):not(:hover):not(.is-collapsed) > .callout-title {
display: flex;
gap: 0;
}
.callout.callout[data-callout~=infobox] .callout-content > .callout[data-callout~=infobox].is-collapsed .callout-title, .callout.callout[data-callout~=infobox]:is([data-callout-metadata~=show-title], [data-callout-metadata~=s-t]).is-collapsed .callout-title {
border: 1px solid var(--hr, var(--background-modifier-border));
display: flex;
align-items: center;
align-content: center;
}
.callout.callout[data-callout~=infobox] .callout-content > .callout[data-callout~=infobox] .callout-title .callout-title-inner, .callout.callout[data-callout~=infobox]:is([data-callout-metadata~=show-title], [data-callout-metadata~=s-t]) .callout-title .callout-title-inner {
display: unset;
align-items: center;
align-content: center;
padding: 5px 10px;
}
.callout.callout[data-callout~=infobox] .callout-content > .callout[data-callout~=infobox] .callout-fold, .callout.callout[data-callout~=infobox]:is([data-callout-metadata~=show-title], [data-callout-metadata~=s-t]) .callout-fold {
margin-top: auto;
margin-bottom: auto;
}
.callout.callout[data-callout~=infobox] .callout-content > .callout[data-callout~=infobox].is-collapsed .callout-fold, .callout.callout[data-callout~=infobox]:is([data-callout-metadata~=show-title], [data-callout-metadata~=s-t]).is-collapsed .callout-fold {
border: 0;
}
.callout.callout[data-callout~=infobox] > .callout-content {
border: 1px solid var(--table, var(--background-modifier-border));
margin: 0;
border-radius: var(--radius-s);
}
.callout.callout[data-callout~=infobox] table {
width: 100%;
}
.callout.callout[data-callout~=infobox] table td {
white-space: pre-wrap;
word-wrap: normal;
word-break: normal;
}
.callout.callout[data-callout~=infobox] :is(p, table) {
margin-block-start: 0;
margin-block-end: 0;
margin: 0;
}
.callout.callout[data-callout~=infobox] .callout-content > :is(h1, h2, h3, h4, h5, h6) {
font-size: 20px;
text-align: center;
margin: 0;
padding: 2px;
color: var(--text-normal);
background: var(--outer-bar, var(--background-secondary));
}
.callout.callout[data-callout~=infobox] .internal-embed, .callout.callout[data-callout~=infobox] img {
display: block;
margin: auto;
padding: auto;
text-align: center;
}
.callout.callout[data-callout~=infobox][data-callout-metadata][data-callout-metadata][data-callout-metadata~=left] {
--callout-margin: 0 5px 0 0;
}
.callout.callout[data-callout~=infobox] .callout-content > .callout[data-callout~=infobox] {
max-width: unset;
float: unset;
--callout-margin: 5px 0 0 0;
}
.callout.callout[data-callout~=infobox] .callout-content > .callout[data-callout~=infobox] > .callout-title {
color: var(--text-normal);
background: var(--outer-bar, var(--background-secondary));
border: 1px solid var(--table, var(--background-modifier-border));
border-bottom: none;
}
.callout.callout[data-callout~=infobox] .callout-content > .callout[data-callout~=infobox] > .callout-content {
border-top: none;
}
.callout.callout[data-callout~=infobox][data-callout-metadata~=wikipedia] table {
--table-header-color: var(--text, var(--text-normal));
--table-header-background: transparent;
--table-header-background-hover: var(--td, var(--table-background));
--table-row-background-hover: var(--td, var(--table-background));
--table-row-alt-background: transparent;
--table-column-alt-background: transparent;
--table-border-color: transparent;
--table-header-border-color: transparent;
}
.callout.callout[data-callout~=infobox][data-callout-metadata~=wikipedia] table tr:last-child {
margin-bottom: 2px;
}
@media print {
.callout[data-callout~=infobox] {
max-width: 400px;
}
}
.theme-light .callout[data-callout~=infobox][data-callout-metadata~=wikipedia] {
--th-text: var(--th);
}
.illusion.illusion .callout[data-callout~=infobox].is-collapsed.is-collapsed[data-callout-metadata~=left] {
margin-left: -30px;
}
.illusion.illusion .callout[data-callout~=infobox].is-collapsed.is-collapsed[data-callout-metadata~=right] {
margin-right: -30px;
}
.illusion.illusion .callout[data-callout~=infobox] [data-heading] {
--illusion-box-shadow: none;
--header-shadow: var(--illusion-box-shadow);
--h1-shadow: var(--header-shadow);
--h2-shadow: var(--header-shadow);
--h3-shadow: var(--header-shadow);
--h4-shadow: var(--header-shadow);
--h5-shadow: var(--header-shadow);
--h6-shadow: var(--header-shadow);
}
.callout.callout[data-callout=statblocks] {
--callout-color: var(--accent-rgb);
--callout-icon: swords;
--callout-padding: 12px 15px;
--callout-margin: 10px auto;
--callout-border-color: var(--hr, var(--hr-color));
border-width: 5px 0 5px 0;
border-style: solid;
margin: var(--callout-margin);
min-width: 10ch;
max-width: 42ch;
background: transparent;
box-shadow: var(--shadow-l), 0 0 20px var(--outline, var(--hr-color));
}
.callout.callout[data-callout=statblocks] > .callout-content {
--heading-spacing-top: 0;
--heading-spacing-bottom: 0;
--p-spacing: 7px;
--bold-color: var(--headers, var(--h1-color));
--hr-icon-symbol: "";
}
.callout.callout[data-callout=statblocks] h1 {
width: auto;
}
.callout.callout[data-callout=statblocks] img:not([class], [width]) {
box-shadow: 0 0 0 4px var(--headers, var(--background-modifier-border));
margin-right: 4px;
margin-bottom: 4px;
}
.callout.callout[data-callout=statblocks] h1::after, .callout.callout[data-callout=statblocks] h1::before, .callout.callout[data-callout=statblocks] > .callout-title {
display: none;
}
.callout.callout[data-callout=statblocks] blockquote {
--blockquote-border-thickness: 0;
--blockquote-padding: 5px 0px 2px 0;
--blockquote-color: var(--soft-text, var(--text-faint));
--blockquote-background-color: transparent;
margin-block-start: 0;
margin-block-end: 0;
}
.callout.callout[data-callout=statblocks] hr {
margin: 12px auto;
}
.callout.callout[data-callout=statblocks] table {
--table-header-background: transparent;
--table-header-background-hover: var(--table-header-background);
--table-header-color: var(--headers, var(--text-faint));
--table-header-border-color: transparent;
--table-row-alt-background: transparent;
--table-row-alt-background-hover: var(--table-row-alt-background);
--table-row-background-hover: var(--table-row-alt-background);
--table-column-alt-background: transparent;
--table-border-color: transparent;
--table-cell-padding-y: 1px;
--table-cell-padding-x: 4px;
--table-header-padding-y: 1px;
--table-header-padding-x: 4px;
--table-style-column-header-background: transparent;
--table-style-column-header-bold-weight: var(--text-weight);
--table-style-column-header-bold-color: var(--text, var(--text-normal));
margin: 12px auto;
width: unset;
}
.callout.callout[data-callout=statblocks][data-callout-metadata~=full] {
max-width: 100%;
}
.callout.callout[data-callout=statblocks][data-callout-metadata~=columns] {
max-width: 100%;
--columns: 2;
}
.callout.callout[data-callout=statblocks][data-callout-metadata~=columns][data-callout-metadata~="1"] {
--columns: 1;
}
.callout.callout[data-callout=statblocks][data-callout-metadata~=columns][data-callout-metadata~="2"] {
--columns: 2;
}
.callout.callout[data-callout=statblocks][data-callout-metadata~=columns][data-callout-metadata~="3"] {
--columns: 3;
}
.callout.callout[data-callout=statblocks][data-callout-metadata~=columns][data-callout-metadata~="4"] {
--columns: 4;
}
.callout.callout[data-callout=statblocks][data-callout-metadata~=columns][data-callout-metadata~="5"] {
--columns: 5;
}
.callout.callout[data-callout=statblocks][data-callout-metadata~=columns][data-callout-metadata~="6"] {
--columns: 6;
}
.callout.callout[data-callout=statblocks][data-callout-metadata~=columns][data-callout-metadata~="7"] {
--columns: 7;
}
.callout.callout[data-callout=statblocks][data-callout-metadata~=columns][data-callout-metadata~="8"] {
--columns: 8;
}
.callout.callout[data-callout=statblocks][data-callout-metadata~=columns][data-callout-metadata~="9"] {
--columns: 9;
}
.callout.callout[data-callout=statblocks][data-callout-metadata~=columns] > .callout-content {
display: grid;
grid-template-columns: repeat(var(--columns), 1fr);
gap: 15px;
}
/*Image Grid*/
.callout.callout[data-callout=grid] {
--callout-padding: 0;
--callout-content-padding: 0;
background: transparent;
border: 0;
margin: 0;
box-shadow: none;
}
.callout.callout[data-callout=grid] .callout-content {
display: block;
width: 100%;
border: 0;
box-shadow: unset;
padding: 0;
}
.callout.callout[data-callout=grid] .callout-title {
display: none;
}
.callout.callout[data-callout=grid] .callout-content p {
display: flex;
margin-block-start: 0;
margin-block-end: 0;
justify-content: center;
}
.callout.callout[data-callout=grid] .callout-content img {
display: table-cell;
vertical-align: middle;
padding: 3px;
max-height: 35vh;
}
.callout.callout[data-callout=grid] .callout-content img[alt=wfull] {
max-height: unset;
}
.callout.callout[data-callout=grid][data-callout-metadata~=masonry] .callout-content p {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(0, auto));
grid-gap: 0;
margin: 0;
margin-top: 1px;
}
.callout.callout[data-callout=grid][data-callout-metadata~=masonry] .callout-content img {
display: flex;
flex: 1;
align-self: stretch;
object-fit: cover;
max-height: unset;
}
/* Cards */
.callout[data-callout~=cards] {
--callout-color: transparent;
--callout-icon: layout-dashboard;
--callout-padding: 0;
--callout-content-padding: 0px;
--callout-blend-mode: normal;
--callout-cards-columns: 3;
--callout-cards-gap: 5px;
box-shadow: none;
border: 0;
width: auto;
}
.callout[data-callout~=cards][data-callout-metadata~="1"] .callout-content {
--callout-cards-columns: 1;
}
.callout[data-callout~=cards][data-callout-metadata~="2"] .callout-content {
--callout-cards-columns: 2;
}
.callout[data-callout~=cards][data-callout-metadata~="3"] .callout-content {
--callout-cards-columns: 3;
}
.callout[data-callout~=cards][data-callout-metadata~="4"] .callout-content {
--callout-cards-columns: 4;
}
.callout[data-callout~=cards][data-callout-metadata~="5"] .callout-content {
--callout-cards-columns: 5;
}
.callout[data-callout~=cards][data-callout-metadata~="6"] .callout-content {
--callout-cards-columns: 6;
}
.callout[data-callout~=cards][data-callout-metadata~="7"] .callout-content {
--callout-cards-columns: 7;
}
.callout[data-callout~=cards][data-callout-metadata~="8"] .callout-content {
--callout-cards-columns: 8;
}
.callout[data-callout~=cards][data-callout-metadata~="9"] .callout-content {
--callout-cards-columns: 9;
}
.callout[data-callout~=cards] > .callout-title {
display: none;
}
.callout[data-callout~=cards] > .callout-content {
display: grid;
grid-template-columns: repeat(var(--callout-cards-columns), 1fr);
grid-gap: var(--callout-cards-gap);
border-radius: 0;
padding-inline-start: 0px;
padding: 0;
}
.callout[data-callout~=cards] p {
margin-block-start: 0;
margin-block-end: 0;
padding: 0;
}
.callout[data-callout~=cards]:not([data-callout-metadata~=nstr], [data-callout-metadata~=no-strong]) strong {
display: block;
text-align: center;
margin: auto;
background-color: var(--outer-bar, var(--background-secondary));
}
.callout[data-callout~=cards] br {
display: none;
}
.callout[data-callout~=cards][data-callout-metadata~=flex] > .callout-content, .callout[data-callout~=cards][data-callout-metadata~=flex] .dataview.table-view-table tbody {
gap: unset;
grid-template-columns: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.callout[data-callout~=cards][data-callout-metadata~=flex] > .callout-content .callout, .callout[data-callout~=cards][data-callout-metadata~=flex] .dataview.table-view-table tbody .callout {
flex: 1 1 250px;
margin: var(--callout-cards-gap);
}
.callout[data-callout~=cards][data-callout-metadata~=dataview] {
--callout-content-padding: 0;
}
.callout[data-callout~=cards][data-callout-metadata~=dataview] .callout-content {
display: unset;
grid-template-columns: unset;
}
.callout[data-callout~=cards][data-callout-metadata~=dataview] br {
display: block;
}
.callout[data-callout~=cards][data-callout-metadata~=dataview] .block-language-dataview {
padding: 5px;
}
.callout[data-callout~=cards][data-callout-metadata~=dataview] .dataview.table-view-table {
display: grid;
margin-block-start: 0;
}
.callout[data-callout~=cards][data-callout-metadata~=dataview] .dataview.table-view-table :is(td, tr) {
border: 0;
background: transparent;
padding: 0;
}
.callout[data-callout~=cards][data-callout-metadata~=dataview] .dataview.table-view-table strong {
background: transparent;
}
.callout[data-callout~=cards][data-callout-metadata~=dataview] .table-view-thead th {
border: 0;
background-color: transparent;
}
.callout[data-callout~=cards][data-callout-metadata~=dataview] .table-view-thead tr {
display: none;
}
.callout[data-callout~=cards][data-callout-metadata~=dataview] .dataview.table-view-table tbody {
display: grid;
grid-template-columns: repeat(var(--callout-cards-columns), 1fr);
grid-gap: calc(var(--callout-cards-gap) * 2);
}
.callout[data-callout~=cards][data-callout-metadata~=dataview] .dataview.table-view-table tbody tr {
display: grid;
align-content: flex-start;
margin: 0;
padding: 10px;
border: 2px solid var(--outline, var(--background-modifier-box-shadow));
box-shadow: var(--shadow-ml, var(--input-shadow));
}
.callout[data-callout~=cards][data-callout-metadata~=dataview][data-callout-metadata~=txt-c] .dataview td {
text-align: center;
}
.callout[data-callout~=cards][data-callout-metadata~=dataview] img:not(.link-favicon) {
width: 100%;
object-fit: cover;
}
.callout[data-callout~=cards][data-callout-metadata~=dataview][data-callout-metadata~=img-micro] img {
height: var(--micro);
}
.callout[data-callout~=cards][data-callout-metadata~=dataview][data-callout-metadata~=img-tiny] img {
height: var(--tiny);
}
.callout[data-callout~=cards][data-callout-metadata~=dataview][data-callout-metadata~=img-small] img {
height: var(--small);
}
.callout[data-callout~=cards][data-callout-metadata~=dataview][data-callout-metadata~=img-small-med] img {
height: var(--small-med);
}
.callout[data-callout~=cards][data-callout-metadata~=dataview][data-callout-metadata~=img-med-small] img {
height: var(--med-small);
}
.callout[data-callout~=cards][data-callout-metadata~=dataview][data-callout-metadata~=img-medium] img {
height: var(--medium);
}
.callout[data-callout~=cards][data-callout-metadata~=dataview][data-callout-metadata~=img-med-tall] img {
height: var(--med-tall);
}
.callout[data-callout~=cards][data-callout-metadata~=dataview][data-callout-metadata~=img-tall] img {
height: var(--tall);
}
.callout[data-callout~=cards][data-callout-metadata~=dvl] .callout-content {
display: block;
}
.callout[data-callout~=cards][data-callout-metadata~=dvl] br {
display: unset;
}
.callout[data-callout~=cards][data-callout-metadata~=dvl] .block-language-dataviewjs .dataview-result-list-li, .callout[data-callout~=cards][data-callout-metadata~=dvl] .list-view-ul li {
padding: 10px;
background-color: var(--outer-bar, var(--background-secondary));
box-shadow: var(--shadow-s, var(--input-shadow));
margin-bottom: 5px;
--list-indent: 0;
}
.callout[data-callout~=cards][data-callout-metadata~=dvl] .dataview.list-view-ul li::before {
--bullet: "";
}
.callout[data-callout~=cards][data-callout-metadata~=dvl] ul {
padding-inline-start: unset;
}
.callout[data-callout~=cards][data-callout-metadata~=list] {
--list-indent: 0;
}
.callout[data-callout~=cards][data-callout-metadata~=list] > .callout-content {
display: block;
}
.callout[data-callout~=cards][data-callout-metadata~=list] ul li::before, .callout[data-callout~=cards][data-callout-metadata~=list] .list-collapse-indicator {
display: none;
}
.callout[data-callout~=cards][data-callout-metadata~=list] ul {
display: grid;
grid-template-columns: repeat(var(--callout-cards-columns), 1fr);
grid-gap: 5px;
border-radius: 0;
padding-inline-start: 0px;
margin-right: 3px;
margin-bottom: 5px;
}
.callout[data-callout~=cards][data-callout-metadata~=list] ul > li {
padding: 5px 10px;
box-shadow: 0 0 0 2px var(--outline) inset, var(--shadow-s, var(--input-shadow));
}
.callout[data-callout~=cards][data-callout-metadata~=notion] {
--callout-cards-notion-padding: 10px;
--callout-cards-notion-shadow: 0 0 5px var(--outline), 0 0 6px var(--outline);
--callout-cards-notion-radius: var(--radius-s);
--callout-content-padding: 15px;
}
.callout[data-callout~=cards][data-callout-metadata~=notion]:is([data-callout-metadata~=round], [data-callout-metadata~=rounded]) {
--callout-cards-notion-radius: 5px;
}
.callout[data-callout~=cards][data-callout-metadata~=notion] .dataview.table-view-table tbody tr {
padding: 0;
box-shadow: var(--callout-cards-notion-shadow);
border: 0;
border-radius: var(--callout-cards-notion-radius);
}
.callout[data-callout~=cards][data-callout-metadata~=notion] .dataview.table-view-table tbody tr td > :last-of-type {
padding-bottom: 5px;
}
.callout[data-callout~=cards][data-callout-metadata~=notion] .dataview.table-view-table tbody tr td > :first-child {
padding-top: 5px;
}
.callout[data-callout~=cards][data-callout-metadata~=notion] .dataview.table-view-table tbody tr td > ul, .callout[data-callout~=cards][data-callout-metadata~=notion] .dataview.table-view-table tbody tr td > span:not(:has(strong, span)) {
margin-left: var(--callout-cards-notion-padding);
margin-right: var(--callout-cards-notion-padding);
display: inline-block;
}
.callout[data-callout~=cards][data-callout-metadata~=notion] .dataview.table-view-table tbody tr td:first-of-type strong::after {
content: "";
display: block;
height: 1px;
background-color: var(--outline);
margin-top: 5px;
}
.callout[data-callout~=cards][data-callout-metadata~=notion] .dataview.table-view-table tbody strong {
margin-top: 5px;
margin-bottom: 5px;
}
.callout[data-callout~=cards][data-callout-metadata~=notion] .block-language-dataview {
margin: -25px 0 -25px 0;
}
.callout[data-callout~=cards][data-callout-metadata~=notion] > .callout-content {
padding: calc(var(--callout-cards-notion-padding) / 2);
gap: calc(var(--callout-cards-notion-padding) - 3px);
}
.callout[data-callout~=cards][data-callout-metadata~=notion] > .callout-content > p {
box-shadow: var(--callout-cards-notion-shadow);
}
.callout[data-callout~=cards][data-callout-metadata~=notion] > .callout-content > p strong {
background-color: transparent;
text-align: unset;
padding: 0 var(--callout-cards-notion-padding);
}
.callout[data-callout~=cards][data-callout-metadata~=notion] > .callout-content > p > :not(img, .internal-embed, strong, br) {
display: inline-block;
padding-left: var(--callout-cards-notion-padding);
padding-right: var(--callout-cards-notion-padding);
}
.callout[data-callout~=cards][data-callout-metadata~=notion] > .callout-content > p, .callout[data-callout~=cards][data-callout-metadata~=notion] > .callout-content > p img {
border-radius: var(--callout-cards-notion-radius);
}
.callout[data-callout~=cards][data-callout-metadata~=notion] > .callout-content > p > img:first-child, .callout[data-callout~=cards][data-callout-metadata~=notion] > .callout-content > p > .internal-embed:first-child img {
margin-bottom: 5px;
}
.callout[data-callout~=cards][data-callout-metadata~=notion] > .callout-content > p:has(> :is(img, .internal-embed):first-child) {
padding-bottom: 7px;
}
.callout[data-callout~=cards][data-callout-metadata~=notion] > .callout-content > p > img:last-child, .callout[data-callout~=cards][data-callout-metadata~=notion] > .callout-content > p > .internal-embed:last-child img {
margin-top: 5px;
}
.callout[data-callout~=cards][data-callout-metadata~=notion] > .callout-content > p:has(> :is(img, .internal-embed):last-child) {
padding-top: 7px;
}
.view-content > div:is(.markdown-source-view, .markdown-reading-view) > div {
container: note/inline-size;
}
@container note (max-width: 500px) {
.callout[data-callout~=cards] .callout-content {
--callout-cards-columns: 2;
}
}
@container note (max-width: 300px) {
.callout[data-callout~=cards] .callout-content {
--callout-cards-columns: 1;
}
}
/*Captions*/
.callout.callout[data-callout~=caption] {
background: transparent;
text-align: center;
box-shadow: none;
border: 0;
padding: 0;
margin: 0;
--callout-content-padding: 0;
max-width: 30vh;
}
.callout.callout[data-callout~=caption] > .callout-content {
overflow: hidden;
}
.callout.callout[data-callout~=caption] > .callout-content > p :is(.image-embed, img) + br {
display: none;
}
.callout.callout[data-callout~=caption] > .callout-content img {
display: block;
margin: auto;
}
.callout.callout[data-callout~=caption] > .callout-title {
display: none;
}
.callout.callout[data-callout~=caption] p {
margin-block-start: 0;
margin-block-end: 0;
color: var(--text-faint);
}
.callout.callout[data-callout~=caption]:is([data-callout-metadata~=sban], [data-callout-metadata~=banner]) .image-embed img {
width: 100%;
}
/* Recite */
.callout.callout[data-callout=recite] {
--callout-color: 193, 67, 67;
--callout-icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path stroke="none" fill="none" d="M0 0h24v24H0z"/><path d="M6.455 19L2 22.5V4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455z"/></svg>';
--callout-margin: 10px;
--callout-padding: 5px 10px 10px 10px;
border-style: solid;
border-width: 11px;
border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAA8CAYAAADxJz2MAAAFWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iCiAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjgwIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iNjAiCiAgIGV4aWY6Q29sb3JTcGFjZT0iMSIKICAgdGlmZjpJbWFnZVdpZHRoPSI4MCIKICAgdGlmZjpJbWFnZUxlbmd0aD0iNjAiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjMwMC8xIgogICB0aWZmOllSZXNvbHV0aW9uPSIzMDAvMSIKICAgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIKICAgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIgogICB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0wMS0wMlQxNjowNTo0MS0wODowMCIKICAgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMi0wMS0wMlQxNjowNTo0MS0wODowMCI+CiAgIDxkYzp0aXRsZT4KICAgIDxyZGY6QWx0PgogICAgIDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+RCZhbXA7RCBCb3JkZXI8L3JkZjpsaT4KICAgIDwvcmRmOkFsdD4KICAgPC9kYzp0aXRsZT4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHN0RXZ0OmFjdGlvbj0icHJvZHVjZWQiCiAgICAgIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFmZmluaXR5IERlc2lnbmVyIDEuMTAuNCIKICAgICAgc3RFdnQ6d2hlbj0iMjAyMi0wMS0wMlQxNjowNTo0MS0wODowMCIvPgogICAgPC9yZGY6U2VxPgogICA8L3htcE1NOkhpc3Rvcnk+CiAgPC9yZGY6RGVzY3JpcHRpb24+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+SLcLyAAAAYFpQ0NQc1JHQiBJRUM2MTk2Ni0yLjEAACiRdZHPK0RRFMc/8xD50SiUhcVLWA35UWJjMZNfhcXMKIPNm2fejJo3Xu+NJFtlO0WJjV8L/gK2ylopIiVLWRMbpuc8o0Yy53bP/dzvPed077mgRNO66ZR3g5nJ2uHRoDoTm1Urn/Ch0EQdqqY71mRkJEpJe7+VaLHrTq9W6bh/rWYh4ejgqxIe0i07KzwmPLGStTzeEm7UU9qC8IlwwJYLCt94erzAzx4nC/zpsR0Nh0CpF1aTvzj+i/WUbQrLy2kz08v6z328l9QmMtMRWVtltuAQZpQgKuMME6KfHgbF99NJL12yo0R+93f+FEuSq4u3WMVmkSQpsgREXZbqCVkN0RMy0qx6/f/bV8fo6y1Urw1CxaPrvrZD5Sbkc677ceC6+UMoe4DzTDF/aR8G3kTPFbW2PfCvw+lFUYtvw9kGNN9bmq19S2UyFcOAl2Ooi0HDFVTPFXr2c87RHUTX5KsuYWcXOiTeP/8FK5Jny8RYHqYAAAAJcEhZcwAALiMAAC4jAXilP3YAAAG5SURBVHic7dyxSiNRFMbxv0OwEkvZfrEWleWAvbA+giB5ANtgcx/gFJK0+wAbwUdYV7bZRjiIirXYL1tbiajFXHV3Y5KBbIyTfL8yOQxfPu5kprkXKnCzRTfrVpmdBm7WdbPFKrNFhYt9As6BnVGD1cgOcJ5/+0CNfl+4WQG0AB80N8U+AiduloBOirh/bejVFehmH4AjYJ/ZLO9Jg7KDo9xJj54C3ewzcAlsjjdbrWwCl7mbvzyvLjebp7xdW28YrE6WgG9u1gFSiriFvALdbBk4QeVV0aL8b1wGKNysCVwA6xONVS/rwIWbNefc7GHSaeps6HugiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIyCzQTqURaafSiBpAE/gCLAwbThFzY0/0DlS8K2+A3SJFdIE14Gy8sabKGbCWIroFQIq4AjaA9kRj1UMb2MidvexYzzuw99zsB/CVcoe2vPgNNFPE9z8/7HmI5IEV4PiNgtXBMbDyb3nQ5ymcIn4BW8AecDfebO/aHWUHW7mTHn2PNMnnpLTd7CdwSHmOyiy5BrZTxOmgoaHvgfkCq8DBfwpWBwfA6rDyAB4BTjVxWZByO0gAAAAASUVORK5CYII=") 11;
border-image-outset: 9px 0px;
box-shadow: 0px 0px 10px var(--outline, var(--background-modifier-box-shadow));
background: var(--note, var(--background-primary));
text-align: justify;
}
.callout.callout[data-callout=recite] .callout-title {
padding: 0;
background: transparent;
color: rgba(var(--callout-color), 1);
justify-content: center;
}
.callout.callout[data-callout=recite][data-callout-metadata*=bg-]:not([data-callout-metadata*=bg-c]) .callout-title {
color: var(--text-normal);
}
.callout.callout[data-callout=recite] .callout-title-inner {
flex: unset;
}
.callout.callout[data-callout=recite] .callout-content {
padding: 0;
padding-top: 10px;
}
/* Unwrapped Table */
.callout.callout[data-callout-metadata~=table] {
border: 0;
background-color: transparent;
--callout-padding: 0;
}
.callout.callout[data-callout-metadata~=table] .callout-content {
padding: 0;
border: 0;
background-color: transparent;
box-shadow: none;
}
.callout.callout[data-callout-metadata~=table]:not([data-callout-metadata~=show-title],
[data-callout-metadata~=s-t]) .callout-title {
display: none;
}
.callout.callout[data-callout-metadata~=table] table {
white-space: nowrap;
margin: 0;
margin: auto;
overflow-x: scroll;
}
.callout.callout[data-callout-metadata~=table] table th, .callout.callout[data-callout-metadata~=table] table td {
white-space: nowrap;
}
.callout.callout:is([data-callout-metadata~=table-unwrap-column-1], [data-callout-metadata~=tbl-u-1]) table tr td:nth-child(1) {
--table-white-space: nowrap;
}
.callout.callout:is([data-callout-metadata~=table-unwrap-column-2], [data-callout-metadata~=tbl-u-2]) table tr td:nth-child(2) {
--table-white-space: nowrap;
}
.callout.callout:is([data-callout-metadata~=table-unwrap-column-3], [data-callout-metadata~=tbl-u-3]) table tr td:nth-child(3) {
--table-white-space: nowrap;
}
.callout.callout:is([data-callout-metadata~=table-unwrap-column-4], [data-callout-metadata~=tbl-u-4]) table tr td:nth-child(4) {
--table-white-space: nowrap;
}
.callout.callout:is([data-callout-metadata~=table-unwrap-column-5], [data-callout-metadata~=tbl-u-5]) table tr td:nth-child(5) {
--table-white-space: nowrap;
}
.callout.callout:is([data-callout-metadata~=table-unwrap-column-6], [data-callout-metadata~=tbl-u-6]) table tr td:nth-child(6) {
--table-white-space: nowrap;
}
.callout.callout:is([data-callout-metadata~=table-unwrap-column-7], [data-callout-metadata~=tbl-u-7]) table tr td:nth-child(7) {
--table-white-space: nowrap;
}
.callout[data-callout=blank] {
--callout-color: transparent;
margin: 0;
padding: 0;
--callout-border-width: 0;
}
.callout[data-callout=blank] .callout-content {
padding: 0;
}
.callout[data-callout=blank] > .callout-title {
display: none;
}
/* Metadata */
body:not(.callout-no-metadata) .callout.callout[data-callout~=Metadata i] {
--callout-icon: layers;
--callout-border-width: 2px;
--callout-title-padding: 5px;
--callout-content-padding: 0px 10px 10px;
--callout-shadow: 0px 0px 0px 1px var(--outline);
}
body:not(.callout-no-metadata) .callout.callout[data-callout~=Metadata i]:not([data-callout-metadata*=bg-],
[data-callout-metadata*=bg-c-],
[data-callout-metadata*=c-],
[data-callout-metadata*=color-]) {
--callout-color: 82, 139, 212;
}
body:not(.callout-no-metadata) .callout.callout[data-callout~=Metadata i] .callout-title {
background-color: transparent;
justify-content: center;
}
body:not(.callout-no-metadata) .callout.callout[data-callout~=Metadata i] .callout-title-inner {
flex: unset;
color: rgb(var(--callout-color));
}
body:not(.callout-no-metadata) .callout.callout[data-callout~=Metadata i]:not([data-callout-metadata~=no-strong], [data-callout-metadata~=no-str]) {
--bold-color: rgb(var(--callout-color)) ;
}
body:not(.callout-no-metadata) .callout.callout[data-callout~=Metadata i] .dataview.inline-field-key {
background: rgb(var(--callout-color));
color: var(--text-on-accent);
font-weight: 900;
}
body:not(.callout-no-metadata) .callout.callout[data-callout~=Metadata i] .dataview.inline-field-value {
font-weight: unset;
background: transparent;
}
body:not(.callout-no-metadata) .callout.callout[data-callout~=Metadata i] table th {
background-color: var(--aside-bg, rgba(var(--callout-color), 0.5));
}
body:not(.callout-no-metadata) .callout.callout[data-callout~=Metadata i] table {
--tbl-td-h: 0;
--tbl-td-w: 5px;
white-space: nowrap;
margin: 0;
width: 100%;
}
body:not(.callout-no-metadata) .callout.callout[data-callout~=Metadata i] .callout-content p:last-child {
margin-bottom: 0;
}
body:not(.callout-no-metadata) .callout.callout[data-callout~=Metadata i] .callout-content p:first-child {
margin-top: 0;
}
body:not(.callout-no-metadata) .callout.callout[data-callout~=Metadata i] .callout-content, body:not(.callout-no-metadata) .callout.callout[data-callout~=Metadata i] ul {
margin: 0;
}
body:not(.callout-no-metadata) .callout.callout[data-callout~=Metadata i][data-callout-metadata~=i-at] {
background: var(--outer-bar, var(--background-secondary-alt));
border: 0;
text-align: center;
padding: 0;
}
body:not(.callout-no-metadata) .callout.callout[data-callout~=Metadata i][data-callout-metadata~=i-at]:is([data-callout-metadata*=bg-],
[data-callout-metadata*=bg-c-],
[data-callout-metadata*=c-],
[data-callout-metadata*=color-]) {
background: rgba(var(--callout-color), var(--callout-color-opacity));
}
body:not(.callout-no-metadata) .callout.callout[data-callout~=Metadata i][data-callout-metadata~=i-at].is-collapsible:not(.is-collapsed) {
display: flex;
flex-direction: row-reverse;
}
body:not(.callout-no-metadata) .callout.callout[data-callout~=Metadata i][data-callout-metadata~=i-at]:not(.is-collapsible) .callout-title, body:not(.callout-no-metadata) .callout.callout[data-callout~=Metadata i][data-callout-metadata~=i-at] .callout-title-inner, body:not(.callout-no-metadata) .callout.callout[data-callout~=Metadata i][data-callout-metadata~=i-at]:not(.is-collapsed) .callout-icon {
display: none;
}
body:not(.callout-no-metadata) .callout.callout[data-callout~=Metadata i][data-callout-metadata~=i-at] .callout-fold {
display: flex;
align-content: center;
align-items: center;
}
body:not(.callout-no-metadata) .callout.callout[data-callout~=Metadata i][data-callout-metadata~=i-at] .callout-fold svg {
margin-bottom: unset;
}
body:not(.callout-no-metadata) .callout.callout[data-callout~=Metadata i][data-callout-metadata~=i-at] .callout-content {
padding: 0px;
margin: auto;
overflow-y: hidden;
}
body:not(.callout-no-metadata) .callout.callout[data-callout~=Metadata i]:is([data-callout-metadata~=tbl-cln], [data-callout-metadata~=table-clean]) table :is(td, tr, th) {
background-color: transparent;
border-color: transparent;
}
body:not(.callout-no-metadata) .callout.callout[data-callout~=Metadata i][data-callout-metadata*=bg-] {
--callout-border-color: var(--callout-background);
border-color: var(--callout-border-color);
}
/* Columns */
.callout[data-callout*=column] {
--callout-color: var(--text-normal);
--callout-icon: layout-dashboard;
--columns: 2;
--callout-column-gap: 10px;
background: transparent;
box-shadow: none;
border: 0;
width: auto;
padding: 0;
}
.callout[data-callout*=column] > .callout-content > .callout {
margin: 0;
}
.callout[data-callout*=column] > .callout-content .callout-content {
border: 0;
}
.callout[data-callout*=column] > .callout-content {
display: grid;
grid-template-columns: repeat(var(--columns), 1fr);
gap: var(--callout-column-gap);
background: transparent;
box-shadow: none;
border: 0;
padding: 0;
}
.callout[data-callout*=column][data-callout-metadata~="3"] .callout-content {
--columns: 3;
}
.callout[data-callout*=column][data-callout-metadata~="4"] .callout-content {
--columns: 4;
}
.callout[data-callout*=column][data-callout-metadata~="5"] .callout-content {
--columns: 5;
}
.callout[data-callout*=column][data-callout-metadata~="6"] .callout-content {
--columns: 6;
}
.callout[data-callout*=column][data-callout-metadata~="7"] .callout-content {
--columns: 7;
}
.callout[data-callout*=column][data-callout-metadata~="8"] .callout-content {
--columns: 8;
}
.callout[data-callout*=column][data-callout-metadata~="9"] .callout-content {
--columns: 9;
}
.callout[data-callout*=column]:is([data-callout-metadata~=slim-margins],
[data-callout-metadata~=s-mg]) > .callout-content {
--callout-column-gap: 2px;
}
.callout[data-callout*=column][data-callout-metadata~=flex] > .callout-content {
gap: var(--callout-column-gap);
grid-template-columns: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.callout[data-callout*=column][data-callout-metadata~=flex] > .callout-content .callout {
flex: 1 1 calc(var(--file-line-width) / 2.5);
}
.callout[data-callout*=column][data-callout-metadata~=flex][data-callout-metadata~="3"] > .callout-content .callout {
flex: 1 1 calc(var(--file-line-width) / 3.5);
}
.callout[data-callout*=column][data-callout-metadata~=flex][data-callout-metadata~=resize] .callout {
flex: 1 1 auto;
}
.callout[data-callout*=column][data-callout-metadata~=flex][data-callout-metadata~=resize] .callout[data-callout-metadata~=wmicro] {
width: 5%;
}
.callout[data-callout*=column][data-callout-metadata~=flex][data-callout-metadata~=resize] .callout[data-callout-metadata~=wtiny] {
width: 10%;
}
.callout[data-callout*=column][data-callout-metadata~=flex][data-callout-metadata~=resize] .callout[data-callout-metadata~=wsmall] {
width: 20%;
}
.callout[data-callout*=column][data-callout-metadata~=flex][data-callout-metadata~=resize] .callout[data-callout-metadata~=ws-med] {
width: 30%;
}
.callout[data-callout*=column][data-callout-metadata~=flex][data-callout-metadata~=resize] .callout[data-callout-metadata~=wmed] {
width: 40%;
}
.callout[data-callout*=column][data-callout-metadata~=dataview] > .callout-content {
grid-template-columns: unset;
gap: unset;
}
.callout[data-callout*=column][data-callout-metadata~=dataview] > .callout-content .dataview.list-view-ul {
columns: var(--columns);
}
.callout[data-callout*=column][data-callout-metadata~=dataview] > .callout-content .dataview li {
break-inside: avoid;
}
.callout[data-callout*=column][data-callout-metadata~=list-global] .callout > .callout-content, .callout[data-callout*=column][data-callout-metadata~=list] > .callout-content {
grid-template-columns: unset;
}
.callout[data-callout*=column][data-callout-metadata~=list-global] .callout > .callout-content ul, .callout[data-callout*=column][data-callout-metadata~=list-global] .callout > .callout-content > ul, .callout[data-callout*=column][data-callout-metadata~=list] > .callout-content ul, .callout[data-callout*=column][data-callout-metadata~=list] > .callout-content > ul {
columns: var(--columns);
}
.callout[data-callout*=column][data-callout-metadata~=list-global] .callout > .callout-content ul > li, .callout[data-callout*=column][data-callout-metadata~=list-global] .callout > .callout-content > ul > li, .callout[data-callout*=column][data-callout-metadata~=list] > .callout-content ul > li, .callout[data-callout*=column][data-callout-metadata~=list] > .callout-content > ul > li {
break-inside: avoid;
}
.callout[data-callout*=column][data-callout-metadata~=list-global] .callout > .callout-content ul .list-bullet::after, .callout[data-callout*=column][data-callout-metadata~=list-global] .callout > .callout-content > ul .list-bullet::after, .callout[data-callout*=column][data-callout-metadata~=list] > .callout-content ul .list-bullet::after, .callout[data-callout*=column][data-callout-metadata~=list] > .callout-content > ul .list-bullet::after {
position: relative;
}
.callout[data-callout*=column][data-callout-metadata~=list-x] > .callout-content {
grid-template-columns: unset;
}
.callout[data-callout*=column][data-callout-metadata~=list-x] > .callout-content > ul {
display: grid;
grid-template-columns: repeat(var(--columns), 1fr);
}
/*Kanban*/
.callout.callout[data-callout~=kanban] {
--callout-color: unset;
--callout-icon: layout-dashboard;
--callout-padding: 0;
--item-outline: 0 0 0 1px var(--outline, var(--background-modifier-border));
--lane-width: 250px;
background: transparent;
box-shadow: none;
border: 0;
width: auto;
}
.callout.callout[data-callout~=kanban] .callout-title {
justify-content: center;
background: var(--code-bg, var(--background-primary));
padding: 5px;
border-radius: var(--radius-s);
}
.callout.callout[data-callout~=kanban] .callout-title-inner {
flex: unset;
}
.callout.callout[data-callout~=kanban] .callout-content {
padding: 0;
}
.callout.callout[data-callout~=kanban] ul li::marker, .callout.callout[data-callout~=kanban] ul li::before, .callout.callout[data-callout~=kanban] .list-bullet, .callout.callout[data-callout~=kanban] ul::before, .callout.callout[data-callout~=kanban] :is(ul, ul ul) .list-collapse-indicator {
list-style-type: none;
color: transparent;
display: none !important;
}
.callout.callout[data-callout~=kanban] ul {
display: flex;
margin-block-start: 5px;
padding-inline-start: 0;
text-align: center;
overflow: auto;
}
.callout.callout[data-callout~=kanban] ul.list-view-ul {
margin-inline-start: unset;
}
.callout.callout[data-callout~=kanban] ul li {
min-width: var(--lane-width);
border: 0;
padding: 5px;
margin: 5px 1px;
padding-top: 4px;
background: var(--note, var(--background-primary-alt));
border-radius: var(--radius-s);
box-shadow: var(--item-outline), var(--shadow-s);
}
.callout.callout[data-callout~=kanban] ul ul {
flex-direction: column;
text-align: left;
overflow: unset;
}
.callout.callout[data-callout~=kanban] ul ul li {
min-width: calc(var(--lane-width) / 2);
padding: 5px;
box-shadow: var(--item-outline), var(--shadow-s);
background: var(--code-bg, var(--background-primary));
}
.callout.callout[data-callout~=kanban] ul ul li :is(img, .internal-embed) {
margin-bottom: -6px;
}
.callout.callout[data-callout~=kanban] ul.contains-task-list .task-list-item-checkbox {
margin-inline-start: 0;
}
.callout.callout[data-callout~=kanban] .task-list-item-checkbox {
cursor: default;
}
.callout.callout[data-callout~=kanban] :is(ul, ol) > li p:first-of-type {
margin-block-start: 0;
}
/* Timeline */
.callout.callout[data-callout~=timeline] {
--callout-icon: "clock-12";
--callout-padding: 0;
--callout-title-padding: 10px;
--callout-content-padding: 10px;
--callout-margin: 0;
--timeline-shadow: var(--outline, var(--background-modifier-box-shadow));
--micro: 50px;
--tiny: 100px;
--small: 200px;
--small-med: 300px;
--med-small: 400px;
--medium: 500px;
--med-tall: 600px;
--tall: 700px;
--c-timeline: calc(50% - 2px);
background-color: transparent;
margin: 0;
border: 0;
clear: both;
position: unset !important;
}
.callout.callout[data-callout~=timeline] .callout-title {
background: rgba(var(--callout-color), 0.35);
align-content: center;
align-items: center;
}
.callout.callout[data-callout~=timeline] .callout-title em {
font-style: normal;
display: block;
font-size: 14px;
line-height: 12px;
color: rgb(var(--callout-color));
}
.callout.callout[data-callout~=timeline] .callout-icon {
background-color: var(--note, var(--background-primary));
transform: scale(1.2);
border-radius: 20px;
height: var(--icon-size);
width: var(--icon-size);
}
.callout.callout[data-callout~=timeline] .callout-content {
background-color: rgb(var(--callout-color), 0.1);
}
.callout.callout[data-callout~=timeline][data-callout-metadata~=t-l] {
border-right: 4px solid rgb(var(--callout-color));
margin-right: var(--c-timeline);
z-index: 0;
}
.callout.callout[data-callout~=timeline][data-callout-metadata~=t-l] > .callout-title, .callout.callout[data-callout~=timeline][data-callout-metadata~=t-l] > .callout-content {
box-shadow: -4px 4px 0 var(--timeline-shadow);
}
.callout.callout[data-callout~=timeline][data-callout-metadata~=t-r] {
border-left: 4px solid rgb(var(--callout-color));
margin-left: var(--c-timeline);
}
.callout.callout[data-callout~=timeline][data-callout-metadata~=t-r] > .callout-title, .callout.callout[data-callout~=timeline][data-callout-metadata~=t-r] > .callout-content {
box-shadow: 4px 4px 0 var(--timeline-shadow);
}
.callout.callout[data-callout~=timeline][data-callout-metadata~=t-l] > .callout-title {
flex-direction: row-reverse;
text-align: right;
}
.callout.callout[data-callout~=timeline][data-callout-metadata~=t-l] > .callout-title .callout-icon {
float: right;
position: absolute;
margin-right: -20px;
}
.callout.callout[data-callout~=timeline][data-callout-metadata~=t-r] > .callout-title .callout-icon {
float: left;
position: absolute;
margin-left: -20px;
}
.callout.callout[data-callout~=timeline][data-callout-metadata~=t-1] .callout-title {
margin-top: var(--micro);
}
.callout.callout[data-callout~=timeline][data-callout-metadata~=t-2] .callout-title {
margin-top: var(--tiny);
}
.callout.callout[data-callout~=timeline][data-callout-metadata~=t-3] .callout-title {
margin-top: var(--small);
}
.callout.callout[data-callout~=timeline][data-callout-metadata~=t-4] .callout-title {
margin-top: var(--small-med);
}
.callout.callout[data-callout~=timeline][data-callout-metadata~=t-5] .callout-title {
margin-top: var(--med-small);
}
.callout.callout[data-callout~=timeline][data-callout-metadata~=t-6] .callout-title {
margin-top: var(--medium);
}
.callout.callout[data-callout~=timeline][data-callout-metadata~=t-7] .callout-title {
margin-top: 350px;
}
.callout.callout[data-callout~=timeline][data-callout-metadata~=t-8] .callout-title {
margin-top: var(--med-tall);
}
.callout.callout[data-callout~=timeline][data-callout-metadata~=t-9] .callout-title {
margin-top: var(--tall);
}
.callout.callout[data-callout~=timeline][data-callout-metadata~=t-10] .callout-title {
margin-top: 750px;
}
.callout[data-callout=kith] {
--callout-icon: user;
--callout-color: 115, 167, 202;
border-color: rgba(var(--callout-color), 0.7);
}
.callout[data-callout=kith] .callout-title-inner {
font-weight: unset;
color: rgb(var(--callout-color));
}
.callout[data-callout=kith] .callout-title-inner em {
display: block;
font-style: normal;
font-size: var(--font-small);
line-height: 12px;
font-weight: normal;
}
.callout[data-callout=kith] .callout-title-inner em em {
font-style: italic;
display: inline-block;
}
.callout[data-callout=kith][data-callout-metadata=family] {
--callout-icon: users;
}
.callout[data-callout=kith][data-callout-metadata=friend] {
--callout-icon: user-check;
--callout-color: 115, 202, 144;
}
.callout[data-callout=kith][data-callout-metadata=romantic] {
--callout-icon: user-plus;
--callout-color: 202, 115, 180;
}
.callout[data-callout=kith][data-callout-metadata=antagonist] {
--callout-icon: user-x;
--callout-color: 241, 74, 74;
}
.callout[data-callout=checks] {
--callout-color: unset;
--callout-icon: "check-square";
--callout-padding: 0px;
--root-list-spacing: 0;
--list-indent: 0;
}
.callout[data-callout=checks] ul.contains-task-list {
display: flex;
flex-direction: row;
padding-inline-start: 0;
}
.callout[data-callout=checks] ul.contains-task-list li.task-list-item {
margin-right: 5px;
}
.callout[data-callout=checks] ul.contains-task-list li p {
margin-block-start: 0;
}
.callout[data-callout=checks] > .callout-content > ul:not(.contains-task-list) {
padding-inline-start: 0;
}
.callout[data-callout=checks] ul:not(.contains-task-list) li {
--bullet: 0;
--indentation-guide-color: transparent;
margin-right: 10px;
}
.callout[data-callout=checks] ul:not(.contains-task-list) li > .list-bullet {
display: none;
}
.callout[data-callout=checks] ul > li .task-list-item-checkbox {
margin-inline-start: 0 !important;
}
/* Asides */
.callout[data-callout~=aside] {
--callout-icon: message-square;
--callout-color: "";
--callout-margin: 0 -1.2em 0 5px;
background-color: var(--aside-bg, var(--background-secondary));
box-shadow: 0.3em 0.3em 0 var(--accent, var(--background-modifier-box-shadow)), 0 0 0 1px var(--accent, var(--background-modifier-box-shadow));
float: right;
position: relative;
max-width: 400px;
}
.callout[data-callout~=aside]:not([data-callout-metadata~=no-t]) .callout-content {
padding: 5px 10px;
}
.callout[data-callout~=aside]:not([data-callout-metadata~=no-t]) .callout-content p:first-child {
margin-top: 0;
}
.callout[data-callout~=aside]:not([data-callout-metadata~=show-title], [data-callout-metadata~=s-t]) .callout-title-inner {
display: none;
}
.callout[data-callout~=aside]:not([data-callout-metadata~=show-title], [data-callout-metadata~=s-t]) .callout-title {
justify-content: space-between;
}
.callout[data-callout~=aside].is-collapsed {
background-color: transparent;
box-shadow: none;
--callout-border-width: 0;
--callout-padding: 0px 4px;
}
.callout[data-callout~=aside].is-collapsed .callout-title-inner {
display: none;
}
.callout[data-callout~=aside].is-collapsed .callout-title {
justify-content: space-between;
--callout-title-padding: 0px;
}
.callout[data-callout~=aside].is-collapsed .callout-fold {
margin: 0;
padding: 0;
margin-left: -25px;
visibility: hidden;
}
.callout[data-callout~=aside][data-callout-metadata~=clean] {
background: transparent;
box-shadow: none;
}
.callout[data-callout~=aside][data-callout-metadata~=tufte] {
background: transparent;
box-shadow: none;
float: right;
position: relative;
}
.callout[data-callout~=aside][data-callout-metadata~=tufte]:not(.is-collapsed) {
width: 400px;
margin-right: -25.3em;
}
.callout[data-callout~=aside][data-callout-metadata~=tufte] .callout-title {
padding-top: 0;
}
.callout[data-callout~=aside][data-callout-metadata~=tufte].is-collapsed .callout-title {
justify-content: unset;
}
.callout[data-callout~=aside][data-callout-metadata~=tufte].is-collapsed .callout-content {
display: none;
}
.callout.callout.callout[data-callout~=aside]:is([data-callout-metadata~=left], [data-callout-metadata~="p+l"]) {
margin-left: -1.6em;
}
.callout.callout.callout[data-callout~=aside]:is([data-callout-metadata~=left], [data-callout-metadata~="p+l"]):not(.is-collapsed) {
margin-right: 10px;
}
.callout.callout.callout[data-callout~=aside]:is([data-callout-metadata~=left], [data-callout-metadata~="p+l"])[data-callout-metadata~=tufte]:not(.is-collapsed) {
margin: unset;
margin-left: -25em !important;
}
.callout.callout.callout[data-callout~=aside]:is([data-callout-metadata~=left], [data-callout-metadata~="p+l"])[data-callout-metadata~=tufte]:not(.is-collapsed) .callout-title {
padding-top: 5px;
flex-direction: row-reverse;
}
.is-mobile.is-mobile .callout[data-callout~=aside]:is([data-callout-metadata~=left], [data-callout-metadata~="p+l"]) {
margin-left: 0;
}
.is-live-preview .callout[data-callout~=aside] {
float: unset;
}
.is-live-preview.is-live-preview .callout.callout[data-callout~=aside] {
margin: 5px;
}
body:not(.default-callout-quote, .callout-no-quote) .callout.callout[data-callout=quote] {
--callout-icon: "";
--callout-color: var(--color-accent);
--callout-padding: 20px 30px;
--callout-border-width: 0 0 0 4px;
--callout-border-opacity: .7;
display: flex;
flex-direction: column-reverse;
box-shadow: var(--shadow-l);
}
body:not(.default-callout-quote, .callout-no-quote) .callout.callout[data-callout=quote] > .callout-content {
overflow: hidden;
}
body:not(.default-callout-quote, .callout-no-quote) .callout.callout[data-callout=quote] > .callout-content p:first-child {
margin-block-start: 0;
}
body:not(.default-callout-quote, .callout-no-quote) .callout.callout[data-callout=quote] > .callout-content p:last-child {
margin-block-end: 0;
}
body:not(.default-callout-quote, .callout-no-quote) .callout.callout[data-callout=quote] > .callout-title {
background: transparent;
text-align: right;
padding-top: 5px;
padding-right: 0;
justify-content: flex-end;
}
body:not(.default-callout-quote, .callout-no-quote) .callout.callout[data-callout=quote] > .callout-title > .callout-fold {
padding-inline-end: 0;
}
body:not(.default-callout-quote, .callout-no-quote) .callout.callout[data-callout=quote] > .callout-title > .callout-icon {
height: 0;
width: 0;
}
body:not(.default-callout-quote, .callout-no-quote) .callout.callout[data-callout=quote] > .callout-title > .callout-title-inner::before {
content: "~ ";
}
body:not(.default-callout-quote, .callout-no-quote) .callout.callout[data-callout=quote][data-callout-metadata~=author] {
--callout-icon: "";
--callout-color: var(--color-accent);
--callout-padding: 20px 30px;
--callout-border-width: 0 0 0 4px;
--callout-border-opacity: .7;
display: flex;
flex-direction: column-reverse;
box-shadow: var(--shadow-l);
}
body:not(.default-callout-quote, .callout-no-quote) .callout.callout[data-callout=quote][data-callout-metadata~=author] .callout-content {
overflow: hidden;
}
body:not(.default-callout-quote, .callout-no-quote) .callout.callout[data-callout=quote][data-callout-metadata~=author] .callout-content p:first-child {
margin-block-start: 0;
}
body:not(.default-callout-quote, .callout-no-quote) .callout.callout[data-callout=quote][data-callout-metadata~=author] .callout-content p:last-child {
margin-block-end: 0;
}
body:not(.default-callout-quote, .callout-no-quote) .callout.callout[data-callout=quote][data-callout-metadata~=author] .callout-icon {
height: 0;
width: 0;
}
body:not(.default-callout-quote, .callout-no-quote) .callout.callout[data-callout=quote][data-callout-metadata~=author] .callout-title {
background: transparent;
text-align: right;
padding-top: 5px;
padding-right: 0;
display: block;
}
body:not(.default-callout-quote, .callout-no-quote) .callout.callout[data-callout=quote][data-callout-metadata~=author] .callout-title-inner::before {
content: "~ ";
}
body:not(.default-callout-quote, .callout-no-quote) .callout.callout[data-callout=quote][data-callout-metadata~=mark] {
--callout-content-padding: 0 30px 0 0;
}
body:not(.default-callout-quote, .callout-no-quote) .callout.callout[data-callout=quote][data-callout-metadata~=mark] .callout-content::before {
display: block;
float: right;
content: "”";
font-family: var(--font);
color: var(--headers);
transform: scale(4);
position: absolute;
right: 40px;
margin-top: 20px;
}
.published-container .callout.callout[data-callout=quote][data-callout-metadata~=mark] .callout-content::before {
right: 65px;
}
.callout-original .callout,
.callout:is([data-callout-metadata~=callout-original],
[data-callout-metadata~=co-o]) {
--callout-padding: 0;
--callout-title-padding: 10px 15px;
--callout-content-padding: 5px 15px;
--callout-border-opacity: 1;
--callout-margin: 5px 5px 5px 0;
--callout-border-width: 0 0 0 3px;
background-color: var(--note, var(--background-primary));
box-shadow: var(--shadow-m);
margin: var(--callout-margin);
}
.callout-original .callout .callout-title,
.callout:is([data-callout-metadata~=callout-original],
[data-callout-metadata~=co-o]) .callout-title {
background: rgba(var(--callout-color), 0.1);
}
.callout-block .callout,
.callout:is([data-callout-metadata~=callout-block],
[data-callout-metadata~=co-block]) {
--callout-padding: 0;
--callout-content-padding: 0 10px;
--callout-title-padding: 6px 10px;
--callout-title-background: var(--callout-color);
--callout-border-opacity: .5;
}
.callout-block .callout .callout-title,
.callout:is([data-callout-metadata~=callout-block],
[data-callout-metadata~=co-block]) .callout-title {
background-color: rgba(var(--callout-title-background, var(--callout-color)), 0.2);
}
.callout-block .callout.is-collapsible:not(.is-collapsed) > .callout-content,
.callout:is([data-callout-metadata~=callout-block],
[data-callout-metadata~=co-block]).is-collapsible:not(.is-collapsed) > .callout-content {
border-bottom: 1px solid rgba(var(--callout-color), var(--callout-border-opacity));
}
.callout-alternate-line .callout,
.callout.callout[data-callout-metadata~=alt-line] {
border: 0;
background-color: transparent;
--callout-padding: 0;
--callout-title-padding: 5px 10px;
--callout-content-padding: 0px 10px 10px;
}
.callout-alternate-line .callout .callout-title,
.callout.callout[data-callout-metadata~=alt-line] .callout-title {
background: transparent;
border-bottom: 2px solid var(--table, var(--background-modifier-border));
}
.callout-alternate-line .callout .callout-fold,
.callout.callout[data-callout-metadata~=alt-line] .callout-fold {
color: rgb(var(--callout-color));
}
.callout-alternate-line .callout .callout-content.callout-content,
.callout.callout[data-callout-metadata~=alt-line] .callout-content.callout-content {
border: 0;
border-bottom: 1px solid rgba(var(--callout-color), 0.5);
}
.callout-bordered .callout:not([data-callout-metadata~=callout-block],
[data-callout-metadata~=co-block],
[data-callout-metadata~=callout-original],
[data-callout-metadata~=co-o],
[data-callout-metadata~=alt-line]):not([data-callout=aside],
[data-callout=blank],
[data-callout=captions],
[data-callout=cards],
[data-callout=checks],
[data-callout=column],
[data-callout=grid],
[data-callout=infobox],
[data-callout=kanban],
[data-callout=metadata],
[data-callout=quotes],
[data-callout=recite],
[data-callout=statblocks],
[data-callout=timeline]),
.callout[data-callout-metadata~=callout-bordered] {
--callout-border-width: 2px;
--callout-title-padding: 5px;
--callout-content-padding: 0px 10px 10px;
--callout-shadow: 0px 0px 0px 1px var(--outline);
}
.callout-bordered .callout:not([data-callout-metadata~=callout-block],
[data-callout-metadata~=co-block],
[data-callout-metadata~=callout-original],
[data-callout-metadata~=co-o],
[data-callout-metadata~=alt-line]):not([data-callout=aside],
[data-callout=blank],
[data-callout=captions],
[data-callout=cards],
[data-callout=checks],
[data-callout=column],
[data-callout=grid],
[data-callout=infobox],
[data-callout=kanban],
[data-callout=metadata],
[data-callout=quotes],
[data-callout=recite],
[data-callout=statblocks],
[data-callout=timeline])[data-callout-metadata*=bg-],
.callout[data-callout-metadata~=callout-bordered][data-callout-metadata*=bg-] {
--callout-border-color: var(--callout-background);
border-color: var(--callout-border-color);
}
@media print {
.print.print .markdown-preview-view .callout:is([data-callout*=cards],
[data-callout*=column]) .callout-content {
display: grid !important;
}
.print.print .markdown-preview-view .callout:is([data-callout*=column][data-callout-metadata*=flex]) .callout-content {
display: flex !important;
}
}
.markdown-rendered table tr {
height: unset;
}
.callout.callout.callout {
--callout-blend-mode: normal;
margin: var(--callout-margin);
z-index: 1;
position: relative;
}
.canvas-cards .canvas-node.is-themed {
--shadow-border-themed-inset: none;
--shadow-border-themed: none;
}
.canvas-cards .canvas-node.is-themed .canvas-node-container {
border-color: var(--outline);
box-shadow: inset 0 0 0 2px var(--outline), var(--shadow-m);
}
.canvas-cards .canvas-node.is-themed .canvas-node-container:hover .canvas-node-content {
background-color: rgba(var(--canvas-color), 0.2);
}
body.canvas-milanote.canvas-milanote {
--canvas-background: var(--outer-bar);
--canvas-dot-pattern: var(--inactive);
--canvas-color-opacity: 0;
--canvas-card-shadow-size: 2px 3px 0;
--canvas-card-shadow-color: var(--outline);
}
.canvas-milanote .canvas-node.canvas-node-group .canvas-node-content {
--canvas-color-opacity: 15%;
}
.canvas-milanote .canvas-node .canvas-node-content.markdown-embed:not(.is-loaded) {
--milanote-serif-font: "Harding", "Ranille Normal", "Georgia", "Calibri";
--h1-size: calc(var(--font-text-size) * 1.55);
--h2-size: calc(var(--font-text-size) * 1.45);
--h3-size: calc(var(--font-text-size) * 1.35);
--h4-size: calc(var(--font-text-size) * 1.2);
--h5-size: calc(var(--font-text-size) * 1.1);
--h6-size: calc(var(--font-text-size));
--h1-color: var(--text);
--h2-color: var(--text);
--h3-color: var(--text);
--h4-color: var(--text);
--h5-color: var(--text);
--h6-color: var(--text);
}
.canvas-milanote .canvas-node .canvas-node-content.markdown-embed:not(.is-loaded) :is(h1, h2, h3, h4, h5, h6)::after {
display: none;
}
.canvas-milanote .canvas-node .canvas-node-content.markdown-embed:not(.is-loaded) :is(h1, h2, h3, h4, h5, h6) {
font-family: var(--milanote-serif-font);
margin-block-end: 0;
font-weight: var(--header-weight);
}
.canvas-milanote .canvas-node .canvas-node-content.markdown-embed:not(.is-loaded) p {
margin-block-start: 5px;
}
.canvas-milanote .canvas-node .canvas-node-content.markdown-embed:not(.is-loaded) .markdown-preview-view {
padding: 0 var(--size-4-4);
}
.canvas-milanote .canvas-node.canvas-node:not(.canvas-node-group, .is-focused) > .canvas-node-container {
border-color: transparent;
box-shadow: var(--canvas-card-shadow-size) var(--canvas-card-shadow-color);
}
.canvas-milanote .canvas-node.is-themed:not(.canvas-node-group) > .canvas-node-container {
border-color: transparent;
box-shadow: 0 -4px 0 -0.4px rgb(var(--canvas-color)), var(--canvas-card-shadow-size) var(--canvas-card-shadow-color);
}
.canvas-arrow-text-color .canvas-path-label {
color: rgb(var(--canvas-color));
}
.sizing-readable.sizing-readable {
--font-ui-smaller: 13.5px;
--font-ui-small: 14px;
--font-ui-medium: 15px;
--font-ui-large: 20px;
--font-smallest:.88em;
--font-smaller:.9em;
--font-small: .95em;
--icon-xs: 14px;
--icon-s: 16px;
--icon-m: 17px;
--icon-l: 18px;
--header-height: 40px;
--ribbon-width: 40px;
}
.sizing-mini.sizing-mini {
--font-ui-smaller: 11px;
--font-ui-small: 12px;
--font-ui-medium: 14px;
--font-ui-large: 20px;
--font-smallest: .70em;
--font-smaller: .88em;
--font-small: .95em;
--icon-xs: 12px;
--icon-s: 13px;
--icon-m: 14px;
--icon-l: 15px;
--vault-name-font-size: 14px;
--header-height: 35px;
--ribbon-width: 30px;
--inline-title-size: 20px;
--scrollbar-width: 8px;
--scrollbar-height: 8px;
}
.sizing-large.sizing-large,
.sizing-large.sizing-large div {
--font-ui-smaller: 16px;
--font-ui-small: 18px;
--font-ui-medium: 20px;
--font-ui-large: 24px;
--font-smallest: 1em;
--font-smaller: 1.2em;
--font-small: 1.5em;
--table-row-edit-font-size: var(--font-text-size);
--font-frontmatter: var(--font-text-size);
--code-size: var(--font-text-size);
--icon-xs: 16px;
--icon-s: 18px;
--icon-m: 20px;
--icon-l: 24px;
--header-height: 50px;
--ribbon-width: 50px;
--inline-title-size: 40px;
--scrollbar-width: 15px;
}
iframe {
border-width: var(--radius-m);
border-style: none;
border-color: initial;
border-image: initial;
}
/* Video w/ Aspect Ratio: <div><iframe></iframe></div> */
#vid {
position: relative;
padding-bottom: 56.25%;
}
#vid iframe {
position: absolute;
width: 100%;
height: 100%;
}
.textLayer ::selection,
.xfaLayer .highlight {
background-color: var(--highlight);
}
.dataview-table-auto {
--dataview-table-width: auto;
}
.dataview-regular-table .dataview {
--dataview-th-background: var(--th);
--dataview-th-color: var(--th-text);
--dataview-th-font: var(--table-header-font);
--dataview-th-font-size: var(--table-header-size);
--dataview-th-font-weight: var(--table-header-weight);
--dataview-th-border-bottom: var(--table-border-width) solid var(--table-border-color);
--dataview-th-alt-color: var(--table-column-alt-background);
--dataview-th-count-color: var(--dataview-th-color);
}
.dataview-cards,
.dvl-c {
--dataview-th-color: var(--text);
--dataview-th-font: var(--font-default);
--dataview-th-font-size: var(--font-text-size);
--dataview-th-count-color: var(--text);
--dataview-th-background: var(--note);
--dataview-th-border-bottom: none;
}
.dataview-cards .table-view-table > thead::before,
.dvl-c .table-view-table > thead::before {
content: "\e805";
font-family: var(--its);
float: left;
padding: 5px 10px 5px 10px;
}
.dataview-cards .table-view-table > thead > tr,
.dvl-c .table-view-table > thead > tr {
display: flex;
flex-direction: column;
border: var(--box-border-s);
box-shadow: var(--shadow-m);
margin: 0;
flex-wrap: wrap;
float: left;
position: absolute;
margin-top: 30px;
}
.dataview-cards .table-view-table > thead > tr:hover,
.dvl-c .table-view-table > thead > tr:hover {
--text-selection: var(--td);
}
.dataview-cards table .table-view-table > thead > tr,
.dvl-c table .table-view-table > thead > tr {
position: absolute;
right: 0;
}
.dataview-cards .table-view-table > thead:not(:hover) > *,
.dvl-c .table-view-table > thead:not(:hover) > * {
display: none;
}
.dataview-cards .dataview th:hover,
.dvl-c .dataview th:hover {
background: var(--td);
}
.dataview-cards .dataview strong,
.dvl-c .dataview strong {
display: block;
text-align: center;
margin: auto;
background-color: var(--outer-bar, var(--background-secondary));
}
.dataview-cards .list-view-ul li, .dataview-cards .dataview.table-view-table > tbody > tr,
.dvl-c .list-view-ul li,
.dvl-c .dataview.table-view-table > tbody > tr {
display: flex;
flex-direction: column;
background-color: var(--note);
border: var(--box-border-m);
box-shadow: var(--shadow-m);
margin: 5px 0;
padding: 10px;
}
.dataview-cards .list-view-ul li:hover, .dataview-cards .dataview.table-view-table > tbody > tr:hover,
.dvl-c .list-view-ul li:hover,
.dvl-c .dataview.table-view-table > tbody > tr:hover {
--text-selection: var(--td);
background-color: var(--text-selection);
}
.dataview-cards .list-view-ul, .dataview-cards .dataview.table-view-table > tbody.table-view-tbody,
.dvl-c .list-view-ul,
.dvl-c .dataview.table-view-table > tbody.table-view-tbody {
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding-inline-start: 0;
}
.dataview-cards .block-language-dataviewjs .dataview-result-list-li, .dataview-cards .list-view-ul li, .dataview-cards .dataview.table-view-table > tbody > tr,
.dvl-c .block-language-dataviewjs .dataview-result-list-li,
.dvl-c .list-view-ul li,
.dvl-c .dataview.table-view-table > tbody > tr {
flex: 1 0 200px;
margin: 5px;
}
.dataview-cards .dataview.table-view-table td,
.dvl-c .dataview.table-view-table td {
padding: 0;
background-color: transparent;
border: 0;
}
.dataview-cards .list-view-ul li::before,
.dvl-c .list-view-ul li::before {
display: none;
}
.dataview-cards .dataview.table-view-table li,
.dvl-c .dataview.table-view-table li {
box-shadow: none;
border: 0;
padding: 0;
}
/*Dataview*/
.dataview-list .block-language-dataviewjs .dataview-result-list-li, .dataview-list .list-view-ul li,
.dvl .block-language-dataviewjs .dataview-result-list-li,
.dvl .list-view-ul li {
background-color: var(--note);
border: var(--box-border-m);
box-shadow: var(--shadow-m);
margin-bottom: 8px;
padding: 10px;
margin-left: -25px;
}
.dataview-list .block-language-dataviewjs .dataview-result-list-li::before, .dataview-list .list-view-ul li::before,
.dvl .block-language-dataviewjs .dataview-result-list-li::before,
.dvl .list-view-ul li::before {
margin-left: -27px;
display: none;
}
.dataview-list .block-language-dataviewjs .dataview-result-list-li:nth-child(even), .dataview-list .list-view-ul li:nth-child(even),
.dvl .block-language-dataviewjs .dataview-result-list-li:nth-child(even),
.dvl .list-view-ul li:nth-child(even) {
border: var(--box-border-m);
}
.dataview-list.kanban .block-language-dataviewjs .dataview-result-list-li, .dataview-list.kanban .list-view-ul li,
.dvl.kanban .block-language-dataviewjs .dataview-result-list-li,
.dvl.kanban .list-view-ul li {
background-color: var(--aside-bg);
}
.dataview-list.kanban .block-language-dataviewjs .dataview-result-list-li, .dataview-list.kanban .list-view-ul li,
.dvl.kanban .block-language-dataviewjs .dataview-result-list-li,
.dvl.kanban .list-view-ul li {
flex: 1 1 200px;
box-shadow: 4px 4px 0 var(--outline);
border: 1px solid var(--outline);
margin-bottom: 10px;
}
.dataview-list.kanban table td > .dataview-ul,
.dvl.kanban table td > .dataview-ul {
display: block;
padding-inline-start: 1em;
}
.kanban-title-center .kanban-plugin__item-title-wrapper {
text-align: center;
}
.kanban-boxed .kanban-plugin__lane {
--kanban-lane-border: var(--box-border-m);
--kanban-lane-box-shadow: var(--shadow-m);
}
.kanban-boxed .kanban-plugin__item.kanban-plugin__item {
border: 0;
border-left: 3px solid var(--accent);
border-radius: var(--radius);
}
.kanban-minimal,
.kbn {
--kanban-lane-background: transparent;
--kanban-lane-border: none;
--kanban-lane-box-shadow: none;
--kanban-card-title-background: var(--code-bg);
--kanban-card-title-border: 0 1px 0 var(--outline);
--kanban-card-metadata-background: var(--code-bg);
--kanban-card-margin: 0;
--kanban-link-color: var(--text);
--kanban-link-font-weight: 600;
--kanban-link-symbol: "";
--kanban-button-background: transparent;
--kanban-button-shadow: transparent;
}
.metadata-label-text-color .metadata-property {
--metadata-label-background: transparent;
--metadata-label-text-color: var(--headers);
--metadata-icon-color: var(--headers);
}
.metadata-label-background .metadata-property {
--metadata-label-background: var(--tag);
--metadata-label-text-color: var(--text-dl);
--metadata-icon-color: var(--text-dl);
}
.metadata-value-background .metadata-property {
--metadata-input-background: var(--td);
}
.metadata-title-no-icon {
--metadata-title-icon: "";
--metadata-title-icon-padding: 0;
}
/*Table Centered*/
.tables-center .cm-table-widget.cm-table-widget .table-wrapper, .tables-center table,
.t-c .cm-table-widget.cm-table-widget .table-wrapper,
.t-c table {
margin-left: auto;
margin-right: auto;
}
.tables-wide table, .tables-wide .cm-table-widget.markdown-rendered .table-wrapper,
.t-w table,
.t-w .cm-table-widget.markdown-rendered .table-wrapper {
min-width: 100%;
}
.tables-no-alt-background.tables-no-alt-background,
.table-nalt.table-nalt {
--table-column-alt-background: transparent;
--table-row-alt-background: transparent;
--table-row-background-hover: transparent;
--table-column-background-hover: transparent;
}
.tables-no-alt-column-background.tables-no-alt-column-background {
--table-column-alt-background: transparent;
--table-column-background-hover: transparent;
}
.tables-no-alt-row-background.tables-no-alt-row-background {
--table-row-alt-background: transparent;
--table-row-background-hover: transparent;
}
:is(.table-alto, .tables-alt-original) .markdown-rendered tbody tr > td:nth-child(2n+2), :is(.table-alto, .tables-alt-original) .markdown-rendered tbody tr:nth-child(odd) {
background-color: transparent;
}
:is(.table-alto, .tables-alt-original) .markdown-rendered tbody tr > td:nth-child(odd) {
background-color: var(--table-column-alt-background);
}
:is(.table-alto, .tables-alt-original) .markdown-rendered tbody tr:nth-child(even) {
background-color: var(--table-row-alt-background);
}
.tables-no-hover {
--table-header-background-hover: var(--table-header-background);
}
.tables-no-hover tbody tr:nth-child(odd):hover {
--table-row-alt-background-hover: var(--table-row-alt-background);
}
.tables-no-hover tbody tr:nth-child(even):hover {
--table-row-background-hover: var(--table-row-background);
}
.tables-borders {
--table-border-color: var(--hr);
}
/*Bolded Right Side Table*/
.table.table {
--table-style-column-header-background: var(--outer-bar);
--table-style-column-header-bold-weight: var(--bold-weight);
--table-style-column-header-bold-color: var(--bold-color);
}
.table.table td:nth-child(1) {
font-weight: var(--table-style-column-header-bold-weight);
color: var(--table-style-column-header-bold-color);
}
.table.table tr td:nth-child(1) {
background-color: var(--table-style-column-header-background);
}
.table.table tr:hover td:nth-child(1) {
background-color: var(--table-row-alt-background-hover);
}
.table-column-header tr td:nth-child(1) {
background-color: var(--table-header-background);
}
.table-column-header tr td:nth-child(1):hover {
background-color: var(--table-header-background-hover);
}
.tables-styling-wikipedia,
.table-wikipedia {
--table-header-color: var(--text);
--table-header-background: transparent;
--table-header-background-hover: var(--td);
--table-row-background-hover: var(--td);
--table-row-alt-background: transparent;
--table-column-alt-background: transparent;
}
.tables-styling-wikipedia tr:last-child,
.table-wikipedia tr:last-child {
margin-bottom: 2px;
}
.lig,
.ligatures {
--font-ligatures: normal;
}
/*Justify text*/
.justify .markdown-preview-section, .justify.markdown-preview-view > *, .justify .cm-line:not(.HyperMD-header, .HyperMD-list-line), .justify .cm-line:not(.HyperMD-header) [class*=cm-list],
.justified .markdown-preview-section,
.justified.markdown-preview-view > *,
.justified .cm-line:not(.HyperMD-header, .HyperMD-list-line),
.justified .cm-line:not(.HyperMD-header) [class*=cm-list] {
text-align: justify;
word-spacing: -0.05em;
text-justify: distribute;
}
.poem p,
.poem-lp .cm-line {
text-align: center;
}
.writing.writing {
--file-line-width: 600px;
--link-color: var(--text);
--link-color-hover: var(--soft-text);
--link-background-hover: var(--highlight);
--link-external-color: var(--text);
--link-external-color-hover: var(--soft-text);
--highlight: var(--td) !important;
--text-highlight-bg: var(--highlight);
--hr-icon-symbol: !important;
--header-text-align: center;
--h1-text-align: var(--header-text-align);
--h2-text-align: var(--header-text-align);
--h3-text-align: var(--header-text-align);
--h4-text-align: var(--header-text-align);
--h5-text-align: var(--header-text-align);
--h6-text-align: var(--header-text-align);
--blockquote-background-color: transparent;
--blockquote-border-thickness: 3px;
--blockquote-border-color: var(--accent);
--code-normal: var(--text);
--code-background: var(--td);
}
.writing.writing.markdown-source-view.mod-cm6 .cm-sizer, .writing.writing .markdown-source-view.mod-cm6 .cm-scroller .cm-sizer, .writing.writing .markdown-preview-sizer {
max-width: var(--file-line-width);
margin: auto;
}
.writing.writing .internal-link::after, .writing.writing .cm-underline::after, .writing.writing .external-link::after {
font-family: var(--its);
font-size: calc(var(--font-text-size) - 2px);
font-style: normal !important;
font-weight: 100 !important;
vertical-align: 2px;
color: var(--accent);
opacity: unset;
margin-right: -8px;
}
.writing.writing .internal-link::after, .writing.writing span:not(.cm-link) .cm-underline::after {
content: "\e819";
}
.writing.writing .external-link::after {
content: "\e818";
}
.writing.writing, .writing.writing.hcl, .writing.writing .hcl {
--header-border-line-height: 0;
--h1-border-line-height: var(--header-border-line-height);
--h2-border-line-height: var(--header-border-line-height);
--h3-border-line-height: var(--header-border-line-height);
--h4-border-line-height: var(--header-border-line-height);
--h5-border-line-height: var(--header-border-line-height);
--h6-border-line-height: var(--header-border-line-height);
}
.writing.writing .markdown-preview-section, .writing.writing .cm-s-obsidian, .writing.writing.markdown-preview-view, .writing.writing.cm-s-obsidian {
text-align: justify;
}
.writing.writing .markdown-preview-view pre, .writing.writing.markdown-preview-view pre, .writing.writing .HyperMD-codeblock:not(.cm-formatting-code-block) {
border-left: 5px solid var(--code-bg);
border-right: 5px solid var(--code-text);
filter: saturate(70%);
}
.writing.writing .footnote-link, .writing.writing .cm-inline-footnote, .writing.writing .cm-inline-footnote-end, .writing.writing .cm-inline-footnote-end + .cm-link {
color: var(--inactive);
}
.writing.writing .footnote-link:hover, .writing.writing .cm-inline-footnote:hover, .writing.writing .cm-inline-footnote-end:hover, .writing.writing .cm-inline-footnote-end + .cm-link:hover {
background-color: var(--link-background-hover);
}
.writing-document:not(.is-mobile),
.writing-document.is-tablet.is-tablet {
/* Fix embeds */
/* Embed */
/* .markdown-preview-section { min-height: 100% !important; } */
}
.writing-document:not(.is-mobile) .markdown-source-view.mod-cm6 .cm-scroller,
.writing-document.is-tablet.is-tablet .markdown-source-view.mod-cm6 .cm-scroller {
padding: 0;
}
.writing-document:not(.is-mobile) .is-live-preview .HyperMD-header::before,
.writing-document.is-tablet.is-tablet .is-live-preview .HyperMD-header::before {
margin-left: -10px;
margin-right: 15px;
}
.writing-document:not(.is-mobile) div:not(.workspace-tabs):not(.markdown-embed-content) > :is(.markdown-preview-view, .cm-editor):not(.kanban-plugin__markdown-preview-view):not(.BC-Matrix):not(.community-plugin-readme),
.writing-document.is-tablet.is-tablet div:not(.workspace-tabs):not(.markdown-embed-content) > :is(.markdown-preview-view, .cm-editor):not(.kanban-plugin__markdown-preview-view):not(.BC-Matrix):not(.community-plugin-readme) {
background: var(--td);
padding: 0;
}
.writing-document:not(.is-mobile) :not(.markdown-embed-content) .markdown-preview-section:not(.kanban-plugin__markdown-preview-view),
.writing-document:not(.is-mobile) .view-content .cm-s-obsidian > .cm-editor .cm-contentContainer,
.writing-document.is-tablet.is-tablet :not(.markdown-embed-content) .markdown-preview-section:not(.kanban-plugin__markdown-preview-view),
.writing-document.is-tablet.is-tablet .view-content .cm-s-obsidian > .cm-editor .cm-contentContainer {
--padding: 10px;
background: var(--note, var(--background-primary));
box-shadow: 0 0 20px var(--outline, var(--background-box-shadow));
max-width: calc(var(--file-line-width) + var(--padding));
height: auto;
padding: 0 var(--padding);
border-radius: var(--radius-l);
}
.writing-document:not(.is-mobile) .markdown-embed.markdown-embed.markdown-embed .markdown-preview-section,
.writing-document.is-tablet.is-tablet .markdown-embed.markdown-embed.markdown-embed .markdown-preview-section {
padding: unset;
box-shadow: unset;
}
.paper {
--paper-edges-note: 0 0 60px var(--outline) inset;
--paper-edges-ui: 0 0 25px var(--outline) inset;
--file-header-background: transparent;
--pane-background: transparent;
}
.paper, .paper .modal.mod-settings .vertical-tab-content-container, .paper .workspace-split:not(.mod-left-split, .mod-right-split) .workspace-leaf-content[data-type=markdown], .paper .workspace-leaf-content[data-type=graph] > canvas, .paper .workspace-drawer-inner, .paper .modal, .paper .community-plugin-search, .paper .prompt, .paper .kanban-plugin__lane.kanban-plugin__lane {
box-shadow: var(--paper-edges-note);
}
.paper .workspace-tabs, .paper .modal.mod-settings .vertical-tab-header, .paper .workspace-tabs .workspace-leaf {
box-shadow: var(--paper-edges-ui);
}
.paper .CodeMirror-gutter.CodeMirror-linenumbers, .paper .CodeMirror-gutter.CodeMirror-foldgutter, .paper .markdown-source-view.mod-cm6 .cm-gutters, .paper .workspace-leaf:not(.mod-active) .workspace-tab-header-container, .paper .horizontal-tab-content, .paper .vertical-tab-content, .paper .horizontal-tab-nav-item:not(.is-active), .paper .vertical-tab-nav-item:not(.is-active) {
background: transparent;
}
.wide,
.note-width-wide {
--file-line-width: 100%;
}
.readable,
.note-width-readable {
--file-line-width: 700px;
--page-width: 700px;
}
.readable.markdown-source-view.mod-cm6 .cm-sizer, .readable .markdown-source-view.mod-cm6 .cm-scroller .cm-sizer, .readable .markdown-preview-sizer,
.note-width-readable.markdown-source-view.mod-cm6 .cm-sizer,
.note-width-readable .markdown-source-view.mod-cm6 .cm-scroller .cm-sizer,
.note-width-readable .markdown-preview-sizer {
max-width: var(--file-line-width);
margin: auto;
}
.hide-outline-symbol {
--outline-symbol: "";
--outline-arrow-visibility: visible;
--outline-symbol-padding-right: 0;
--outline-arrow-margin: 0;
}
.titlebar-colors.titlebar-colors.titlebar-colors {
--titlebar-text-color: var(--inactive);
--titlebar-text-color-focused: var(--text-dl);
--titlebar-background: var(--dark-accent);
--titlebar-background-focused: var(--dark-accent);
--titlebar-bubble-colors: var(--outline);
--sidebar-tab-background-color: var(--note);
--tab-text-color: var(--text-dl);
--tab-text-color-focused: var(--text-dl);
--tab-container-background: var(--dark-accent);
--tab-font-weight: 500;
--tab-font-weight-active: 900;
--tab-outline-width: 0;
--tab-divider-color: var(--td);
}
.titlebar-colors.titlebar-colors.titlebar-colors .workspace-tab-header.is-active {
--sidebar-tab-color-hover: var(--text);
--sidebar-icon-color: var(--text);
}
.titlebar-colors.titlebar-colors.titlebar-colors.theme-light {
--sidebar-icon-color-active: var(--text);
}
.titlebar-colors.titlebar-colors.titlebar-colors .sidebar-toggle-button, .titlebar-colors.titlebar-colors.titlebar-colors .workspace-tabs.mod-top .workspace-tab-header-container, .titlebar-colors.titlebar-colors.titlebar-colors .workspace-tab-header-container .workspace-tab-header-inner-icon {
--sidebar-icon-color: var(--text-on-accent);
--icon-color: var(--text-dl);
}
.titlebar-colors.titlebar-colors.titlebar-colors :is(.mod-left-split, .mod-right-split) .workspace-tab-header.is-active, .titlebar-colors.titlebar-colors.titlebar-colors :is(.mod-left-split, .mod-right-split) .workspace-tab-header .workspace-tab-header-inner-icon {
--tab-text-color-focused-active-current: var(--text);
}
.titlebar-bubbles.titlebar-bubbles.titlebar-bubbles {
--tab-outline-width: 0;
--titlebar-bubble-colors: #0b0f13;
--titlebar-bubble-colors-inactive: var(--td);
--tab-text-color-focused-active: var(--text);
--tab-text-color-hover: var(--text);
--sidebar-tab-color-hover: var(--text-dl);
--tab-divider-color: transparent;
--vault-profile-color-hover: var(--text-dl);
}
.titlebar-bubbles :is(.mod-left-split, .mod-right-split, .mod-root) {
--tab-radius: var(--radius-m);
--tab-radius-active: var(--radius-m);
--tab-text-padding: 3px 5px;
--tab-text-padding-inner: 1px 3px;
--tab-gap: 0 10px;
--tab-text-color-hover: var(--text-on-accent);
--tab-text-color-focused-active-current: var(--text);
--tab-curve: 0;
}
.titlebar-bubbles :is(.mod-left-split, .mod-right-split, .mod-root) .workspace-tab-header-container-inner, .titlebar-bubbles :is(.mod-left-split, .mod-right-split, .mod-root) .workspace-tab-header-container {
align-items: center;
align-content: center;
gap: var(--size-2-3);
}
.titlebar-bubbles :is(.mod-left-split, .mod-right-split, .mod-root) .workspace-tab-header:not(.is-active) .workspace-tab-header-inner, .titlebar-bubbles :is(.mod-left-split, .mod-right-split, .mod-root) .workspace-tab-header-container-inner, .titlebar-bubbles :is(.mod-left-split, .mod-right-split, .mod-root) .workspace-tab-header-inner {
margin: unset;
padding: var(--tab-text-padding);
}
.titlebar-bubbles :is(.mod-left-split, .mod-right-split, .mod-root) .workspace-tab-header {
box-shadow: 2px 2px 0 var(--titlebar-bubble-colors);
border: 2px solid var(--titlebar-bubble-colors);
padding: var(--tab-text-padding-inner);
--sidebar-tab-background-color-hover: transparent;
}
.titlebar-bubbles :is(.mod-left-split, .mod-right-split, .mod-root) .workspace-tab-header:not(.is-active) {
--titlebar-bubble-colors: var(--titlebar-bubble-colors-inactive);
}
.titlebar-bubbles :is(.mod-left-split, .mod-right-split, .mod-root) .mod-stacked .workspace-tab-header {
border: none;
}
.titlebar-bubbles :is(.mod-left-split, .mod-right-split, .mod-root) .workspace-tab-header-new-tab {
padding: 0;
}
.titlebar-bubbles :is(.mod-left-split, .mod-right-split, .mod-root) .workspace-tab-header:hover {
background-color: var(--bttn);
--titlebar-bubble-colors: unset;
}
.titlebar-bubbles :is(.mod-left-split, .mod-right-split, .mod-root) .workspace-tab-header:hover .workspace-tab-header-status-container:hover {
background: var(--td);
}
.titlebar-bubbles :is(.mod-left-split, .mod-right-split, .mod-root) .view-header-title-parent .view-header-breadcrumb:hover {
background-color: var(--td);
}
.titlebar-bubbles :is(.mod-left-split, .mod-right-split, .mod-root) .workspace-tab-header-status-icon:hover, .titlebar-bubbles :is(.mod-left-split, .mod-right-split, .mod-root) .workspace-tab-header.is-active .workspace-tab-header-inner-close-button, .titlebar-bubbles :is(.mod-left-split, .mod-right-split, .mod-root) .workspace-tab:not(.mod-stacked) .workspace-tab-header:not(.is-active) .workspace-tab-header-inner {
color: var(--text-on-accent);
}
.tab-auto {
--tab-width: auto;
--tab-max-width: 100%;
}
.tab-auto .workspace .mod-root .workspace-tab-header {
flex: unset;
}
.tab-wide {
--tab-width: auto;
--tab-max-width: 100%;
}
.tab-wide .workspace .mod-root .workspace-tab-header, .tab-wide .workspace-tab-header-container-inner {
flex: auto;
}
.tab-wide .workspace-tab-header-spacer {
display: none;
}
.tag-notion.tag-notion {
--tag-radius: 5px;
--tag-border-radius: 5px;
}
.tag-bubble.tag-bubble {
--tag-radius: 25px;
--tag-border-radius: 25px;
}
.tag-outline {
--tag-border-width: 2px;
}
.tag-outline.tag-outline {
--tag-background: transparent;
--tag-color: var(--tag-text);
}
.tag-text.tag-text {
--tag-background: transparent;
--tag-color: var(--lite-accent);
--tag-padding: 0;
--tag-padding-x: 0;
--tag-padding-y: 0;
--font-size: var(--font-size);
}
/*Spaced Lists*/
.spaced-lists li,
.s-li li {
margin-top: 10px;
}
/*Live Preview Indent Style*/
.alternate-indent .is-live-preview {
--indentation-guide-color: transparent;
--indentation-guide-color-active: transparent;
--list-color-1: var(--indentation-guide-color);
--list-color-2: var(--indentation-guide-color);
--list-color-3: var(--indentation-guide-color);
--list-color-4: var(--indentation-guide-color);
--list-color-5: var(--indentation-guide-color);
--list-color-6: var(--indentation-guide-color);
}
.alternate-indent .is-live-preview .cm-hmd-list-indent {
margin-right: 5px;
margin-left: -2px;
}
.alternate-indent .is-live-preview .HyperMD-list-line-2 .cm-hmd-list-indent {
background-color: var(--theme-rainbow-1);
}
.alternate-indent .is-live-preview .HyperMD-list-line-3 .cm-hmd-list-indent {
background-color: var(--theme-rainbow-2);
}
.alternate-indent .is-live-preview .HyperMD-list-line-4 .cm-hmd-list-indent {
background-color: var(--theme-rainbow-3);
}
.alternate-indent .is-live-preview .HyperMD-list-line-5 .cm-hmd-list-indent {
background-color: var(--theme-rainbow-4);
}
.alternate-indent .is-live-preview .HyperMD-list-line-6 .cm-hmd-list-indent {
background-color: var(--theme-rainbow-5);
}
.alternate-indent .is-live-preview .HyperMD-list-line-7 .cm-hmd-list-indent {
background-color: var(--theme-rainbow-6);
}
.alternate-indent .is-live-preview .HyperMD-list-line-8 .cm-hmd-list-indent {
background-color: var(--rainbow-1);
}
.alternate-indent .is-live-preview .HyperMD-list-line-9 .cm-hmd-list-indent {
background-color: var(--rainbow-2);
}
.alternate-indent .is-live-preview .HyperMD-list-line-10 .cm-hmd-list-indent {
background-color: var(--rainbow-3);
}
.alternate-indent .is-live-preview .HyperMD-list-line-11 .cm-hmd-list-indent {
background-color: var(--rainbow-4);
}
.alternate-indent .is-live-preview .HyperMD-list-line-12 .cm-hmd-list-indent {
background-color: var(--rainbow-5);
}
.alternate-indent .is-live-preview .HyperMD-list-line-13 .cm-hmd-list-indent {
background-color: var(--rainbow-6);
}
.alternate-indent .is-live-preview .HyperMD-list-line-2, .alternate-indent .is-live-preview .HyperMD-list-line-3, .alternate-indent .is-live-preview .HyperMD-list-line-4, .alternate-indent .is-live-preview .HyperMD-list-line-5, .alternate-indent .is-live-preview .HyperMD-list-line-6, .alternate-indent .is-live-preview .HyperMD-list-line-7, .alternate-indent .is-live-preview .HyperMD-list-line-8, .alternate-indent .is-live-preview .HyperMD-list-line-9, .alternate-indent .is-live-preview .HyperMD-list-line-10, .alternate-indent .is-live-preview .HyperMD-list-line-11, .alternate-indent .is-live-preview .HyperMD-list-line-12, .alternate-indent .is-live-preview .HyperMD-list-line-13 {
--collapse-icon-color: var(--text-dl);
--collapse-icon-color-collapsed: var(--text-dl);
}
.list-lines-color.list-lines-color {
--list-color-1: var(--rainbow-1);
--list-color-2: var(--rainbow-2);
--list-color-3: var(--rainbow-3);
--list-color-4: var(--rainbow-4);
--list-color-5: var(--rainbow-5);
--list-color-6: var(--rainbow-6);
}
.list-bullet-color.list-bullet-color {
--list-bullet-color-1: var(--rainbow-1);
--list-bullet-color-2: var(--rainbow-2);
--list-bullet-color-3: var(--rainbow-3);
--list-bullet-color-4: var(--rainbow-4);
--list-bullet-color-5: var(--rainbow-5);
--list-bullet-color-6: var(--rainbow-6);
}
.list-bullet-color.list-bullet-color :is(ul, ol) li::before, .list-bullet-color.list-bullet-color .HyperMD-list-line-1 .cm-formatting-list::before {
color: var(--list-bullet-color-1);
}
.list-bullet-color.list-bullet-color :is(ul ul, ol ol) li::before, .list-bullet-color.list-bullet-color .HyperMD-list-line-2 .cm-formatting-list::before {
color: var(--list-bullet-color-2);
}
.list-bullet-color.list-bullet-color :is(ul ul ul, ol ol ol) li::before, .list-bullet-color.list-bullet-color .HyperMD-list-line-3 .cm-formatting-list::before {
color: var(--list-bullet-color-3);
}
.list-bullet-color.list-bullet-color :is(ul ul ul ul, ol ol ol ol) li::before, .list-bullet-color.list-bullet-color .HyperMD-list-line-4 .cm-formatting-list::before {
color: var(--list-bullet-color-4);
}
.list-bullet-color.list-bullet-color :is(ul ul ul ul ul, ol ol ol ol ol) li::before, .list-bullet-color.list-bullet-color .HyperMD-list-line-5 .cm-formatting-list::before {
color: var(--list-bullet-color-5);
}
.list-bullet-color.list-bullet-color :is(ul ul ul ul ul ul, ol ol ol ol ol ol) li::before, .list-bullet-color.list-bullet-color .HyperMD-list-line-6 .cm-formatting-list::before {
color: var(--list-bullet-color-6);
}
.list-bullet-color.list-bullet-color :is(ul, ol) li .task-list-item-checkbox, .list-bullet-color.list-bullet-color .HyperMD-list-line-1 .task-list-item-checkbox {
--checkbox-border-color: var(--rainbow-1);
}
.list-bullet-color.list-bullet-color :is(ul ul, ol ol) li .task-list-item-checkbox, .list-bullet-color.list-bullet-color .HyperMD-list-line-2 .task-list-item-checkbox {
--checkbox-border-color: var(--rainbow-2);
}
.list-bullet-color.list-bullet-color :is(ul ul ul, ol ol ol) li .task-list-item-checkbox, .list-bullet-color.list-bullet-color .HyperMD-list-line-3 .task-list-item-checkbox {
--checkbox-border-color: var(--rainbow-3);
}
.list-bullet-color.list-bullet-color :is(ul ul ul ul, ol ol ol ol) li .task-list-item-checkbox, .list-bullet-color.list-bullet-color .HyperMD-list-line-4 .task-list-item-checkbox {
--checkbox-border-color: var(--rainbow-4);
}
.list-bullet-color.list-bullet-color :is(ul ul ul ul ul, ol ol ol ol ol) li .task-list-item-checkbox, .list-bullet-color.list-bullet-color .HyperMD-list-line-5 .task-list-item-checkbox {
--checkbox-border-color: var(--rainbow-5);
}
.list-bullet-color.list-bullet-color :is(ul ul ul ul ul ul, ol ol ol ol ol ol) li .task-list-item-checkbox, .list-bullet-color.list-bullet-color .HyperMD-list-line-6 .task-list-item-checkbox {
--checkbox-border-color: var(--rainbow-6);
}
.list-bullet-color.list-bullet-color :is(ul ul ul ul ul ul ul, ol ol ol ol ol ol ol) li .task-list-item-checkbox, .list-bullet-color.list-bullet-color .HyperMD-list-line-7 .task-list-item-checkbox {
--checkbox-border-color: var(--accent);
}
.list-default-bullet {
--list-marker-color: var(--text-faint);
--list-marker-color-hover: var(--text-muted);
--list-marker-color-collapsed: var(--inactive);
--list-bullet-border: none;
--list-bullet-radius: 50%;
--list-bullet-size: 0.4em;
--list-bullet-transform: none;
}
.list-neon {
--neon: 0 0 5px;
--neon-wide: -2px 0 10px;
--indentation-guide-color-active: var(--text-dl);
--list-color-1: var(--rainbow-1);
--list-color-2: var(--rainbow-2);
--list-color-3: var(--rainbow-3);
--list-color-4: var(--rainbow-4);
--list-color-5: var(--rainbow-5);
--list-color-6: var(--rainbow-6);
--list-shadow-color-1: var(--neon) var(--rainbow-1), var(--neon-wide) var(--rainbow-1);
--list-shadow-color-2: var(--neon) var(--rainbow-2), var(--neon-wide) var(--rainbow-2);
--list-shadow-color-3: var(--neon) var(--rainbow-3), var(--neon-wide) var(--rainbow-3);
--list-shadow-color-4: var(--neon) var(--rainbow-4), var(--neon-wide) var(--rainbow-4);
--list-shadow-color-5: var(--neon) var(--rainbow-5), var(--neon-wide) var(--rainbow-5);
--list-shadow-color-6: var(--neon) var(--rainbow-6), var(--neon-wide) var(--rainbow-6);
}
.list-neon .cm-hmd-list-indent .cm-indent::before {
width: 0;
}
.list-neon :is(ul ul, ol ol)::before, .list-neon .cm-indent::before {
box-shadow: var(--list-shadow-color-1);
}
.list-neon :is(ul ul ul, ol ol ol)::before, .list-neon .cm-indent:nth-child(2)::before {
box-shadow: var(--list-shadow-color-2);
}
.list-neon :is(ul ul ul ul, ol ol ol ol)::before, .list-neon .cm-indent:nth-child(3)::before {
box-shadow: var(--list-shadow-color-3);
}
.list-neon :is(ul ul ul ul ul, ol ol ol ol ol)::before, .list-neon .cm-indent:nth-child(4)::before {
box-shadow: var(--list-shadow-color-4);
}
.list-neon :is(ul ul ul ul ul ul, ol ol ol ol ol ol)::before, .list-neon .cm-indent:nth-child(5)::before {
box-shadow: var(--list-shadow-color-5);
}
.list-neon :is(ul ul ul ul ul ul ul, ol ol ol ol ol ol ol)::before, .list-neon .cm-indent:nth-child(6)::before {
box-shadow: var(--list-shadow-color-6);
}
.list-bullet-side-lines .markdown-rendered {
--indentation-guide-color: transparent;
--list-color-1: var(--indentation-guide-color);
--list-color-2: var(--indentation-guide-color);
--list-color-3: var(--indentation-guide-color);
--list-color-4: var(--indentation-guide-color);
--list-color-5: var(--indentation-guide-color);
--list-color-6: var(--indentation-guide-color);
}
.list-bullet-side-lines :is(ul, ol) li {
border-left: var(--indentation-guide-width) solid var(--accent);
padding-left: 3px;
--list-numbered-color: var(--headers);
}
.list-bullet-side-lines :is(ul, ol) > li:nth-child(even) {
border-left-color: var(--accent2);
--list-numbered-color: var(--accent2);
}
.list-bullet-side-lines :is(ul, ol) > li:nth-child(even)::before {
--list-marker-color: var(--accent2);
}
/*--Kanban--*/
/*Credit: https://github.com/Braweria/Spectrum*/
.kanban :is(ul, ol) {
display: flex;
flex-direction: row;
border-radius: 0;
flex-wrap: wrap;
}
.kanban :is(ul, ol) li {
flex: 1 1 10%;
}
.kanban :is(ul ul, ol ol) {
display: flex;
flex-direction: column;
margin-right: 20px;
}
.kanban :is(ul ul, ol ol) > li {
min-width: 15ch;
margin-left: 20px;
margin-right: 0;
width: 100%;
}
.kanban :is(ul ul, ol ol) > li:nth-child(odd) {
background: var(--td);
}
.kanban li p:first-of-type {
--p-spacing: 0;
}
/*Hide Bullet*/
/*Remove Note Titlebar Gradient*/
.file-header-gradient {
--file-header-background: linear-gradient(to right, var(--file-header-left-color), var(--file-header-right-color));
}
body {
--note-title-border-color: var(--headers);
}
.note-title-underline.note-title-underline .workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type .view-header, .note-title-underline.note-title-underline .workspace-leaf-content .view-header {
border-bottom: 4px solid transparent;
}
.note-title-underline.note-title-underline .workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type .view-header, .note-title-underline.note-title-underline .workspace-leaf.mod-active .view-header {
border-bottom-color: var(--note-title-border-color);
}
.note-title-underline.note-title-underline .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header {
border-right: 4px solid var(--note-title-border-color);
}
.note-title-overline.note-title-overline .workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type .view-header, .note-title-overline.note-title-overline .workspace-leaf-content .view-header {
border-top: 4px solid transparent;
}
.note-title-overline.note-title-overline .workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type .view-header, .note-title-overline.note-title-overline .workspace-leaf.mod-active .view-header {
border-top-color: var(--note-title-border-color);
}
.note-title-overline.note-title-overline .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header {
border-left: 4px solid var(--note-title-border-color);
}
.sidebar-tabs-wide :is(.mod-left-split, .mod-right-split) .workspace-tab-header-container {
padding-right: 0;
}
.sidebar-tabs-wide :is(.mod-left-split, .mod-right-split) .workspace-tab-header-container-inner {
flex: 1 1 auto;
}
.sidebar-tabs-wide :is(.mod-left-split, .mod-right-split) .workspace-tab-header {
width: 100%;
}
.sidebar-tabs-wide :is(.mod-left-split, .mod-right-split) .workspace-tab-header-inner {
justify-content: center;
}
.sidebar-tabs-wide :is(.mod-left-split, .mod-right-split) .workspace-tab-header-spacer {
display: none;
}
.sidebar-tabs-underline :is(.mod-left-split.mod-left-split, .mod-right-split.mod-right-split),
.sidebar-tabs-overline :is(.mod-left-split.mod-left-split, .mod-right-split.mod-right-split) {
--tab-outline-width: 0;
--sidebar-icon-color: var(--inactive);
--sidebar-icon-color-active: var(--headers);
--icon-color-focused: var(--text);
--sidebar-tab-border-color: var(--inactive);
--sidebar-tab-border-color-active: var(--headers);
--sidebar-tab-border-width: 4px;
--sidebar-tab-background-color: var(--note);
}
.sidebar-tabs-underline :is(.mod-left-split.mod-left-split, .mod-right-split.mod-right-split) .is-active.is-active,
.sidebar-tabs-overline :is(.mod-left-split.mod-left-split, .mod-right-split.mod-right-split) .is-active.is-active {
--sidebar-tab-border-color: var(--sidebar-icon-color-active);
--tab-text-color-focused-active: var(--text);
--tab-text-color-focused-active-current: var(--text);
}
.sidebar-tabs-underline :is(.mod-left-split.mod-left-split, .mod-right-split.mod-right-split) .is-active.is-active:hover,
.sidebar-tabs-overline :is(.mod-left-split.mod-left-split, .mod-right-split.mod-right-split) .is-active.is-active:hover {
--sidebar-icon-color-active: var(--text);
--sidebar-tab-border-color: var(--sidebar-tab-border-color-active);
--sidebar-tab-background-color-hover: var(--accent);
}
.sidebar-tabs-overline :is(.mod-left-split, .mod-right-split) .workspace-tab-header-inner {
border-bottom: unset;
border-top: var(--sidebar-tab-border-width) solid var(--sidebar-tab-border-color);
}
.sidebar-tabs-tabular :is(.mod-left-split, .mod-right-split, .workspace-ribbon.mod-left) {
--sidebar-tab-background-color: var(--note);
--sidebar-tab-border-width: 0;
--sidebar-tab-padding: 0 var(--size-4-4);
--sidebar-icon-color-active: var(--lite-accent);
--sidebar-icon-color: var(--soft-text);
--tab-outline-width: 0;
--tab-container-background: var(--outer-bar);
--titlebar-background: var(--outer-bar);
}
.navbar-bottom .nav-header {
display: flex;
position: absolute;
bottom: 5px;
z-index: 2;
width: 100%;
justify-content: center;
}
.navbar-bottom .nav-header .nav-buttons-container {
padding: 2px 0;
align-items: center;
background: var(--note);
border: 2px solid var(--outline);
box-shadow: var(--shadow-s);
width: fit-content;
}
.navbar-bottom .workspace-tabs .backlink-pane,
.navbar-bottom .workspace-tabs .search-result-container.mod-global-search, .navbar-bottom .workspace-tabs .nav-header + div:is(.tag-container, .nav-files-container) {
margin-bottom: 60px;
background: var(--side-bar);
box-shadow: 4px 4px 5px var(--outline);
padding-bottom: 20px;
padding-top: 10px;
}
.navbar-bottom .nav-files-container {
background: var(--outer-bar);
}
.navbar-bottom .nav-header ~ .search-input-container {
margin: 15px auto;
}
.navbar-bottom .mod-global-search {
padding-top: 0;
}
.headings-center,
.hc {
--header-text-align: center;
--h1-text-align: var(--header-text-align);
--h2-text-align: var(--header-text-align);
--h3-text-align: var(--header-text-align);
--h4-text-align: var(--header-text-align);
--h5-text-align: var(--header-text-align);
--h6-text-align: var(--header-text-align);
--header-border-line-align: auto;
}
.headings-left {
--header-text-align: left;
--h1-text-align: var(--header-text-align);
--h2-text-align: var(--header-text-align);
--h3-text-align: var(--header-text-align);
--h4-text-align: var(--header-text-align);
--h5-text-align: var(--header-text-align);
--h6-text-align: var(--header-text-align);
}
.headings-right {
--header-text-align: right;
--h1-text-align: var(--header-text-align);
--h2-text-align: var(--header-text-align);
--h3-text-align: var(--header-text-align);
--h4-text-align: var(--header-text-align);
--h5-text-align: var(--header-text-align);
--h6-text-align: var(--header-text-align);
--header-border-line-align: auto 0 auto auto;
}
.hcl,
.headings-center-lines {
--header-text-align: center;
--h1-text-align: var(--header-text-align);
--h2-text-align: var(--header-text-align);
--h3-text-align: var(--header-text-align);
--h4-text-align: var(--header-text-align);
--h5-text-align: var(--header-text-align);
--h6-text-align: var(--header-text-align);
--h1-border-line-height: 6px;
--h2-border-line-height: 5px;
--h3-border-line-height: 4px;
--h4-border-line-height: 3px;
--h5-border-line-height: 3px;
--h6-border-line-height: 3px;
--header-border-line-left: block;
}
.hcl .HyperMD-header.cm-line,
.hcl :is(h1,
h2,
h3,
h4,
h5,
h6),
.headings-center-lines .HyperMD-header.cm-line,
.headings-center-lines :is(h1,
h2,
h3,
h4,
h5,
h6) {
display: flex;
width: 100%;
align-items: center;
}
.hcl .HyperMD-header.cm-line:not(.HyperMD-header) > :not(.collapse-indicator), .hcl .HyperMD-header.cm-line > :not(.collapse-indicator):nth-child(2):not(:last-child):not(:first-child),
.hcl :is(h1,
h2,
h3,
h4,
h5,
h6):not(.HyperMD-header) > :not(.collapse-indicator),
.hcl :is(h1,
h2,
h3,
h4,
h5,
h6) > :not(.collapse-indicator):nth-child(2):not(:last-child):not(:first-child),
.headings-center-lines .HyperMD-header.cm-line:not(.HyperMD-header) > :not(.collapse-indicator),
.headings-center-lines .HyperMD-header.cm-line > :not(.collapse-indicator):nth-child(2):not(:last-child):not(:first-child),
.headings-center-lines :is(h1,
h2,
h3,
h4,
h5,
h6):not(.HyperMD-header) > :not(.collapse-indicator),
.headings-center-lines :is(h1,
h2,
h3,
h4,
h5,
h6) > :not(.collapse-indicator):nth-child(2):not(:last-child):not(:first-child) {
margin-left: 10px;
margin-right: 10px;
}
.hcl .HyperMD-header.cm-line:before, .hcl .HyperMD-header.cm-line:after,
.hcl :is(h1,
h2,
h3,
h4,
h5,
h6):before,
.hcl :is(h1,
h2,
h3,
h4,
h5,
h6):after,
.headings-center-lines .HyperMD-header.cm-line:before,
.headings-center-lines .HyperMD-header.cm-line:after,
.headings-center-lines :is(h1,
h2,
h3,
h4,
h5,
h6):before,
.headings-center-lines :is(h1,
h2,
h3,
h4,
h5,
h6):after {
flex: 1;
}
.hcl .HyperMD-header.cm-line:before,
.hcl :is(h1,
h2,
h3,
h4,
h5,
h6):before,
.headings-center-lines .HyperMD-header.cm-line:before,
.headings-center-lines :is(h1,
h2,
h3,
h4,
h5,
h6):before {
margin-right: 0.3em;
}
.hcl .HyperMD-header.cm-line:after,
.hcl :is(h1,
h2,
h3,
h4,
h5,
h6):after,
.headings-center-lines .HyperMD-header.cm-line:after,
.headings-center-lines :is(h1,
h2,
h3,
h4,
h5,
h6):after {
margin-left: 0.3em;
}
.hcl .HyperMD-header.cm-line sup,
.hcl :is(h1,
h2,
h3,
h4,
h5,
h6) sup,
.headings-center-lines .HyperMD-header.cm-line sup,
.headings-center-lines :is(h1,
h2,
h3,
h4,
h5,
h6) sup {
margin-top: -10.5px;
}
.hcl .HyperMD-header.cm-line sub,
.hcl :is(h1,
h2,
h3,
h4,
h5,
h6) sub,
.headings-center-lines .HyperMD-header.cm-line sub,
.headings-center-lines :is(h1,
h2,
h3,
h4,
h5,
h6) sub {
margin-top: 10.5px;
}
body {
--illusion-header-text: var(--text-dl);
--illusion-h1-background: var(--theme-rainbow-1);
--illusion-h2-background: var(--theme-rainbow-2);
--illusion-h3-background: var(--theme-rainbow-3);
--illusion-h4-background: var(--theme-rainbow-4);
--illusion-h5-background: var(--theme-rainbow-5);
--illusion-h6-background: var(--theme-rainbow-6);
--illusion-border-line-height: 0;
--illusion-box-shadow: var(--shadow-l);
--illusion-header-padding: 5px 25px;
--illusion-header-arrow-icon-size: 13px;
--illusion-header-arrow-color: var(--illusion-header-text);
}
.illusion.illusion :is(.markdown-preview-view, .is-live-preview) :is(h1, h2, h3, h4, h5, h6)[data-heading], .illusion.illusion :is(.markdown-preview-view, .is-live-preview) :is(.is-live-preview .HyperMD-header), .illusion.illusion:is(.markdown-preview-view, .is-live-preview) :is(h1, h2, h3, h4, h5, h6)[data-heading], .illusion.illusion:is(.markdown-preview-view, .is-live-preview) :is(.is-live-preview .HyperMD-header) {
--h1-background: var(--illusion-h1-background);
--h2-background: var(--illusion-h2-background);
--h3-background: var(--illusion-h3-background);
--h4-background: var(--illusion-h4-background);
--h5-background: var(--illusion-h5-background);
--h6-background: var(--illusion-h6-background);
--header-border-line-height: var(--illusion-border-line-height);
--h1-border-line-height: var(--illusion-border-line-height);
--h2-border-line-height: var(--illusion-border-line-height);
--h3-border-line-height: var(--illusion-border-line-height);
--h4-border-line-height: var(--illusion-border-line-height);
--h5-border-line-height: var(--illusion-border-line-height);
--h6-border-line-height: var(--illusion-border-line-height);
--headers: var(--illusion-header-text);
--h1-color: var(--illusion-header-text);
--h2-color: var(--illusion-header-text);
--h3-color: var(--illusion-header-text);
--h4-color: var(--illusion-header-text);
--h5-color: var(--illusion-header-text);
--h6-color: var(--illusion-header-text);
--heading-formatting: var(--illusion-header-text);
--header-shadow: var(--illusion-box-shadow);
--h1-shadow: var(--illusion-box-shadow);
--h2-shadow: var(--illusion-box-shadow);
--h3-shadow: var(--illusion-box-shadow);
--h4-shadow: var(--illusion-box-shadow);
--h5-shadow: var(--illusion-box-shadow);
--h6-shadow: var(--illusion-box-shadow);
--header-padding: var(--illusion-header-padding);
--h1-padding: var(--illusion-header-padding);
--h2-padding: var(--illusion-header-padding);
--h3-padding: var(--illusion-header-padding);
--h4-padding: var(--illusion-header-padding);
--h5-padding: var(--illusion-header-padding);
--h6-padding: var(--illusion-header-padding);
--collapse-icon-color: var(--headers);
--collapse-icon-color-collapsed: var(--text-dl);
--header-arrow-icon-color: var(--text-dl);
--header-arrow-icon-size: var(--illusion-header-arrow-icon-size);
--header-arrow-color: var(--illusion-header-text);
display: flow-root;
}
.illusion.illusion :is(.markdown-preview-view, .is-live-preview) :is(h1, h2, h3, h4, h5, h6)[data-heading] [class*=cm-formatting], .illusion.illusion :is(.markdown-preview-view, .is-live-preview) :is(h1, h2, h3, h4, h5, h6)[data-heading] .cm-foldPlaceholder, .illusion.illusion :is(.markdown-preview-view, .is-live-preview) :is(.is-live-preview .HyperMD-header) [class*=cm-formatting], .illusion.illusion :is(.markdown-preview-view, .is-live-preview) :is(.is-live-preview .HyperMD-header) .cm-foldPlaceholder, .illusion.illusion:is(.markdown-preview-view, .is-live-preview) :is(h1, h2, h3, h4, h5, h6)[data-heading] [class*=cm-formatting], .illusion.illusion:is(.markdown-preview-view, .is-live-preview) :is(h1, h2, h3, h4, h5, h6)[data-heading] .cm-foldPlaceholder, .illusion.illusion:is(.markdown-preview-view, .is-live-preview) :is(.is-live-preview .HyperMD-header) [class*=cm-formatting], .illusion.illusion:is(.markdown-preview-view, .is-live-preview) :is(.is-live-preview .HyperMD-header) .cm-foldPlaceholder {
color: var(--illusion-header-text);
}
.illusion-h1 :is(.markdown-preview-view, .is-live-preview) h1[data-heading], .illusion-h1 :is(.markdown-preview-view, .is-live-preview) .HyperMD-header-1, .illusion-h1:is(.markdown-preview-view, .is-live-preview) h1[data-heading], .illusion-h1:is(.markdown-preview-view, .is-live-preview) .HyperMD-header-1 {
--h1-background: var(--illusion-h1-background);
--h1-color: var(--illusion-header-text);
--h1-padding: var(--illusion-header-padding);
--h1-border-line-height: var(--illusion-border-line-height);
--h1-shadow: var(--illusion-box-shadow);
--header-arrow-icon-size: var(--illusion-header-arrow-icon-size);
--header-arrow-icon-color: var(--illusion-header-text);
--collapse-icon-color-collapsed: var(--accent-text);
}
.illusion-h2 :is(.markdown-preview-view, .is-live-preview) h2[data-heading], .illusion-h2 :is(.markdown-preview-view, .is-live-preview) .HyperMD-header-2, .illusion-h2:is(.markdown-preview-view, .is-live-preview) h2[data-heading], .illusion-h2:is(.markdown-preview-view, .is-live-preview) .HyperMD-header-2 {
--h2-background: var(--illusion-h2-background);
--h2-color: var(--illusion-header-text);
--h2-padding: var(--illusion-header-padding);
--h2-border-line-height: var(--illusion-border-line-height);
--h2-shadow: var(--illusion-box-shadow);
--header-arrow-icon-size: var(--illusion-header-arrow-icon-size);
--header-arrow-icon-color: var(--illusion-header-text);
--collapse-icon-color-collapsed: var(--accent-text);
}
.illusion-h3 :is(.markdown-preview-view, .is-live-preview) h3[data-heading], .illusion-h3 :is(.markdown-preview-view, .is-live-preview) .HyperMD-header-3, .illusion-h3:is(.markdown-preview-view, .is-live-preview) h3[data-heading], .illusion-h3:is(.markdown-preview-view, .is-live-preview) .HyperMD-header-3 {
--h3-background: var(--illusion-h3-background);
--h3-color: var(--illusion-header-text);
--h3-padding: var(--illusion-header-padding);
--h3-border-line-height: var(--illusion-border-line-height);
--h3-shadow: var(--illusion-box-shadow);
--header-arrow-icon-size: var(--illusion-header-arrow-icon-size);
--header-arrow-icon-color: var(--illusion-header-text);
--collapse-icon-color-collapsed: var(--accent-text);
}
.illusion-h4 :is(.markdown-preview-view, .is-live-preview) h4[data-heading], .illusion-h4 :is(.markdown-preview-view, .is-live-preview) .HyperMD-header-4, .illusion-h4:is(.markdown-preview-view, .is-live-preview) h4[data-heading], .illusion-h4:is(.markdown-preview-view, .is-live-preview) .HyperMD-header-4 {
--h4-background: var(--illusion-h4-background);
--h4-color: var(--illusion-header-text);
--h4-padding: var(--illusion-header-padding);
--h4-border-line-height: var(--illusion-border-line-height);
--h4-shadow: var(--illusion-box-shadow);
--header-arrow-icon-size: var(--illusion-header-arrow-icon-size);
--header-arrow-icon-color: var(--illusion-header-text);
--collapse-icon-color-collapsed: var(--accent-text);
}
.illusion-h5 :is(.markdown-preview-view, .is-live-preview) h5[data-heading], .illusion-h5 :is(.markdown-preview-view, .is-live-preview) .HyperMD-header-5, .illusion-h5:is(.markdown-preview-view, .is-live-preview) h5[data-heading], .illusion-h5:is(.markdown-preview-view, .is-live-preview) .HyperMD-header-5 {
--h5-background: var(--illusion-h5-background);
--h5-color: var(--illusion-header-text);
--h5-padding: var(--illusion-header-padding);
--h5-border-line-height: var(--illusion-border-line-height);
--h6-shadow: var(--illusion-box-shadow);
--header-arrow-icon-size: var(--illusion-header-arrow-icon-size);
--header-arrow-icon-color: var(--illusion-header-text);
--collapse-icon-color-collapsed: var(--accent-text);
}
.illusion-h6 :is(.markdown-preview-view, .is-live-preview) h6[data-heading], .illusion-h6 :is(.markdown-preview-view, .is-live-preview) .HyperMD-header-6, .illusion-h6:is(.markdown-preview-view, .is-live-preview) h6[data-heading], .illusion-h6:is(.markdown-preview-view, .is-live-preview) .HyperMD-header-6 {
--h6-background: var(--illusion-h6-background);
--h6-color: var(--illusion-header-text);
--h6-padding: var(--illusion-header-padding);
--h6-border-line-height: var(--illusion-border-line-height);
--h6-shadow: var(--illusion-box-shadow);
--header-arrow-icon-size: var(--illusion-header-arrow-icon-size);
--header-arrow-icon-color: var(--illusion-header-text);
--collapse-icon-color-collapsed: var(--accent-text);
}
.heading-indicator .is-live-preview .HyperMD-header.HyperMD-header.HyperMD-header:hover .cm-header.cm-header:not(.cm-header-6)::before {
margin-top: 0px;
}
.heading-indicator .is-live-preview .HyperMD-header.HyperMD-header-1 {
--indicator-heading-text: "H1";
--indicator-heading-size: var(--h1-size);
}
.heading-indicator .is-live-preview .HyperMD-header.HyperMD-header-2 {
--indicator-heading-text: "H2";
--indicator-heading-size: var(--h2-size);
}
.heading-indicator .is-live-preview .HyperMD-header.HyperMD-header-3 {
--indicator-heading-text: "H3";
--indicator-heading-size: var(--h3-size);
}
.heading-indicator .is-live-preview .HyperMD-header.HyperMD-header-4 {
--indicator-heading-text: "H4";
--indicator-heading-size: var(--h4-size);
}
.heading-indicator .is-live-preview .HyperMD-header.HyperMD-header-5 {
--indicator-heading-text: "H5";
--indicator-heading-size: var(--h5-size);
}
.heading-indicator .is-live-preview .HyperMD-header.HyperMD-header-6 {
--indicator-heading-text: "H6";
--indicator-heading-size: var(--h6-size);
}
.heading-indicator .is-live-preview .HyperMD-header .cm-fold-indicator::before {
float: left;
font-family: var(--font-monospace);
color: var(--footnote);
font-size: 12px;
content: var(--indicator-heading-text);
margin-left: -18px;
margin-top: calc(var(--indicator-heading-size) / 2.5);
}
.heading-indicator .is-live-preview .HyperMD-header .is-collapsed.cm-fold-indicator::before, .heading-indicator .is-live-preview .HyperMD-header:hover .cm-fold-indicator::before {
margin-top: calc(var(--indicator-heading-size) / 15);
}
.heading-color-override h1 > *, .heading-color-override h2 > *, .heading-color-override h3 > *, .heading-color-override h4 > *, .heading-color-override h5 > *, .heading-color-override h6 > *, .heading-color-override .cm-s-obsidian .cm-header > * {
color: var(--headers);
}
.h-line.h-line,
.hide-header-underline.hide-header-underline,
:is(.h-line, .hide-header-underline) div {
--header-border-line-height: 0;
--h1-border-line-height: var(--header-border-line-height);
--h2-border-line-height: var(--header-border-line-height);
--h3-border-line-height: var(--header-border-line-height);
--h4-border-line-height: var(--header-border-line-height);
--h5-border-line-height: var(--header-border-line-height);
--h6-border-line-height: var(--header-border-line-height);
}
.hide-header-underline-1 div {
--h1-border-line-height: 0;
}
.hide-header-underline-2 div {
--h2-border-line-height: 0;
}
.hide-header-underline-3 div {
--h3-border-line-height: 0;
}
.hide-header-underline-4 div {
--h4-border-line-height: 0;
}
.hide-header-underline-5 div {
--h5-border-line-height: 0;
}
.hide-header-underline-6 div {
--h6-border-line-height: 0;
}
.link-caps {
--link-transform: uppercase;
}
.link-underline.link-underline {
--link-decoration-thickness: 2px;
--link-decoration-color: var(--text);
--link-decoration: underline;
--link-external-decoration: underline;
}
.link-notion {
--link-border: 1px solid var(--hr);
--link-weight: 600;
--link-decoration: none;
--link-color: var(--text);
--link-external-color: var(--soft-text);
}
.hr-no-icon.hr-no-icon div,
.hr-tog.hr-tog div {
--hr-icon-symbol: ;
--hr-image: ;
}
.hr-center-vertically .hr {
--hr-thickness: 0;
--hr-alignment: -50%;
}
.hr-center-vertically .hr hr {
--hr-color: var(--hr);
--hr-thickness: 2px;
}
.inline-title-style-heading {
--inline-title-size: var(--h1-size);
--inline-title-weight: var(--header-weight);
--inline-title-color: var(--h1-color);
}
.inline-title-style-text.inline-title-style-text .inline-title {
--inline-title-font: var(--font-default);
--inline-title-size: var(--font-text-size);
--inline-title-weight: var(--font-bold);
--inline-title-color: var(--text-normal);
}
.inline-title-small {
--inline-title-size: var(--font-ui-small);
}
.inline-title-medium {
--inline-title-size: var(--font-ui-medium);
}
.inline-title-font-normal {
--inline-title-size: var(--font-size);
}
.inline-title-position-left {
--inline-title-position: left;
}
.inline-title-position-center {
--inline-title-position: center;
}
.inline-title-position-right {
--inline-title-position: right;
}
.minimalist-workspace.minimalist-workspace {
--divider-color: transparent;
--scrollbar-thumb-bg: transparent;
--tab-outline-width: 0;
--tab-outline-color: transparent;
}
.hide-resize-handle {
--divider-color: transparent;
}
.hide-scrollbar {
--scrollbar-thumb-bg: transparent;
}
.hide-tab-outline.hide-tab-outline {
--tab-outline-width: 0;
--tab-outline-color: transparent;
}
.minimalist-workspace .nav-folder.mod-root > .nav-folder-title:not(:hover),
.hide-vault-name .nav-folder.mod-root > .nav-folder-title:not(:hover) {
height: 6px;
opacity: 0;
}
.minimalist-workspace .view-header:not(:hover):not(:focus-within),
.hide-note-title .view-header:not(:hover):not(:focus-within) {
position: absolute;
width: 100%;
opacity: 0;
z-index: 5;
}
.minimalist-workspace .view-header:not(:hover):not(:focus-within) .view-header-icon, .minimalist-workspace .view-header:not(:hover):not(:focus-within) .view-header-nav-buttons, .minimalist-workspace .view-header:not(:hover):not(:focus-within) .view-actions,
.hide-note-title-icons .view-header:not(:hover):not(:focus-within) .view-header-icon,
.hide-note-title-icons .view-header:not(:hover):not(:focus-within) .view-header-nav-buttons,
.hide-note-title-icons .view-header:not(:hover):not(:focus-within) .view-actions {
opacity: 0;
width: 0;
padding: 0 5px;
}
.minimalist-workspace .side-dock-ribbon:is(.mod-left, .mod-right):not(:hover),
.hide-sidebar-ribbon .side-dock-ribbon:is(.mod-left, .mod-right):not(:hover) {
opacity: 0;
flex: 0 0 10px;
padding: 0;
}
.minimalist-workspace .side-dock-ribbon:is(.mod-left, .mod-right):not(:hover) :is(.side-dock-actions, .side-dock-settings),
.hide-sidebar-ribbon-icons .side-dock-ribbon:is(.mod-left, .mod-right):not(:hover) :is(.side-dock-actions, .side-dock-settings) {
display: none;
}
.minimalist-workspace .titlebar:not(:hover),
.hide-titlebar .titlebar:not(:hover) {
width: 100%;
opacity: 0;
--titlebar-background: transparent;
--titlebar-background-focused: transparent;
}
.minimalist-workspace .status-bar:not(:hover),
.hide-status-bar .status-bar:not(:hover) {
min-width: 100px;
padding: 0;
opacity: 0;
--icon-s: 0;
--status-bar-font-size: 0;
--status-bar-background: transparent;
--status-bar-border-color: transparent;
--status-bar-text-color: transparent;
}
.minimalist-workspace .workspace-tab-header-container:not(:hover),
.hide-titlebar-tab .workspace-tab-header-container:not(:hover) {
height: 12px;
opacity: 0;
}
.minimalist-workspace .nav-header:not(:hover) .nav-buttons-container,
.hide-nav-header .nav-header:not(:hover) .nav-buttons-container {
display: none;
}
.minimalist-workspace .frontmatter-container:not(:hover),
.hide-frontmatter .frontmatter-container:not(:hover) {
height: 10px;
opacity: 0;
}
.minimalist-workspace .frontmatter-container:not(:hover) > *,
.hide-frontmatter .frontmatter-container:not(:hover) > * {
display: none;
}
.minimalist-workspace .nav-folder .nav-folder-title,
.hide-file-explorer-icons .nav-folder .nav-folder-title {
--folder-icon: "";
--file-icon-margin: 0;
}
.minimalist-workspace .nav-folder .nav-folder-title .nav-folder-title-content::before,
.hide-file-explorer-icons .nav-folder .nav-folder-title .nav-folder-title-content::before {
content: "";
width: 0;
}
.minimalist-workspace .nav-file .nav-file-title,
.hide-file-explorer-icons .nav-file .nav-file-title {
--file-icon: "";
--file-icon-margin: 0;
}
.minimalist-workspace .nav-file .nav-file-title .nav-file-title-content::before,
.hide-file-explorer-icons .nav-file .nav-file-title .nav-file-title-content::before {
content: "";
width: 0;
}
.background-image {
--background-image-url: url();
--background-image-height: 50%;
--background-image-width: 50%;
--background-image-blur: 11px;
--background-image-shadow: var(--outline);
--background-image-opacity: 90%;
--background-image-sidebar-opacity: var(--background-image-opacity);
--background-image-note-padding: 20px;
--background-image-note-width: calc(var(--file-line-width) + var(--background-image-note-padding));
--file-margins: 0 0;
--scrollbar-bg: rgba(var(--note-rgb));
}
.background-image.theme-light {
--background-image-shadow: #0E0F1530;
}
body.background-image:is(.theme-dark, .theme-light) .workspace {
background: var(--background-image-url);
background-repeat: no-repeat;
background-position: var(--background-image-width) var(--background-image-height);
background-size: cover;
}
body.background-image .workspace-tab-header-container, body.background-image .workspace > .workspace-leaf, body.background-image .workspace-split.mod-root .view-content, body.background-image .workspace-tabs .workspace-leaf {
backdrop-filter: blur(var(--background-image-blur));
}
body.background-image .workspace-leaf-content[data-type=style-settings], body.background-image .kanban-plugin.kanban-plugin, body.background-image .markdown-preview-section.markdown-preview-section:not(.kanban-plugin__markdown-preview-view), body.background-image .cm-editor .cm-contentContainer, body.background-image .cm-editor .inline-title {
background: rgba(var(--note-rgb), var(--background-image-opacity));
}
body.background-image .markdown-preview-section.markdown-preview-section:not(.kanban-plugin__markdown-preview-view), body.background-image .cm-editor .cm-contentContainer {
height: auto;
}
body.background-image.is-focused .workspace-leaf.mod-active .view-header, body.background-image .view-header, body.background-image .view-header-title-parent, body.background-image .view-header-title, body.background-image :is(.view-header-nav-buttons, .view-actions) > .clickable-icon, body.background-image .workspace-split:is(.mod-left-split, .mod-right-split) .workspace-tab-container, body.background-image .workspace-tabs {
background: rgba(var(--note-rgb), var(--background-image-sidebar-opacity));
}
body.background-image .kanban-plugin.kanban-plugin, body.background-image .workspace > .workspace-split, body.background-image .workspace-split.mod-root .view-content, body.background-image .workspace-tabs .workspace-leaf, body.background-image.is-focused .workspace-tabs.mod-top, body.background-image .workspace-tabs.mod-top, body.background-image :is(.markdown-preview-view, .markdown-source-view) {
background: transparent;
}
body.background-image :is(.markdown-preview-view,
.markdown-source-view.mod-cm6 .cm-scroller) {
padding-top: 0;
padding-bottom: 0;
}
body.background-image .cm-editor .inline-title, body.background-image .markdown-preview-section, body.background-image .view-content .cm-s-obsidian > .cm-editor .cm-contentContainer {
height: auto;
padding: 0 var(--background-image-note-padding);
box-shadow: 0 0 20px var(--background-image-shadow);
}
body.background-image .cm-contentContainer .cm-gutter {
margin-left: calc(var(--background-image-note-padding) * -1);
}
body.background-image .markdown-embed-content .markdown-preview-section:not(.kanban-plugin__markdown-preview-view), body.background-image .popover.popover .markdown-preview-section {
box-shadow: unset;
}
.sidebar-ribbon-float:not(.is-mobile) .side-dock-ribbon.mod-right, .sidebar-ribbon-float:not(.is-mobile) .side-dock-ribbon.mod-left,
.sidebar-ribbon-mini-float:not(.is-mobile) .side-dock-ribbon.mod-right,
.sidebar-ribbon-mini-float:not(.is-mobile) .side-dock-ribbon.mod-left {
position: absolute;
border: 1px solid var(--lines);
box-shadow: 4px 4px 0 var(--outline);
width: var(--ribbon-width);
top: var(--ribbon-float-top);
bottom: var(--ribbon-float-bottom);
--ribbon-background-collapsed: var(--ribbon-background) ;
}
.sidebar-ribbon-float:not(.is-mobile) .side-dock-ribbon.mod-right,
.sidebar-ribbon-mini-float:not(.is-mobile) .side-dock-ribbon.mod-right {
right: 10px;
}
.sidebar-ribbon-float:not(.is-mobile) .side-dock-ribbon.mod-left,
.sidebar-ribbon-mini-float:not(.is-mobile) .side-dock-ribbon.mod-left {
left: 10px;
}
.sidebar-ribbon-float:not(.is-mobile).sidebar-float-top,
.sidebar-ribbon-mini-float:not(.is-mobile).sidebar-float-top {
--ribbon-float-top: 45px;
}
.sidebar-ribbon-float:not(.is-mobile).sidebar-float-bottom,
.sidebar-ribbon-mini-float:not(.is-mobile).sidebar-float-bottom {
--ribbon-float-bottom: 45px;
}
.sidebar-ribbon-float:not(.is-mobile).sidebar-float-center .side-dock-ribbon.mod-right, .sidebar-ribbon-float:not(.is-mobile).sidebar-float-center .side-dock-ribbon.mod-left,
.sidebar-ribbon-mini-float:not(.is-mobile).sidebar-float-center .side-dock-ribbon.mod-right,
.sidebar-ribbon-mini-float:not(.is-mobile).sidebar-float-center .side-dock-ribbon.mod-left {
--ribbon-float-top: 50%;
transform: translate(0, -50%);
}
.sidebar-ribbon-float:not(.is-mobile) .side-dock-settings,
.sidebar-ribbon-mini-float:not(.is-mobile) .side-dock-settings {
border-top: var(--tab-outline-width) solid var(--tab-outline-color);
}
.sidebar-ribbon-float:not(.is-mobile) .sidebar-toggle-button,
.sidebar-ribbon-mini-float:not(.is-mobile) .sidebar-toggle-button {
position: relative;
}
.sidebar-ribbon-float:not(.is-mobile) .side-dock-actions,
.sidebar-ribbon-mini-float:not(.is-mobile) .side-dock-actions {
margin-top: 0;
}
.sidebar-ribbon-mini-float:not(.is-mobile) .side-dock-ribbon:not(:hover) .sidebar-toggle-button.mod-left {
height: 0;
position: relative;
padding: 0 7px;
align-items: center;
}
.sidebar-ribbon-mini-float:not(.is-mobile) .side-dock-ribbon:not(:hover) {
padding: calc(var(--icon-size) + 2px);
width: var(--ribbon-width);
animation-duration: 5s;
--tab-outline-width: 0;
}
.sidebar-ribbon-mini-float:not(.is-mobile) .side-dock-ribbon.mod-left:not(:hover) :is(.side-dock-actions, .side-dock-settings) {
display: none;
}
.side-dock-ribbon {
text-align: center;
align-items: center;
}
.slrvb-g {
--font: "Norwester", "Staatliches", "Racing Sans One", "Heavitas", "Playfair Display", serif;
--header-weight: 100;
--vault-name-font-size: 25px;
--vault-name-font-weight: 300;
--font-monospace: "Fira Code";
--hr-icon-symbol: "🏴";
--highlight: rgba(163, 188, 218, 0.3);
--hvr: rgba(129,155,199,0.25);
--hvr-active: rgba(163, 188, 218, 0.22);
--setting-item-heading-border: 2px solid var(--dark-accent);
}
.theme-dark.slrvb-g, .theme-dark .slrvb-g {
--outer-bar: #0E0F15;
--dark-sidebar: #090C0E;
--side-bar: var(--note);
--note: #171B21;
--note-rgb: 23, 27, 33;
--accent-color: 81, 91, 113;
--accent: #515b71;
--lite-accent: #8e9ab4;
--dark-accent: #333A49;
--deep-dark-accent: #222731;
--accent2: #889FC3;
--accent2-lite: #cde2ff;
--headers: #9DB1CA;
--text: #AAB3CA;
--soft-text: #778495;
--code-text: #707a90;
--i-at: #5D7B98;
--footnote: #576571;
--inactive: #3c4a64;
--tag-text: #8690ab;
--folder-open: #F1F7FF;
--tag: #353d52;
--th: var(--dark-accent);
--table: #242b3d;
--highlight: rgba(101, 116, 135, 0.27);
--theme-rainbow-1: var(--lite-accent);
--theme-rainbow-2: var(--code-text);
--theme-rainbow-3: var(--accent);
--theme-rainbow-4: var(--inactive);
--theme-rainbow-5: var(--table);
--theme-rainbow-6: var(--aside-bg);
}
.theme-light.slrvb-g, .theme-light .slrvb-g {
--outer-bar:#eef3fd;
--dark-sidebar: #F1F7FF;
--side-bar: var(--note);
--note: #f8fbff;
--note-rgb: 248, 251, 255;
--accent-color: 174, 189, 212;
--accent: #aebdd4;
--lite-accent: #a6aec7;
--dark-accent: #6e7a92;
--deep-dark-accent: #171C22;
--inactive: #C0C8D6;
--file-icon-color: #A6B4CC;
--folder: var(--headers);
--folder-open: var(--accent);
--headers: #6e7a92;
--text: #171C22;
--accent2: #404c62;
--accent2-lite: #000000;
--soft-text: #90a0c3;
--code-text: #8193b5;
--i-at: #8f9cbe;
--table: #ccd6eb;
--tag: #7485a3;
--tag-text: var(--tag);
--hr: #d6deea;
--theme-rainbow-1: var(--file-icon-color);
--theme-rainbow-2: var(--soft-text);
--theme-rainbow-3: var(--tag);
--theme-rainbow-4: var(--dark-accent);
--theme-rainbow-5: var(--accent2);
--theme-rainbow-6: var(--deep-dark-accent);
}
/*----Theme: SlRvb Blue----*/
.slrvb-b {
--font: "Recursive Sans Linear Static Black", "Oleo Script", "Calisto MT";
/*Works, but if it doesn't, needs !important*/
--font-monospace: "Fira Code";
--highlight: rgba(46, 124, 214, 0.3);
--hvr: rgba(0, 137, 255, 0.4);
--hvr-active: rgba(60, 102, 168, 0.4);
}
.theme-dark.slrvb-b, .theme-dark .slrvb-b {
--outer-bar: #0e0f15;
--dark-sidebar: #10161d;
--side-bar: var(--note);
--note: #1a1e24;
--note-rgb: 26, 30, 36;
--accent-color: 57, 77, 100;
--accent: #394d64;
--lite-accent: #6ca6e0;
--dark-accent: #293e64;
--deep-dark-accent: #1f283b;
--accent2: #4c78cc;
--accent2-lite: #4c87cc;
--headers: #2b71cd;
--text: #AAB3CA;
--soft-text: #6d7a9b;
--code-text: slategray;
--i-at: #5d7b98;
--footnote: #6e7e89;
--folder-open: #386ab6;
--file-icon-color: #63748d;
--code-bg: #232831;
--tag: var(--dark-accent);
--th: var(--dark-accent);
--td: #030a1495;
--hr: #3c5274;
--lines: #465164;
--theme-rainbow-1: var(--accent2);
--theme-rainbow-2: var(--headers);
--theme-rainbow-3: var(--dark-accent);
--theme-rainbow-4: var(--deep-dark-accent);
--theme-rainbow-5: var(--accent);
--theme-rainbow-6: var(--soft-text);
}
.theme-light.slrvb-b, .theme-light .slrvb-b {
--outer-bar: #eef3fd;
--dark-sidebar: #f1f5ff;
--side-bar: var(--note);
--note: #f8fbff;
--note-rgb: 248, 251, 255;
--accent-color: 100, 160, 219;
--accent: #64a0db;
--lite-accent: #5174a3;
--dark-accent: #517cbf;
--deep-dark-accent: #101b2f;
--accent2: #4c78cc;
--accent2-lite: #5599d0;
--headers: #4378c1;
--text: #283a67;
--soft-text: #4e99d0;
--code-text: #4296ea;
--i-at: var(--headers);
--footnote: #8996a0;
--inactive: #a6bbde;
--folder-open: #6da5ce;
--file-icon-color: #8897b4;
--bg: #dde4ef;
--fg: #025d9f;
--code-bg: #f1f5ff;
--tag: #5885b2;
--th: #587aa8;
--td: #d0ddef62;
--table: #ccd6eb;
--hr: #d6deea;
--lines: #b5c2d8;
--highlight: rgba(46, 124, 214, 0.2);
--theme-rainbow-1: var(--accent);
--theme-rainbow-2: var(--headers);
--theme-rainbow-3: var(--th);
--theme-rainbow-4: var(--text);
--theme-rainbow-5: var(--file-icon-color);
--theme-rainbow-6: var(--inactive);
}
.theme-dark.wotc-beyond, .theme-dark .wotc-beyond,
.theme-light.wotc-beyond,
.theme-light .wotc-beyond {
--header-weight: 500;
--font: "its-Draconis", "Draconis", Inter;
--font-monospace: "its-Fira Code", "Fira Code", Inter;
--font-default: "its-Bookerly", "Bookerly", Inter;
--font-text: var(--font-default);
--vault-name-font-size: 25px;
--hr-icon-symbol: "";
--hr-icon-font: var(--its);
--hr-icon-symbol: ;
--hr-image-height: 5px;
--hr-image-width: 100%;
--hr-thickness: 0;
--embed-h: #c93c3c;
--h2-color: sandybrown;
--h3-color: #a11111;
--h1-border-line-color: var(--embed-h);
--h2-border-line-color: var(--h2-color);
--h3-border-line-color: var(--h3-color);
--h1-border-right-color: linear-gradient(to right, var(--h1-border-line-color), transparent);
--h2-border-right-color: linear-gradient(to right, var(--h2-border-line-color), transparent);
--h3-border-right-color: linear-gradient(to right, var(--h3-border-line-color), transparent);
--h4-border-right-color: linear-gradient(to right, var(--header-border-line-color), transparent);
--h5-border-right-color: linear-gradient(to right, var(--header-border-line-color), transparent);
--h6-border-right-color: linear-gradient(to right, var(--header-border-line-color), transparent);
--h1-border-left-color: linear-gradient(to left, var(--h1-border-line-color), transparent);
--h2-border-left-color: linear-gradient(to left, var(--h2-border-line-color), transparent);
--h3-border-left-color: linear-gradient(to left, var(--h3-border-line-color), transparent);
--h4-border-left-color: linear-gradient(to left, var(--header-border-line-color), transparent);
--h5-border-left-color: linear-gradient(to left, var(--header-border-line-color), transparent);
--h6-border-left-color: linear-gradient(to left, var(--header-border-line-color), transparent);
--icon-color: var(--text);
--drop-shadow: var(--td);
--paper-edges: 0 0 60px var(--outline) inset;
--paper-edges-m: 0 0 100px var(--outline) inset;
--tab-container-background: transparent;
--tab-titlebar-color: transparent;
--pane-background: transparent;
--file-header-background: transparent;
--kanban-card-title-background: var(--td);
--kanban-card-metadata-background: var(--note);
}
.theme-dark.wotc-beyond, .theme-dark .wotc-beyond {
--outline: #0000008c;
--headers: #c14343;
--code-text: #fa4545;
--tag-text: #d04e4e;
--dark-accent: #652121;
--accent: #863737;
--i-at: #bf5e5e;
--folder: var(--accent);
--hr-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 100 7' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Crect id='Artboard1' x='0' y='0' width='100' height='7' style='fill:none;'/%3E%3Cpath d='M50,2.5L100,3.5L50,4L0,3.5L50,2.5Z' style='fill:rgb(146, 47, 47);'/%3E%3C/svg%3E") no-repeat center center;
--hr: #772d2d;
--hvr-active: rgba(212, 47, 47, 0.4);
--highlight: #7a141466;
}
.theme-light.wotc-beyond, .theme-light .wotc-beyond {
--hvr-active: rgba(182, 28, 28, 0.50);
--highlight: #c20a0a35;
--outer-bar: #fbe2c5;
--dark-sidebar: #f6e3cd;
--side-bar: #fff6e4;
--note: #fff9f0;
--note-rgb: 255, 252, 240;
--accent-color: 199, 89, 89;
--accent: #c75959;
--lite-accent: #a35158;
--dark-accent: #cd645e;
--deep-dark-accent: #2e1010;
--accent2: #000000;
--accent2-lite: #df6262;
--headers: #c14343;
--text: #412f2f;
--code-text: #681010;
--inactive: #e2b7a3;
--file-icon-color: #ebbd92;
--folder-open: var(--text);
--bg: var(--dark-sidebar);
--code-bg: #f3e6d2;
--aside-bg: #faf2e9;
--embed-bg: var(--aside-bg);
--td: #fae0be60;
--table: var(--outline);
--hr: var(--table);
--lines: var(--inactive);
--outline: #fbb4577e;
--hr-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 100 7' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Crect id='Artboard1' x='0' y='0' width='100' height='7' style='fill:none;'/%3E%3Cpath d='M50,2.5L100,3.5L50,4L0,3.5L50,2.5Z' style='fill:rgb(200, 57, 57);'/%3E%3C/svg%3E") no-repeat center center;
}
body.wotc-beyond .workspace-leaf-content, body.wotc-beyond .workspace-tabs, body.wotc-beyond .workspace-sidedock-vault-profile, body.wotc-beyond .vertical-tab-content, body.wotc-beyond .modal.modal, body.wotc-beyond .community-modal-sidebar, body.wotc-beyond .canvas-wrapper {
box-shadow: var(--paper-edges);
}
body.wotc-beyond .workspace .mod-root .workspace-tab-header {
box-shadow: 0 0 0 var(--tab-outline-width) var(--tab-outline-color), var(--paper-edges);
}
body.wotc-beyond .site-body-left-column, body.wotc-beyond .site-body-right-column, body.wotc-beyond .publish-renderer, body.wotc-beyond .graph-view-container {
box-shadow: var(--paper-edges-m);
}
body:not(.wotc-beyond) .wotc-beyond:is(.markdown-source-view,
.markdown-preview-view) {
box-shadow: var(--paper-edges);
}
.wotc-beyond .cm-line.hr,
.pathfinder .cm-line.hr {
bottom: -10px;
}
.wotc-beyond.markdown-rendered hr::after, .wotc-beyond .markdown-rendered hr::after, .wotc-beyond .cm-line:not(.cm-active) hr,
.pathfinder.markdown-rendered hr::after,
.pathfinder .markdown-rendered hr::after,
.pathfinder .cm-line:not(.cm-active) hr {
content: "";
display: block;
position: relative;
background: var(--hr-image);
background-size: var(--hr-image-width);
height: var(--hr-image-height);
background-repeat: no-repeat;
background-position: center;
}
.wotc-beyond .internal-embed.markdown-embed {
border-style: solid;
border-width: 11px;
border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAA8CAYAAADxJz2MAAAFWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iCiAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjgwIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iNjAiCiAgIGV4aWY6Q29sb3JTcGFjZT0iMSIKICAgdGlmZjpJbWFnZVdpZHRoPSI4MCIKICAgdGlmZjpJbWFnZUxlbmd0aD0iNjAiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjMwMC8xIgogICB0aWZmOllSZXNvbHV0aW9uPSIzMDAvMSIKICAgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIKICAgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIgogICB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0wMS0wMlQxNjowNTo0MS0wODowMCIKICAgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMi0wMS0wMlQxNjowNTo0MS0wODowMCI+CiAgIDxkYzp0aXRsZT4KICAgIDxyZGY6QWx0PgogICAgIDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+RCZhbXA7RCBCb3JkZXI8L3JkZjpsaT4KICAgIDwvcmRmOkFsdD4KICAgPC9kYzp0aXRsZT4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHN0RXZ0OmFjdGlvbj0icHJvZHVjZWQiCiAgICAgIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFmZmluaXR5IERlc2lnbmVyIDEuMTAuNCIKICAgICAgc3RFdnQ6d2hlbj0iMjAyMi0wMS0wMlQxNjowNTo0MS0wODowMCIvPgogICAgPC9yZGY6U2VxPgogICA8L3htcE1NOkhpc3Rvcnk+CiAgPC9yZGY6RGVzY3JpcHRpb24+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+SLcLyAAAAYFpQ0NQc1JHQiBJRUM2MTk2Ni0yLjEAACiRdZHPK0RRFMc/8xD50SiUhcVLWA35UWJjMZNfhcXMKIPNm2fejJo3Xu+NJFtlO0WJjV8L/gK2ylopIiVLWRMbpuc8o0Yy53bP/dzvPed077mgRNO66ZR3g5nJ2uHRoDoTm1Urn/Ch0EQdqqY71mRkJEpJe7+VaLHrTq9W6bh/rWYh4ejgqxIe0i07KzwmPLGStTzeEm7UU9qC8IlwwJYLCt94erzAzx4nC/zpsR0Nh0CpF1aTvzj+i/WUbQrLy2kz08v6z328l9QmMtMRWVtltuAQZpQgKuMME6KfHgbF99NJL12yo0R+93f+FEuSq4u3WMVmkSQpsgREXZbqCVkN0RMy0qx6/f/bV8fo6y1Urw1CxaPrvrZD5Sbkc677ceC6+UMoe4DzTDF/aR8G3kTPFbW2PfCvw+lFUYtvw9kGNN9bmq19S2UyFcOAl2Ooi0HDFVTPFXr2c87RHUTX5KsuYWcXOiTeP/8FK5Jny8RYHqYAAAAJcEhZcwAALiMAAC4jAXilP3YAAAG5SURBVHic7dyxSiNRFMbxv0OwEkvZfrEWleWAvbA+giB5ANtgcx/gFJK0+wAbwUdYV7bZRjiIirXYL1tbiajFXHV3Y5KBbIyTfL8yOQxfPu5kprkXKnCzRTfrVpmdBm7WdbPFKrNFhYt9As6BnVGD1cgOcJ5/+0CNfl+4WQG0AB80N8U+AiduloBOirh/bejVFehmH4AjYJ/ZLO9Jg7KDo9xJj54C3ewzcAlsjjdbrWwCl7mbvzyvLjebp7xdW28YrE6WgG9u1gFSiriFvALdbBk4QeVV0aL8b1wGKNysCVwA6xONVS/rwIWbNefc7GHSaeps6HugiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIyCzQTqURaafSiBpAE/gCLAwbThFzY0/0DlS8K2+A3SJFdIE14Gy8sabKGbCWIroFQIq4AjaA9kRj1UMb2MidvexYzzuw99zsB/CVcoe2vPgNNFPE9z8/7HmI5IEV4PiNgtXBMbDyb3nQ5ymcIn4BW8AecDfebO/aHWUHW7mTHn2PNMnnpLTd7CdwSHmOyiy5BrZTxOmgoaHvgfkCq8DBfwpWBwfA6rDyAB4BTjVxWZByO0gAAAAASUVORK5CYII=") 11;
border-image-outset: 9px 0px;
box-shadow: 0px 0px 10px var(--outline, var(--background-modifier-box-shadow));
}
.dnd.dnd {
--font: "Cinzel Decorative", "Amarante", "Oleo Script", "Lobster 1.3", Inter;
--font-monospace: "Fira Code Medium", "Recursive Mono Linear Static Medium", "Source Code Pro", Inter;
--hr-icon-symbol: "";
--hr-icon-font: var(--mdi);
--embed-h: #c93c3c;
--h1-color: var(--headers);
--h2-color: sandybrown;
--h3-color: var(--embed-h);
--highlight: rgba(60, 168, 122, 0.4);
/*Text highlights*/
--hvr-active: rgba(255, 128, 0, 0.4);
/*Search Highlight*/
--hvr: rgba(66, 157, 104, 0.2);
/*Cursor dragged highlights*/
}
.theme-dark .dnd, .theme-dark.dnd {
--outer-bar: #0e0f15;
--dark-sidebar: #1c2f2b;
--side-bar: var(--note);
--note: #1a1e24;
--accent-color: 84, 139, 103;
--accent: #548b67;
--lite-accent: #45b480;
--dark-accent: #2e4d3c;
--deep-dark-accent: #1b2c25;
--accent2: #cc824c;
--accent2-lite: #61efc9;
--headers: #3eb281;
--text: #dcdedd;
--soft-text: #aacac9;
--code-text: #71dfac;
--i-at: #5ebfa9;
--inactive: #587770;
--folder: var(--accent);
--file-icon-color: var(--soft-text);
--folder-open: #9a5f3b;
--bg: #1e3831;
--fg: white;
--code-bg: #222e31;
--embed-bg: var(--outer-bar);
--tag: var(--dark-accent);
--th: var(--dark-accent);
--table: #2c3836;
--hr: #2b4e41;
--graph-bg: var(--note);
--graph-lines: #244047;
--graph-node: var(--headers);
--graph-fill: var(--headers);
--graph-404: #1f6f29;
--graph-img: var(--accent2);
--graph-tag: saddlebrown;
--theme-rainbow-1: var(--accent);
--theme-rainbow-2: var(--accent2);
--theme-rainbow-3: var(--h3-color);
--theme-rainbow-4: var(--hr);
--theme-rainbow-5: var(--dark-sidebar);
--theme-rainbow-6: var(--outer-bar);
}
.theme-light.dnd, .theme-light .dnd {
--outer-bar: #dfefe6;
--dark-sidebar: var(--embed-bg);
--side-bar: var(--note);
--note: #f8fbff;
--accent-color: 121, 199, 142;
--accent: #79c78e;
--lite-accent: #ac7c10;
--dark-accent: #5a8d71;
--deep-dark-accent: #1b2c25;
--accent2: #cca04c;
--accent2-lite: #35be89;
--headers: #0e934c;
--text: #697580;
--soft-text: #52ad67;
--code-text: #35ad76;
--i-at: #48804e;
--folder: #64c9a3;
--folder-open: var(--accent2);
--fg: #029f08;
--bg: #cbe2d5;
--code-bg: #f1f5ff;
--embed-bg: var(--code-bg);
--aside-bg: #ecf6f1;
--inactive: #91c1ad;
--tag: #56c681;
--th: #549f54;
--table: #ccd6eb;
--hr: #d6deea;
--lines: var(--inactive);
--graph-bg: var(--note);
--graph-lines: #e4e7f8;
--graph-node: var(--headers);
--graph-fill: #2e5db2;
--graph-404: #727e93;
--graph-img: var(--accent2);
--graph-tag: #000000;
--theme-rainbow-1: var(--accent);
--theme-rainbow-2: var(--accent2);
--theme-rainbow-3: var(--h3-color);
--theme-rainbow-4: var(--headers);
--theme-rainbow-5: var(--code-text);
--theme-rainbow-6: var(--file-icon-color);
--hvr-active: rgba(255, 128, 0, 0.2);
}
.pathfinder.pathfinder,
.pathfinder-remaster.pathfinder-remaster {
--font: "Taroca";
--header-weight: 100;
--h1-font: "Taroca";
--h2-font: var(--h1-font);
--h3-font: "Norwester";
--h4-font: var(--h3-font);
--h5-font: var(--h3-font);
--h6-font: var(--h3-font);
--h1-border-line-height: 1.5px;
--h2-border-line-height: 1.5px;
--h3-border-line-height: 2px;
--h4-border-line-height: 0;
--h5-border-line-height: 0;
--h6-border-line-height: 0;
--h1-border-line-color: var(--header-border-line-color);
--h2-border-line-color: var(--header-border-line-color);
--h3-border-line-color: var(--header-border-line-color);
--h4-border-line-color: var(--header-border-line-color);
--h5-border-line-color: var(--header-border-line-color);
--h6-border-line-color: var(--header-border-line-color);
--h1-border-left-color: var(--h1-border-line-color);
--h2-border-left-color: var(--h2-border-line-color);
--h3-border-left-color: var(--h3-border-line-color);
--h4-border-left-color: var(--h4-border-line-color);
--h5-border-left-color: var(--h5-border-line-color);
--h6-border-left-color: var(--h6-border-line-color);
--h1-border-right-color: var(--h1-border-line-color);
--h2-border-right-color: var(--h2-border-line-color);
--h3-border-right-color: var(--h3-border-line-color);
--h4-border-right-color: var(--h4-border-line-color);
--h5-border-right-color: var(--h5-border-line-color);
--h6-border-right-color: var(--h6-border-line-color);
--vault-name-font-weight: 100;
--dataview-th-background: var(--th);
--dataview-th-alt-color: var(--hvr);
--dataview-th-color: var(--text-dl);
--dataview-th-border-bottom: var(--th);
--hr-image: url("data:image/svg+xml,%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 1000 204' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(1,0,0,1,1.7053e-13,-398.169)'%3E%3Crect id='Artboard1' x='-0' y='398.169' width='1000' height='203.661' style='fill:none;'/%3E%3CclipPath id='_clip1'%3E%3Crect id='Artboard11' serif:id='Artboard1' x='-0' y='398.169' width='1000' height='203.661'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23_clip1)'%3E%3Cg transform='matrix(4.31034,0,0,4.31034,-267.917,-1094.41)'%3E%3Cpath d='M178.389,380.983C175.751,387.924 169.433,393.494 159,393.565C127.289,393.78 136.335,361.89 118,362C108.448,361.996 110.806,374.866 115,377C114.833,377.167 100.762,372.819 105,357C76.617,370.354 62.389,358 62.389,358C62.389,358 80.399,363.885 90.791,357.333C109.271,345.683 133.119,337.401 142,364C147.001,347.144 172.305,357.468 163,370.565C163.721,364.587 151.808,358.708 151,370.565C150.447,378.68 162.397,385.825 170.144,377.076C176.411,369.999 170.344,356.114 162,354C170.327,353.643 175.921,358.556 178.389,365.031C180.857,358.556 186.45,353.643 194.777,354C186.434,356.114 180.367,369.999 186.634,377.076C194.38,385.825 206.33,378.68 205.777,370.565C204.97,358.708 193.056,364.587 193.777,370.565C184.472,357.468 209.776,347.144 214.777,364C223.658,337.401 247.507,345.683 265.986,357.333C276.379,363.885 294.389,358 294.389,358C294.389,358 280.16,370.354 251.777,357C256.015,372.819 241.944,377.167 241.777,377C245.971,374.866 248.329,361.996 238.777,362C220.443,361.89 229.488,393.78 197.777,393.565C187.344,393.494 181.027,387.924 178.389,380.983Z' style='fill:rgb(139,38,45);'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
--hr-image-height: 16px;
--hr-thickness: 2px;
--hr-icon-symbol: ;
--highlight: rgba(191, 0, 0, 0.2);
--hvr: rgba(191, 0, 0, 0.2);
--hvr-active: #e5800040;
}
.theme-dark .pathfinder, .theme-dark.pathfinder, .theme-dark .pathfinder-remaster, .theme-dark.pathfinder-remaster {
--accent: #863737;
--lite-accent: #c94d4d;
--dark-accent: #652121;
--headers: #ddaf78;
--h1-color: var(--headers);
--h2-color: #2f4f87;
--h3-color: #a22b30;
--h4-color: #d0765b;
--h5-color: #694b3c;
--h6-color: var(--text);
--code-text: #c94d4d;
--i-at: #bf5e5e;
--folder: #a22b30;
--folder-open: #e58000;
--hr: #8b262d;
--header-border-line-color: var(--dark-accent);
--graph-bg: var(--embed-bg);
--graph-lines: #65212190;
--graph-node: var(--theme-rainbow-1);
--graph-tag: var(--theme-rainbow-3);
--graph-img: var(--theme-rainbow-2);
--graph-line-hover: var(--lines);
--graph-node-hover-fill: var(--theme-rainbow-4);
--theme-rainbow-1: var(--h1-color);
--theme-rainbow-2: var(--h2-color);
--theme-rainbow-3: var(--h3-color);
--theme-rainbow-4: var(--h4-color);
--theme-rainbow-5: var(--h5-color);
}
.theme-light .pathfinder, .theme-light.pathfinder, .theme-light .pathfinder-remaster, .theme-light.pathfinder-remaster {
/*Colors*/
--outer-bar: #e2ded8;
--dark-sidebar: #e2ded8;
--side-bar: #ECE9E4;
--note: #ECE9E4;
--note-rgb: 236, 233, 228;
--accent-color: 94, 0, 0;
--accent: #800008;
--lite-accent: #e58000;
--dark-accent: var(--accent);
--deep-dark-accent: #5e0000;
--accent2: #461413;
--accent2-lite: #0f5cbc;
--link-color-hover: #1B9AF0;
--headers: #ca9759;
--h1-color: var(--headers);
--h2-color: #002564;
--h3-color: #5d0000;
--h4-color: #a76652;
--h5-color: #393636;
--text: #393636;
--soft-text: #5C1C16;
--code-text: var(--soft-text);
--i-at: var(--soft-text);
--footnote: #676767;
--inactive: #cdab9a;
--folder: #a22b30;
--folder-open: var(--headers);
--file-icon-color: #676767;
--bg: #d2c4be;
--embed-bg: #E0DACB;
--aside-bg: #E0DACB;
--tag: var(--deep-dark-accent);
--th: var(--deep-dark-accent);
--td: #E0DACB99;
--header-border-line-color: black;
--table: #00000060;
--hr: var(--soft-text);
--lines: #b6a697;
--outline: rgba(124, 49, 3, 0.4);
--hr-image-width: contain;
--graph-lines: var(--embed-bg);
--graph-node: var(--theme-rainbow-1);
--graph-tag: var(--theme-rainbow-4);
--graph-img: var(--theme-rainbow-2);
--graph-line-hover: var(--lines);
--graph-node-hover-fill: var(--theme-rainbow-4);
--theme-rainbow-1: #ca9759;
--theme-rainbow-2: #3276b5;
--theme-rainbow-3: #002564;
--theme-rainbow-4: #5d0000;
--theme-rainbow-5: #e58000;
--theme-rainbow-6: #393636;
}
.pathfinder.markdown-rendered hr, .pathfinder .markdown-rendered hr {
overflow: visible;
display: flow-root;
}
.pathfinder .cm-line:not(.cm-active) hr {
margin-top: -25px;
}
/* Pathfinder Remaster */
.theme-dark .pathfinder-remaster, .theme-dark.pathfinder-remaster {
--tab-outline-color: #a18f61;
--headers: #2f8b62;
--accent: #3b7b5b;
--dark-accent: #253f32;
--deep-dark-accent: var(--headers);
--lite-accent: #4dbb84;
--code-text: var(--lite-accent);
--tag-text: var(--lite-accent);
--th-text: var(--lite-accent);
--folder: var(--accent);
--folder-open: #c0a14a;
--file-icon-color: #887440;
--hvr: #4dbb8450;
--hr: #2d4d3d;
--th: var(--deep-dark-accent);
--th-text: var(--text-dl);
--lines: #304c40;
--theme-rainbow-1: var(--headers);
--theme-rainbow-2: var(--h2-color);
--theme-rainbow-3: var(--h3-color);
--theme-rainbow-4: var(--h4-color);
--graph-lines: var(--dark-accent);
--graph-node: var(--theme-rainbow-1);
--graph-tag: var(--theme-rainbow-4);
--graph-img: var(--theme-rainbow-2);
--graph-line-hover: var(--lines);
--graph-node-hover-fill: var(--theme-rainbow-4);
}
.theme-light .pathfinder-remaster, .theme-light.pathfinder-remaster {
--tab-outline-color: #cdac5a;
--hvr-active: #002a1750;
--hvr: #ddc486;
--highlight: #002a1730;
--headers: #002a17;
--h2-color: #4e1b0e;
--h3-color: #025d4e;
--h4-color: #000000;
--dark-accent: #00280a;
--accent: #025D4E;
--deep-dark-accent: #260d09;
--accent2-lite: #15a38b;
--lite-accent: #188655;
--code-text: var(--lite-accent);
--tag-text: var(--lite-accent);
--folder: #2b5b42;
--folder-open: #cba137;
--file-icon-color: #cab47c;
--th: var(--dark-accent);
--soft-text: #025d4e;
--hr: #002915;
--theme-rainbow-1: var(--headers);
--theme-rainbow-2: var(--h2-color);
--theme-rainbow-3: var(--h3-color);
--theme-rainbow-4: var(--h4-color);
--hr-image: "https://content.demiplane.com/compendium/pathfinder-2e/gm-core/css/Box-Decoration.png";
}
.mini {
--font: var(--font-default);
--background-modifier-hover: var(--td);
--tag-color: var(--accent2-lite);
--hr-icon-symbol: ;
--file-icon: ;
--folder-icon: ;
--header-border-line-height: 0;
--nav-item-border-width: 2px;
--nav-item-border-color: var(--text);
--setting-item-heading-border: 2px solid var(--accent);
--shadow-s: 1px 1px 0 var(--outline);
--shadow-l: 4px 4px 0 var(--outline);
--modal-border-width: 1px;
--modal-border-color: var(--table);
--tab-outline-color: transparent;
--drag-ghost-text-color: var(--text);
--message-color: var(--text);
--message-border-width: 1px;
}
.theme-dark.mini, .theme-dark .mini {
--outer-bar: var(--note);
--dark-sidebar: var(--note);
--side-bar: var(--note);
--note: #1a1e24;
--note-rgb: 26, 30, 36;
--accent-color: ;
--accent: #546078;
--lite-accent: #aab3ca;
--dark-accent: #394151;
--deep-dark-accent: var(--note);
--accent2-lite: var(--text-dl);
--headers: var(--text);
--code-text: var(--text);
--i-at: var(--text-faint);
--inactive: #586477;
--tag-text: var(--accent2-lite);
--code-bg: #232831;
--aside-bg: var(--note);
--embed-bg: var(--note);
--tag: var(--note);
--folder: var(--text-dl);
--file-icon-color: #aab3ca;
--th: var(--note);
--td: #06080c50;
--table: var(--bg);
--outline: #0b0f13;
--highlight: rgba(81, 100, 122, 0.6);
--hvr: rgba(87, 113, 156, 0.4);
--hvr-active: rgba(101, 124, 156, 0.4);
--graph-bg: var(--outer-bar);
--graph-lines: #363c4950;
--graph-node: var(--fg);
--graph-fill: var(--headers);
--graph-404: #727e93;
--graph-img: #6b90ad;
--graph-tag: black;
--graph-focused: var(--text-highlight-bg-active);
--theme-rainbow-1: var(--graph-404);
--theme-rainbow-2: var(--accent);
--theme-rainbow-3: var(--dark-accent);
--theme-rainbow-4: var(--code-bg);
--theme-rainbow-5: var(--td);
--theme-rainbow-6: var(--graph-tag);
}
.theme-light.mini, .theme-light .mini {
--background-modifier-form-field-highlighted: #99a4bb30;
--highlight: #99a4bb50;
--hvr: #99a4bb50;
--hvr-active: #99a4bb50;
--outer-bar: var(--note);
--dark-sidebar: var(--note);
--side-bar: var(--note);
--note: #f8fbff;
--text-dl: #000000;
--soft-text: #99a4bb;
--inactive: #d2daee;
--accent: #b5c2d8;
--lite-accent: #aab3ca;
--dark-accent: #d5ddeb;
--deep-dark-accent: var(--note);
--accent2: #d6def3;
--accent2-lite: var(--text-dl);
--bg: #eef3ff;
--aside-bg: var(--note);
--embed-bg: var(--note);
--bttn: var(--dark-accent);
--tag: var(--note);
--outline: #e1e9f6;
--th: var(--note);
--folder: var(--text-dl);
--headers: var(--text);
--i-at: var(--soft-text);
--code-text: var(--text);
--graph-bg: var(--outer-bar);
--graph-lines: #e5e9f3;
--graph-node: var(--text);
--graph-fill: var(--headers);
--graph-404: #727e939c;
--graph-img: #8ec1e9;
--graph-tag: var(--accent2-lite);
--graph-focused: #b6c9f1;
--theme-rainbow-1: var(--bg);
--theme-rainbow-2: var(--td);
--theme-rainbow-3: var(--outline);
--theme-rainbow-4: var(--inactive);
--theme-rainbow-5: var(--accent);
--theme-rainbow-6: var(--graph-img);
}
/*----Theme: Drowned----*/
.drwn {
--hr-icon-symbol: "";
--hr-icon-font: var(--mdi);
}
.theme-dark.drwn, .theme-dark .drwn {
--outer-bar: #0b0f13;
--note: #1a1e24;
--accent-color: 55, 136, 118;
--accent: #378876;
--lite-accent: #6CE0D3;
--dark-accent: #216565;
--deep-dark-accent: #103F3D;
--accent2: #5cb2d6;
--accent2-lite: #49d8e2;
--headers: #399F94;
--text: #bccad8;
--code-text: #72cdd0;
--i-at: #5EBFA9;
--inactive: #2b5b77;
--tag-text: var(--folder-open);
--folder-open: #58c8e0;
--folder-text-color: #71a6b7;
--file-icon-color: #204c5d;
--bg: #1e2f33;
--hr: #0f465d;
--tag: #1A5753;
--th: var(--dark-accent);
--td: rgba(6,12,12,0.38);
--table: #2b4448;
--lines: #1e4765;
--tab-stack-shadow: rgba(0,74,63,0.08);
--highlight: rgba(60,168,131,0.25);
--hvr: rgba(115,253,190,0.25);
--hvr-active: rgba(52,237,181,0.13);
--graph-lines: #04303d;
--theme-rainbow-1: var(--headers);
--theme-rainbow-2: var(--accent);
--theme-rainbow-3: var(--inactive);
--theme-rainbow-4: var(--file-icon-color);
--theme-rainbow-5: var(--table);
--theme-rainbow-6: var(--code-bg);
}
.theme-light.drwn, .theme-light .drwn {
--outer-bar: #eef3fd;
--dark-sidebar: #e8f9f7;
--accent-color: 67, 193, 165;
--accent: #43C1A5;
--lite-accent: #51a38e;
--dark-accent: #25a99e;
--deep-dark-accent: #102F26;
--accent2: #D6EAE3;
--accent2-lite: #75c8b9;
--headers: #40B1A4;
--text: #697580;
--soft-text: #4ED0B8;
--code-text: #69cfd2;
--i-at: #43C1AE;
--footnote: #89A09E;
--inactive: #A6DED4;
--tag-text: var(--accent);
--folder: var(--headers);
--folder-open: #a1d9ff;
--folder-text-color: #7EA3A2;
--file-icon-color: #A6DED8;
--fg: #2E918A;
--bg: var(--table);
--embed-bg: #f1f5ff;
--tag: #49b99d;
--th: var(--headers);
--td: rgba(145, 212, 199, 0.27);
--table: #CCEBE2;
--hr: #D6EAE9;
--lines: #b8e5e7;
--drop-shadow: rgba(0,74,52,0.08);
--highlight: rgba(144, 237, 231, 0.5);
--hvr: rgba(131,240,207,0.3);
--hvr-active: rgba(119, 220, 193, 0.5);
--theme-rainbow-1: var(--code-text);
--theme-rainbow-2: var(--accent2-lite);
--theme-rainbow-3: var(--accent);
--theme-rainbow-4: var(--lite-accent);
--theme-rainbow-5: var(--fg);
--theme-rainbow-6: var(--deep-dark-accent);
}
.theme-dark.its-d, .theme-dark .its-d {
--hvr: rgba(60, 8, 8, 0.46);
--highlight: rgba(139, 6, 6, 0.4);
--outer-bar: black;
--dark-sidebar: #000000;
--side-bar: var(--outer-bar);
--note: #070b11;
--accent: #803232;
--dark-accent: var(--aside-bg);
--deep-dark-accent: #270f0f;
--accent2: var(--text);
--accent2-lite: #c5575b;
--headers: #aa3333;
--text: #475569;
--soft-text: var(--accent);
--code-text: var(--accent);
--footnote: #577093;
--inactive: #1b262f;
--file-icon-color: var(--text);
--fg: var(--headers);
--bg: var(--inactive);
--code-bg: var(--aside-bg);
--embed-bg: black;
--aside-bg: #04070c;
--tag: var(--table);
--th: var(--hr);
--td: #03000054;
--table: #380b13;
--hr: #571a1a;
--graph-bg: rgba(13, 20, 29, 0.51);
--graph-lines: var(--hr);
--theme-rainbow-1: var(--headers);
--theme-rainbow-2: var(--accent);
--theme-rainbow-3: var(--hr);
--theme-rainbow-4: var(--table);
--theme-rainbow-5: var(--file-icon-color);
--theme-rainbow-6: var(--code-bg);
}
.theme-light.its-d, .theme-light .its-d {
--outer-bar: #d5e1f3;
--dark-sidebar: #dce4f6;
--note: #e6edf8;
--bg:#d9e4f0;
--code-bg: #e6ebf8;
}
.nebula {
--font: "Norwester", var(--font-default);
--header-weight: 500;
--vault-name-font-weight: 500;
--checklist-done-color: var(--inactive);
}
.theme-dark.nebula,
.theme-dark .nebula {
--note: #070b11;
--hr: #1b1e2b;
--table: #241a4e;
--headers: #8065fa;
--embed-bg: #1b1e2b;
--soft-text: #7f66d8;
--code-text: #9278ff;
--tag: var(--accent);
--accent-color: 114, 53, 211;
--accent: #3a2791;
--accent2-lite:#7b6cff;
--lite-accent: #b19eff;
--inactive: #594c9a;
--dark-accent: #40327e;
--th: var(--dark-accent);
--code-bg: #141235;
--outer-bar: #19113a;
--lines: #30275a;
--folder-open: var(--text);
--theme-rainbow-1: var(--headers);
--theme-rainbow-2: var(--code-text);
--theme-rainbow-3: ;
--theme-rainbow-4: ;
--theme-rainbow-5: ;
--theme-rainbow-6: ;
}
.notion.notion {
--font: var(--font-default);
--header-font-weight: 900;
--vault-name-font-weight: 900;
--header-border-line-height: 0;
--h1-border-line-height: var(--header-border-line-height);
--h2-border-line-height: var(--header-border-line-height);
--h3-border-line-height: var(--header-border-line-height);
--h4-border-line-height: var(--header-border-line-height);
--h5-border-line-height: var(--header-border-line-height);
--h6-border-line-height: var(--header-border-line-height);
--hr-icon-symbol: "";
background: var(--note);
--text-dl: white;
}
.theme-dark .notion, .theme-dark.notion {
--scrollbar-bg: #3b4044;
--scrollbar-thumb-bg: #474C50;
--outer-bar: var(--embed-bg);
--dark-sidebar: var(--side-bar);
--side-bar: #373C3F;
--note: #2F3437;
--note-rgb: 47, 52, 55;
--headers: var(--text);
--text: #EBEBEB;
--soft-text: #A8ABAC;
--code-text: var(--text);
--i-at: var(--bttn);
--footnote: #7A7D7F;
--inactive: #5D6265;
--accent-color: 66, 180, 224;
--accent: var(--tag);
/*#474C50*/
--lite-accent: var(--bttn);
--dark-accent: #4B5053;
/*#26292B*/
--deep-dark-accent: var(--outer-bar);
--accent2: var(--soft-text);
--accent2-lite: #2EA1CF;
--folder: var(--text);
--folder-open: var(--bttn);
--file-icon-color: var(--dark-accent);
--nav-item-color-active: var(--tag);
--bg: #3C4144;
--code-bg: var(--bg);
--embed-bg: #3F4447;
--aside-bg: var(--note);
--tag: #708dbb;
--bttn: #43B3E0;
/*#889FC3*/
--th: #373c3f;
--td: #0f0f0f33;
--hr: #3C3F43;
--table: #4C5153;
--lines: var(--table);
/*#3E4245*/
--outline: #0f0f0f40;
--highlight: rgb(255, 255, 255, 0.1);
--hvr: rgba(45, 170, 219, 0.3);
--hvr-active: rgba(45, 170, 219, 0.3);
--graph-bg: var(--note);
--graph-lines: #5D626555;
--graph-node: var(--headers);
--graph-fill: var(--folder);
--graph-404: var(--inactive);
--graph-img: var(--soft-text);
--graph-tag: var(--accent);
--graph-focused: var(--accent);
--theme-rainbow-1: var(--lite-accent);
--theme-rainbow-2: var(--tag);
--theme-rainbow-3: var(--text-faint);
--theme-rainbow-4: var(--inactive);
--theme-rainbow-5: var(--hr);
--theme-rainbow-6: var(--td);
}
.theme-light.notion, .theme-light .notion {
--scrollbar-bg: #EDECE9;
--scrollbar-thumb-bg: #D3D1CB;
--text-on-accent: white;
--outer-bar: #F1F1EF;
--dark-sidebar: var(--side-bar);
--side-bar: #F7F6F3;
--note: #FFFFFF;
--note-rgb: 247, 246, 243;
--accent-color: 67, 179, 224;
--accent: #43B3E0;
--lite-accent: var(--bttn);
--dark-accent: var(--accent);
--accent2: var(--soft-text);
--accent2-lite: #2EA1CF;
--deep-dark-accent: var(--outer-bar);
--headers: var(--text);
--text: #37352f;
/*#8D8C89*/
--inactive: #CFCECD;
--soft-text: #82817C;
--code-text: var(--text);
--i-at: var(--bttn);
--footnote: #A09E9A;
--file-icon-color: #69685f;
--folder: var(--text);
--folder-open: var(--bttn);
--th: var(--side-bar);
--table-header-color: var(--text);
--td: #37352F10;
--bg: #EDECE9;
--code-bg: #f7f6f3;
--embed-bg: #F1F1EF;
--aside-bg: var(--note);
--tag: var(--bttn);
--bttn: #43B3E0;
--table:#e9e9e7;
--hr: rgba(55, 53, 47, 0.1);
--lines: var(--hr);
--outline: #0f0f0f15;
--graph-bg: var(--note);
--graph-lines: #CFCECD55;
--graph-node: var(--soft-text);
--graph-fill: var(--folder);
--graph-404: var(--file-icon-color);
--graph-img: #000;
--graph-tag: var(--accent);
--graph-focused: var(--accent);
--highlight: rgba(55, 53, 47, 0.078);
--hvr: rgba(45, 170, 219, 0.2);
--hvr-active: rgba(45, 170, 219, 0.3);
--theme-rainbow-1: var(--lite-accent);
--theme-rainbow-2: var(--text-faint);
--theme-rainbow-3: var(--text);
--theme-rainbow-4: var(--soft-text);
--theme-rainbow-5: var(--footnote);
--theme-rainbow-6: var(--inactive);
}
/*----Theme: School Days----*/
.s-d.s-d {
/*FONTS*/
--font: /*'Recursive Sans Casual Static',*/ "Recursive Sans Linear Static Black", "RocknRoll One Regular", var(--font-default);
--vault-font: "CollegiateBlackFLF", "Jersey M54", var(--font-default);
--vault-name-font-weight: 100;
--font-monospace: "Recursive Mono Linear Static Medium", var(--font-default);
--solve-font: "Recursive Sans Linear Static Regular", var(--font-default);
--inline-title-font: var(--vault-font);
--inline-title-color: var(--accent2);
--inline-title-weight: 500;
--hr-icon-symbol: "";
--hr-icon-font: var(--mdi);
--bullet: "";
--bullet-font: var(--mdi);
background: var(--note);
}
.theme-dark.s-d, .theme-dark .s-d {
--outer-bar: #0e0f15;
--dark-sidebar: #10161d;
--side-bar: var(--note);
--accent: #485b76;
--lite-accent: #d0913d;
--dark-accent: #2b3550;
--deep-dark-accent: #212731;
--accent2: var(--lite-accent);
--headers: #4378c1;
--text: #dcddde;
--soft-text: #aab3ca;
--code-text: #e6a210;
--i-at: var(--lite-accent);
--inactive: #586477;
--folder: var(--headers);
--folder-open: var(--lite-accent);
--fg: white;
--bg: #232a34;
--code-bg: #232831;
--embed-bg: #12151a;
--tag: #273346;
--th: var(--dark-accent);
--table: #2f3440;
--hr: #414b5c;
--latex-color: #b2cfff;
--latex-format-color: #61afef;
--latex-syntax-color: #ebbd3e;
--header-solve: #c7c7c7;
--answer: darkseagreen;
--answer-bg: #293c33;
--highlight: rgba(86, 128, 226, 0.4);
--hvr-active: rgba(255, 183, 0, 0.4);
--hvr: rgba(65, 82, 119, 0.31);
--theme-rainbow-1: var(--accent2);
--theme-rainbow-2: var(--headers);
--theme-rainbow-3: var(--accent);
--theme-rainbow-4: var(--dark-accent);
--theme-rainbow-5: var(--tag);
--theme-rainbow-6: var(--deep-dark-accent);
}
.theme-light.s-d, .theme-light .s-d.s-d {
/*--DEFAULT VARIABLES--*/
--outer-bar: #e3f0fd;
--dark-sidebar: var(--embed-bg);
--side-bar: var(--note);
--accent-color: 109, 153, 212;
--accent: #6d99d4;
--lite-accent: #e6af66;
--dark-accent: #4382c1;
--deep-dark-accent: #6c8bb4;
--accent2: var(--lite-accent);
--headers: #4382c1;
--text: #697580;
--soft-text: #6f8fd8;
--code-text: #ebab16;
--i-at: var(--th);
--inactive: #91a3c1;
--folder-open: var(--lite-accent);
--folder: var(--headers);
--fg: #025d9f;
--bg: #e1e6ed;
--embed-bg: #f1f5ff;
--tag: #5685c6;
--th: #b48c55;
--table: #c9ced9;
--hr: #d6deea;
--latex-color: #5895fa;
--latex-format-color: #9ed3ff;
--latex-syntax-color: #fdaf00;
--header-solve: #a87643;
--answer: #4f904f;
--answer-bg: #dbe8e2;
--highlight: rgba(118, 186, 253, 0.4);
--hvr-active: rgba(255, 166, 0, 0.4);
--hvr: rgba(149, 192, 229, 0.37);
--graph-bg: var(--note);
--graph-lines: #ecedf8;
--graph-node: var(--headers);
--graph-fill: #2e5db2;
--graph-404: #727e93;
--graph-img: #4c78cc;
--graph-tag: #000000;
--graph-focused: var(--lite-accent);
--theme-rainbow-1: var(--accent2);
--theme-rainbow-2: var(--fg);
--theme-rainbow-3: var(--headers);
--theme-rainbow-4: var(--accent);
--theme-rainbow-5: var(--th);
--theme-rainbow-6: var(--graph-404);
}
/*--Solve Page--*/
/*Header*/
.s-d.s-d.solve, .s-d.s-d .solve {
--headers: var(--header-solve);
--h3-font: var(--solve-font);
--h4-font: var(--solve-font);
--h5-font: var(--solve-font);
--h6-font: var(--solve-font);
}
.s-d.s-d.solve th, .s-d.s-d.solve td:nth-child(1), .s-d.s-d .solve th, .s-d.s-d .solve td:nth-child(1) {
background-color: var(--outer-bar);
}
.s-d.s-d.solve td mark, .s-d.s-d .solve td mark {
color: var(--answer);
background-color: var(--answer-bg);
font-weight: 600;
padding: 2px;
}
.s-d.s-d.solve tr, .s-d.s-d .solve tr {
width: 10% !important;
}
/*----Theme: Tangerine Dunes----*/
.t-d {
--hr-sym: "";
--hr-f: var(--mdi);
--header-weight: 500;
background: var(--note);
}
.theme-dark.t-d, .theme-dark .t-d {
--outer-bar: #0b0f13;
--side-bar: var(--note);
--note: #1a1e24;
--accent-color: 223, 123, 65;
--accent: #DF7B41;
--lite-accent: #C48A69;
--dark-accent: #c66c39;
--deep-dark-accent: #62250F;
--accent2: #8F3F2B;
--accent2-lite: #E57858;
--headers: #DF7B41;
--text: #bccad8;
--code-text: #FA8A45;
--i-at: #BF7F5E;
--folder-open: #D8AF97;
--file-icon-color: #8F3F2B;
--tag: var(--th);
--th: #a66038;
--td: rgba(12,9,6,0.38);
--table: #463228;
--hr: #744F3C;
--highlight: rgba(148, 87, 49, 0.575);
--hvr: rgba(253,162,115,0.25);
--hvr-active: rgba(236, 110, 52, 0.3);
--theme-rainbow-1: var(--i-at);
--theme-rainbow-2: var(--headers);
--theme-rainbow-3: var(--accent2);
--theme-rainbow-4: var(--tag);
--theme-rainbow-5: var(--table);
--theme-rainbow-6: var(--dark-sidebar);
}
.theme-light.t-d, .theme-light .t-d {
--outer-bar: #eef3fd;
--side-bar: var(--note);
--note: #f8fbff;
--accent-color: 232, 175, 142;
--accent: #E8AF8E;
--lite-accent: #C48A69;
--accent2: #A9523C;
--accent2-lite: #E57858;
--dark-accent: #dc8a67;
--deep-dark-accent: #7B4430;
--headers: #E19363;
--text: #697580;
--soft-text: #CF9870;
--code-text: #EA7542;
--i-at: #C16E43;
--folder-open: #EDB595;
--folder: #BA5D4B;
--fg: #91542E;
--tag: #e48751;
--table: #CCD6EB;
--hr: #CFC2BB;
--th: var(--dark-accent);
--highlight: rgba(255, 158, 89, 0.4);
--hvr: rgba(253,157,115,0.25);
--hvr-active: rgba(255, 158, 89, 0.4);
--theme-rainbow-1: var(--headers);
--theme-rainbow-2: var(--soft-text);
--theme-rainbow-3: var(--i-at);
--theme-rainbow-4: var(--file-icon-color);
--theme-rainbow-5: var(--tag);
--theme-rainbow-6: var(--file-icon-color);
}
.nord {
--hr-icon-symbol: "";
--hr-icon-font: var(--mdi);
background: var(--note);
}
.theme-dark.nord, .theme-dark .nord.nord {
--outer-bar: #242933;
--dark-sidebar: #3B4252;
--side-bar: var(--outer-bar);
--note: #2E3440;
--note-rgb: 46, 52, 64;
--accent-color: 94, 129, 172;
--accent: #5E81AC;
--lite-accent: #5E81AC;
--dark-accent: #4C566A;
--deep-dark-accent: var(--outer-bar);
--accent2: #81A1C1;
--accent2-lite: #88C0D0;
--headers: #88C0D0;
--text: #ECEFF4;
--code-text: #81A1C1;
--i-at: #81A1C1;
--tag-text: var(--folder);
--folder: #A3BE8C;
--folder-open: #3c9ba8;
--nav-item-color: var(--soft-text);
--bg: #3B4252;
--code-bg: var(--dark-sidebar);
--embed-bg: #1d2129;
--aside-bg: #242933;
--tag: var(--dark-accent);
--table: #434C5E;
--hr: var(--table);
--lines: #4C566A;
--graph-bg: var(--outer-bar);
--graph-lines: var(--lines);
--graph-node: var(--fg);
--graph-fill: var(--headers);
--graph-img: var(--folder);
--graph-tag: var(--headers);
--highlight: rgba(60, 159, 168, 0.4);
--hvr: rgba(81, 120, 138, 0.48);
--hvr-active: rgba(136, 192, 208, 0.565);
--theme-rainbow-1: #BF616A;
--theme-rainbow-2: #D08770;
--theme-rainbow-3: #A5916A;
--theme-rainbow-4: #88A073;
--theme-rainbow-5: #A48EAD;
--theme-rainbow-6: #29395a;
--rainbow-1: var(--theme-rainbow-1);
--rainbow-2: var(--theme-rainbow-2);
--rainbow-3: var(--theme-rainbow-3);
--rainbow-4: var(--theme-rainbow-4);
--rainbow-5: var(--theme-rainbow-5);
--rainbow-6: var(--theme-rainbow-6);
}
.theme-light.nord, .theme-light .nord {
--outer-bar: #E5E9F0;
--dark-sidebar: #dde2ec;
--side-bar: var(--outer-bar);
--note: #FBFBFC;
--accent-color: 143, 188, 187;
--accent: #5E81AC;
--lite-accent: #3c66a8;
--dark-accent: #29395a;
--deep-dark-accent: #4C566A;
--accent2: #81A1C1;
--accent2-lite: #8FBCBB;
--headers: #88C0D0;
--text: #4C566A;
--soft-text: #7e8dac;
--code-text: #81A1C1;
--i-at: #81A1C1;
--inactive: var(--soft-text);
--tag-text: var(--accent2-lite);
--folder: var(--headers);
--nav-item-color: var(--soft-text);
--folder-open: #4C566A;
--bg: #bdcce6;
--code-bg: #ECEFF4;
--aside-bg: #D8DEE9;
--embed-bg: var(--code-bg);
--tag: var(--accent);
--table: var(--lines);
--hr: #D8DEE9;
--lines: #b5c1d4;
--graph-bg: var(--outer-bar);
--graph-lines: var(--lines);
--graph-node: var(--deep-dark-accent);
--graph-fill: var(--fg);
--graph-img: var(--sphd-ed-2);
--graph-tag: var(--headers);
--highlight: rgba(97, 148, 231, 0.3);
--hvr: rgba(119, 235, 210, 0.4);
--hvr-active: rgba(92, 207, 228, 0.25);
--theme-rainbow-1: #BF616A;
--theme-rainbow-2: #D08770;
--theme-rainbow-3: #A5916A;
--theme-rainbow-4: #88A073;
--theme-rainbow-5: #A48EAD;
--theme-rainbow-6: var(--soft-text);
--rainbow-1: var(--theme-rainbow-1);
--rainbow-2: var(--theme-rainbow-2);
--rainbow-3: var(--theme-rainbow-3);
--rainbow-4: var(--theme-rainbow-4);
--rainbow-5: var(--theme-rainbow-5);
--rainbow-6: var(--theme-rainbow-6);
}
.advt {
--font: "Quicksand";
--f-w-h: 900;
--link-f: var(--font);
--f-w-l: 700;
--f-w-tag: 600;
}
.theme-dark.advt,
.theme-dark .advt {
background: var(--note);
color: var(--text);
--background-primary: var(--note);
--background-primary-alt: var(--deep-dark-accent);
--background-secondary: var(--side-bar);
--background-secondary-alt: var(--outer-bar);
--background-modifier-border: var(--table);
--background-modifier-form-field-highlighted: rgba(254, 160, 71, 0.427);
--text-selection: rgba(241, 173, 105, 0.25);
--text-highlight-bg-active: rgba(255, 187, 124, 0.4);
--text-normal: var(--text);
--text-muted: var(--soft-text);
--text-accent: var(--accent2-lite);
--text-accent-hover: var(--accent2);
--interactive-normal: var(--outer-bar);
--interactive-hover: var(--embed-bg);
--interactive-accent: var(--accent);
--interactive-accent-hover: var(--dark-accent);
--scrollbar-bg: var(--bg);
--scrollbar-thumb-bg: var(--tag);
--text-faint: #886b5e;
--adcs: #7bad88;
/*#6eca85*/
--adcs-2: #614d3e;
/*#5c3e2a*/
--adcs-3: #fc9c42;
/*#f54d4d*/
--adcs-hr: #8f3434;
/*#c06714*/
--note: #392f2b;
--outer-bar: #292321;
--side-bar: var(--note);
--code-bg: var(--aside-bg);
--dark-sidebar: #1d1714;
--headers: #7bad88;
--th: #63816d;
--accent: #ad4646;
--tag: #8f3434;
--accent2-lite: #e39b59;
--accent2: var(--hr);
--bttn: #964242;
--dark-accent: #0f0c0b;
--bg: var(--hr);
--table: var(--hr);
--hr: #614d3e;
--inactive: var(--hr);
--td: #29232170;
--outline: #100c0b;
--footnote: #886b5e;
--soft-text: #a78a7d;
--code-text: #fc9c42;
--embed-bg: var(--outer-bar);
--aside-bg: #312824;
--scrollbar-bg: #292321;
--scrollbar-thumb-bg: var(--hr);
--indentation-guide: var(--table);
--indentation-guide-active: var(--accent);
}
.theme-light.advt,
.theme-light .advt {
--background-primary: var(--note);
--background-modifier-form-field-highlighted: rgba(249, 133, 25, 0.295);
--text-selection: rgba(241, 173, 105, 0.25);
--text-highlight-bg-active: rgba(255, 187, 124, 0.4);
--text-normal: var(--text);
--text-faint: var(--soft-text);
--text-muted: var(--soft-text);
--text-accent: var(--accent2-lite);
--text-accent-hover: var(--accent2);
--interactive-normal: var(--outer-bar);
--interactive-hover: var(--embed-bg);
--interactive-accent: var(--accent);
--interactive-accent-hover: var(--dark-accent);
background: var(--note);
color: var(--text);
--adcs: #6eca85;
--adcs-2: #83644f;
--adcs-3: #fc9637;
--adcs-hr: #f54d4d;
--note: #6e5849;
--outer-bar: #503d35;
--outline: #4e3a31;
--embed-bg: #58433a;
--bg: #796258;
--dark-sidebar: #46342e;
--aside-bg: #614d3f;
--code-bg: #624a40;
--accent: #6eca85;
--lite-accent: #f0db9e;
--accent2: #bf5e5e;
--dark-accent: #5d4738;
--bttn: #c5864b;
--table: #5e463d;
--lines: #a87d68;
--text: #eeeae8;
--soft-text: #c0a195;
--headers: #aadb7f;
--code-text: var(--headers);
--accent2-lite: #ffb765;
--footnote: #9c796b;
--inactive: var(--footnote);
--file-icon-color: #ad8271;
--file-icon-color: var(--text);
--i-at: #f7d26b;
--td: #49383170;
--th: #739258;
--hr: var(--table);
--scrollbar-bg: #9d755580;
--scrollbar-thumb-bg: var(--accent);
--indentation-guide: var(--lines);
--indentation-guide-active: var(--accent);
--ch-class: #fc9637;
--ch-delimiter: var(--lines);
--ch-num: var(--accent);
--ch-keyword: var(--lite-accent);
--ch-string: var(--headers);
}
.theme-dark.accent-color,
.theme-dark .accent-color {
--accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));
--lite-accent: hsl(var(--accent-h), var(--accent-s), 70%);
--dark-accent: hsl(var(--accent-h), var(--accent-s), 30%);
--deep-dark-accent: hsl(var(--accent-h), 20%, 10%);
--accent2: hsl(var(--accent-h), var(--accent-s), 50%);
--accent2-lite: hsl(var(--accent-h), 50%, 70%);
--headers: hsl(var(--accent-h), var(--accent-s), 50%);
--soft-text: hsl(var(--accent-h), 20%, 55%);
--faint-text: hsl(var(--accent-h), 20%, 45%);
--code-text: hsl(var(--accent-h), var(--accent-s), 60%);
--inactive: hsla(var(--accent-h), var(--accent-s), 75%, 40%);
--tag-text: var(--headers);
--folder: var(--accent);
--folder-open: var(--lite-accent);
--file-icon-color: hsl(var(--accent-h), 20%, 30%);
--bg: hsl(var(--accent-h), 0%, 17%);
--code-bg: hsl(var(--accent-h), 20%, 15%);
--dark-sidebar: hsl(var(--accent-h), 20%, 7%);
--outer-bar: hsl(var(--accent-h), 10%, 5%);
--note: hsl(var(--accent-h), 0%, 10%);
--table: hsl(var(--accent-h), 20%, 24%);
--hr: hsl(var(--accent-h), 20%, 25%);
--hr-icon-color: var(--accent2);
--lines: hsl(var(--accent-h), 20%, 25%);
--highlight: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 30%);
--hvr: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 40%);
--hvr-active: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 30%);
--theme-rainbow-1: hsl(var(--accent-h), var(--accent-s), 60%);
--theme-rainbow-2: hsl(var(--accent-h), var(--accent-s), 50%);
--theme-rainbow-3: hsl(var(--accent-h), var(--accent-s), 30%);
--theme-rainbow-4: hsl(var(--accent-h), var(--accent-s), 20%);
--theme-rainbow-5: hsl(var(--accent-h), var(--accent-s), 10%);
--theme-rainbow-6: hsl(var(--accent-h), var(--accent-s), 5%);
}
.theme-light.accent-color,
.theme-light .accent-color {
--accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));
--lite-accent: hsl(var(--accent-h), var(--accent-s), 50%);
--dark-accent: hsl(var(--accent-h), var(--accent-s), 40%);
--deep-dark-accent: hsl(var(--accent-h), 20%, 10%);
--accent2: hsl(var(--accent-h), var(--accent-s), 50%);
--accent2-lite: hsl(var(--accent-h), var(--accent-s), 70%);
--headers: hsl(var(--accent-h), var(--accent-s), 50%);
--soft-text: hsl(var(--accent-h), 20%, 55%);
--faint-text: hsl(var(--accent-h), 20%, 45%);
--code-text: hsl(var(--accent-h), var(--accent-s), 50%);
--inactive: hsla(var(--accent-h), var(--accent-s), 80%);
--tag-text: var(--headers);
--folder: var(--accent);
--folder-open: var(--lite-accent);
--file-icon-color: hsl(var(--accent-h), 20%, 30%);
--bg: hsl(var(--accent-h), var(--accent-s), 85%);
--code-bg: hsl(var(--accent-h), var(--accent-s), 90%);
--dark-sidebar: hsl(var(--accent-h), 10%, 90%);
--outer-bar: hsl(var(--accent-h), 10%, 92%);
--note: hsl(var(--accent-h), 0%, 94%);
--td: hsla(var(--accent-h), var(--accent-s), 50%, 10%);
--table: hsl(var(--accent-h), 20%, 80%);
--hr: hsl(var(--accent-h), 20%, 85%);
--hr-icon-color: var(--accent2);
--lines: hsl(var(--accent-h), 20%, 80%);
--outline: hsla(var(--accent-h), var(--accent-s), 80%);
--highlight: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 20%);
--hvr: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 30%);
--hvr-active: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 50%);
--theme-rainbow-1: hsl(var(--accent-h), var(--accent-s), 60%);
--theme-rainbow-2: hsl(var(--accent-h), var(--accent-s), 50%);
--theme-rainbow-3: hsl(var(--accent-h), var(--accent-s), 30%);
--theme-rainbow-4: hsl(var(--accent-h), var(--accent-s), 20%);
--theme-rainbow-5: hsl(var(--accent-h), var(--accent-s), 10%);
--theme-rainbow-6: hsl(var(--accent-h), var(--accent-s), 0%);
}
.its.its {
--font-default: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei Light", sans-serif;
--font-monospace: "Fira Code", "Fira Code Medium", "Source Code Pro", monospace;
--hr-icon-symbol: "";
--hr-icon-font: var(--its);
}
.theme-dark.its, .theme-dark .its {
--deep-dark-accent: #3f1010;
--dark-accent: #652121;
--lite-accent: #c94d4d;
--accent: #863737;
--accent2: #42536e;
--accent2-lite: #61afef;
--accent-color: 134, 55, 55;
--side-bar: var(--note);
--side-bar-bg: var(--outer-bar);
--outer-bar: #0b0f13;
--dark-sidebar: #0d1014;
--bttn: var(--dark-accent);
--input-bg: rgba(0, 0, 0, 0.3);
--hvr: rgba(168, 60, 60, 0.4);
--hvr2: var(--highlight);
--hvr-active: rgba(212, 47, 47, 0.4);
--highlight: #7a141466;
--bg: #252c36;
--fg: #cfd7dd;
--success-bg: #32603e;
--failure-bg: #772d2d;
--inactive: #586477;
--outline: var(--outer-bar);
--folder: var(--accent);
--folder-open: #e05858;
--file-icon-color: #586477;
--file-icon-color: var(--inactive);
--lines: var(--hr);
--note: #1a1e24;
--note-rgb: 26, 30, 36;
--text: #bccad8;
--headers: #c14343;
--soft-text: #97a1b9;
--faint-text: #4e5b6f;
--code-text: #fa4545;
--footnote: #63778f;
--code-bg: #232831;
--embed-bg: var(--dark-sidebar);
--aside-bg: #11151d;
--th: var(--dark-accent);
--th-text: var(--text-dl);
--td: #06080c60;
--drop-shadow: #06080c60;
--tag: var(--dark-accent);
--tag-text: #d04e4e;
--table: #283345;
--hr: #2f3b4d;
--i-at: #bf5e5e;
--progress: var(--accent);
--progress-bg: var(--bg);
--graph-bg: var(--outer-bar);
--graph-lines: hsla(var(--interactive-accent-hsl), .2);
--graph-node: var(--text);
--graph-fill: var(--headers);
--graph-404: #727e93;
--graph-img: #4c78cc;
--graph-tag: var(--headers);
--graph-focused: var(--text-highlight-bg-active);
--theme-rainbow-1: #7c2929;
--theme-rainbow-2: #652121;
--theme-rainbow-3: #471d1d;
--theme-rainbow-4: #381919;
--theme-rainbow-5: #424c61;
--theme-rainbow-6: #2e333d;
}
.theme-light.its, .theme-light .its {
--deep-dark-accent: #2f1010;
--dark-accent: #c35c5c;
--lite-accent: #cd2626;
--accent: #912e2e;
--accent2: #aac1d3;
--accent2-lite: #5599d0;
--side-bar: var(--note);
--side-bar-bg: var(--outer-bar);
--outer-bar: #eef3fd;
--dark-sidebar: #f1f5ff;
--bttn: var(--headers);
--input-bg: var(--td);
--hvr: rgba(255, 0, 0, 0.212);
--hvr2: var(--highlight);
--hvr-active:rgba(253, 115, 115, 0.4);
--highlight: rgba(229, 149, 149, 0.37);
--bg: #e1e9f6;
--fg: var(--accent);
--success-bg: #599049;
--failure-bg: #772d2d;
--inactive: #a6bbde;
--outline: var(--bg);
--folder: var(--accent);
--file-icon-color: #7e8ea3;
--file-icon-color: var(--inactive);
--folder-open: #ce6d6d;
--lines: #b5c2d8;
--icons: #d04e4e;
--note: #f8fbff;
--note-rgb: 248, 251, 255;
--text: #30353a;
--headers: #c14343;
--faint-text: #4e5b6f;
--soft-text: #697580;
--code-text: #ea4262;
--footnote: #8996a0;
--code-bg: var(--embed-bg);
--embed-bg: var(--dark-sidebar);
--aside-bg: var(--dark-sidebar);
--th: var(--headers);
--th-text: var(--text-dl);
--td: #d0ddef62;
--drop-shadow: #d0ddef62;
--tag: #c65656;
--tag-text: var(--lite-accent);
--table: #ccd6eb;
--hr: #d6deea;
--i-at: var(--folder);
--progress: var(--accent);
--progress-bg: var(--bg);
--graph-bg: var(--note);
--graph-lines: #e4e7f8;
--graph-node: var(--headers);
--graph-fill: var(--folder);
--graph-404: #727e93;
--graph-img: #4c78cc;
--graph-tag: #000000;
--graph-focused: var(--text-highlight-bg-active);
--theme-rainbow-1: #bb5555;
--theme-rainbow-2: #a53f3f;
--theme-rainbow-3: #862c2c;
--theme-rainbow-4: #662828;
--theme-rainbow-5: #697795;
--theme-rainbow-6: #a4aec2;
}
.slrvb-g,
.slrvb-b,
.wotc-beyond,
.dnd,
.pathfinder,
.pathfinder-remaster,
.notion,
.drwn,
.its-d,
.mini,
.nebula,
.s-d,
.t-d,
.nord,
.accent-color,
.its {
--h1-font: var(--font);
--h2-font: var(--font);
--h3-font: var(--font);
--h4-font: var(--font);
--h5-font: var(--font);
--h6-font: var(--font);
--h1-weight: var(--header-weight);
--h2-weight: var(--header-weight);
--h3-weight: var(--header-weight);
--h4-weight: var(--header-weight);
--h5-weight: var(--header-weight);
--h6-weight: var(--header-weight);
--h1-color: var(--headers);
--h2-color: var(--headers);
--h3-color: var(--headers);
--h4-color: var(--headers);
--h5-color: var(--headers);
--h6-color: var(--headers);
--illusion-h1-background: var(--theme-rainbow-1);
--illusion-h2-background: var(--theme-rainbow-2);
--illusion-h3-background: var(--theme-rainbow-3);
--illusion-h4-background: var(--theme-rainbow-4);
--illusion-h5-background: var(--theme-rainbow-5);
--illusion-h6-background: var(--theme-rainbow-6);
--h1-border-line-height: var(--header-border-line-height);
--h2-border-line-height: var(--header-border-line-height);
--h3-border-line-height: var(--header-border-line-height);
--h4-border-line-height: var(--header-border-line-height);
--h5-border-line-height: var(--header-border-line-height);
--h6-border-line-height: var(--header-border-line-height);
--header-border-line-color: var(--table);
--h1-border-line-color: var(--header-border-line-color);
--h2-border-line-color: var(--header-border-line-color);
--h3-border-line-color: var(--header-border-line-color);
--h4-border-line-color: var(--header-border-line-color);
--h5-border-line-color: var(--header-border-line-color);
--h6-border-line-color: var(--header-border-line-color);
--h1-border-left-color: var(--h1-border-line-color);
--h2-border-left-color: var(--h2-border-line-color);
--h3-border-left-color: var(--h3-border-line-color);
--h4-border-left-color: var(--h4-border-line-color);
--h5-border-left-color: var(--h5-border-line-color);
--h6-border-left-color: var(--h6-border-line-color);
--h1-border-right-color: var(--h1-border-line-color);
--h2-border-right-color: var(--h2-border-line-color);
--h3-border-right-color: var(--h3-border-line-color);
--h4-border-right-color: var(--h4-border-line-color);
--h5-border-right-color: var(--h5-border-line-color);
--h6-border-right-color: var(--h6-border-line-color);
--font-print-override: var(--font-default);
--icon-color: var(--soft-text);
--metadata-icon-color: var(--icon-color);
--metadata-button-text-color: var(--inactive);
--inline-title-color: var(--headers);
--inline-title-font: var(--h1-font);
--inline-title-weight: var(--h1-weight);
--link-color: var(--accent2-lite);
--link-color-hover: var(--lite-accent);
--link-external-color: var(--text-accent);
--link-external-color-hover: var(--text-accent-hover);
--link-unresolved-color: var(--inactive);
--embed-border-left-color: var(--headers);
--embed-border-color-hover: var(--outline);
--embed-border-left-color-hover: var(--embed-border-left-color);
--embed-border-right-color-hover: var(--embed-border-color-hover);
--embed-border-top-color-hover: var(--embed-border-color-hover);
--embed-border-bottom-color-hover: var(--embed-border-color-hover);
--code-normal: var(--code-text);
--code-background: var(--code-bg);
--checkbox-color: var(--accent);
--checkbox-border-color: var(--accent);
--checkbox-color-hover: var(--dark-accent);
--lines: var(--hr);
--indentation-guide-color: var(--lines);
--indentation-guide-color-active: var(--accent);
--list-color-1: var(--indentation-guide-color);
--list-color-2: var(--indentation-guide-color);
--list-color-3: var(--indentation-guide-color);
--list-color-4: var(--indentation-guide-color);
--list-color-5: var(--indentation-guide-color);
--list-color-6: var(--indentation-guide-color);
--list-marker-color: var(--accent);
--list-numbered-color: var(--lite-accent);
--th: var(--dark-accent);
--table-header-background: var(--th);
--table-header-background-hover: var(--accent);
--table-column-alt-background: var(--td);
--table-row-alt-background: var(--td);
--table-row-background-hover: var(--highlight);
--table-border-color: var(--note);
--dataview-th-count-color: var(--dataview-th-color);
--dataview-th-background: var(--outer-bar);
--dataview-th-alt-color: rgba(var(--accent-color), 10%);
--dataview-th-color: var(--headers);
--dataview-th-border-bottom: 2px solid var(--headers);
--tag: var(--dark-accent);
--tag-background: var(--tag);
--tag-background-hover: var(--accent);
--tag-border-color: var(--tag);
--tag-border-color-hover: var(--accent);
--embed-border-left: 2px solid var(--headers);
--embed-border-start: 2px solid var(--interactive-accent);
--hr-color: var(--hr);
--hr-icon-color: var(--headers);
--hr-icon-background: var(--note);
--blockquote-border-color: var(--bg);
--blockquote-background-color: var(--embed-bg);
--folder: var(--headers);
--nav-item-background-hover: var(--dark-accent);
--sidebar-tab-background-color-hover: var(--accent);
--latex-color: var(--lite-accent);
--latex-format-color: var(--inactive);
--latex-syntax-color: var(--soft-text);
--i-at: var(--soft-text);
background-color: var(--background-primary);
--background-primary: var(--note);
--background-primary-alt: var(--deep-dark-accent);
--background-secondary: var(--side-bar);
--background-secondary-alt: var(--outer-bar);
--background-modifier-border: var(--table);
--background-modifier-border-hover: var(--bg);
--background-modifier-hover: var(--hvr-active);
--background-modifier-form-field: var(--td);
--text-highlight-bg: var(--hvr);
--text-highlight-bg-active: var(--hvr-active);
--text-selection: var(--highlight);
--text-normal: var(--text);
--text-muted: var(--soft-text);
--text-accent: var(--accent2-lite);
--text-accent-hover: var(--accent2);
--interactive-normal: var(--outer-bar);
--interactive-hover: var(--inactive);
--interactive-accent: var(--dark-accent);
--interactive-accent-hover: var(--inactive);
--scrollbar-bg: var(--bg);
--scrollbar-thumb-bg: var(--tag);
--graph-bg: var(--note);
--graph-lines: var(--highlight);
--graph-node: var(--text);
--graph-fill: var(--lite-accent);
--graph-404: var(--inactive);
--graph-img: var(--accent2);
--graph-tag: var(--dark-accent);
--graph-focused: var(--accent2-lite);
--scrollbar-track-bg: var(--note);
--shadow-s: 2px 2px 0 var(--outline);
--shadow-m: 3px 3px 0 var(--outline);
--shadow-ml: 4px 4px 0 var(--outline);
--shadow-l: 5px 5px 0 var(--outline);
--box-border-s: 1px solid var(--outline);
--box-border: 2px solid var(--outline);
--box-border-m: 3px solid var(--outline);
--input-shadow: var(--shadow-s);
--input-shadow-hover: var(--shadow-m);
--embed-block-shadow-hover: var(--input-shadow);
--kanban-card-border: var(--box-border);
--kanban-card-title-border: 0 1px 0 var(--outline);
--kanban-card-text-color: var(--text-normal);
}
Reference in New Issue Copy Permalink