1
0
wiki/.obsidian/themes/Minimal/theme.css

1647 lines
210 KiB
CSS
Raw Normal View History

2022-10-15 17:08:29 +08:00
/* ---------------------------------------------------------------------------
Minimal Obsidian 6.0.0 alpha 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-2022 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);--minimal-version:"You are currently using Minimal 6.0\a\aIf you run into any issues, try updating to the latest version of the theme. It is also highly recommended to install Minimal Theme Settings and Contextual Typography plugins.\a\a Full documentation:\a minimal.guide\a\a Support my work:\a buymeacoffee.com/kepano"}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:small-caps;--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:1em;--list-indent:2em;--list-spacing:0.075em;--input-height:32px;--header-height:40px;--mobile-left-sidebar-width:280pt;--mobile-right-sidebar-width:240pt;--tag-radius:14px;--tag-border-width:1px;--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%;--red:#d04255;--yellow:#e5b567;--green:#a8c373;--orange:#d5763f;--cyan:#73bbb2;--blue:#6c99bb;--purple:#9e86c8;--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) - 10%) );--ax3:hsl( var(--accent-h), var(--accent-s), calc(var(--accent-l) + 10%) );--hl1:hsla( var(--accent-h), 50%, calc(var(--base-l) - 20%), 30% );--hl2:rgba(255, 225, 0, 0.5)}.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),
/* 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: extended-palette
title: Interface extended palette
type: heading
level: 2
collapsed: true
-
id: 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: orange
title: Orange
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: yellow
title: Yellow
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: green
title: Green
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: cyan
title: Cyan
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: blue
title: Blue
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: purple
title: Purple
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: 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: Blockquotes text color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: blockquote-size
title: Blockquotes font size
description: Accepts any CSS font-size value
type: variable-text
default: ''
-
id: blockquote-font-style
title: Blockquotes font style
type: variable-select
allowEmpty: false
default: normal
options:
-
label: Normal
value: normal
-
label: Italic
value: italic
-
id: code-blocks
title: Code and syntax highlighting
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: 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-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: graphs
title: Graphs
type: heading
level: 2
collapsed: true
-
id: graph-node
title: Node color
description: Changing node colors requires closing and reopening graph panes or restarting Obsidian
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: 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: links
title: Links
type: heading
level: 2
collapsed: true
-
id: ax1
title: Link color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: ax2
title: Link color (hovering)
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: link-weight
title: Link font weight
type: variable-number-slider
default: 400
min: 100
max: 900
step: 100
-
id: lists
title: Lists and tasks
type: heading
level: 2
collapsed: true
-
id: ax3
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: 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: 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: Default
value: tabs-default
-
label: Square
value: tabs-square
-
label: Underline
value: tabs-underline
-
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 aligned
value: tab-stack-top
-
label: Top aligned flipped
value: tab-stack-top-flipped
-
label: Bottom aligned
value: tab-stack-bottom
-
label: Bottom aligned flipped
value: tab-stack-bottom-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-bg
title: Tag background color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: tag-bg2
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-visible
options:
-
label: Visible
value: minimal-tab-title-visible
-
label: Hidden
value: minimal-tab-title-hidden
-
label: Hover only
value: minimal-tab-title-hover
-
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 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 title
description: Hide title in the custom title bar
type: class-toggle
-
id: frame-background
title: Window frame background
description: Requires colorful window frame
type: variable-themed-color
opacity: true
format: hsl-split
default-light: '#'
default-dark: '#'
-
id: titlebar-text-color-focused
title: Window title color (focused)
description: Requires custom title bar
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: titlebar-text-color
title: Window title color (inactive)
description: Requires custom title bar
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: titlebar-text-weight
title: Window 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
*/