triston-notes/.obsidian/themes/Minimal/theme.css

1994 lines
241 KiB
CSS
Raw Normal View History

2023-10-21 23:52:54 +00:00
/* ---------------------------------------------------------------------------
Minimal Theme by @kepano
User interface replacement for Obsidian.
Designed to be used with the Minimal Theme Settings
plugin and the Hider plugin.
Sponsor my work:
https://www.buymeacoffee.com/kepano
Readme:
https://github.com/kepano/obsidian-minimal
-----------------------------------------------------------------------------
MIT License
Copyright (c) 2020-2023 Stephan Ango (@kepano)
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
*/
body{--font-text-theme:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Ubuntu,sans-serif;--font-editor-theme:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Ubuntu,sans-serif;--font-monospace-theme:Menlo,SFMono-Regular,Consolas,"Roboto Mono",monospace;--font-interface-theme:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Ubuntu,sans-serif;--font-editor:var(--font-editor-override),var(--font-text-override),var(--font-editor-theme)}body{--blockquote-style:normal;--blockquote-color:var(--text-muted);--blockquote-border-thickness:1px;--blockquote-border-color:var(--quote-opening-modifier);--embed-block-shadow-hover:none;--font-ui-smaller:12px;--normal-weight:400;--bold-weight:600;--link-weight:inherit;--h1-size:1.125em;--h2-size:1.05em;--h3-size:1em;--h4-size:0.90em;--h5-size:0.85em;--h6-size:0.85em;--h1-weight:600;--h2-weight:600;--h3-weight:500;--h4-weight:500;--h5-weight:500;--h6-weight:400;--h1-variant:normal;--h2-variant:normal;--h3-variant:normal;--h4-variant:normal;--h5-variant:small-caps;--h6-variant:small-caps;--h1-style:normal;--h2-style:normal;--h3-style:normal;--h4-style:normal;--h5-style:normal;--h6-style:normal;--line-width:40rem;--line-height:1.5;--max-width:88%;--max-col-width:18em;--icon-muted:0.5;--border-width:1px;--nested-padding:1.1em;--folding-offset:10px;--list-edit-offset:0.5em;--list-indent:2em;--list-spacing:0.075em;--input-height:32px;--header-height:40px;--mobile-left-sidebar-width:280pt;--mobile-right-sidebar-width:240pt;--top-left-padding-y:0px;--image-muted:0.7;--spacing-p:0.75em}.mod-macos{--top-left-padding-y:24px}body{--base-h:0;--base-s:0%;--base-l:96%;--accent-h:201;--accent-s:17%;--accent-l:50%}.theme-dark,.theme-light{--color-red-rgb:208,66,85;--color-orange-rgb:213,118,63;--color-yellow-rgb:229,181,103;--color-green-rgb:168,195,115;--color-cyan-rgb:115,187,178;--color-blue-rgb:108,153,187;--color-purple-rgb:158,134,200;--color-pink-rgb:176,82,121;--color-red:#d04255;--color-orange:#d5763f;--color-yellow:#e5b567;--color-green:#a8c373;--color-cyan:#73bbb2;--color-blue:#6c99bb;--color-purple:#9e86c8;--color-pink:#b05279}.theme-light,.theme-light.minimal-default-light,body .excalidraw{--bg1:white;--bg2:hsl( var(--base-h), var(--base-s), var(--base-l) );--bg3:hsla( var(--base-h), var(--base-s), calc(var(--base-l) - 50%), 0.12 );--ui1:hsl( var(--base-h), var(--base-s), calc(var(--base-l) - 6%) );--ui2:hsl( var(--base-h), var(--base-s), calc(var(--base-l) - 12%) );--ui3:hsl( var(--base-h), var(--base-s), calc(var(--base-l) - 20%) );--tx1:hsl( var(--base-h), var(--base-s), calc(var(--base-l) - 90%) );--tx2:hsl( var(--base-h), calc(var(--base-s) - 20%), calc(var(--base-l) - 45%) );--tx3:hsl( var(--base-h), calc(var(--base-s) - 10%), calc(var(--base-l) - 25%) );--tx4:hsl( var(--base-h), calc(var(--base-s) - 10%), calc(var(--base-l) - 60%) );--ax1:hsl( var(--accent-h), var(--accent-s), var(--accent-l) );--ax2:hsl( var(--accent-h), var(--accent-s), calc(var(--accent-l) - 8%) );--ax3:hsl( var(--accent-h), var(--accent-s), calc(var(--accent-l) + 6%) );--hl1:hsla( var(--accent-h), 50%, calc(var(--base-l) - 20%), 30% );--hl2:rgba(255, 225, 0, 0.5);--sp1:white}.excalidraw.theme--dark,.theme-dark,.theme-dark.minimal-default-dark,.theme-light.minimal-light-contrast .titlebar,.theme-light.minimal-light-contrast.minimal-status-off .status-bar{--accent-l:60%;--base-l:15%;--bg1:hsl( var(--base-h), var(--base-s), var(--base-l) );--bg2:hsl( var(--base-h), var(--base-s), calc(var(--base-l) - 2%) );--bg3:hsla( var(--base-h), var(--base-s), calc(var(--base-l) + 40%), 0.12 );--ui1:hsl( var(--base-h), var(--base-s), calc(var(--base-l) + 6%) );--ui2:hsl( var(--base-h), var(--base-s), calc(var(--base-l) + 12%) );--ui3:hsl( var(--base-h), var(--base-s), calc(var(--base-l) + 20%) );--tx1:hsl( var(--base-h), calc(var(--base-s) - 10%), calc(var(--base-l) + 67%) );--tx2:hsl( var(--base-h), calc(var(--base-s) - 20%), calc(var(--base-l) + 45%) );--tx3:hsl( var(--base-h), calc(var(--base-s) - 10%), calc(var(--base-l) + 20%) );--tx4:hsl( var(--base-h), calc(var(--base-s) - 10%), calc(var(--base-l) +
/* Plugin compatibility */
/* @plugins
core:
- backlink
- command-palette
- daily-notes
- file-explorer
- file-recovery
- global-search
- graph
- outgoing-link
- outline
- page-preview
- publish
- random-note
- starred
- switcher
- sync
- tag-pane
- word-count
community:
- buttons
- dataview
- calendar
- obsidian-charts
- obsidian-checklist-plugin
- obsidian-codemirror-options
- obsidian-dictionary-plugin
- obsidian-embedded-note-titles
- obsidian-excalidraw-plugin
- obsidian-git
- obsidian-hider
- obsidian-hover-editor
- obsidian-kanban
- obsidian-metatable
- obsidian-minimal-settings
- obsidian-outliner
- obsidian-system-dark-mode
- obsidian-style-settings
- quickadd
- sliding-panes-obsidian
- todoist-sync-plugin
*/
/* @settings
name: Minimal
id: minimal-style
settings:
-
id: instructions
title: Welcome 👋
type: heading
level: 2
collapsed: true
description: Use the Minimal Theme Settings plugin to access hotkeys, adjust features, select fonts, and choose from preset color schemes. Use the settings below for more granular customization. Visit minimal.guide for documentation.
-
id: interface
title: Interface colors
type: heading
level: 2
collapsed: true
-
id: base
title: Base color
description: Defines all background and border colors unless overridden in more granular settings
type: variable-themed-color
format: hsl-split
default-light: '#'
default-dark: '#'
-
id: bg1
title: Primary background
description: Background color for the main window
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: bg2
title: Secondary background
description: Background color for left sidebar and menus
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: bg3
title: Active background
description: Background color for hovered buttons and currently selected file
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: ui1
title: Border color
type: variable-themed-color
description: For buttons, divider lines, and outlined elements
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: ui2
title: Highlighted border color
description: Used when hovering over buttons, dividers, and outlined elements
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: ui3
title: Active border color
description: Used when clicking buttons and outlined elements
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: accent-color
title: Accent color
type: heading
level: 2
collapsed: true
-
id: ax1
title: Accent color
type: variable-themed-color
description: Used primarily for links
format: hex
default-light: '#'
default-dark: '#'
-
id: ax2
title: Accent color (hover)
type: variable-themed-color
description: Used primarily for hovered links
format: hex
default-light: '#'
default-dark: '#'
-
id: ax3
title: Accent color interactive
type: variable-themed-color
description: Used for buttons, checklists, toggles
format: hex
default-light: '#'
default-dark: '#'
-
id: sp1
title: Text on accent
type: variable-themed-color
description: Used primarily for text on accented buttons
format: hex
default-light: '#'
default-dark: '#'
-
id: extended-palette
title: Extended colors
type: heading
level: 2
collapsed: true
-
id: color-red
title: Red
description: Extended palette colors are defaults used for progress bar status, syntax highlighting, colorful headings, and graph nodes
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: color-orange
title: Orange
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: color-yellow
title: Yellow
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: color-green
title: Green
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: color-cyan
title: Cyan
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: color-blue
title: Blue
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: color-purple
title: Purple
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: color-pink
title: Pink
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: active-line
title: Active line
type: heading
level: 2
collapsed: true
-
id: active-line-on
title: Highlight active line
description: Adds a background to current line in editor
type: class-toggle
default: false
-
id: active-line-bg
title: Active line background
description: Using a low opacity color is recommended to avoid conflicting with highlights
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: blockquotes
title: Blockquotes
type: heading
level: 2
collapsed: true
-
id: blockquote-color
title: Blockquote text color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: blockquote-background-color
title: Blockquote background color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: blockquote-border-color
title: Blockquote border color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: blockquote-border-thickness
title: Blockquote border thickness
type: variable-number-slider
format: px
default: 1
min: 0
max: 5
step: 1
-
id: blockquote-size
title: Blockquote font size
description: Accepts any CSS font-size value
type: variable-text
default: ''
-
id: blockquote-font-style
title: Blockquote font style
type: variable-select
allowEmpty: false
default: normal
options:
-
label: Normal
value: normal
-
label: Italic
value: italic
-
id: callouts
title: Callouts
type: heading
level: 2
collapsed: true
-
id: callouts-style
title: Callout style
type: class-select
allowEmpty: false
default: callouts-default
options:
-
label: Filled
value: callouts-default
-
label: Outlined
value: callouts-outlined
-
id: callout-blend-mode
title: Color blending
description: Blend the color of nested callouts
type: variable-select
allowEmpty: false
default: var(--highlight-mix-blend-mode)
options:
-
label: On
value: var(--highlight-mix-blend-mode)
-
label: Off
value: normal
-
id: canvas
title: Canvas
type: heading
level: 2
collapsed: true
-
id: canvas-dot-pattern
title: Canvas dot pattern
description: Color for background dot pattern
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: code-blocks
title: Code blocks
type: heading
level: 2
collapsed: true
-
id: code-size
title: Code font size
description: Accepts any CSS font-size value
type: variable-text
default: 13px
-
id: minimal-code-scroll
title: Scroll long lines
description: Turns off line wrap for code
type: class-toggle
default: false
-
id: code-background
title: Code background color
description: Background for code blocks
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: code-normal
title: Code text color
description: Color of code when syntax highlighting is not present
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: syntax-highlighting
title: Syntax highlighting
type: heading
level: 3
collapsed: false
-
id: code-comment
title: "Syntax: comments"
description: Syntax highlighting for comments
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: code-function
title: "Syntax: functions"
description: Syntax highlighting for functions
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: code-keyword
title: "Syntax: keywords"
description: Syntax highlighting for keywords
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: code-important
title: "Syntax: important"
description: Syntax highlighting for important text
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: code-operator
title: "Syntax: operators"
description: Syntax highlighting for operators
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: code-property
title: "Syntax: properties"
description: Syntax highlighting for properties
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: code-punctuation
title: "Syntax: punctuation"
description: Syntax highlighting for punctuation
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: code-string
title: "Syntax: strings"
description: Syntax highlighting for strings
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: code-tag
title: "Syntax: tags"
description: Syntax highlighting for tags
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: code-value
title: "Syntax: values"
description: Syntax highlighting for values
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: dataview
title: Dataview
type: heading
level: 2
collapsed: true
-
id: trim-cols
title: Trim Dataview columns
description: Disables word wrapping in table cells, and trims long text
type: class-toggle
default: true
-
id: max-col-width
title: Dataview maximum column width
description: Maximum width for Dataview columns, accepts any CSS width value
type: variable-text
default: 18em
-
id: embed-blocks
title: Embeds and transclusions
type: heading
level: 2
collapsed: true
-
id: embed-strict
title: Use strict embed style globally
description: Transclusions appear seamlessly in the flow of text. Can be enabled per file using the embed-strict helper class
type: class-toggle
default: false
-
id: embed-hide-title
title: Hide embed titles
description: Hide title of the transcluded file
type: class-toggle
default: false
-
id: embed-underline
title: Underline embedded text
description: Transcluded text is underlined. Can be enabled per file using the embed-underline helper class
type: class-toggle
default: false
-
id: embed-decoration-style
title: Embedded text underline style
type: variable-select
description: Requires underlines to be enabled
allowEmpty: true
default: solid
options:
-
label: Solid
value: solid
-
label: Dashed
value: dashed
-
label: Dotted
value: dotted
-
label: Double
value: double
-
label: Wavy
value: wavy
-
id: embed-decoration-color
title: Embedded text underline color
type: variable-themed-color
description: Requires underlines to be enabled
format: hex
default-light: '#'
default-dark: '#'
-
id: graphs
title: Graphs
type: heading
level: 2
collapsed: true
-
id: graph-line
title: Line color
description: Changing graph colors requires closing and reopening graph panes or restarting Obsidian
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: graph-node
title: Node color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: graph-node-focused
title: Active node color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: graph-node-tag
title: Tag node color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: graph-node-attachment
title: Attachment node color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: graph-node-unresolved
title: Unresolved node color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: headings
title: Headings
type: heading
level: 2
collapsed: true
-
id: level-1-headings
title: Level 1 Headings
type: heading
level: 3
collapsed: true
-
id: h1-font
title: H1 font
description: Name of the font as it appears on your system
type: variable-text
default: ''
-
id: h1-size
title: H1 font size
description: Accepts any CSS font-size value
type: variable-text
default: 1.125em
-
id: h1-weight
title: H1 font weight
type: variable-number-slider
default: 600
min: 100
max: 900
step: 100
-
id: h1-color
title: H1 text color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: h1-variant
title: H1 font variant
type: variable-select
allowEmpty: false
default: normal
options:
-
label: Normal
value: normal
-
label: Small caps
value: small-caps
-
label: All small caps
value: all-small-caps
-
id: h1-style
title: H1 font style
type: variable-select
allowEmpty: false
default: normal
options:
-
label: Normal
value: normal
-
label: Italic
value: italic
-
id: h1-l
title: H1 divider line
description: Adds a border below the heading
type: class-toggle
default: false
-
id: level-2-headings
title: Level 2 Headings
type: heading
level: 3
collapsed: true
-
id: h2-font
title: H2 font
description: Name of the font as it appears on your system
type: variable-text
default: ''
-
id: h2-size
title: H2 font size
description: Accepts any CSS font-size value
type: variable-text
default: 1em
-
id: h2-weight
title: H2 font weight
type: variable-number-slider
default: 600
min: 100
max: 900
step: 100
-
id: h2-color
title: H2 text color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: h2-variant
title: H2 font variant
type: variable-select
allowEmpty: false
default: normal
options:
-
label: Normal
value: normal
-
label: Small caps
value: small-caps
-
label: All small caps
value: all-small-caps
-
id: h2-style
title: H2 font style
type: variable-select
allowEmpty: false
default: normal
options:
-
label: Normal
value: normal
-
label: Italic
value: italic
-
id: h2-l
title: H2 divider line
description: Adds a border below the heading
type: class-toggle
default: false
-
id: level-3-headings
title: Level 3 Headings
type: heading
level: 3
collapsed: true
-
id: h3-font
title: H3 font
description: Name of the font as it appears on your system
type: variable-text
default: ''
-
id: h3-size
title: H3 font size
description: Accepts any CSS font-size value
type: variable-text
default: 1em
-
id: h3-weight
title: H3 font weight
type: variable-number-slider
default: 600
min: 100
max: 900
step: 100
-
id: h3-color
title: H3 text color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: h3-variant
title: H3 font variant
type: variable-select
allowEmpty: false
default: normal
options:
-
label: Normal
value: normal
-
label: Small caps
value: small-caps
-
label: All small caps
value: all-small-caps
-
id: h3-style
title: H3 font style
type: variable-select
allowEmpty: false
default: normal
options:
-
label: Normal
value: normal
-
label: Italic
value: italic
-
id: h3-l
title: H3 divider line
description: Adds a border below the heading
type: class-toggle
default: false
-
id: level-4-headings
title: Level 4 Headings
type: heading
level: 3
collapsed: true
-
id: h4-font
title: H4 font
description: Name of the font as it appears on your system
type: variable-text
default: ''
-
id: h4-size
title: H4 font size
description: Accepts any CSS font-size value
type: variable-text
default: 0.9em
-
id: h4-weight
title: H4 font weight
type: variable-number-slider
default: 500
min: 100
max: 900
step: 100
-
id: h4-color
title: H4 text color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: h4-variant
title: H4 font variant
type: variable-select
allowEmpty: false
default: small-caps
options:
-
label: Normal
value: normal
-
label: Small caps
value: small-caps
-
label: All small caps
value: all-small-caps
-
id: h4-style
title: H4 font style
type: variable-select
allowEmpty: false
default: normal
options:
-
label: Normal
value: normal
-
label: Italic
value: italic
-
id: h4-l
title: H4 divider line
description: Adds a border below the heading
type: class-toggle
default: false
-
id: level-5-headings
title: Level 5 Headings
type: heading
level: 3
collapsed: true
-
id: h5-font
title: H5 font
description: Name of the font as it appears on your system
type: variable-text
default: ''
-
id: h5-size
title: H5 font size
description: Accepts any CSS font-size value
type: variable-text
default: 0.85em
-
id: h5-weight
title: H5 font weight
type: variable-number-slider
default: 500
min: 100
max: 900
step: 100
-
id: h5-color
title: H5 text color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: h5-variant
title: H5 font variant
type: variable-select
allowEmpty: false
default: small-caps
options:
-
label: Normal
value: normal
-
label: Small caps
value: small-caps
-
label: All small caps
value: all-small-caps
-
id: h5-style
title: H5 font style
type: variable-select
allowEmpty: false
default: normal
options:
-
label: Normal
value: normal
-
label: Italic
value: italic
-
id: h5-l
title: H5 divider line
description: Adds a border below the heading
type: class-toggle
default: false
-
id: level-6-headings
title: Level 6 Headings
type: heading
level: 3
collapsed: true
-
id: h6-font
title: H6 font
description: Name of the font as it appears on your system
type: variable-text
default: ''
-
id: h6-size
title: H6 font size
description: Accepts any CSS font-size value
type: variable-text
default: 0.85em
-
id: h6-weight
title: H6 font weight
type: variable-number-slider
default: 400
min: 100
max: 900
step: 100
-
id: h6-color
title: H6 text color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: h6-variant
title: H6 font variant
type: variable-select
allowEmpty: false
default: small-caps
options:
-
label: Normal
value: normal
-
label: Small caps
value: small-caps
-
label: All small caps
value: all-small-caps
-
id: h6-style
title: H6 font style
type: variable-select
allowEmpty: false
default: normal
options:
-
label: Normal
value: normal
-
label: Italic
value: italic
-
id: h6-l
title: H6 divider line
type: class-toggle
description: Adds a border below the heading
default: false
-
id: icons
title: Icons
type: heading
level: 2
collapsed: true
-
id: icon-muted
title: Icon opacity (inactive)
type: variable-number-slider
default: 0.5
min: 0.25
max: 1
step: 0.05
-
id: icon-color
title: Icon color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: icon-color-hover
title: Icon color (hover)
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: icon-color-active
title: Icon color (active)
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: icon-color-focused
title: Icon color (focused)
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: images
title: Images
type: heading
level: 2
collapsed: true
-
id: image-muted
title: Image opacity in dark mode
description: Level of fading for images in dark mode. Hover over images to display at full brightness.
type: variable-number-slider
default: 0.7
min: 0.25
max: 1
step: 0.05
-
id: zoom-off
title: Disable image zoom
description: Turns off click + hold to zoom images
type: class-toggle
-
id: image-grid-fit
title: Image grid crop
description: Sets how images get cropped in a grid
type: variable-select
default: cover
options:
-
label: Crop to fit
value: cover
-
label: Show full image
value: contain
-
id: image-grid-background
title: Image grid background
description: Background of images in cells, useful when images are not cropped to fit
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: indentation-guides
title: Indentation guides
type: heading
level: 2
collapsed: true
-
id: ig-adjust-reading
title: Horizontal adjustment in reading mode
type: variable-number-slider
default: -0.65
min: -1.2
max: 0
step: 0.05
format: em
-
id: ig-adjust-edit
title: Horizontal adjustment in edit mode
type: variable-number-slider
default: -1
min: -10
max: 10
step: 1
format: px
-
id: indentation-guide-color
title: Indentation guide color
type: variable-themed-color
format: hex
opacity: true
default-light: '#'
default-dark: '#'
-
id: indentation-guide-color-active
title: Indentation guide color (active)
type: variable-themed-color
format: hex
opacity: true
default-light: '#'
default-dark: '#'
-
id: links
title: Links
type: heading
level: 2
collapsed: true
-
id: links-internal
title: Internal links
type: heading
level: 3
collapsed: true
-
id: link-color
title: Internal link color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: link-color-hover
title: Internal link color (hover)
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: link-unresolved-opacity
title: Unresolved link opacity
type: variable-number-slider
default: 0.7
min: 0.25
max: 1
step: 0.05
-
id: link-unresolved-color
title: Unresolved link color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: link-unresolved-decoration-color
title: Unresolved link underline color
type: variable-themed-color
format: hex
opacity: true
default-light: '#'
default-dark: '#'
-
id: links-external
title: External links
type: heading
level: 3
collapsed: true
-
id: link-external-color
title: External link color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: link-external-color-hover
title: External link color (hover)
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: lists
title: Lists and tasks
type: heading
level: 2
collapsed: true
-
id: checkbox-color
title: Checkbox color
description: Background color for completed tasks
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: checkbox-shape
title: Checkbox shape
type: class-select
allowEmpty: false
default: checkbox-circle
options:
-
label: Circle
value: checkbox-circle
-
label: Square
value: checkbox-square
-
id: minimal-strike-lists
title: Strike completed tasks
description: Adds strikethrough line and greyed text for completed tasks
type: class-toggle
default: false
-
id: list-spacing
title: List item spacing
description: Vertical space between list items in em units
type: variable-number-slider
default: 0.075
min: 0
max: 0.3
step: 0.005
format: em
-
id: list-indent
title: Nested list indentation
description: Horizontal space from left in em units
type: variable-number-slider
default: 2
min: 1
max: 3.5
step: 0.1
format: em
-
id: pdf
title: PDFs
type: heading
level: 2
collapsed: true
-
id: pdf-page-style
title: PDF page style
description: Borders and shadows around pages
type: class-select
allowEmpty: false
default: pdf-seamless-on
options:
-
label: Seamless
value: pdf-seamless-on
-
label: Shadows
value: pdf-shadows-on
-
id: pdf-invert-dark
title: Invert PDFs in dark mode
description: Best for working with black text on white pages
type: class-toggle
default: true
-
id: pdf-blend-light
title: Blend PDFs in light mode
description: Allow PDFs to blend into the color scheme background color
type: class-toggle
default: true
-
id: pdf-dark-opacity
title: PDF opacity in dark mode
description: Fade PDF pages in dark mode
type: variable-number-slider
default: 1
min: 0.25
max: 1
step: 0.05
-
id: sidebars
title: Sidebars
type: heading
level: 2
collapsed: true
-
id: sidebar-lines-off
title: Disable sidebar relationship lines
description: Turns off lines in file navigation
type: class-toggle
-
id: sidebar-tabs-style
title: Sidebar tab style
type: class-select
allowEmpty: false
default: sidebar-tabs-default
options:
-
label: Index round
value: sidebar-tabs-index
-
label: Index square
value: sidebar-tabs-square
-
label: Modern compact
value: sidebar-tabs-default
-
label: Modern wide
value: sidebar-tabs-wide
-
label: Underline
value: sidebar-tabs-underline
-
id: mobile-left-sidebar-width
title: Mobile left sidebar width
description: Maximum width for pinned left sidebar on mobile
type: variable-number
default: 280
format: pt
-
id: mobile-right-sidebar-width
title: Mobile right sidebar width
description: Maximum width for pinned right sidebar on mobile
type: variable-number
default: 240
format: pt
-
id: tables
title: Tables
type: heading
level: 2
collapsed: true
-
id: table-text-size
title: Table font size
description: All of the following settings apply to all tables globally. To turn on these features on a per-note basis use helper classes. See documentation.
type: variable-text
default: 1em
-
id: maximize-tables-off
title: Maximize table width (beta)
description: Tables fill the width of the line
type: class-select
allowEmpty: false
default: maximize-tables
options:
-
label: Always
value: maximize-tables
-
label: Automatic
value: maximize-tables-auto
-
label: Never
value: maximize-tables-off
-
id: row-lines
title: Row lines
description: Display borders between table rows globally
type: class-toggle
default: false
-
id: col-lines
title: Column lines
description: Display borders between table columns globally
type: class-toggle
default: false
-
id: table-lines
title: Cell lines
description: Display borders around all table cells globally
type: class-toggle
default: false
-
id: row-alt
title: Striped rows
description: Display striped background in alternating table rows globally
type: class-toggle
default: false
-
id: col-alt
title: Striped columns
description: Display striped background in alternating table columns globally
type: class-toggle
default: false
-
id: table-tabular
title: Tabular figures
description: Use fixed width numbers in tables globally
type: class-toggle
default: false
-
id: table-numbers
title: Row numbers
description: Display row numbers in tables globally
type: class-toggle
default: false
-
id: table-nowrap
title: Disable line wrap
description: Turn off line wrapping in table cells globally
type: class-toggle
default: false
-
id: row-hover
title: Highlight active row
description: Highlight rows on hover
type: class-toggle
default: false
-
id: table-row-background-hover
title: Active row background
description: Background color for hovered tables rows
type: variable-themed-color
format: hex
opacity: true
default-light: '#'
default-dark: '#'
-
id: tabs
title: Tabs
type: heading
level: 2
collapsed: true
-
id: header-height
title: Tab bar height
type: variable-text
default: 40px
-
id: tabs-style
title: Tab style
type: class-select
allowEmpty: false
default: tabs-default
options:
-
label: Index round
value: tabs-default
-
label: Index square
value: tabs-square
-
label: Modern
value: tabs-modern
-
label: Underline
value: tabs-underline
-
id: minimal-tab-text-color
title: Tab text color
type: variable-themed-color
format: hex
opacity: true
default-light: '#'
default-dark: '#'
-
id: minimal-tab-text-color-active
title: Tab text color (active)
type: variable-themed-color
format: hex
opacity: true
default-light: '#'
default-dark: '#'
-
id: tab-stacks
title: Tab stacks
type: heading
level: 2
collapsed: true
-
id: tab-stacked-pane-width
title: Stacked width
type: variable-number
description: Width of a stacked tab in pixels
default: 700
format: px
-
id: tab-stacked-header-width
title: Spine width
type: variable-number
description: Width of the spine in pixels
default: 40
format: px
-
id: tab-stacked-spine-orientation
title: Spine text orientation
type: class-select
default: tab-stack-top
options:
-
label: Top
value: tab-stack-top
-
label: Top flipped
value: tab-stack-top-flipped
-
label: Bottom
value: tab-stack-bottom
-
label: Bottom flipped
value: tab-stack-bottom-flipped
-
label: Center
value: tab-stack-center
-
label: Center flipped
value: tab-stack-center-flipped
-
id: tags
title: Tags
type: heading
level: 2
collapsed: true
-
id: minimal-unstyled-tags
title: Plain tags
description: Tags will render as normal text, overrides settings below
type: class-toggle
default: false
-
id: tag-radius
title: Tag shape
type: variable-select
default: 14px
options:
-
label: Pill
value: 14px
-
label: Rounded
value: 4px
-
label: Square
value: 0px
-
id: tag-border-width
title: Tag border width
type: variable-select
default: 1px
options:
-
label: None
value: 0
-
label: Thin
value: 1px
-
label: Thick
value: 2px
-
id: tag-color
title: Tag text color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: tag-background
title: Tag background color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: tag-background-hover
title: Tag background color (hover)
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: text
title: Text
type: heading
level: 2
collapsed: true
-
id: tx1
title: Normal text color
type: variable-themed-color
description: Primary text color used by default across all elements
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: hl1
title: Selected text background
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: hl2
title: Highlighted text background
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: tx2
title: Muted text color
description: Secondary text such as sidebar note titles and table headings
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: tx3
title: Faint text color
description: tertiary text such as input placeholders, empty checkboxes, and disabled statuses
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: italic-color
title: Italic text color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: bold-color
title: Bold text color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: bold-weight
title: Bold text weight
type: variable-number-slider
default: 600
min: 100
max: 900
step: 100
-
id: spacing-p
title: Paragraph spacing
description: Space between paragraphs in reading mode
type: variable-text
default: 0.75em
-
id: titles
title: Titles
type: heading
level: 2
collapsed: true
-
id: tab-title-bar
title: Tab title bar
description: Tab title bar must be turned on in Appearance settings
type: heading
level: 3
collapsed: true
-
id: file-header-visibility
title: Tab title visibility
description: Visibility of the tab title text
type: class-select
default: minimal-tab-title-hover
options:
-
label: Hover only
value: minimal-tab-title-hover
-
label: Hidden
value: minimal-tab-title-hidden
-
label: Visible
value: minimal-tab-title-visible
-
id: file-header-font-size
title: Tab title font size
description: Accepts any CSS font-size value
type: variable-text
default: 0.9em
-
id: file-header-font-weight
title: Tab title font weight
type: variable-number-slider
default: 400
min: 100
max: 900
step: 100
-
id: file-header-justify
title: Tab title alignment
type: variable-select
default: center
options:
-
label: Center
value: center
-
label: Left
value: left
-
id: title-color
title: Tab title text color (active)
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: title-color-inactive
title: Tab title text color (inactive)
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: inline-title
title: Inline title
description: Inline titles must be turned on in Appearance settings
type: heading
level: 3
collapsed: true
-
id: inline-title-font
title: Inline title font
description: Name of the font as it appears on your system
type: variable-text
default: ''
-
id: inline-title-size
title: Inline title font size
description: Accepts any CSS font-size value
type: variable-text
default: 1.125em
-
id: inline-title-weight
title: Inline title font weight
type: variable-number-slider
default: 600
min: 100
max: 900
step: 100
-
id: inline-title-color
title: Inline title text color (active)
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: translucency
title: Translucency
type: heading
level: 2
collapsed: true
-
id: workspace-background-translucent
title: Translucent background color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: window-frame
title: Window frame
type: heading
level: 2
collapsed: true
-
id: window-title-off
title: Hide window frame title
description: Hide title in the custom title bar
type: class-toggle
-
id: frame-background
title: Frame background
description: Requires colorful window frame
type: variable-themed-color
opacity: true
format: hsl-split
default-light: '#'
default-dark: '#'
-
id: frame-icon-color
title: Frame icon color
description: Requires colorful frame
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: titlebar-text-color-focused
title: Frame title color (focused)
description: Requires custom title bar
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: titlebar-text-color
title: Frame title color (inactive)
description: Requires custom title bar
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: titlebar-text-weight
title: Frame title font weight
description: Requires custom title bar
type: variable-number-slider
default: 600
min: 100
max: 900
step: 100
*/
/* @settings
name: Minimal Cards
id: minimal-cards-style
settings:
-
id: cards-min-width
title: Card minimum width
type: variable-text
default: 180px
-
id: cards-max-width
title: Card maximum width
description: Default fills the available width, accepts valid CSS units
type: variable-text
default: 1fr
-
id: cards-mobile-width
title: Card minimum width on mobile
type: variable-text
default: 120px
-
id: cards-padding
title: Card padding
type: variable-text
default: 1.2em
-
id: cards-image-height
title: Card maximum image height
type: variable-text
default: 400px
-
id: cards-border-width
title: Card border width
type: variable-text
default: 1px
-
id: cards-background
title: Card background color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
*/
/* @settings
name: Minimal Mobile
id: minimal-mobile
settings:
-
id: mobile-toolbar-off
title: Disable toolbar
description: Turns off mobile toolbar
type: class-toggle
*/
/* @settings
name: Minimal Advanced Settings
id: minimal-advanced
settings:
-
id: styled-scrollbars
title: Styled scrollbars
description: Use styled scrollbars (replaces native scrollbars)
type: class-toggle
-
id: cursor
title: Cursor style
description: The cursor style for UI elements
type: variable-select
default: default
options:
-
label: Default
value: default
-
label: Pointer
value: pointer
-
label: Crosshair
value: crosshair
-
id: font-ui-small
title: Small font size
description: Font size in px of smaller text
type: variable-number
default: 13
format: px
-
id: font-ui-smaller
title: Smaller font size
description: Font size in px of smallest text
type: variable-number
default: 11
format: px
-
id: folding-offset
title: Folding offset
description: Width of the left margin used for folding indicators
type: variable-number-slider
default: 10
min: 0
max: 30
step: 1
format: px
*/