/*───────────────────────────────────────────────────────
THINGS
Version 1.6.3
Created by @colineckert
Readme:
https://github.com/colineckert/obsidian-things
Support my work:
https://www.buymeacoffee.com/colineckert
----------------------------------------------------------------
MIT License
Copyright (c) 2020-2021 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.
----------------------------------------------------------------
For help and/or CSS snippets, thanks to:
- @kepano
- @chetachiezikeuzor
────────────────────────────────────────────────────── */
:root {
/*----------------------------------------------------------------
COLORS
----------------------------------------------------------------*/
--base-h: 212; /* Base hue */
--base-s: 15%; /* Base saturation */
--base-d: 13%; /* Base lightness Dark Mode - 0 is black */
--base-l: 97%; /* Base lightness Light Mode - 100 is white */
--accent-h: 215; /* Accent hue */
--accent-s: 75%; /* Accent saturation */
--accent-d: 70%; /* Accent lightness Dark Mode */
--accent-l: 60%; /* Accent lightness Light Mode */
--blue: #2e80f2;
--pink: #ff82b2;
--green: #3eb4bf;
--yellow: #e5b567;
--orange: #e87d3e;
--red: #e83e3e;
--purple: #9e86c8;
--light-yellow-highlighter: #fff3a3a6;
--dark-yellow-highlighter: #ffed7977;
--pink-highlighter: #ffb8eba6;
--red-highlighter: #db3e606e;
--blue-highlighter: #adccffa6;
--dark-blue-highlighter: #adccff5b;
--green-highlighter: #bbfabba6;
--purple-highlighter: #d2b3ffa6;
--orange-highlighter: #ffb86ca6;
--grey-highlighter: #cacfd9a6;
/*----------------------------------------------------------------
FONTS
----------------------------------------------------------------*/
/* Preview mode */
--text: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans,
Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
/* Editor mode */
--text-editor: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
/* Code */
--font-monospace: 'JetBrains Mono', SFMono-Regular, Consolas, 'Roboto Mono',
monospace;
/* UI */
--font-ui: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans,
Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
/* Colors, sizes, weights, padding */
--h1-color: var(--text-normal);
--h2-color: var(--blue);
--h3-color: var(--blue);
--h4-color: var(--yellow);
--h5-color: var(--red);
--h6-color: var(--text-muted);
--strong-color: var(--pink);
--em-color: var(--pink);
--font-normal: 16px;
--font-small: 13px;
--font-smaller: 11px;
--font-smallest: 10px;
--editor-font-size: 1rem;
--h1: 1.5em;
--h2: 1.3em;
--h3: 1.1em;
--h4: 0.9em;
--h5: 0.85em;
--h6: 0.85em;
--h1-weight: 700;
--h2-weight: 700;
--h3-weight: 600;
--h4-weight: 500;
--h5-weight: 500;
--h6-weight: 400;
--normal-weight: 400; /* Switch to 300 if you want thinner default text */
--bold-weight: 700; /* Switch to 700 if you want thicker bold text */
--icon-muted: 0.4;
--line-width: 45rem; /* Maximum characters per line */
--line-height: 1.5;
--border-width: 1px;
--border-width-alt: 1px;
--max-width: 85%; /* Amount of padding around the text, use 90% for narrower padding */
--nested-padding: 3.5%; /* Amount of padding for quotes and transclusions */
--input-height: 36px;
--font-todoist-title-size: 1em;
--font-todoist-metadata-size: small;
--cursor: default;
}
/* Desktop fonts */
body {
--font-adaptive-normal: var(--font-normal);
--font-adaptive-small: var(--font-small);
--font-adaptive-smaller: var(--font-smaller);
--font-adaptive-smallest: var(--font-smallest);
--line-width-adaptive: var(--line-width);
}
/* Tablet fonts */
@media (min-width: 400pt) {
.is-mobile {
--font-adaptive-normal: calc(var(--font-normal) + 4px);
--font-adaptive-small: calc(var(--font-small) + 3px);
--font-adaptive-smaller: calc(var(--font-smaller) + 2px);
--font-adaptive-smallest: calc(var(--font-smallest) + 2px);
--line-width-adaptive: calc(var(--line-width) + 6rem);
--max-width: 90%;
}
}
/* Phone fonts */
@media (max-width: 400pt) {
.is-mobile {
--font-adaptive-small: calc(var(--font-small) + 2px);
--font-adaptive-smaller: calc(var(--font-smaller) + 2px);
--font-adaptive-smallest: calc(var(--font-smallest) + 2px);
--max-width: 85%;
}
}
/*----------------------------------------------------------------
THEMES
---------------------------------------------------------------- */
.theme-light {
--text-normal: hsl(var(--base-h), var(--base-s), calc(var(--base-l) - 80%));
--text-muted: hsl(
var(--base-h),
calc(var(--base-s) - 5%),
calc(var(--base-l) - 45%)
);
--text-faint: hsl(
var(--base-h),
calc(var(--base-s) - 5%),
calc(var(--base-l) - 25%)
);
--text-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));
--text-accent-hover: hsl(
var(--accent-h),
var(--accent-s),
calc(var(--accent-l) - 10%)
);
--text-on-accent: white;
--text-selection: hsla(var(--accent-h), 50%, calc(var(--base-l) - 20%), 30%);
--text-highlight-bg: var(--light-yellow-highlighter);
--text-highlight-bg-active: rgba(0, 0, 0, 0.1);
--background-primary: white;
--background-primary-alt: hsl(var(--base-h), var(--base-s), var(--base-l));
--background-secondary: hsl(var(--base-h), var(--base-s), var(--base-l));
--background-secondary-alt: hsl(
var(--base-h),
var(--base-s),
calc(var(--base-l) - 2%)
);
--background-tertiary: hsl(
var(--base-h),
var(--base-s),
calc(var(--base-l) - 7%)
);
--background-modifier-border: hsl(
var(--base-h),
var(--base-s),
calc(var(--base-l) - 4%)
);
--background-modifier-border-hover: hsl(
var(--base-h),
var(--base-s),
calc(var(--base-l) - 12%)
);
--background-modifier-border-focus: hsl(
var(--base-h),
var(--base-s),
calc(var(--base-l) - 20%)
);
--background-modifier-form-field: hsl(
var(--base-h),
var(--base-s),
calc(var(--base-l) + 6%)
);
--background-modifier-form-field-highlighted: hsl(
var(--base-h),
var(--base-s),
calc(var(--base-l) + 8%)
);
--background-button: white;
--background-transparent: hsla(
var(--base-h),
var(--base-s),
var(--base-l),
0
);
/* --background-translucent: rgba(255, 255, 255, 0.85); */
--background-translucent: hsla(
var(--base-h),
var(--base-s),
calc(var(--base-l) + 0%),
0.8
);
--opacity-translucency: 1;
--icon-color: var(--text-muted);
--icon-hex: 000;
--background-match-highlight: hsla(var(--accent-h), 40%, 62%, 0.2);
--background-modifier-accent: hsl(
var(--accent-h),
var(--accent-s),
calc(var(--accent-l) + 10%)
);
--interactive-accent: hsl(
var(--accent-h),
var(--accent-s),
calc(var(--accent-l) + 10%)
);
--interactive-accent-hover: hsl(
var(--accent-h),
var(--accent-s),
calc(var(--accent-l) - 0%)
);
--interactive-accent-rgb: 220, 220, 220;
--quote-opening-modifier: hsl(
var(--base-h),
var(--base-s),
calc(var(--base-l) - 10%)
);
--background-modifier-cover: hsla(
var(--base-h),
var(--base-s),
calc(var(--base-l) - 5%),
0.7
);
--shadow-color: rgba(0, 0, 0, 0.1);
/* --tag-background-color: rgb(189, 225, 211); */
--tag-background-color-l: #bde1d3;
/* --tag-font-color: rgb(29, 105, 75); */
--tag-font-color-l: #1d694b;
--code-color: #383a42;
--atom-gray-1: #383a42;
--atom-gray-2: #383a42;
--atom-red: #e75545;
--atom-green: #4ea24c;
--atom-blue: #3d74f6;
--atom-purple: #a625a4;
--atom-aqua: #0084bc;
--atom-yellow: #e35649;
--atom-orange: #986800;
}
.theme-dark {
--text-normal: hsl(var(--base-h), var(--base-s), calc(var(--base-d) + 70%));
--text-muted: hsl(var(--base-h), var(--base-s), calc(var(--base-d) + 45%));
--text-faint: hsl(var(--base-h), var(--base-s), calc(var(--base-d) + 20%));
--text-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-d));
--text-accent-hover: hsl(
var(--accent-h),
var(--accent-s),
calc(var(--accent-d) + 12%)
);
--text-on-accent: white;
--text-selection: hsla(var(--accent-h), 70%, 40%, 30%);
--text-highlight-bg: var(--dark-blue-highlighter);
--text-highlight-bg-active: rgba(255, 255, 255, 0.1);
--background-primary: hsl(var(--base-h), var(--base-s), var(--base-d));
--background-primary-alt: hsl(
var(--base-h),
var(--base-s),
calc(var(--base-d) - 2%)
);
--background-secondary: hsl(
var(--base-h),
var(--base-s),
calc(var(--base-d) - 2%)
);
--background-secondary-alt: hsl(var(--base-h), var(--base-s), var(--base-d));
--background-tertiary: hsl(
var(--base-h),
var(--base-s),
calc(var(--base-d) + 2%)
);
--background-modifier-border: hsl(
var(--base-h),
var(--base-s),
calc(var(--base-d) + 4%)
);
--background-modifier-border-hover: hsl(
var(--base-h),
var(--base-s),
calc(var(--base-d) + 10%)
);
--background-modifier-border-focus: hsl(
var(--base-h),
var(--base-s),
calc(var(--base-d) + 20%)
);
--background-modifier-box-shadow: rgba(0, 0, 0, 0.3);
--background-button: hsl(
var(--base-h),
var(--base-s),
calc(var(--base-d) + 2%)
);
--background-transparent: hsla(
var(--base-h),
var(--base-s),
var(--base-d),
0
);
--background-translucent: hsla(
var(--base-h),
var(--base-s),
var(--base-d),
0.8
);
--opacity-translucency: 1;
--background-match-highlight: hsla(var(--accent-h), 40%, 62%, 0.2);
--background-modifier-accent: hsl(
var(--accent-h),
var(--accent-s),
calc(var(--accent-d) - 10%)
);
--icon-color: var(--text-muted);
--icon-hex: FFF;
--interactive-accent: hsl(
var(--accent-h),
var(--accent-s),
calc(var(--accent-d) - 20%)
);
--interactive-accent-hover: hsl(
var(--accent-h),
var(--accent-s),
calc(var(--accent-d) - 15%)
);
--quote-opening-modifier: hsl(
var(--base-h),
var(--base-s),
calc(var(--base-d) + 10%)
);
--interactive-accent-rgb: 66, 66, 66;
--background-modifier-cover: hsla(
var(--base-h),
var(--base-s),
calc(var(--base-d) - 12%),
0.8
);
--shadow-color: rgba(0, 0, 0, 0.3);
--tag-background-color-d: rgb(29, 105, 75);
--tag-font-color-d: var(--text-normal);
--code-color: #c9d1d9;
--atom-gray-1: #5c6370;
--atom-gray-2: #abb2bf;
--atom-red: #e06c75;
--atom-orange: #d19a66;
--atom-green: #98c379;
--atom-aqua: #56b6c2;
--atom-purple: #c678dd;
--atom-blue: #61afef;
--atom-yellow: #e5c07b;
}
/* ----------------------------------------------------------------
Desktop Styling
---------------------------------------------------------------- */
/* ---------------------- */
/* Better Live Preview */
/* ---------------------- */
.is-live-preview {
padding: 0 1em !important;
}
/* Quote blocks */
.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote {
border: 0 solid var(--quote-opening-modifier);
border-left-width: 2px;
background-color: var(--background-primary);
}
.is-live-preview .list-bullet {
color: var(--text-faint);
padding-right: 5px;
}
.is-live-preview .HyperMD-header-2 {
border-bottom: 1px solid var(--background-modifier-border);
width: 100%;
padding-bottom: 2px;
}
/* ---------------------- */
/* Headings and fonts */
html {
font-size: var(--editor-font-size);
}
body {
-webkit-font-smoothing: auto;
}
body {
--preview-font-size: var(--editor-font-size);
--preview-line-height: var(--line-height);
--preview-font-weight: var(--normal-weight);
}
.markdown-preview-view {
font-family: var(--text);
font-size: var(--preview-font-size);
font-weight: var(--preview-font-weight);
line-height: var(--preview-line-heightline-height);
}
.CodeMirror,
.markdown-source-view,
.cm-s-obsidian {
font-size: var(--editor-font-size) !important;
font-weight: var(--normal-weight);
line-height: var(--line-height);
}
.cm-strong,
strong {
font-weight: var(--bold-weight) !important;
}
h1,
h2,
h3,
h4 {
letter-spacing: -0.02em;
}
h2 {
border-bottom: 2px solid var(--background-modifier-border);
width: 100%;
padding-bottom: 2px;
}
body,
input,
button {
font-family: var(--font-ui);
}
.popover,
.vertical-tab-content-container,
.workspace-leaf-content[data-type='markdown'] {
font-family: var(--text);
}
body,
input,
button,
.markdown-preview-view,
.cm-s-obsidian .cm-formatting-hashtag,
.cm-s-obsidian {
font-size: var(--font-adaptive-normal);
font-weight: var(--normal-weight);
line-height: var(--line-height);
-webkit-font-smoothing: subpixel-antialiased;
}
.markdown-source-view.mod-cm6 .cm-scroller,
.markdown-source-view,
.cm-s-obsidian .cm-formatting-hashtag,
.cm-s-obsidian,
.cm-s-obsidian span.cm-formatting-task {
line-height: var(--line-height);
font-family: var(--text-editor);
}
.cm-s-obsidian span.cm-formatting-task {
font-family: var(--font-monospace); /* Editor task is monospace */
line-height: var(--line-height);
}
.cm-formatting-strong,
.cm-formatting-em,
.cm-formatting.cm-formatting-quote {
color: var(--text-faint) !important;
font-weight: var(--normal-weight);
opacity: 0.8;
letter-spacing: -0.02em;
}
.cm-formatting-header,
.cm-s-obsidian .cm-formatting-header.cm-header-4,
.cm-s-obsidian .cm-formatting-header.cm-header-5,
.cm-s-obsidian .cm-formatting-header.cm-header-6 {
color: var(--text-faint);
font-weight: var(--bold-weight);
opacity: 0.8;
letter-spacing: -0.02em;
}
.view-header-title,
.file-embed-title,
.markdown-embed-title {
letter-spacing: -0.02em;
text-align: left;
font-size: 1.125em;
padding: 10px;
}
.empty-state-title,
.markdown-preview-view h1,
.HyperMD-header,
.HyperMD-header-1,
.cm-header-1 {
letter-spacing: -0.02em;
line-height: 1.3;
font-size: var(--h1);
color: var(--h1-color);
font-weight: var(--h1-weight) !important;
}
.markdown-preview-view h2,
.HyperMD-header-2,
.cm-header-2 {
letter-spacing: -0.02em;
line-height: 1.3;
font-size: var(--h2);
color: var(--h2-color);
font-weight: var(--h2-weight) !important;
}
.markdown-preview-view h3,
.HyperMD-header-3,
.cm-header-3 {
letter-spacing: -0em;
line-height: 1.4;
font-size: var(--h3);
color: var(--h3-color);
font-weight: var(--h3-weight) !important;
}
.markdown-preview-view h4,
.HyperMD-header-4,
.cm-s-obsidian .cm-header-4 {
letter-spacing: 0.02em;
font-size: var(--h4);
color: var(--h4-color);
font-weight: var(--h4-weight) !important;
text-transform: uppercase;
}
.markdown-preview-view h5,
.HyperMD-header-5,
.cm-s-obsidian .cm-header-5 {
letter-spacing: 0.02em;
font-size: var(--h5);
color: var(--h5-color);
font-weight: var(--h5-weight) !important;
}
.markdown-preview-view h6,
.HyperMD-header-6,
.cm-s-obsidian .cm-header-6 {
letter-spacing: 0.02em;
font-size: var(--h6);
color: var(--h6-color);
font-weight: var(--h6-weight) !important;
}
.markdown-preview-view mark {
margin: 0 -0.05em;
padding: 0.125em 0.15em;
border-radius: 0.2em;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
/* --------------- */
/* Highlight styles */
/* --------------- */
span.cm-highlight {
padding: 0.1em 0;
border-radius: 0.2em;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
span.cm-formatting-highlight {
/*margin: 0 0 0 -0.4em;*/
padding-left: 0.15em;
padding-right: 0em;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.cm-highlight + span.cm-formatting-highlight {
padding-left: 0em;
padding-right: 0.15em;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
/* --------------- */
/* Tags */
/* --------------- */
.theme-light .frontmatter-container .tag,
.theme-light a.tag {
/* background-color: rgb(189, 225, 211); */
background-color: var(--tag-background-color-l);
color: var(--tag-font-color-l);
/* color: rgb(29, 105, 75); */
font-size: var(--font-adaptive-smaller);
font-weight: 500;
font-family: var(--font-ui);
padding: 2px 8px;
margin: 2px 0 0 0;
text-align: center;
text-decoration: none;
display: inline-block;
border-radius: 20px;
}
.theme-light a.tag:hover {
color: var(--text-normal);
border-color: var(--background-modifier-border-hover);
}
.theme-dark .frontmatter-container .tag,
.theme-dark a.tag {
/* background-color: rgb(29, 105, 75); */
background-color: var(--tag-background-color-d);
color: var(--tag-font-color-d);
/* color: var(--text-normal); */
font-size: var(--font-adaptive-smaller);
font-weight: 500;
font-family: var(--font-ui);
padding: 2px 8px;
margin: 2px 0 0 0;
text-align: center;
text-decoration: none;
display: inline-block;
border-radius: 20px;
}
.theme-dark a.tag:hover {
color: var(--text-normal);
border-color: var(--background-modifier-border-hover);
}
.theme-light .cm-s-obsidian span.cm-hashtag {
background-color: var(--tag-background-color-l);
color: var(--tag-font-color-l);
/* background-color: rgb(189, 225, 211);
color: rgb(29, 105, 75); */
font-size: var(--font-adaptive-small);
font-family: var(--font-ui);
font-weight: 500;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 2px 0;
vertical-align: middle;
padding-top: 1px;
border-left: none;
border-right: none;
padding-bottom: 2px;
cursor: text;
}
.theme-dark .cm-s-obsidian span.cm-hashtag {
background-color: var(--tag-background-color-d);
color: var(--tag-font-color-d);
/* background-color: rgb(29, 105, 75);
color: var(--text-normal); */
font-size: var(--font-adaptive-small);
font-family: var(--font-ui);
font-weight: 500;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 2px 0;
vertical-align: middle;
padding-top: 1px;
border-left: none;
border-right: none;
padding-bottom: 2px;
cursor: text;
}
span.cm-hashtag.cm-hashtag-begin {
border-top-left-radius: 14px;
border-bottom-left-radius: 14px;
padding-left: 8px;
border-right: none;
border-left: 1px solid var(--background-modifier-border);
}
span.cm-hashtag.cm-hashtag-end {
border-top-right-radius: 14px;
border-bottom-right-radius: 14px;
border-left: none;
padding-right: 8px;
border-right: 1px solid var(--background-modifier-border);
}
/* --------------- */
/* Image zoom */
/* --------------- */
/* Image cards */
img {
border-radius: 4px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
background-color: var(
--background-secondary
); /* Background color so PNGs with transparent backgrounds don't look weird */
}
.full-width-media .markdown-preview-view .image-embed img:not([width]),
.full-width-media .markdown-preview-view audio,
.full-width-media .markdown-preview-view video {
width: 100%;
}
.view-content .markdown-preview-view img {
max-width: 100%;
cursor: zoom-in;
}
body:not(.is-mobile)
.view-content
.markdown-preview-view
img[referrerpolicy='no-referrer']:active,
body:not(.is-mobile) .view-content .image-embed:active {
cursor: zoom-out;
display: block;
z-index: 100;
position: fixed;
max-height: calc(100% + 1px);
max-width: calc(100% - 20px);
height: calc(100% + 1px);
width: 100%;
object-fit: contain;
margin: -0.5px auto 0;
text-align: center;
padding: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--background-translucent);
}
body:not(.is-mobile)
.view-content
.markdown-preview-view
img[referrerpolicy='no-referrer']:active {
padding: 2.5%;
}
body:not(.is-mobile)
.view-content
.markdown-preview-view
.image-embed:active
img {
top: 50%;
transform: translateY(-50%);
padding: 0;
margin: 0 auto;
width: auto;
max-height: 95vh;
left: 0;
right: 0;
bottom: 0;
position: absolute;
opacity: 1;
}
.theme-dark span[src$='#invert'] img {
filter: invert(1) hue-rotate(180deg);
mix-blend-mode: screen;
}
/* --------------- */
/* Modals */
/* --------------- */
.modal {
border: none;
background: var(--background-primary);
border-radius: 10px;
overflow: hidden;
padding: 20px 20px 10px;
}
.modal.mod-settings .vertical-tab-content-container {
border-left: 1px solid var(--background-modifier-border);
padding-bottom: 0;
padding-right: 0;
}
.modal-title {
text-align: left;
font-size: var(--h2);
line-height: 1.4;
padding-bottom: 0;
}
.modal-content {
margin-top: 0px;
padding: 0;
}
.modal-content .u-center-text {
text-align: left;
font-size: 13px;
}
.progress-bar-message {
color: var(--text-faint);
}
input.prompt-input {
border: 0;
background: var(--background-primary);
box-shadow: none !important;
padding-left: 10px;
height: 40px;
line-height: 4;
}
input.prompt-input:hover {
border: 0;
background: var(--background-primary);
padding-left: 10px;
line-height: 4;
}
.suggestion-item {
cursor: var(--cursor);
padding-left: 10px;
}
.suggestion-flair {
left: auto;
right: 16px;
opacity: 0.25;
}
.prompt-results .suggestion-flair .filled-pin {
display: none;
}
.theme-light .modal-container .suggestion-item.is-selected {
border-radius: 6px;
background: var(--background-tertiary);
}
.theme-dark .modal-container .suggestion-item.is-selected {
border-radius: 6px;
/* background: var(--blue-highlighter); */
background: var(--blue);
}
.menu-item {
margin-bottom: 1px;
}
.suggestion-item.is-selected,
.menu-item:hover:not(.is-disabled):not(.is-label),
.menu-item:hover {
background: var(--background-tertiary);
}
.suggestion-item,
.suggestion-empty {
font-size: var(--font-adaptive-normal);
}
.modal,
.prompt,
.suggestion-container {
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
}
.prompt-instructions {
color: var(--text-muted);
padding: 10px;
}
.prompt-instruction-command {
font-weight: 600;
}
.prompt {
padding-bottom: 0;
}
.prompt-results {
padding-bottom: 10px;
}
.menu {
padding: 6px;
}
.menu-item {
font-size: var(--font-adaptive-small);
border-radius: 5px;
padding: 3px 12px 3px 8px;
height: 26px;
cursor: var(--cursor);
line-height: 20px;
}
.menu-separator {
margin: 6px -5px;
}
.menu-item-icon svg {
width: 12px;
height: 12px;
}
.menu-item-icon {
width: 24px;
}
/* --------------- */
/* Sync */
/* --------------- */
.sync-history-content {
font-size: var(--font-adaptive-small);
border: none;
padding: 20px 40px 20px 20px;
}
.sync-history-content-container {
padding: 0;
}
.sync-history-content-container .modal-button-container {
margin: 0;
padding: 10px 5px;
border-top: 1px solid var(--background-modifier-border);
background-color: var(--background-primary);
text-align: center;
}
.sync-history-list-container {
flex-basis: 220px;
}
.sync-history-list {
padding: 10px;
border-right: 1px solid var(--background-modifier-border);
background-color: var(--background-secondary);
}
.sync-history-list-item {
border-radius: 4px;
padding: 4px 8px;
margin-bottom: 4px;
font-size: var(--font-adaptive-small);
cursor: var(--cursor);
}
.sync-history-list-item.is-active,
.sync-history-list-item:hover {
background-color: var(--background-tertiary);
}
/* --------------- */
/* YAML Front matter */
/* --------------- */
.theme-dark pre.frontmatter[class*='language-yaml'],
.theme-light pre.frontmatter[class*='language-yaml'] {
padding: 0 0 0px 0;
background: transparent;
font-family: var(--text);
line-height: 1.2;
border-radius: 0;
border-bottom: 0px solid var(--background-modifier-border);
}
.markdown-preview-view .table-view-table > thead > tr > th {
border-color: var(--background-modifier-border);
}
.theme-dark .frontmatter .token,
.theme-light .frontmatter .token,
.markdown-preview-section .frontmatter code {
font-family: var(--text);
color: var(--text-faint) !important;
}
.markdown-source-view .cm-s-obsidian .cm-hmd-frontmatter {
font-family: var(--text-editor);
color: var(--text-muted);
}
/* --------------- */
/* Drag ghost */
/* --------------- */
body.is-dragging {
cursor: grabbing;
cursor: -webkit-grabbing;
}
.workspace-drop-overlay:before,
.mod-drag,
.drag-ghost {
opacity: 100;
border-radius: 0 !important;
}
.mod-drag {
opacity: 0;
border: 2px solid var(--text-accent);
background-color: var(--background-primary);
}
.view-header.is-highlighted:after {
background-color: var(--text-selection);
}
.view-header.is-highlighted .view-actions {
background: transparent;
}
/* --------------- */
/* Workspace */
/* --------------- */
.empty-state {
background-color: var(--background-primary);
text-align: center;
}
.workspace-split.mod-vertical > .workspace-split {
padding: 0;
}
.workspace-split .workspace-tabs {
background: var(--background-primary);
}
.workspace-split:not(.mod-right-split) .workspace-tabs {
background: var(--background-secondary);
}
.workspace-split.mod-root
> .workspace-leaf:first-of-type
.workspace-leaf-content,
.workspace-split.mod-root
> .workspace-leaf:last-of-type
.workspace-leaf-content {
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}
.workspace-split.mod-root.mod-horizontal .workspace-leaf-resize-handle,
.workspace-split.mod-root.mod-vertical .workspace-leaf-resize-handle {
border-width: 1px;
}
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle {
height: 2px;
background: transparent;
border-bottom: var(--border-width-alt) solid var(--background-modifier-border);
}
.workspace-split.mod-right-split > .workspace-leaf-resize-handle {
background: transparent;
border-left: var(--border-width-alt) solid var(--background-modifier-border);
width: 3px !important;
}
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle,
.workspace-split.mod-left-split > .workspace-leaf-resize-handle {
border-right: var(--border-width) solid var(--background-modifier-border);
width: 2px !important;
background: transparent;
}
.workspace-split.mod-right-split > .workspace-leaf-resize-handle:hover,
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle:hover,
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle:hover,
.workspace-split.mod-left-split > .workspace-leaf-resize-handle:hover {
border-color: var(--background-modifier-border-hover);
transition: border-color 0.1s ease-in-out 0.05s,
border-width 0.1s ease-in-out 0.05s;
border-width: 3px;
}
.workspace-split.mod-right-split > .workspace-leaf-resize-handle:active,
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle:active,
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle:active,
.workspace-split.mod-left-split > .workspace-leaf-resize-handle:active {
border-color: var(--background-modifier-border-focus);
border-width: 3px;
}
.workspace-tab-container-before,
.workspace-tab-container-after {
width: 0;
}
.workspace-leaf {
border-left: 0px;
}
.mod-horizontal .workspace-leaf {
border-bottom: 0px;
background-color: transparent;
box-shadow: none !important;
}
.workspace-tab-header.is-before-active .workspace-tab-header-inner,
.workspace-tab-header.is-active,
.workspace-tab-header.is-after-active,
.workspace-tab-header.is-after-active .workspace-tab-header-inner,
.workspace-tab-header.is-before-active,
.workspace-tab-header.is-after-active {
background: transparent;
}
.workspace-tabs {
border: 0;
padding-right: 0;
font-size: 100%;
}
.workspace-tab-header-container {
border: 0 !important;
height: 40px;
background-color: transparent;
}
/* --------------- */
/* Workspace Icons */
/* --------------- */
.nav-action-button svg {
width: 25px;
height: 15px;
}
.workspace-ribbon-collapse-btn svg path {
stroke-width: 3px;
}
.nav-action-button svg path {
stroke-width: 2px;
}
.clickable-icon {
cursor: var(--cursor);
}
.view-header-icon,
.workspace-tab-header,
.nav-action-button,
.side-dock-ribbon-tab,
.view-action {
background: transparent;
color: var(--text-muted);
opacity: var(--icon-muted);
transition: opacity 0.1s ease-in-out;
cursor: var(--cursor);
}
.view-header-icon {
opacity: 0;
}
.workspace-leaf-content[data-type='search'] .nav-action-button.is-active,
.workspace-leaf-content[data-type='backlink'] .nav-action-button.is-active,
.workspace-leaf-content[data-type='tag'] .nav-action-button.is-active,
.workspace-tab-header.is-active,
.workspace-leaf-content[data-type='search'] .nav-action-button.is-active {
background: transparent;
color: var(--text-muted);
opacity: 1;
transition: opacity 0.1s ease-in-out;
}
.view-action:hover,
.view-header-icon:hover,
.nav-action-button:hover,
.workspace-tab-header:hover,
.side-dock-ribbon-tab:hover,
.side-dock-ribbon-action:hover {
background: transparent;
color: var(--text-muted);
opacity: 1;
transition: opacity 0 ease-in-out;
}
.workspace-leaf-content[data-type='search'] .nav-action-button.is-active {
background: transparent;
}
.nav-action-button,
.workspace-leaf-content[data-type='search'] .nav-action-button,
.workspace-leaf-content[data-type='backlink'] .nav-action-button {
padding: 0 4px 0 8px;
margin: 0;
}
/* --------------- */
/* Workspace Tabs */
/* --------------- */
.workspace-tab-header-container {
height: unset;
padding: 5px 10px 0px 10px;
margin: 5px 0;
}
.theme-light .workspace-tab-header.is-active {
box-shadow: 0px 0px 1px 1px inset var(--background-tertiary);
background-color: var(--background-primary);
border-radius: 6px;
}
.theme-dark .workspace-tab-header.is-active {
box-shadow: 0px 0px 0px 1px inset var(--background-secondary);
background-color: var(--background-tertiary);
border-radius: 6px;
}
.workspace-tab-container-before.is-before-active,
.workspace-tab-container-after.is-after-active,
.workspace-tab-header.is-before-active,
.workspace-tab-header.is-after-active {
background: transparent;
}
/* --------------- */
/* Workspace slider */
/* --------------- */
.theme-light .workspace-tab-container-inner {
border-radius: 10px;
background-color: var(--background-secondary-alt) !important;
border: 1px solid var(--background-tertiary);
display: flex;
justify-content: center;
align-items: center;
stroke-width: 0;
}
.theme-dark .workspace-tab-container-inner {
border-radius: 10px;
background-color: var(--background-secondary) !important;
border: 1px solid var(--background-tertiary);
display: flex;
justify-content: center;
align-items: center;
stroke-width: 0;
}
.workspace-tab-header {
background-color: transparent;
border-radius: 10px !important;
}
.workspace-tab-header-inner {
padding: 6px 15px;
}
.workspace-tab-header-inner-icon {
display: flex;
justify-content: center;
align-items: center;
}
/* --------------- */
/* Window frame */
/* --------------- */
body:not(.hider-frameless):not(.is-fullscreen):not(.is-mobile) {
--titlebar-height: 28px;
padding-top: var(--titlebar-height) !important;
}
body:not(.hider-frameless):not(.is-fullscreen):not(.is-mobile) .titlebar {
background: var(--background-secondary);
border-bottom: var(--border-width) solid var(--background-modifier-border);
height: var(--titlebar-height) !important;
top: 0 !important;
padding-top: 0 !important;
}
body.hider-frameless .titlebar {
border-bottom: none;
}
.mod-windows .titlebar-button:hover {
background-color: var(--background-primary-alt);
}
.mod-windows .titlebar-button.mod-close:hover {
background-color: var(--background-modifier-error);
}
.mod-windows .mod-close:hover svg {
fill: white !important;
stroke: white !important;
}
.titlebar-button-container {
height: var(--titlebar-height);
top: 0;
display: flex;
align-items: center;
}
.titlebar:hover .titlebar-button-container.mod-left {
opacity: 1;
}
.titlebar-text {
display: none;
padding-top: 5px;
color: var(--text-faint);
letter-spacing: inherit;
}
.titlebar-button:hover {
opacity: 1;
transition: opacity 100ms ease-out;
}
.titlebar-button {
opacity: 0.5;
cursor: var(--cursor);
color: var(--text-muted);
padding: 2px 4px;
border-radius: 3px;
line-height: 1;
display: flex;
}
.titlebar-button:hover {
background-color: var(--background-tertiary);
}
.titlebar-button-container.mod-left .titlebar-button {
margin-right: 5px;
}
.titlebar-button-container.mod-right .titlebar-button {
margin-left: 0;
border-radius: 0;
height: 100%;
align-items: center;
padding: 2px 15px;
}
/* --------------- */
/* Title Bar */
/* --------------- */
.view-actions {
margin-right: 10px;
z-index: 15;
background: var(--background-primary);
}
.view-header {
height: 40px;
}
.view-header-title {
padding: 0;
}
.workspace-leaf-header,
.view-header {
background-color: var(--background-primary) !important;
border: none !important;
}
.view-header-title-container:after {
display: none;
}
/* --------------- */
/* Full borders */
/* --------------- */
body.full-borders .view-header {
border-bottom: 1px solid var(--background-modifier-border) !important;
}
body.full-borders .side-dock-ribbon {
border-right: 1px solid var(--background-modifier-border) !important;
}
/* --------------- */
/* Custom line width */
/* --------------- */
.markdown-preview-view.is-readable-line-width .markdown-preview-sizer {
max-width: var(--max-width);
width: var(--line-width-adaptive);
}
.is-mobile .markdown-source-view.mod-cm6.is-readable-line-width .cm-content {
max-width: var(--line-width-adaptive);
}
.markdown-source-view.is-readable-line-width .CodeMirror {
padding-left: 0;
padding-right: 0;
margin: 0 auto 0 auto;
width: var(--line-width-adaptive);
max-width: var(--max-width);
}
.view-header-title-container {
padding-left: 0;
padding-right: 0;
position: absolute;
max-width: var(--max-width);
width: var(--line-width-adaptive);
margin: 0 auto;
left: 0;
right: 0;
}
/* --------------- */
/* EDITOR MODE */
/* --------------- */
/* Fancy cursor */
.CodeMirror-cursor,
.cm-s-obsidian .cm-cursor {
border: none;
border-right: 2px solid var(--text-accent);
}
.markdown-source-view.mod-cm6,
.markdown-source-view.mod-cm5,
.markdown-source-view {
padding: 0;
}
.cm-s-obsidian .CodeMirror-code {
padding-right: 0;
}
.CodeMirror-lines {
padding-bottom: 170px;
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
padding-left: 0;
padding-right: 0;
}
.cm-s-obsidian pre.HyperMD-list-line {
padding-top: 0;
}
.workspace .markdown-preview-view {
padding: 0;
}
.workspace .markdown-preview-view .markdown-embed {
margin: 0;
}
.workspace .markdown-preview-view .markdown-embed-content {
max-height: none;
}
.markdown-embed-title,
.internal-embed .markdown-preview-section {
max-width: 100%;
}
.cm-s-obsidian .HyperMD-header,
.cm-s-obsidian pre.HyperMD-header {
padding-left: 0 !important;
font-size: 1em !important;
/* TODO */
}
.CodeMirror-linenumber {
font-size: var(--font-adaptive-small) !important;
font-feature-settings: 'tnum';
color: var(--text-faint);
padding-top: 3px;
}
.cm-s-obsidian span.cm-url,
.cm-s-obsidian span.cm-url:hover {
color: var(--text-accent);
}
.cm-s-obsidian span.cm-link {
color: var(--text-muted);
}
.cm-s-obsidian span.cm-hmd-internal-link {
color: var(--text-accent) !important;
}
.cm-s-obsidian span.cm-formatting-link {
color: var(--text-faint) !important;
}
/* Transcluded notes and embeds */
.markdown-preview-view.is-readable-line-width
.markdown-embed
.markdown-preview-sizer {
max-width: 100%;
width: 100%;
}
.markdown-embed h1:first-child {
margin-block-start: 0em;
}
.markdown-preview-view .markdown-embed {
margin-top: var(--nested-padding);
padding: 0 calc(var(--nested-padding) / 2) 0 var(--nested-padding);
}
.markdown-embed-title {
/* Remove height to fix cutoff bug */
/* height: 24px; */
line-height: 18px;
}
.markdown-embed .markdown-preview-sizer:first-child ul {
margin-block-start: 2px;
}
.markdown-embed .markdown-preview-section:last-child p,
.markdown-embed .markdown-preview-section:last-child ul {
margin-block-end: 2px;
}
.internal-embed:not([src*='#^']) .markdown-embed-link {
left: 0;
width: 100%;
}
.markdown-embed-link,
.file-embed-link {
top: 0px;
right: 0;
text-align: right;
}
.file-embed-link svg,
.markdown-embed-link svg {
width: 16px;
opacity: 0;
}
.markdown-embed:hover .file-embed-link svg,
.markdown-embed:hover .markdown-embed-link svg {
opacity: 1;
}
.markdown-preview-view .markdown-embed-content > .markdown-preview-view {
max-height: none !important;
}
.markdown-embed .markdown-preview-view {
padding: 0;
}
.internal-embed .markdown-embed {
border: 0;
border-left: 2px solid var(--quote-opening-modifier);
border-radius: 0;
}
/* Embedded Searches */
.markdown-preview-view .internal-query.is-embed {
border-top: none;
border-bottom: none;
}
.markdown-preview-view .internal-query.is-embed .internal-query-header {
justify-content: start;
}
.markdown-preview-view .internal-query.is-embed .internal-query-header-title {
font-weight: 500;
color: var(--text-normal);
font-size: var(--h2);
}
.internal-query.is-embed .search-result-file-matches {
border-bottom: 0;
}
/* Editor Mode Footnotes */
.cm-s-obsidian span.cm-footref {
font-size: var(--font-adaptive-normal);
}
.cm-s-obsidian pre.HyperMD-footnote {
font-size: var(--font-adaptive-small);
padding-left: 20px;
}
/* Editor Mode Tables */
.CodeMirror pre.HyperMD-table-row {
font-size: calc(var(--font-adaptive-normal) - 1px);
font-family: var(--font-monospace) !important;
}
/* Editor Mode Lists */
.cm-formatting-list {
color: var(--text-faint) !important;
}
/* Editor Mode Quotes */
span.cm-formatting.cm-formatting-quote {
color: var(--text-faint) !important;
}
/* --------------- */
/* Internal search */
/* --------------- */
.is-flashing {
border-radius: 2px;
box-shadow: 0 2px 0 8px var(--text-highlight-bg);
transition: all 0s ease-in-out;
}
.is-flashing .tag {
border-color: var(--text-highlight-bg-active);
}
.suggestion-container.mod-search-suggestion {
max-width: 280px;
}
.mod-search-suggestion .suggestion-item {
font-size: var(--font-adaptive-small);
}
.mod-search-suggestion .clickable-icon {
margin: 0;
}
.search-suggest-item.mod-group {
font-size: var(--font-adaptive-smaller);
}
.cm-s-obsidian span.obsidian-search-match-highlight {
background: inherit;
background: var(--text-highlight-bg);
padding-left: 0;
padding-right: 0;
}
.markdown-preview-view .search-highlight > div {
box-shadow: 0 0 0px 2px var(--text-normal);
border-radius: 2px;
background: transparent;
}
.markdown-preview-view .search-highlight > div {
opacity: 0.4;
}
.markdown-preview-view .search-highlight > div.is-active {
background: transparent;
border-radius: 2px;
opacity: 1;
mix-blend-mode: normal;
box-shadow: 0 0 0px 3px var(--text-accent);
}
.document-search-container.mod-replace-mode {
height: 90px;
}
.document-search-button,
.document-search-close-button {
cursor: var(--cursor);
}
.document-search-close-button:before {
font-weight: 200;
}
.document-search-container {
position: fixed;
padding-top: 10px;
height: 50px;
background-color: var(--background-primary);
border-top: var(--border-width-alt) solid var(--background-modifier-border);
width: 100%;
}
input.document-search-input,
input.document-replace-input {
margin-top: 2px;
font-size: var(--font-adaptive-small) !important;
border: 1px solid var(--background-modifier-border);
border-radius: 5px;
height: 28px !important;
background: var(--background-primary);
transition: border-color 0.1s ease-in-out;
}
input.document-search-input:hover,
input.document-replace-input:hover {
border: 1px solid var(--background-modifier-border-hover);
background: var(--background-primary);
transition: border-color 0.1s ease-in-out;
}
input.document-search-input:focus,
input.document-replace-input:focus {
border: 1px solid var(--background-modifier-border-focus);
background: var(--background-primary);
transition: all 0.1s ease-in-out;
}
.document-search-button {
font-size: var(--font-adaptive-small);
}
/* --------------- */
/* Sidebar documents */
/* --------------- */
.workspace > .workspace-split:not(.mod-root) .CodeMirror,
.workspace > .workspace-split:not(.mod-root) .markdown-preview-view {
font-size: var(--font-adaptive-small);
line-height: 1.2;
}
.workspace
> .workspace-split:not(.mod-root)
.workspace-leaf-content[data-type='markdown']
.markdown-preview-view {
padding: 0 15px;
}
.workspace
> .workspace-split:not(.mod-root)
.workspace-leaf-content[data-type='markdown']
.markdown-embed
.markdown-preview-view {
padding: 0;
}
.workspace > .workspace-split:not(.mod-root) .CodeMirror,
.workspace > .workspace-split:not(.mod-root) .markdown-preview-section,
.workspace > .workspace-split:not(.mod-root) .markdown-preview-sizer {
max-width: 100%;
padding: 0;
width: auto;
}
/* Hide embed styling for sidebar documents */
.workspace > .workspace-split:not(.mod-root) .internal-embed .markdown-embed {
border: none;
padding: 0;
}
.workspace > .workspace-split:not(.mod-root) .CodeMirror-sizer {
padding-left: 10px;
}
/* --------------- */
/* Turn off file name trimming */
/* --------------- */
.full-file-names .tree-item-inner,
.full-file-names .nav-file-title-content,
.full-file-names .search-result-file-title {
text-overflow: unset;
white-space: normal;
line-height: 1.4;
}
.full-file-names .nav-file-title {
margin-bottom: 3px;
}
/* --------------- */
/* Form inputs */
/* --------------- */
textarea,
input[type='text'],
input[type='search'],
input[type='email'],
input[type='password'],
input[type='number'],
button,
.dropdown,
.setting-item-control button {
font-size: var(--font-normal);
font-family: var(--font-ui);
}
textarea {
padding: 5px 10px;
transition: all 0.1s linear;
line-height: 1.3;
-webkit-appearance: none;
}
input[type='text'],
input[type='search'],
input[type='email'],
input[type='password'],
input[type='number'] {
padding: 5px 10px;
transition: all 0.1s linear;
height: var(--input-height);
-webkit-appearance: none;
}
textarea:hover,
select:hover,
input:hover {
border-color: var(--background-modifier-border-hover);
transition: all 0.1s linear;
}
textarea:active,
textarea:focus,
button:active,
button:focus,
.dropdown:focus,
.dropdown:active,
select:focus,
select:active,
input[type='text']:active,
input[type='search']:active,
input[type='email']:active,
input[type='password']:active,
input[type='number']:active,
input[type='text']:focus,
input[type='search']:focus,
input[type='email']:focus,
input[type='password']:focus,
input[type='number']:focus {
-webkit-appearance: none;
border-color: var(--background-modifier-border-hover);
}
body:not(.is-mobile) textarea:active,
body:not(.is-mobile) textarea:focus,
body:not(.is-mobile) button:active,
body:not(.is-mobile) button:focus,
body:not(.is-mobile) .dropdown:focus,
body:not(.is-mobile) .dropdown:active,
body:not(.is-mobile) select:focus,
body:not(.is-mobile) select:active,
body:not(.is-mobile) input:focus {
box-shadow: 0 0 0px 2px var(--background-modifier-border-hover);
}
.modal.mod-settings button:not(.mod-cta):not(.mod-warning),
.modal button:not(.mod-warning),
.modal.mod-settings button:not(.mod-warning) {
background-color: var(--background-button);
color: var(--text-normal);
border: 1px solid var(--background-modifier-border);
box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.05);
cursor: var(--cursor);
height: var(--input-height);
line-height: 0;
white-space: nowrap;
}
button:hover,
.modal button:not(.mod-warning):hover,
.modal.mod-settings button:not(.mod-warning):hover {
box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.05);
background-color: var(--background-button);
border-color: var(--background-modifier-border-hover);
}
.dropdown,
select {
box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.05);
background-color: var(--background-button);
border-color: var(--background-modifier-border);
transition: border-color 0.1s linear;
}
.dropdown:hover,
select:hover {
background-color: var(--background-button);
box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.05);
}
/* --------------- */
/* Checkboxes */
/* --------------- */
input[type='checkbox'] {
-webkit-appearance: none;
appearance: none;
border-radius: 30%;
border: 2px solid var(--background-modifier-border-hover);
padding: 0;
}
input[type='checkbox']:focus,
input[type='checkbox']:hover {
outline: 0;
border-color: var(--text-faint);
}
.checklist-plugin-main .group .compact > .toggle .checked,
.is-flashing input[type='checkbox']:checked,
input[type='checkbox']:checked {
background-color: var(--blue) !important;
/* border: 2px solid var(--blue); */
border: none;
background-position: center;
background-size: 70%;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml; utf8, ');
}
.markdown-preview-section > .contains-task-list {
padding-bottom: 0.5em;
}
.markdown-preview-view ul > li.task-list-item.is-checked {
text-decoration: none;
color: var(--text-normal);
}
.markdown-preview-view .task-list-item-checkbox {
width: 16px;
height: 16px;
position: relative;
top: 6px;
line-height: 0;
margin-left: -1.5em;
margin-right: 6px;
filter: none;
}
.markdown-preview-view ul > li.task-list-item {
text-indent: 0;
line-height: 1.4;
}
.markdown-preview-view .task-list-item {
padding-inline-start: 0;
}
.side-dock-plugin-panel-inner {
padding-right: 6px;
padding-left: 6px;
}
/* --------------- */
/* Toggle switches */
/* --------------- */
.checkbox-container {
background-color: var(--background-modifier-border-hover);
box-shadow: inset 0 0px 1px 0px rgba(0, 0, 0, 0.2);
border: none;
width: 40px;
height: 24px;
cursor: var(--cursor);
}
.checkbox-container:after {
background: white;
border: none;
margin: 3px 0 0 0;
height: 18px;
width: 18px;
border-radius: 26px;
box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.1);
transition: all 0.1s linear;
}
.checkbox-container:hover:after {
box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.1);
transition: all 0.1s linear;
}
.checkbox-container.is-enabled {
border-color: var(--interactive-accent);
}
/* --------------- */
/* File browser */
/* --------------- */
.nav-header {
padding: 0;
}
.nav-buttons-container {
padding: 10px 5px 0px 5px;
margin-bottom: 0px !important;
justify-content: flex-start;
border: 0;
}
.nav-files-container {
overflow-x: hidden;
padding-bottom: 50px;
padding-left: 5px;
}
.nav-folder-title {
margin: 0 0 0 8px;
min-width: auto;
width: calc(100% - 16px);
padding: 0 10px 0 16px;
line-height: 1.5;
cursor: var(--cursor);
}
.nav-folder.mod-root > .nav-folder-title.is-being-dragged-over {
background-color: var(--text-selection);
}
.nav-folder-title.is-being-dragged-over {
background-color: var(--text-selection);
border-color: var(--text-selection);
border-radius: 6px;
border: 1px solid transparent;
}
.nav-folder-title-content {
padding: 0px 4px 1px 0;
font-weight: 600;
}
.nav-folder-collapse-indicator {
top: 1px;
margin-left: -10px;
}
.nav-file {
margin-left: 12px;
padding-right: 4px;
}
.nav-file-title {
width: calc(100% - 30px);
margin: 0 8px 0 -4px;
padding: 2px 2px;
border-width: 0;
line-height: 1.6;
border-color: var(--background-secondary);
border-radius: 6px;
cursor: var(--cursor);
}
.nav-file-title.is-being-dragged,
.nav-file-title.is-active,
body:not(.is-grabbing) .nav-file-title.is-active:hover {
background-color: var(--background-tertiary);
color: var(--text-normal);
}
.nav-file-title-content {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 5px;
vertical-align: middle;
cursor: var(--cursor);
}
.drop-indicator {
border-width: 1px;
}
.nav-file-icon {
margin: 1px 0 0 0;
vertical-align: bottom;
padding: 0 0 0 5px;
}
.workspace-leaf-content[data-type='starred'] .nav-file-title-content {
width: calc(100% - 15px);
}
body:not(.is-grabbing) .nav-file-title:hover .nav-folder-collapse-indicator,
body:not(.is-grabbing) .nav-folder-title:hover .nav-folder-collapse-indicator,
body:not(.is-grabbing) .nav-file-title:hover,
body:not(.is-grabbing) .nav-folder-title:hover {
background: transparent;
}
/* Tooltip */
.tooltip {
font-size: var(--font-adaptive-small);
line-height: 1.2;
padding: 4px 8px;
border-radius: 4px;
}
/* Sidebar font size */
.nav-file-title,
.tree-item-self,
.nav-folder-title,
.is-collapsed .search-result-file-title,
.tag-pane-tag {
font-size: var(--font-adaptive-small);
color: var(--text-muted);
}
.search-result-file-title {
font-size: var(--font-adaptive-small);
color: var(--text-normal);
font-weight: var(--normal-weight);
}
.side-dock-collapsible-section-header {
font-size: var(--font-adaptive-small);
color: var(--text-muted);
cursor: var(--cursor);
margin-right: 0;
margin-left: 0;
}
.side-dock-collapsible-section-header:hover,
.side-dock-collapsible-section-header:not(.is-collapsed) {
color: var(--text-muted);
background: transparent;
}
.tree-view-item-self:hover .tree-view-item-collapse,
.collapsible-item-self.is-clickable:hover {
color: var(--text-muted);
background: transparent;
cursor: var(--cursor);
}
.collapsible-item-self.is-clickable {
cursor: var(--cursor);
}
.search-result-collapse-indicator svg,
.search-result-file-title:hover .search-result-collapse-indicator svg,
.side-dock-collapsible-section-header-indicator:hover svg,
.side-dock-collapsible-section-header:hover
.side-dock-collapsible-section-header-indicator
svg,
.markdown-preview-view .collapse-indicator svg,
.tree-view-item-collapse svg,
.is-collapsed .search-result-collapse-indicator svg,
.nav-folder-collapse-indicator svg,
.side-dock-collapsible-section-header-indicator svg,
.is-collapsed .side-dock-collapsible-section-header-indicator svg {
color: var(--text-faint);
cursor: var(--cursor);
}
.search-result-collapse-indicator,
.search-result-file-title:hover .search-result-collapse-indicator,
.side-dock-collapsible-section-header-indicator:hover,
.side-dock-collapsible-section-header:hover
.side-dock-collapsible-section-header-indicator,
.markdown-preview-view .collapse-indicator,
.tree-view-item-collapse,
.is-collapsed .search-result-collapse-indicator,
.nav-folder-collapse-indicator,
.side-dock-collapsible-section-header-indicator,
.is-collapsed .side-dock-collapsible-section-header-indicator {
color: var(--text-faint);
cursor: var(--cursor);
}
.nav-folder-title.is-being-dragged-over .nav-folder-collapse-indicator svg {
color: var(--text-normal);
}
/* --------------- */
/* Relationship lines */
/* --------------- */
/* Relationship lines in Preview */
ul {
position: relative;
}
.markdown-preview-view ul ul::before {
content: '';
border-left: 1px solid var(--background-modifier-border);
position: absolute;
left: -0.85em;
top: 0;
bottom: 0;
}
.markdown-preview-view ul.contains-task-list::before {
top: 5px;
}
.markdown-preview-view .task-list-item-checkbox {
margin-left: -1.3em;
}
/* Relationship lines in Edit mode */
.cm-hmd-list-indent > .cm-tab {
display: inline-block;
}
.cm-hmd-list-indent > .cm-tab:after {
content: ' ';
display: block;
width: 1px;
position: absolute;
top: 1px;
border-right: 1px solid var(--background-modifier-border);
height: 100%;
}
/* --------------- */
/* Folding offset */
/* --------------- */
/* Add padding to account for gutter in Edit mode when folding is on */
body:not(.plugin-sliding-panes-rotate-header) .view-header-title,
.allow-fold-headings.markdown-preview-view .markdown-preview-sizer,
.allow-fold-lists.markdown-preview-view .markdown-preview-sizer {
padding: 0 8px 0 16px;
}
.allow-fold-lists.markdown-preview-view
.markdown-embed
.markdown-preview-sizer {
padding-left: 0;
}
.is-mobile .markdown-source-view.mod-cm6.is-readable-line-width .cm-gutters,
.is-mobile .markdown-source-view.mod-cm6.is-readable-line-width .cm-content {
transform: translateX(-10px) !important;
}
.CodeMirror-sizer {
padding-right: 12px !important;
}
/* Folding icons in Preview */
.markdown-preview-view .heading-collapse-indicator.collapse-indicator svg,
.markdown-preview-view ol > li .collapse-indicator svg,
.markdown-preview-view ul > li .collapse-indicator svg {
opacity: 0;
}
h1:hover .heading-collapse-indicator.collapse-indicator svg,
h2:hover .heading-collapse-indicator.collapse-indicator svg,
h3:hover .heading-collapse-indicator.collapse-indicator svg,
h4:hover .heading-collapse-indicator.collapse-indicator svg,
h5:hover .heading-collapse-indicator.collapse-indicator svg,
.markdown-preview-view .is-collapsed .collapse-indicator svg,
.markdown-preview-view .collapse-indicator:hover svg {
opacity: 1;
}
.markdown-preview-view div.is-collapsed h1::after,
.markdown-preview-view div.is-collapsed h2::after,
.markdown-preview-view div.is-collapsed h3::after,
.markdown-preview-view div.is-collapsed h4::after,
.markdown-preview-view div.is-collapsed h5::after,
.markdown-preview-view ol .is-collapsed::after,
.markdown-preview-view ul .is-collapsed::after {
content: '...';
padding: 5px;
color: var(--text-faint);
}
.markdown-preview-view ol > li.task-list-item .collapse-indicator,
.markdown-preview-view ul > li.task-list-item .collapse-indicator {
position: absolute;
margin-left: -42px;
margin-top: 5px;
}
.markdown-preview-view ol > li .collapse-indicator {
padding-right: 20px;
}
.markdown-preview-view .heading-collapse-indicator.collapse-indicator {
margin-left: -25px;
padding-right: 7px 8px 7px 0;
}
.markdown-preview-view .collapse-indicator {
position: absolute;
margin-left: -42px;
padding-bottom: 10px;
padding-top: 0px;
}
.markdown-preview-view ul > li:not(.task-list-item) .collapse-indicator {
padding-right: 20px;
}
.markdown-preview-view ul > li:not(.task-list-item)::marker {
font-size: 0.9em;
}
.markdown-preview-view ul > li:not(.task-list-item).is-collapsed::before {
background: var(--background-modifier-border);
box-shadow: 3px 0 0px 4px var(--background-modifier-border);
}
.list-collapse-indicator .collapse-indicator .collapse-icon {
opacity: 0;
}
.markdown-preview-view ul > li h1,
.markdown-preview-view ul > li h2,
.markdown-preview-view ul > li h3,
.markdown-preview-view ul > li h4 {
display: inline;
}
/* Folding icons in Edit mode */
span[title='Fold line'],
span[title='Unfold line'] {
margin: 0 0 0 0;
padding: 0 0 1em 0;
}
.CodeMirror-foldmarker {
color: var(--text-faint);
cursor: default;
margin-left: 5px;
}
.CodeMirror-foldgutter-folded {
cursor: var(--cursor);
margin-top: -3px;
transform: rotate(-90deg);
}
.CodeMirror-foldgutter-open {
cursor: var(--cursor);
margin-top: -1px;
width: 16px;
height: 20px;
}
span[title='Fold line'],
span[title='Unfold line'],
.CodeMirror-foldgutter-folded:after,
.CodeMirror-foldgutter-open:after {
background-repeat: no-repeat;
background-position: 50% 50%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='8' height='8' class='right-triangle'%3E%3Cpath fill='currentColor' stroke='currentColor' d='M94.9,20.8c-1.4-2.5-4.1-4.1-7.1-4.1H12.2c-3,0-5.7,1.6-7.1,4.1c-1.3,2.4-1.2,5.2,0.2,7.6L43.1,88c1.5,2.3,4,3.7,6.9,3.7 s5.4-1.4,6.9-3.7l37.8-59.6C96.1,26,96.2,23.2,94.9,20.8L94.9,20.8z'%3E%3C/path%3E%3C/svg%3E");
color: transparent;
}
span[title='Unfold line'] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='8' height='8' class='right-triangle'%3E%3Cpath fill='currentColor' stroke='currentColor' transform='rotate(-90,50,50)' d='M94.9,20.8c-1.4-2.5-4.1-4.1-7.1-4.1H12.2c-3,0-5.7,1.6-7.1,4.1c-1.3,2.4-1.2,5.2,0.2,7.6L43.1,88c1.5,2.3,4,3.7,6.9,3.7 s5.4-1.4,6.9-3.7l37.8-59.6C96.1,26,96.2,23.2,94.9,20.8L94.9,20.8z'%3E%3C/path%3E%3C/svg%3E");
}
.theme-dark span[title='Fold line'],
.theme-dark span[title='Unfold line'],
.theme-dark .CodeMirror-foldgutter-folded:after,
.theme-dark .CodeMirror-foldgutter-open:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='8' height='8' class='right-triangle'%3E%3Cpath fill='%23FFFFFF' stroke='%23FFFFFF' d='M94.9,20.8c-1.4-2.5-4.1-4.1-7.1-4.1H12.2c-3,0-5.7,1.6-7.1,4.1c-1.3,2.4-1.2,5.2,0.2,7.6L43.1,88c1.5,2.3,4,3.7,6.9,3.7 s5.4-1.4,6.9-3.7l37.8-59.6C96.1,26,96.2,23.2,94.9,20.8L94.9,20.8z'%3E%3C/path%3E%3C/svg%3E");
}
span[title='Fold line'],
.CodeMirror-foldgutter-open:after {
opacity: 0;
}
span[title='Fold line']:hover,
span[title='Unfold line'],
.CodeMirror-foldgutter-folded:after,
.CodeMirror-code > div:hover .CodeMirror-foldgutter-open:after {
opacity: 0.3;
}
span[title='Unfold line']:hover,
.CodeMirror-code > div:hover .CodeMirror-foldgutter-open:hover:after,
.CodeMirror-code > div:hover .CodeMirror-foldgutter-folded:hover:after {
opacity: 1;
}
/* --------------- */
/* Outline */
/* --------------- */
.outline {
padding: 15px 10px 20px 0;
font-size: var(--font-adaptive-small);
}
.outline .pane-empty {
font-size: var(--font-adaptive-small);
color: var(--text-faint);
padding: 0 0 0 15px;
width: 100%;
}
.outline .collapsible-item-self {
cursor: var(--cursor);
line-height: 1.4;
margin-bottom: 4px;
font-size: var(--font-adaptive-small);
padding-left: 15px;
}
.collapsible-item-collapse {
opacity: 1;
left: -5px;
color: var(--text-faint);
}
.outline .collapsible-item-inner:hover {
color: var(--text-normal);
}
.collapsible-item-self.is-clickable:hover .collapsible-item-collapse {
color: var(--text-normal);
}
.outline > .collapsible-item > .collapsible-item-self .right-triangle {
opacity: 0;
}
/* --------------- */
/* Search */
/* --------------- */
.search-result-container.mod-global-search .search-empty-state {
padding-left: 15px;
}
.search-result-file-match {
cursor: var(--cursor) !important;
}
.search-result-file-match:hover {
color: var(--text-normal);
background: transparent;
}
.search-result-container:before {
height: 1px;
}
.search-result-container.is-loading:before {
background-color: var(--background-modifier-accent);
}
.search-result {
margin-bottom: 0;
}
.search-result-count {
opacity: 1;
color: var(--text-faint);
padding: 0 0 0 5px;
}
.search-result-file-match:before {
top: 0;
}
.search-result-file-match:not(:first-child) {
margin-top: 0px;
}
.search-result-file-match {
margin-top: 0;
margin-bottom: 0;
padding-top: 6px;
padding-bottom: 5px;
}
.search-input-container input,
.search-input-container input:hover,
.search-input-container input:focus {
font-size: var(--font-adaptive-small);
padding: 5px 10px;
background-color: var(--background-secondary);
}
.search-input-container {
width: calc(100% - 20px);
margin: 0 0 5px 10px;
}
/* .search-result-file-matched-text {
background-color: var(--text-selection);
} */
.workspace-leaf-content .setting-item {
padding: 5px 0;
border: none;
}
.workspace-leaf-content .setting-item-control {
flex-shrink: 0;
flex: 1;
}
.search-input-clear-button {
cursor: var(--cursor);
top: 0px;
bottom: 0px;
border-radius: 15px;
line-height: 0px;
height: 15px;
width: 15px;
margin: auto;
padding: 6px 0 0 0;
text-align: center;
vertical-align: middle;
align-items: center;
color: var(--text-faint);
}
.search-input-clear-button:hover {
color: var(--text-normal);
}
.search-input-clear-button:before {
font-size: 22px;
font-weight: 200;
}
.search-input {
max-width: 100%;
margin-left: 0;
width: 500px;
}
input.search-input:focus {
border-color: var(--background-modifier-border);
}
.workspace-leaf-content[data-type='search'] .search-result-file-matches {
border-left: 0;
padding-left: 0;
}
.search-empty-state {
font-size: var(--font-adaptive-small);
color: var(--text-faint);
padding-left: 5px;
margin: 0;
}
.search-result-container {
padding: 5px 10px 50px 0px;
}
.search-result-file-title {
line-height: 1.3;
padding: 4px 4px 4px 24px;
vertical-align: middle;
cursor: var(--cursor) !important;
}
.tree-item-inner,
.search-result-file-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.search-result-collapse-indicator {
left: 0px;
}
.search-result-file-match:before {
height: 0.5px;
}
.search-result-file-matches {
font-size: var(--font-adaptive-small);
line-height: 1.4;
margin-bottom: 8px;
padding: 0 0 6px 0;
color: var(--text-muted);
border-bottom: 1px solid var(--background-modifier-border-focus);
}
.search-info-container {
font-size: var(--font-adaptive-smaller);
color: var(--text-faint);
padding-top: 5px;
padding-bottom: 5px;
}
.search-info-more-matches {
font-size: var(--font-adaptive-smaller);
padding-top: 4px;
padding-bottom: 4px;
color: var(--text-normal);
}
.side-dock-collapsible-section-header-indicator {
display: none;
}
.search-result-file-title:hover {
color: var(--text-normal);
background: transparent;
}
.workspace-leaf-content .search-input,
.workspace-leaf-content .search-input:hover,
.workspace-leaf-content .search-input:focus {
font-size: var(--font-adaptive-small);
padding: 7px 10px;
height: 28px;
border-radius: 5px;
background: var(--background-primary);
border: 1px solid var(--background-modifier-border);
transition: border-color 0.1s ease-in-out;
}
.workspace-leaf-content .search-input:hover {
border-color: var(--background-modifier-border-hover);
transition: border-color 0.1s ease-in-out;
}
.workspace-leaf-content .search-input:focus {
background: var(--background-primary);
border-color: var(--background-modifier-border-focus);
transition: all 0.1s ease-in-out;
}
.search-input-container input::placeholder {
color: var(--text-faint);
font-size: var(--font-adaptive-small);
}
.workspace-split.mod-root
.workspace-split.mod-vertical
.workspace-leaf-content {
padding-right: 0;
}
.workspace-split.mod-horizontal.mod-right-split {
width: 0;
}
.workspace-split.mod-vertical > .workspace-leaf {
padding-right: 1px;
}
.workspace-leaf-content[data-type='starred'] .item-list {
padding-top: 5px;
}
.workspace-leaf-content .view-content,
.workspace-split.mod-right-split .view-content {
padding: 0;
}
/* --------------- */
/* Nested items */
/* --------------- */
.nav-folder-collapse-indicator,
.tree-item-self .collapse-icon {
color: var(--background-modifier-border-hover);
}
.tree-item-self .collapse-icon {
padding-left: 0;
width: 15px;
margin-left: -15px;
}
.tree-item-self:hover .collapse-icon {
color: var(--text-normal);
}
.tree-item {
padding-left: 5px;
}
.tree-item-flair {
font-size: var(--font-adaptive-smaller);
right: 0;
background: transparent;
color: var(--text-faint);
}
.tree-item-flair-outer:after {
content: '';
}
.tree-item-self.is-clickable {
cursor: var(--cursor);
}
.tree-item-self.is-clickable:hover {
background: transparent;
}
.tree-item-self:hover .tree-item-flair {
background: transparent;
color: var(--text-muted);
}
.tree-item-children {
margin-left: 5px;
}
/* --------------- */
/* Backlink pane */
/* --------------- */
.outgoing-link-pane,
.backlink-pane {
padding-bottom: 30px;
}
.outgoing-link-pane .search-result-container,
.backlink-pane .search-result-container {
padding: 5px 5px 5px 5px;
margin-left: 0;
}
.outgoing-link-pane .search-result-file-title,
.backlink-pane .search-result-file-title {
padding-left: 15px;
}
.outgoing-link-pane .tree-item-icon,
.outgoing-link-pane > .tree-item-self .collapse-icon,
.backlink-pane > .tree-item-self .collapse-icon {
display: none;
}
.tree-item-self.outgoing-link-item {
padding: 0;
margin-left: 5px;
}
.outgoing-link-pane > .tree-item-self:hover,
.outgoing-link-pane > .tree-item-self,
.backlink-pane > .tree-item-self:hover,
.backlink-pane > .tree-item-self {
padding-left: 15px;
color: var(--text-muted);
/* text-transform: uppercase; */
letter-spacing: 0.05em;
font-size: var(--font-adaptive-small);
font-weight: 500;
padding: 10px 7px 5px 10px;
background: transparent;
}
.outgoing-link-pane > .tree-item-self.is-collapsed,
.backlink-pane > .tree-item-self.is-collapsed {
color: var(--text-faint);
}
.outgoing-link-pane .search-result-file-match {
padding: 5px 0;
border: 0;
}
.outgoing-link-pane .search-result-file-match-destination-file {
background: transparent;
}
.search-result-file-match:hover
.search-result-file-match-destination-file:hover {
background: transparent;
color: var(--text-normal);
}
/* --------------- */
/* Tag pane */
/* --------------- */
.tag-container {
padding: 10px;
}
.tag-pane-tag-count {
margin-right: 10px;
color: var(--text-faint);
}
.pane-list-item-ending-flair {
background: transparent;
}
.tag-pane-tag {
padding: 2px 5px 2px 5px;
cursor: var(--cursor);
}
.tag-pane-tag:hover {
background: transparent;
}
.nav-file.is-active .nav-file-title:hover {
background: var(--background-tertiary) !important;
}
.nav-file.is-active > .nav-file-title {
background: var(--background-tertiary);
}
/* --------------- */
/* Status bar */
/* --------------- */
.status-bar {
transition: color 200ms linear;
color: var(--text-faint);
font-size: var(--font-adaptive-smaller);
line-height: 1;
max-height: 24px;
}
.status-bar {
background-color: var(--background-primary);
z-index: 30;
border-top-left-radius: 5px;
width: auto;
position: absolute;
left: auto;
border: 0;
bottom: 0;
right: 0;
max-height: 26px;
padding: 2px 8px 6px 3px;
}
.sync-status-icon.mod-working,
.sync-status-icon.mod-success {
color: var(--text-faint);
transition: color 200ms linear;
cursor: var(--cursor);
}
.status-bar:hover .sync-status-icon.mod-working,
.status-bar:hover .sync-status-icon.mod-success,
.status-bar:hover {
color: var(--text-muted);
transition: color 200ms linear;
}
.status-bar-item {
padding: 0 5px;
}
.status-bar-item-segment {
margin-right: 10px;
}
.status-bar-item.mod-clickable {
cursor: var(--cursor);
}
.status-bar-item.mod-clickable:hover {
background-color: var(--background-tertiary);
border-radius: 4px;
}
.status-bar-item {
padding: 7px 5px;
margin: 0 2px 0 0;
}
.status-bar-item,
.sync-status-icon {
display: flex;
align-items: center;
}
.status-bar-item.plugin-sync {
padding-right: 0;
}
.status-bar-item.plugin-sync svg {
height: 15px;
width: 15px;
}
/* --------------- */
/* Workplace ribbon & sidedock icons */
/* --------------- */
.workspace-ribbon-collapse-btn {
margin: 0;
padding: 12px 5px;
}
.workspace-ribbon-collapse-btn,
.view-action,
.side-dock-ribbon-tab,
.side-dock-ribbon-action {
cursor: var(--cursor);
}
.workspace-ribbon {
border-width: var(--border-width-alt);
border-color: var(--background-modifier-border);
background: var(--background-secondary);
}
.mod-right:not(.is-collapsed) ~ .workspace-split.mod-right-split {
margin-right: 0;
}
.side-dock-ribbon-action {
padding: 6px 0;
}
body.hider-frameless:not(.hider-ribbon):not(.is-fullscreen) .side-dock-actions {
padding-top: 24px;
}
body.hider-frameless:not(.hider-ribbon):not(.is-fullscreen)
.workspace-ribbon-collapse-btn {
margin: 0;
padding-top: 40px;
}
.workspace-ribbon.mod-right {
right: 7px; /* DO NOT CHANGE */
}
/* --------------- */
/* Preview mode */
/* --------------- */
.markdown-preview-view hr {
height: 1px;
border-width: 2px 0 0 0;
}
a[href*="obsidian://search"]
{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='17' height='17' class='search'%3E%3Cpath fill='black' stroke='black' stroke-width='2' d='M42,6C23.2,6,8,21.2,8,40s15.2,34,34,34c7.4,0,14.3-2.4,19.9-6.4l26.3,26.3l5.6-5.6l-26-26.1c5.1-6,8.2-13.7,8.2-22.1 C76,21.2,60.8,6,42,6z M42,10c16.6,0,30,13.4,30,30S58.6,70,42,70S12,56.6,12,40S25.4,10,42,10z'%3E%3C/path%3E%3C/svg%3E");
}
.theme-dark a[href*="obsidian://search"]
{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='17' height='17' class='search'%3E%3Cpath fill='white' stroke='white' stroke-width='2' d='M42,6C23.2,6,8,21.2,8,40s15.2,34,34,34c7.4,0,14.3-2.4,19.9-6.4l26.3,26.3l5.6-5.6l-26-26.1c5.1-6,8.2-13.7,8.2-22.1 C76,21.2,60.8,6,42,6z M42,10c16.6,0,30,13.4,30,30S58.6,70,42,70S12,56.6,12,40S25.4,10,42,10z'%3E%3C/path%3E%3C/svg%3E");
}
/* Style settings to toggle link underlines */
body:not(.links-int-on) a[href*="obsidian://"],
body:not(.links-int-on) .markdown-preview-view .internal-link,
body:not(.links-int-on) .external-link {
text-decoration: none;
}
body.links-int-on .markdown-preview-view .internal-link,
.markdown-preview-view .internal-link {
text-decoration: underline;
}
body.links-ext-on .external-link,
.external-link {
text-decoration: underline;
}
.footnotes-list {
margin-block-start: -10px;
padding-inline-start: 20px;
font-size: var(--font-adaptive-small);
}
.footnotes-list p {
display: inline;
margin-block-end: 0;
margin-block-start: 0;
}
.footnote-ref a {
text-decoration: none;
}
.footnote-backref {
color: var(--text-faint);
}
iframe {
border: 0;
}
.markdown-preview-view .mod-highlighted {
transition: background-color 0.3s ease;
background-color: var(--text-selection);
color: inherit;
}
/* Metadata */
.frontmatter-collapse-indicator.collapse-indicator {
display: none;
}
.frontmatter-container .tag {
font-size: var(--font-adaptive-smaller);
}
.frontmatter-container .frontmatter-alias {
color: var(--text-muted);
}
.frontmatter-container {
border: 1px solid var(--background-modifier-border);
font-size: 14px;
color: var(--text-muted);
padding: 6px 14px;
border-radius: 4px;
background-color: var(--background-primary-alt);
position: relative;
margin-top: 16px;
}
/* Blockquotes */
.markdown-preview-view blockquote {
border-radius: 0;
border: solid var(--quote-opening-modifier);
border-width: 0px 0px 0px 2px;
background-color: transparent;
color: var(--green);
font-style: italic;
padding: 0 0 0 calc(var(--nested-padding) / 2);
margin-inline-start: var(--nested-padding);
}
.cm-s-obsidian span.cm-quote {
color: var(--green);
font-style: italic;
}
/* --------------- */
/* TEXT MARKINGS*/
/* --------------- */
/* Hashes */
span.cm-formatting {
color: var(--text-faint);
}
/* Italics */
em,
.cm-s-obsidian .cm-em.cm-header,
.cm-s-obsidian .cm-em.cm-header.cm-header-1,
.cm-s-obsidian .cm-em.cm-header.cm-header-2,
.cm-s-obsidian .cm-em.cm-header.cm-header-3,
.cm-s-obsidian .cm-em.cm-header.cm-header-4,
.cm-s-obsidian .cm-em.cm-header.cm-header-5,
.cm-s-obsidian .cm-em.cm-header.cm-header-6,
.cm-s-obsidian .cm-em.cm-header.cm-header-1,
.cm-s-obsidian .cm-em.cm-header.cm-header-2,
.cm-s-obsidian .cm-em.cm-header.cm-header-3,
.cm-s-obsidian .cm-em.cm-header.cm-header-4,
.cm-s-obsidian .cm-em.cm-header.cm-header-5,
.cm-s-obsidian .cm-em.cm-header.cm-header-6,
.markdown-preview-section em,
.cm-s-obsidian .cm-em {
font-style: italic;
color: var(--em-color);
}
/* Bold */
strong,
.cm-s-obsidian .cm-strong.cm-header,
.cm-s-obsidian .cm-strong.cm-header.cm-header-1,
.cm-s-obsidian .cm-strong.cm-header.cm-header-2,
.cm-s-obsidian .cm-strong.cm-header.cm-header-3,
.cm-s-obsidian .cm-strong.cm-header.cm-header-4,
.cm-s-obsidian .cm-strong.cm-header.cm-header-5,
.cm-s-obsidian .cm-strong.cm-header.cm-header-6,
.cm-s-obsidian .cm-strong.cm-header.cm-header-1,
.cm-s-obsidian .cm-strong.cm-header.cm-header-2,
.cm-s-obsidian .cm-strong.cm-header.cm-header-3,
.cm-s-obsidian .cm-strong.cm-header.cm-header-4,
.cm-s-obsidian .cm-strong.cm-header.cm-header-5,
.cm-s-obsidian .cm-strong.cm-header.cm-header-6,
.cm-header.cm-header-3.cm-hmd-internal-link,
.markdown-preview-section strong,
.cm-s-obsidian .cm-strong {
color: var(--strong-color);
}
/* Strikethrough */
del,
.cm-strikethrough {
text-decoration-color: var(--text-muted);
text-decoration-thickness: 2px !important;
}
/* Tables */
.markdown-preview-view th {
font-weight: var(--bold-weight);
text-align: left;
border-top: none;
}
.markdown-preview-view th:last-child,
.markdown-preview-view td:last-child {
border-right: none;
}
.markdown-preview-view th:first-child,
.markdown-preview-view td:first-child {
border-left: none;
padding-left: 0;
}
.markdown-preview-view tr:last-child td {
border-bottom: none;
}
/* Preview Mode Lists */
ul {
padding-inline-start: 2em;
}
ol {
padding-inline-start: 1em;
margin-left: 1em;
list-style: default;
position: relative;
}
ul > li {
min-height: 1.4em;
}
ul > li::marker,
ol > li::marker {
color: var(--text-faint);
}
ol > li {
margin-left: 0em;
}
/* --------------- */
/* Code */
/* --------------- */
.markdown-preview-view code {
color: var(--code-color);
}
.cm-inline-code {
color: var(--code-color) !important;
}
.theme-light :not(pre) > code[class*='language-'],
.theme-light pre[class*='language-'] {
background-color: var(--background-primary-alt);
}
.theme-light code[class*='language-'],
.theme-light pre[class*='language-'] {
text-shadow: none;
}
pre .copy-code-button {
border-radius: 5px;
background-color: var(--background-secondary-alt);
}
pre .copy-code-button:hover {
background-color: var(--background-tertiary);
}
.markdown-preview-section .frontmatter code {
color: var(--text-muted);
font-size: var(--font-adaptive-small);
}
.cm-s-obsidian .hmd-fold-html-stub,
.cm-s-obsidian .hmd-fold-code-stub,
.cm-s-obsidian.CodeMirror .HyperMD-hover > .HyperMD-hover-content code,
.cm-s-obsidian .cm-formatting-hashtag,
.cm-s-obsidian .cm-inline-code,
.cm-s-obsidian .HyperMD-codeblock,
.cm-s-obsidian .HyperMD-hr,
.cm-s-obsidian .cm-hmd-frontmatter,
.cm-s-obsidian .cm-hmd-orgmode-markup,
.cm-s-obsidian .cm-formatting-code,
.cm-s-obsidian .cm-math,
.cm-s-obsidian span.hmd-fold-math-placeholder,
.cm-s-obsidian .CodeMirror-linewidget kbd,
.cm-s-obsidian .hmd-fold-html kbd .CodeMirror-code {
font-family: var(--font-monospace);
}
.cm-s-obsidian .cm-hmd-frontmatter {
font-size: var(--font-adaptive-small);
color: var(--text-muted);
}
.markdown-source-view.mod-cm6 .code-block-flair {
color: var(--text-muted);
padding: 5px;
}
/* Atom coloring */
/* Source: https://github.com/AGMStudio/prism-theme-one-dark */
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: var(--atom-gray-1) !important;
}
.token.punctuation {
color: var(--atom-gray-2) !important;
}
.token.selector,
.token.tag {
color: var(--atom-red) !important;
}
.token.property,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.attr-name,
.token.deleted {
color: var(--atom-orange) !important;
}
.token.string,
.token.char,
.token.attr-value,
.token.builtin,
.token.inserted {
color: var(--atom-green) !important;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
color: var(--atom-aqua) !important;
}
.token.atrule,
.token.keyword {
color: var(--atom-purple) !important;
}
.token.function,
.token.macro.property {
color: var(--atom-blue) !important;
}
.token.class-name {
color: var(--atom-yellow) !important;
}
.token.regex,
.token.important,
.token.variable {
color: var(--atom-purple) !important;
}
.token.important,
.token.bold {
font-weight: bold !important;
}
.token.italic {
font-style: italic !important;
}
.token.entity {
cursor: help !important;
}
pre.line-numbers {
position: relative !important;
padding-left: 3.8em !important;
counter-reset: linenumber !important;
}
pre.line-numbers > code {
position: relative !important;
}
.line-numbers .line-numbers-rows {
position: absolute !important;
pointer-events: none !important;
top: 0 !important;
font-size: 100% !important;
left: -3.8em !important;
width: 3em !important;
letter-spacing: -1px !important;
border-right: 0 !important;
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
}
.line-numbers-rows > span {
pointer-events: none !important;
display: block !important;
counter-increment: linenumber !important;
}
.line-numbers-rows > span:before {
content: counter(linenumber) !important;
color: var(--syntax-gray-1) !important;
display: block !important;
padding-right: 0.8em !important;
text-align: right !important;
}
/* --------------- */
/* Popovers */
/* --------------- */
.popover,
.popover.hover-popover {
min-height: 40px;
box-shadow: 0 20px 40px var(--background-modifier-box-shadow);
pointer-events: auto !important;
border: 1px solid var(--background-modifier-border);
}
.popover.hover-popover {
max-height: 40vh;
}
.popover .markdown-embed-link {
display: none;
}
.popover .markdown-embed .markdown-preview-view {
padding: 10px 20px 30px;
}
.popover.hover-popover .markdown-embed .markdown-embed-content {
max-height: none;
}
.popover.hover-popover.mod-empty {
padding: 20px 20px 20px 20px;
color: var(--text-muted);
}
.popover.hover-popover .markdown-preview-view .table-view-table,
.popover.hover-popover .markdown-embed .markdown-preview-view {
font-size: 1.05em;
}
.popover.hover-popover .markdown-embed h1,
.popover.hover-popover .markdown-embed h2,
.popover.hover-popover .markdown-embed h3,
.popover.hover-popover .markdown-embed h4 {
margin-top: 1rem;
}
/* --------------- */
/* Graphs */
/* Fill color for nodes */
.graph-view.color-fill {
color: var(--text-muted);
}
/* Fill color for nodes on hover */
.graph-view.color-fill-highlight {
color: var(--text-accent);
}
/* Stroke color for nodes */
.graph-view.color-circle {
color: var(--text-accent);
}
/* Line color */
.graph-view.color-line {
color: var(--background-modifier-border);
}
/* Line color on hover */
.graph-view.color-line-highlight {
color: var(--text-accent);
border: 0;
}
/* Text color */
.graph-view.color-text {
color: var(--text-normal);
}
.graph-view.color-fill-unresolved {
color: var(--text-faint);
}
/* Full bleed (takes up full height) */
body:not(.plugin-sliding-panes-rotate-header)
.workspace-leaf-content[data-type='localgraph']
.view-header,
body:not(.plugin-sliding-panes-rotate-header)
.workspace-leaf-content[data-type='graph']
.view-header {
position: fixed;
background: transparent !important;
width: 100%;
}
body:not(.plugin-sliding-panes-rotate-header)
.workspace-leaf-content[data-type='localgraph']
.view-content,
body:not(.plugin-sliding-panes-rotate-header)
.workspace-leaf-content[data-type='graph']
.view-content {
height: 100%;
}
body:not(.plugin-sliding-panes-rotate-header)
.workspace-leaf-content[data-type='localgraph']
.view-header-title,
body:not(.plugin-sliding-panes-rotate-header)
.workspace-leaf-content[data-type='graph']
.view-header-title {
display: none;
}
body:not(.plugin-sliding-panes-rotate-header)
.workspace-leaf-content[data-type='localgraph']
.view-actions,
body:not(.plugin-sliding-panes-rotate-header)
.workspace-leaf-content[data-type='graph']
.view-actions {
background: transparent;
}
.mod-root .workspace-leaf-content[data-type='localgraph'] .graph-controls,
.mod-root .workspace-leaf-content[data-type='graph'] .graph-controls {
top: 30px;
}
.mod-root .workspace-leaf-content[data-type='localgraph'] .graph-controls,
.mod-root .workspace-leaf-content[data-type='graph'] .graph-controls {
top: 30px;
}
/* Graph controls */
.graph-control-section .tree-item-children {
padding-bottom: 15px;
}
.graph-control-section-header {
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.05em;
font-size: var(--font-adaptive-smallest);
color: var(--text-muted);
}
.graph-controls .search-input-container {
width: 100%;
}
.setting-item.mod-search-setting.has-term-changed .graph-control-search-button,
.graph-controls .graph-control-search-button {
display: none;
}
.graph-controls .setting-item-name {
font-size: var(--font-adaptive-small);
}
.graph-controls {
background: var(--background-primary);
border: none;
min-width: 240px;
left: 0;
top: 10px;
margin-bottom: 0;
padding: 10px 20px 10px 10px;
border-radius: 0;
}
.graph-controls input[type='text'],
.graph-controls input[type='range'] {
font-size: var(--font-adaptive-small);
}
.graph-controls .mod-cta {
width: 100%;
font-size: var(--font-adaptive-small);
padding: 5px;
}
.mod-left-split .graph-controls {
background: var(--background-secondary);
}
input[type='range'] {
background-color: var(--background-modifier-border-hover);
height: 2px;
padding: 0 0px;
-webkit-appearance: none;
cursor: default;
margin: 0;
border-radius: 0px;
}
/* input[type='range']:focus {
} */
input[type='range']::-webkit-slider-runnable-track {
background: var(--background-modifier-border-hover);
height: 2px;
margin-top: 0px;
}
input[type='range']::-webkit-slider-thumb {
background: white;
border: 1px solid var(--background-modifier-border-hover);
height: 18px;
width: 18px;
border-radius: 16px;
margin-top: -5px;
transition: all 0.1s linear;
cursor: default;
box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.05),
0 2px 4px 0px rgba(0, 0, 0, 0.1);
}
input[type='range']::-webkit-slider-thumb:hover,
input[type='range']::-webkit-slider-thumb:active {
background: white;
border-width: 1;
border: 1px solid var(--background-modifier-border-focus);
box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.05),
0 2px 3px 0px rgba(0, 0, 0, 0.2);
transition: all 0.1s linear;
}
.local-graph-jumps-slider-container,
.workspace-split.mod-left-split .local-graph-jumps-slider-container,
.workspace-split.mod-right-split .local-graph-jumps-slider-container,
.workspace-fake-target-overlay .local-graph-jumps-slider-container {
background: transparent;
opacity: 0.6;
padding: 0;
left: 12px;
transition: opacity 0.2s linear;
height: auto;
}
.mod-root .local-graph-jumps-slider-container {
right: 0;
left: 0;
width: var(--line-width-adaptive);
max-width: var(--max-width);
margin: 0 auto;
top: 30px;
}
.workspace-split.mod-left-split .local-graph-jumps-slider-container:hover,
.workspace-split.mod-right-split .local-graph-jumps-slider-container:hover,
.workspace-fake-target-overlay .local-graph-jumps-slider-container:hover,
.local-graph-jumps-slider-container:hover {
opacity: 0.8;
transition: opacity 0.2s linear;
}
/* --------------- */
/* Settings */
/* --------------- */
.modal-close-button {
top: 0;
cursor: var(--cursor);
font-size: 24px;
color: var(--text-faint);
}
.modal-close-button:hover {
color: var(--text-normal);
}
.modal-close-button:before {
font-family: Inter, sans-serif;
font-weight: 200;
}
.horizontal-tab-content,
.vertical-tab-content {
background: var(--background-primary);
padding-bottom: 100px;
}
.vertical-tab-header,
.vertical-tab-content {
padding-bottom: 100px;
}
.plugin-list-plugins {
overflow: visible;
}
.community-theme-container,
.hotkey-settings-container {
height: auto;
overflow: visible;
}
.modal.mod-settings .vertical-tab-header {
background: var(--background-secondary);
padding-top: 5px;
padding-bottom: 25px;
}
.vertical-tab-header-group-title {
color: var(--text-normal);
font-size: 12px;
letter-spacing: 0.05em;
font-weight: 500;
}
.vertical-tab-nav-item {
padding: 4px 10px 4px 17px;
color: var(--text-muted);
border: none;
background: var(--background-secondary);
cursor: var(--cursor);
}
.vertical-tab-nav-item:hover,
.vertical-tab-nav-item.is-active {
color: var(--text-normal);
}
.setting-hotkey {
background-color: var(--background-modifier-border);
padding: 3px 10px 3px 10px;
}
.setting-hotkey.mod-empty {
background: transparent;
}
.dropdown {
border-color: var(--background-modifier-border);
font-family: var(--font-ui);
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
}
.theme-dark .dropdown {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
}
/* --------------- */
/* Publish */
/* --------------- */
.modal.mod-publish {
max-width: 600px;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.modal.mod-publish .modal-title {
padding-left: 20px;
padding-bottom: 10px;
}
.mod-publish .modal-content {
padding-left: 20px;
padding-right: 20px;
}
.mod-publish p {
font-size: var(--font-small);
}
.mod-publish .button-container,
.modal.mod-publish .modal-button-container {
margin-top: 0px;
padding: 10px;
border-top: 1px solid var(--background-modifier-border);
bottom: 0px;
background-color: var(--background-primary);
position: absolute;
width: 100%;
margin-left: -20px;
text-align: center;
}
.publish-changes-info {
padding: 0 0 15px;
margin-bottom: 0;
border-bottom: 1px solid var(--background-modifier-border);
}
.modal.mod-publish .modal-content .publish-sections-container {
max-height: none;
height: auto;
padding: 10px 20px 30px 0;
margin-top: 10px;
margin-right: -20px;
margin-bottom: 80px;
}
.publish-site-settings-container {
max-height: none;
height: auto;
margin-right: -20px;
margin-bottom: 80px;
overflow-x: hidden;
}
.publish-section-header {
padding-bottom: 15px;
border-width: 1px;
}
.password-item {
padding-left: 0;
padding-right: 0;
}
.publish-section-header-text {
font-weight: 600;
color: var(--text-normal);
cursor: var(--cursor);
}
.publish-section-header-text,
.publish-section-header-toggle-collapsed-button,
.publish-section-header-action,
.file-tree-item-header {
cursor: var(--cursor);
}
.publish-section-header-text:hover,
.publish-section-header-toggle-collapsed-button:hover,
.publish-section-header-action:hover {
color: var(--text-normal);
cursor: var(--cursor);
}
.mod-publish .u-pop {
color: var(--text-normal);
}
.publish-section-header-toggle-collapsed-button {
padding: 7px 0 0 3px;
width: 18px;
}
.mod-publish .file-tree-item {
margin-left: 20px;
}
.mod-publish .file-tree-item {
padding: 0;
margin-bottom: 2px;
font-size: var(--font-small);
}
.mod-publish .file-tree-item-checkbox {
filter: hue-rotate(0);
}
.mod-publish .file-tree-item.mod-deleted .flair,
.mod-publish .file-tree-item.mod-to-delete .flair {
background: transparent;
color: #ff3c00;
font-weight: 500;
}
.mod-publish .file-tree-item.mod-new .flair {
background: transparent;
font-weight: 500;
color: #13c152;
}
.mod-publish .site-list-item {
padding-left: 0;
padding-right: 0;
}
/* --------------- */
/* Scroll bars */
/* --------------- */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background-color: var(--background-primary);
}
::-webkit-scrollbar-thumb {
border-width: 0px 4px 6px 0px;
border-style: solid;
border-radius: 0 !important;
border-color: var(--background-primary);
background-color: var(--background-modifier-border);
min-height: 40px;
}
.modal .vertical-tab-header::-webkit-scrollbar-track,
.mod-left-split .workspace-tabs ::-webkit-scrollbar-track {
background-color: var(--background-secondary);
}
.modal .vertical-tab-header::-webkit-scrollbar-track-piece,
.mod-left-split .workspace-tabs ::-webkit-scrollbar-track-piece {
background-color: var(--background-secondary);
}
.modal .vertical-tab-header::-webkit-scrollbar-thumb,
.mod-left-split .workspace-tabs ::-webkit-scrollbar-thumb {
border-color: var(--background-secondary);
background-color: var(--background-modifier-border);
}
.modal .vertical-tab-header::-webkit-scrollbar-thumb:hover,
.mod-left-split .workspace-tabs ::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:hover {
background-color: var(--background-modifier-border-hover);
}
.modal .vertical-tab-header::-webkit-scrollbar-thumb:active,
.mod-left-split .workspace-tabs ::-webkit-scrollbar-thumb:active,
::-webkit-scrollbar-thumb:active {
background-color: var(--background-modifier-border-focus);
}
/* --------------------------------------------------------------------------------
Mobile styling
-------------------------------------------------------------------------------- */
.is-mobile {
--font-settings-title: 18px;
--font-settings: 16px;
--font-settings-small: 13px;
--input-height: 40px;
}
/* Reset podding */
body.is-mobile {
padding: 0 !important;
}
/* Fix large edit mode headers in mobile */
/* .is-mobile .cm-header {
font-size: 1em;
} */
.is-mobile .follow-link-popover {
font-family: var(--font-ui);
}
.hider-tooltips .follow-link-popover {
display: none;
}
.is-mobile .ͼ1 .cm-line,
.is-mobile .workspace-drawer-tab-container > *,
body.is-mobile .view-header-title,
.is-mobile .allow-fold-headings.markdown-preview-view .markdown-preview-sizer,
.is-mobile .allow-fold-lists.markdown-preview-view .markdown-preview-sizer {
padding: 0;
}
.is-mobile .titlebar {
height: 0 !important;
padding: 0 !important;
position: relative !important;
border-bottom: none;
}
.is-mobile .horizontal-main-container {
background-color: var(--background-primary);
}
.is-mobile .safe-area-top-cover {
background-color: var(--background-primary);
}
.is-mobile .workspace {
border-radius: 0 !important;
transform: none !important;
}
.is-mobile .workspace-drawer:not(.is-pinned) {
width: 90vw;
max-width: 360pt;
border: none;
box-shadow: 0 5px 50px 5px rgba(0, 0, 0, 0.05);
}
.is-mobile .workspace-drawer.mod-left.is-pinned {
max-width: 280pt;
}
.is-mobile .workspace-drawer.mod-right.is-pinned {
max-width: 240pt;
}
.is-mobile .workspace-drawer.mod-right.is-pinned {
border-right: none;
}
.is-mobile .workspace-leaf-content[data-type='starred'] .item-list {
padding-left: 5px;
}
.is-mobile .workspace-drawer-tab-option-item-title,
.is-mobile .workspace-drawer-active-tab-title {
font-size: var(--font-adaptive-small);
}
.is-mobile
.workspace-drawer-tab-option-item:hover
.workspace-drawer-tab-option-item-title,
.is-mobile
.workspace-drawer-active-tab-header:hover
.workspace-drawer-active-tab-title {
color: var(--text-normal);
}
.is-mobile
.workspace-drawer-active-tab-header:hover
.workspace-drawer-active-tab-back-icon {
color: var(--text-normal);
}
.is-mobile .nav-file-title,
.is-mobile .nav-folder-title,
.is-mobile .outline,
.is-mobile .tree-item-self,
.is-mobile .tag-container,
.is-mobile .tag-pane-tag {
font-size: var(--font-adaptive-small);
line-height: 1.5;
margin-bottom: 4px;
}
.is-mobile .backlink-pane > .tree-item-self,
.is-mobile .outgoing-link-pane > .tree-item-self {
font-size: var(--font-adaptive-smallest);
}
.is-mobile .tree-item-flair {
font-size: var(--font-adaptive-small);
}
.is-mobile .nav-files-container {
padding: 5px 5px 5px 5px;
}
.is-mobile .search-result-container {
padding-bottom: 20px;
}
.is-mobile .search-result-file-match-replace-button {
background-color: var(--background-tertiary);
color: var(--text-normal);
}
.is-mobile .search-result-file-matches,
.is-mobile .search-result-file-title {
font-size: var(--font-adaptive-small);
}
/* Folding on mobile */
.ͼ1 .cm-foldGutter .cm-gutterElement {
cursor: var(--cursor);
}
.ͼ1 .cm-foldPlaceholder {
background: transparent;
border-color: transparent;
}
.is-mobile .empty-state-action {
border-radius: 6px;
font-size: var(--font-adaptive-small);
}
.is-mobile .workspace-drawer-header {
padding: 5px 10px 0 20px;
}
body:not(.is-ios).is-mobile .workspace-drawer-ribbon {
padding: 5px;
}
.is-mobile .workspace-drawer-header-name {
font-weight: var(--bold-weight);
color: var(--text-normal);
}
.is-mobile .workspace-drawer-header-info {
color: var(--text-faint);
font-size: var(--font-adaptive-small);
margin-bottom: 5px;
}
.is-mobile .mod-left .workspace-drawer-header-info,
.is-mobile.hider-status .workspace-drawer-header-info {
display: none;
}
.is-mobile .workspace-drawer-active-tab-header {
margin: 2px 12px 2px;
padding: 8px 0 8px 8px;
border-radius: 8px;
}
.is-mobile .workspace-leaf-content .item-list,
.is-mobile .tag-container,
.is-mobile .backlink-pane {
padding-top: 10px;
}
.is-mobile .outgoing-link-pane,
.is-mobile .backlink-pane {
padding-left: 10px;
}
.workspace-drawer.mod-left .workspace-drawer-inner {
padding-left: 0;
}
.is-mobile .workspace-drawer-ribbon {
background: var(--background-secondary);
border-right: 1px solid var(--background-modifier-border);
z-index: 3;
flex-direction: column;
width: 70px;
padding: 15px 0;
margin-right: 0px;
}
.is-ios .is-pinned .workspace-drawer-ribbon {
padding: 30px 0 20px 0;
}
.is-mobile .side-dock-actions,
.is-mobile .side-dock-settings {
flex-direction: column;
border-radius: 15px;
}
.is-mobile .mod-left .workspace-drawer-header,
.is-mobile .mod-left .workspace-drawer-tab-container {
margin-left: 70px;
}
.is-mobile .workspace-drawer-ribbon .side-dock-ribbon-action {
padding: 9px 5px 2px 5px;
margin: 0 12px 4px;
border-radius: 8px;
}
.is-mobile .workspace-drawer-ribbon .side-dock-ribbon-action svg {
width: 22px;
height: 22px;
}
.is-mobile .workspace-drawer-ribbon .side-dock-ribbon-action:hover {
background-color: var(--background-tertiary);
box-shadow: 0 0 0px 1px var(--background-tertiary);
}
.is-mobile .workspace-drawer-active-tab-container {
z-index: 9999;
background-color: var(--background-primary);
}
.is-mobile .side-dock-actions,
.is-mobile .side-dock-settings {
display: flex;
align-content: center;
justify-content: center;
padding: 0;
}
.is-mobile .workspace-drawer.mod-left:not(.is-pinned) {
border-right: none;
}
.is-mobile .modal.mod-publish,
.is-mobile .modal.mod-community-plugin,
.is-mobile .modal.mod-settings {
width: 100vw;
max-height: 80vh;
}
.is-mobile .nav-buttons-container {
padding: 0 0 10px 15px;
}
.is-mobile
.workspace-leaf-content:not([data-type='search'])
.nav-buttons-container {
border-bottom: var(--border-width) solid var(--background-modifier-border);
}
.is-mobile input[type='text'] {
font-size: 14px;
height: var(--input-height);
}
.is-mobile .search-input-container input[type='text'] {
border-radius: 50px;
height: 40px;
padding: 10px 20px;
font-size: 14px;
-webkit-appearance: none;
}
.is-mobile .search-input-clear-button {
right: 15px;
}
.is-mobile .modal,
.is-mobile .prompt,
.is-mobile .suggestion-container {
width: 100%;
max-width: 100%;
padding: 10px;
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
}
.is-mobile .suggestion-container {
margin: 0 auto;
border: none;
left: 0;
right: 0;
}
.is-mobile .suggestion-item {
font-size: var(--font-adaptive-normal);
padding-left: 10px;
letter-spacing: 0.001px;
}
.is-mobile .prompt-results .suggestion-flair {
display: none;
}
.is-mobile input[type='text'].prompt-input,
.is-mobile input[type='text'].prompt-input:hover {
line-height: 2;
padding: 8px;
font-size: var(--font-adaptive-normal);
}
.is-mobile .search-input-container input::placeholder {
font-size: 14px;
}
.is-mobile .modal-setting-back-button {
padding: 20px;
background-color: var(--color-background);
box-shadow: none;
}
.is-mobile .hotkey-list-container .setting-command-hotkeys {
flex: unset;
}
.is-mobile
.markdown-preview-view
input[type='checkbox'].task-list-item-checkbox {
top: 6px;
}
.is-mobile .workspace-drawer {
border-width: var(--border-width);
}
.is-mobile .workspace-drawer-inner,
.is-mobile .workspace-drawer-active-tab-container {
background-color: var(--background-secondary);
}
/* Hide expand workspace icon */
/* .workspace-drawer-active-tab-icon {
display: none;
} */
.is-mobile .menu {
border: none;
width: 100%;
max-width: 100%;
left: 0 !important;
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
}
.is-ios .is-pinned .workspace-drawer-ribbon {
padding: 30px 0 20px 0;
}
.is-ios .workspace-drawer.is-pinned .workspace-drawer-header {
padding-top: 26px;
}
.is-mobile .workspace-split.mod-root {
background-color: var(--background-primary);
}
.is-ios .mod-root .workspace-leaf {
padding-top: 20px;
}
.is-ios
.mod-root
.workspace-split.mod-horizontal
.workspace-leaf:not(:first-of-type) {
padding-top: 0;
}
.is-mobile.focus-mode .view-actions {
opacity: 1;
}
.is-mobile .workspace-drawer-header-icon svg {
width: 22px;
}
.is-mobile .workspace-drawer-tab-options {
padding-top: 10px;
}
.is-mobile .workspace-drawer-tab-option-item {
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
margin: 0 10px;
padding: 8px 10px;
border-radius: 6px;
}
.is-mobile .nav-action-button svg {
width: 22px;
margin: 0;
}
.is-mobile .menu-item {
padding: 5px 10px;
}
.is-mobile .menu-item-icon {
margin-right: 10px;
}
.is-mobile .menu-item-icon svg {
width: 18px;
height: 18px;
}
.is-mobile .view-header-title {
font-size: 125%;
}
.is-mobile .view-action svg {
width: 22px;
}
.is-mobile .view-action {
padding: 5px 5px 4px;
margin: 0;
border-radius: 8px;
}
.is-mobile .workspace-leaf-content[data-type='search'] .nav-action-button,
.is-mobile .nav-action-button,
.is-mobile .workspace-drawer-header-icon {
padding: 5px 7px 0 !important;
margin: 5px 2px 2px 0;
text-align: center;
border-radius: 8px;
cursor: var(--cursor);
}
.is-mobile .nav-file-title.is-active {
box-shadow: 0 0 0px 3px var(--background-tertiary);
}
.pull-down-action {
top: 0;
left: 0;
right: 0;
width: 100%;
margin: 0 auto;
padding: 50px 0 20px;
text-align: center;
border-radius: 0;
border: none;
box-shadow: 0 5px 200px var(--background-modifier-box-shadow);
}
.is-mobile .menu-item.is-label {
color: var(--text-normal);
font-weight: var(--bold-weight);
}
.is-mobile .menu-item.is-label .menu-item-icon {
display: none;
}
.mobile-toolbar {
width: 100%;
text-align: center;
display: flex;
overflow: scroll;
background-color: var(--background-primary);
border-top: 1px solid var(--background-modifier-border);
}
.is-mobile .modal.mod-settings .vertical-tab-content-container {
border: 0;
}
.is-mobile .modal,
.is-mobile .modal-bg {
transition: none !important;
transform: none !important;
}
.is-mobile .document-search-container {
height: 56px;
padding: 10px 15px;
}
.is-mobile .document-search-container input[type='text'] {
width: auto;
margin: 0 5px 0 0;
height: 32px;
padding: 5px 7px;
border-radius: 6px;
border: 1px solid var(--background-modifier-border);
background-color: var(--background-primary);
}
.is-mobile .document-search-container button {
width: auto;
margin: 0px;
background: transparent;
font-size: 14px;
height: 32px;
}
.is-mobile .modal .vertical-tab-header-group:last-child,
.is-mobile .modal .vertical-tab-content {
padding-bottom: 70px !important;
}
.pull-out-action {
top: 0;
height: 100vh;
padding: 30px 10px;
background: transparent;
display: flex;
justify-content: center;
align-content: center;
flex-direction: column;
}
.is-mobile .markdown-preview-view pre {
overflow-x: scroll;
}
/* Sync */
.is-mobile .sync-history-list {
padding: 10px;
background-color: var(--background-primary);
}
.is-mobile .sync-history-list-item {
font-size: var(--font-adaptive-small);
padding: 8px 10px;
}
.is-mobile .sync-history-content-container .modal-button-container {
padding: 5px 10px 30px 10px;
}
.is-mobile .sync-history-content {
outline: none;
-webkit-appearance: none;
border: 0;
background-color: var(--background-secondary);
}
.is-mobile .view-header-icon .three-horizontal-bars {
opacity: 0;
}
.is-mobile.plugin-sliding-panes .view-header-title {
mask-image: unset;
-webkit-mask-image: unset;
}
.is-mobile.plugin-sliding-panes-rotate-header .view-header-title {
line-height: 1.2;
}
.is-mobile .workspace-drawer-header-name-text {
white-space: nowrap;
margin-right: 10px;
}
.is-mobile .mod-community-theme .modal-title {
padding: 10px 20px;
}
.is-mobile .mod-publish .modal-content {
display: unset;
padding: 10px 10px 10px;
margin-bottom: 120px;
overflow-x: hidden;
}
.is-mobile .mod-publish .button-container,
.is-mobile .modal.mod-publish .modal-button-container {
padding: 10px 15px 30px;
margin-left: 0px;
left: 0;
}
.is-mobile .modal.mod-publish .modal-title {
padding: 10px 20px;
margin: 0 -10px;
border-bottom: 1px solid var(--background-modifier-border);
}
.is-mobile .publish-site-settings-container {
margin-right: 0;
padding: 0;
}
.is-mobile .modal.mod-publish .modal-content .publish-sections-container {
margin-right: 0;
padding-right: 0;
}
/* --------------- */
/* Phone styling */
/* --------------- */
@media (max-width: 400pt) {
.view-header-icon {
display: none;
}
.is-mobile .suggestion-hotkey {
display: none;
}
.is-mobile .modal,
.is-mobile .menu,
.is-mobile .prompt {
border-radius: 0;
}
.is-mobile .suggestion-flair {
right: 0;
left: auto;
position: absolute;
padding: 5px 5px 0 0;
}
.is-mobile .prompt {
border-radius: 0;
padding-top: 5px;
padding-bottom: 0;
max-height: calc(100vh - 120px);
top: 120px;
}
.is-mobile .suggestion-container {
max-height: 200px;
border-top: 1px solid var(--background-modifier-border);
border-radius: 0;
padding-top: 0;
box-shadow: none;
}
.is-mobile .suggestion-container .suggestion {
padding-top: 10px;
}
.workspace-drawer-header-icon .pin {
display: none;
}
/*
.is-mobile .markdown-source-view .cm-scroller > .cm-content {
margin-top:15px;
} */
.is-ios .workspace-drawer .workspace-drawer-header {
padding-top: 40px;
}
.is-ios .mod-root .workspace-leaf {
padding-top: 40px;
}
.is-mobile .workspace .workspace-drawer-backdrop {
margin-top: -40px;
height: calc(100vh + 50px);
z-index: 9;
}
.is-mobile .modal .vertical-tab-header-group-title {
padding: 20px 20px 10px;
}
.is-mobile .modal .vertical-tab-nav-item {
padding: 3px 20px;
}
.is-ios .workspace-drawer-ribbon {
padding: 40px 0 20px 0;
}
.is-mobile .view-header-title {
max-width: 80vw;
}
.is-mobile .view-header-title {
padding-right: 20px;
font-size: 18px;
}
.is-mobile .workspace-drawer-header-name-text {
font-size: 18px;
}
.is-mobile .menu-item.is-label {
font-size: 18px;
}
.is-mobile .view-header {
border-bottom: var(--border-width) solid var(--background-modifier-border) !important;
}
.is-mobile .modal-setting-back-button {
border-bottom: 1px solid var(--background-modifier-border);
}
.is-mobile .installed-plugins-container {
max-width: 100%;
overflow: hidden;
}
.is-mobile .setting-item-info {
flex: 1 1 auto;
}
.is-mobile .kanban-plugin__board-settings-modal .setting-item-control,
.is-mobile .setting-item-control {
flex: 1 0 auto;
margin-right: 0;
min-width: auto;
}
.is-mobile .checkbox-container {
flex: 1 0 40px;
max-width: 40px;
}
.is-mobile .setting-item-description {
word-break: break-word;
white-space: pre-line;
}
.is-mobile .view-action {
padding: 3px 0 0 4px;
margin-top: -4px;
}
.is-mobile .menu {
padding-bottom: 30px;
}
.is-mobile .frontmatter-container .tag,
.is-mobile .cm-s-obsidian span.cm-hashtag,
.is-mobile .tag {
font-size: var(--font-adaptive-smaller);
}
.is-mobile .setting-item-control select,
.is-mobile .setting-item-control input,
.is-mobile .setting-item-control button {
margin-bottom: 5px;
}
.is-mobile .setting-item-control input[type='range'] {
margin-bottom: 10px;
}
.is-mobile .publish-section-header,
.is-mobile .publish-changes-info {
flex-wrap: wrap;
border: none;
}
.is-mobile .publish-changes-info .publish-changes-add-linked-btn {
flex-basis: 100%;
margin-top: 10px;
}
.is-mobile .publish-section-header-text {
flex-basis: 100%;
margin-bottom: 10px;
margin-left: 20px;
margin-top: -8px;
}
.is-mobile .publish-section {
background: var(--background-secondary);
border-radius: 10px;
padding: 12px 12px 1px;
}
.is-mobile .publish-changes-switch-site {
flex-grow: 0;
margin-right: 10px;
}
}
/* ---------------- */
/* Mobile toolbar button */
/* ---------------- */
.is-mobile [aria-label='Edit (⌘+Click to edit in new pane)'],
.is-mobile [aria-label='Edit (Ctrl+Click to edit in new pane)'],
.is-mobile [aria-label='Preview (⌘+Click to open in new pane)'],
.is-mobile [aria-label='Preview (Ctrl+Click to open in new pane)'] {
color: white;
background-color: var(--blue);
opacity: 1;
/* filter: brightness(97%); */
top: calc(100vh - 88px);
display: flex;
padding: 5px;
position: fixed;
left: 87vw;
transform: translate(-40%, -18%);
justify-content: center;
align-items: center;
width: 53px;
height: 53px;
border-radius: 50% !important;
box-shadow: 0.9px 0.9px 3.6px rgba(0, 0, 0, 0.07),
2.5px 2.4px 10px rgba(0, 0, 0, 0.1), 6px 5.7px 24.1px rgba(0, 0, 0, 0.13),
20px 19px 80px rgba(0, 0, 0, 0.2);
}
/* Shrink FAB on small displays */
@media screen and (max-height: 400px) {
[aria-label='Edit (⌘+Click to edit in new pane)'],
[aria-label='Edit (Ctrl+Click to edit in new pane)'],
[aria-label='Preview (⌘+Click to open in new pane)'],
[aria-label='Preview (Ctrl+Click to open in new pane)'] {
transform: scale(0.8) translate(-50%, -50%);
}
}
/* --------------- */
/* Tablet styling */
/* --------------- */
@media (min-width: 400pt) {
.mobile-toolbar-option {
border-radius: 8px;
margin: 6px 0;
}
.mobile-toolbar-option:hover {
background-color: var(--background-tertiary);
}
.is-mobile.is-ios .safe-area-top-cover {
background-color: transparent;
}
.is-mobile .modal,
.is-mobile .modal-container .modal.mod-settings {
max-width: 800px;
transform: translateZ(0);
border-top-left-radius: 20px !important;
border-top-right-radius: 20px !important;
margin-bottom: -15px;
overflow: hidden;
}
.is-mobile .modal-container .modal.mod-settings .vertical-tabs-container {
transform: translateZ(0);
}
.is-mobile .view-action {
padding: 5px 5px 4px;
border-radius: 8px;
}
.is-mobile .view-action:hover,
.is-mobile .nav-action-button:hover,
.is-mobile
.workspace-leaf-content[data-type='search']
.nav-action-button.is-active:hover,
.is-mobile
.workspace-leaf-content[data-type='backlink']
.nav-action-button.is-active:hover,
.is-mobile .workspace-drawer-tab-option-item:hover,
.is-mobile .workspace-drawer-header-icon:hover {
background-color: var(--background-tertiary);
box-shadow: 0 0 0 2px var(--background-tertiary);
}
.is-mobile .prompt {
max-width: 600px;
max-height: 600px;
bottom: auto !important;
border-radius: 20px;
top: 100px !important;
}
.is-mobile .suggestion-container {
max-width: 600px;
max-height: 600px;
border-radius: 20px;
bottom: 80px;
border: 1px solid var(--background-modifier-border);
}
.is-mobile .modal-container .suggestion-item {
padding: 10px 5px 10px 10px;
border-radius: 8px;
}
.is-mobile .suggestion-flair {
right: 0;
left: auto;
position: absolute;
padding: 10px;
}
.is-mobile .menu {
top: 60px !important;
right: 0 !important;
bottom: auto;
left: auto;
margin: 0 auto;
width: 360px;
padding: 10px 10px 20px;
border-radius: 15px;
box-shadow: 0 0 100vh 100vh rgba(0, 0, 0, 0.5);
}
/* Animations */
.is-mobile .menu,
.is-mobile .suggestion-container,
.is-mobile .modal,
.is-mobile .prompt {
transition: unset !important;
transform: unset !important;
animation: unset !important;
}
.is-mobile .modal-container .modal-bg {
opacity: 0.8 !important;
}
.is-mobile .modal-container .prompt {
opacity: 1 !important;
}
.is-mobile .menu .menu-item:hover {
background-color: var(--background-tertiary);
}
.is-mobile .setting-item:not(.mod-toggle):not(.setting-item-heading) {
flex-direction: row;
align-items: center;
}
.is-mobile .setting-item-control select,
.is-mobile .setting-item-control input,
.is-mobile .setting-item-control button {
width: auto;
}
.is-mobile .workspace-drawer:not(.is-pinned) {
margin: 30px 16px 0;
height: calc(100vh - 48px);
border-radius: 15px;
}
.is-mobile
.setting-item:not(.mod-toggle):not(.setting-item-heading)
.setting-item-control {
width: auto;
margin-top: 0;
}
.is-mobile .modal .search-input-container input {
width: 100%;
}
.pull-down-action {
width: 400px;
top: 15px;
padding: 15px;
border-radius: 15px;
}
}
/*----------------------------------------------------------------
PLUGINS
----------------------------------------------------------------*/
/* --------------- */
/* Sliding Panes */
/* --------------- */
body.plugin-sliding-panes-rotate-header {
--header-width: 40px;
}
body.plugin-sliding-panes-rotate-header .view-header-title:before {
display: none;
}
body.plugin-sliding-panes.plugin-sliding-panes-rotate-header
.workspace
> .mod-root
> .workspace-leaf
> .workspace-leaf-content
> .view-header {
border: none;
}
body.plugin-sliding-panes.plugin-sliding-panes-rotate-header
.workspace
> .mod-root
> .workspace-leaf
> .workspace-leaf-content
> .view-header
> .view-header-title-container:before,
body.plugin-sliding-panes.plugin-sliding-panes-rotate-header
.app-container
.workspace
> .mod-root
> .workspace-leaf.mod-active
> .workspace-leaf-content
> .view-header
> .view-header-title-container:before {
background: none !important;
}
body.plugin-sliding-panes-rotate-header .workspace > .mod-root .view-header {
text-orientation: sideways;
}
body.plugin-sliding-panes.plugin-sliding-panes-rotate-header
.workspace
> .mod-root
> .workspace-leaf.mod-active
> .workspace-leaf-content
> .view-header {
border-right: none;
}
body.plugin-sliding-panes-stacking .workspace > .mod-root > .workspace-leaf,
body.plugin-sliding-panes .workspace-split.mod-vertical > .workspace-leaf {
box-shadow: 0 0 0 1px var(--background-modifier-border),
1px 0px 15px 0px var(--shadow-color) !important;
}
body.plugin-sliding-panes .mod-horizontal .workspace-leaf {
box-shadow: none !important;
}
body.plugin-sliding-panes:not(.is-fullscreen)
.workspace-split.is-collapsed
~ .workspace-split.mod-root
.view-header {
transition: padding 0.1s ease;
}
body.plugin-sliding-panes .view-header-title:before {
background: none;
}
body.plugin-sliding-panes .view-header {
background: none;
}
body.plugin-sliding-panes-rotate-header
.workspace
> .mod-root
.view-header-title-container
body.plugin-sliding-panes-rotate-header.plugin-sliding-panes-header-alt
.workspace
> .mod-root
.view-header-title {
margin-top: 0;
}
body.plugin-sliding-panes-rotate-header
.workspace
> .mod-root
.view-header-title-container {
margin-left: 0;
padding-top: 0;
}
body.plugin-sliding-panes-rotate-header .view-header-title-container {
position: static;
}
body.plugin-sliding-panes-rotate-header
.app-container
.workspace
> .mod-root
> .workspace-leaf
> .workspace-leaf-content
> .view-header
> div {
margin-left: 0px;
bottom: 0;
}
body.plugin-sliding-panes-rotate-header .view-header-icon {
opacity: var(--icon-muted);
}
body.plugin-sliding-panes-rotate-header .view-header-icon:hover {
opacity: 1;
}
body.plugin-sliding-panes.plugin-sliding-panes-rotate-header
.workspace
> .mod-root
> .workspace-leaf
> .workspace-leaf-content
> .view-header
.view-header-icon {
padding: 4px 1px;
margin: 5px 0 0 0;
left: 0;
width: 26px;
}
body.plugin-sliding-panes.plugin-sliding-panes-rotate-header
.workspace
> .mod-root
> .workspace-leaf
> .workspace-leaf-content
> .view-header
.view-actions {
padding-bottom: 33px;
}
/* Space for the hover ribbon in the bottom left with Hider */
body.hider-ribbon.plugin-sliding-panes.plugin-sliding-panes-rotate-header
.workspace
> .mod-root
> .workspace-leaf
> .workspace-leaf-content
> .view-header
.view-actions {
padding-bottom: 50px;
}
body.plugin-sliding-panes.is-fullscreen .view-header-icon {
padding-top: 8px;
}
body.plugin-sliding-panes.plugin-sliding-panes-rotate-header
.workspace
> .mod-root
> .workspace-leaf
> .workspace-leaf-content
> .view-header
.view-action {
margin: 3px 0;
padding: 4px 1px;
width: 26px;
}
body.plugin-sliding-panes .mod-root .graph-controls {
top: 20px;
left: 30px;
}
/* --------------- */
/* Hider */
/* --------------- */
.hider-ribbon:not(.is-mobile) .workspace-ribbon-collapse-btn {
display: none;
}
.hider-ribbon:not(.is-mobile) .workspace-ribbon.mod-right {
pointer-events: none;
}
.hider-ribbon:not(.is-mobile) .workspace-ribbon.mod-left {
position: absolute;
border-right: 0px;
margin: 0;
height: var(--header-height);
overflow: visible;
flex-basis: 0;
bottom: 0;
top: auto;
display: flex !important;
flex-direction: row;
z-index: 17;
opacity: 0;
transition: opacity 0.25s ease-in-out;
filter: drop-shadow(2px 10px 30px rgba(0, 0, 0, 0.2));
}
.hider-ribbon:not(.is-mobile) .side-dock-actions,
.hider-ribbon:not(.is-mobile) .side-dock-settings {
display: flex;
border-top: var(--border-width) solid var(--background-modifier-border);
background: var(--background-secondary);
margin: 0;
position: relative;
}
.hider-ribbon:not(.is-mobile) .side-dock-actions {
padding-left: 5px;
}
.hider-ribbon:not(.is-mobile) .side-dock-settings {
border-right: var(--border-width) solid var(--background-modifier-border);
border-top-right-radius: 5px;
padding-right: 10px;
}
.hider-ribbon:not(.is-mobile)
.workspace-ribbon.mod-left
.side-dock-ribbon-action {
display: flex;
padding: 4px;
margin: 6px 0px 5px 10px;
}
.hider-ribbon:not(.is-mobile) .workspace-ribbon.mod-left:hover {
opacity: 1;
transition: opacity 0.25s ease-in-out;
}
.hider-ribbon:not(.is-mobile)
.workspace-ribbon.mod-left
.workspace-ribbon-collapse-btn {
border-top: 1px solid var(--background-modifier-border);
}
.hider-ribbon:not(.is-mobile) .workspace-split.mod-left-split {
margin: 0;
}
.hider-ribbon:not(.is-mobile) .workspace-leaf-content .item-list {
padding-bottom: 40px;
}
.hider-ribbon .workspace-ribbon {
padding: 0;
}
/* --------------- */
/* View Headers & Actions */
/* --------------- */
.view-header {
align-items: center;
}
.view-actions {
margin-right: 0px;
margin-left: auto;
transition: opacity 0.25s ease-in-out;
}
.view-actions .view-action {
margin-right: 8px;
}
.view-action.is-active {
color: var(--text-faint);
opacity: 1;
}
.view-actions .view-action:last-child {
margin-left: 2px;
}
/* Frameless mode on macOS only */
.hider-frameless:not(.is-mobile)
.workspace-split.mod-right-split
> .workspace-tabs,
.hider-frameless:not(.is-mobile) .workspace-split.mod-root .view-header {
padding-top: 2px;
}
.hider-frameless:not(.is-mobile)
.workspace-split.mod-left-split
> .workspace-tabs {
padding-top: 24px;
}
.hider-frameless:not(.is-mobile)
.workspace-split.mod-right-split
> .workspace-tabs
~ .workspace-tabs,
.hider-frameless:not(.is-mobile)
.workspace-split.mod-left-split
> .workspace-tabs
~ .workspace-tabs {
padding-top: 0px;
}
.hider-frameless.is-fullscreen:not(.is-mobile)
.workspace-split.mod-left-split
> .workspace-tabs,
.hider-frameless.is-fullscreen:not(.is-mobile)
.workspace-split.mod-root
.view-header {
padding-top: 0px;
}
/* Title bar / traffic light icons */
.mod-macos.hider-frameless.hider-ribbon:not(.plugin-sliding-panes-rotate-header) {
--traffic-space: 80px;
--traffic-padding: 60px;
}
.mod-macos.hider-frameless:not(.plugin-sliding-panes-rotate-header) {
--traffic-space: 55px;
--traffic-padding: 20px;
}
.mod-macos.hider-frameless.hider-ribbon:not(.plugin-sliding-panes-rotate-header) {
--traffic-space: 95px;
--traffic-padding: 60px;
}
.mod-macos.hider-frameless:not(.plugin-sliding-panes-rotate-header) {
--traffic-space: 65px;
--traffic-padding: 20px;
}
.mod-macos.hider-frameless:not(.is-fullscreen):not(.plugin-sliding-panes-rotate-header)
.workspace-split.mod-left-split.is-collapsed
+ .mod-root
.workspace-leaf:first-of-type
.workspace-leaf-content:not([data-type='graph'])
.view-header-icon {
margin-left: var(--traffic-padding);
}
/* --------------- */
/* Calendar */
/* --------------- */
.workspace-leaf-content[data-type='calendar'] .view-content {
padding: 5px 0 0 0;
}
#calendar-container {
padding: 5px 15px;
--color-background-day-empty: var(--background-secondary-alt);
--color-background-day-active: var(--background-tertiary);
--color-background-day-hover: var(--background-tertiary);
--color-dot: var(--text-faint);
--color-text-title: var(--text-normal);
--color-text-heading: var(--text-muted);
--color-text-day: var(--text-normal);
--color-text-today: var(--text-normal);
--color-arrow: var(--text-faint);
--color-background-day-empty: transparent;
}
#calendar-container .table {
border-collapse: separate;
table-layout: fixed;
}
#calendar-container h2 {
font-size: var(--h2);
font-weight: 400;
}
.mod-root #calendar-container {
width: var(--line-width-adaptive);
max-width: var(--max-width);
margin: 0 auto;
padding: 0;
}
#calendar-container h2 .arrow {
color: var(--text-faint);
cursor: var(--cursor);
}
#calendar-container .arrow:hover {
fill: var(--text-muted);
color: var(--text-muted);
}
#calendar-container tr th {
padding: 2px 0;
font-weight: 500;
}
#calendar-container tr td {
padding: 2px 0 0;
border-radius: 4px;
cursor: var(--cursor);
border: 2px solid transparent;
transition: none;
}
#calendar-container .nav {
padding: 0;
margin: 10px 5px 10px 5px;
}
#calendar-container .dot {
margin: 0;
}
#calendar-container .arrow {
cursor: var(--cursor);
}
#calendar-container .arrow:hover svg {
color: var(--text-muted);
}
#calendar-container .reset-button {
font-size: var(--font-adaptive-smaller);
}
#calendar-container .reset-button:hover {
color: var(--text-normal);
}
#calendar-container .title {
font-size: var(--h1);
}
#calendar-container .month,
#calendar-container .title {
font-size: var(--font-adaptive-normal);
font-weight: 600;
}
#calendar-container .today {
color: var(--text-accent);
font-weight: 600;
}
#calendar-container .today .dot {
fill: var(--text-accent);
}
#calendar-container .active .task {
stroke: var(--text-faint);
}
#calendar-container .active {
color: var(--text-normal);
}
#calendar-container .reset-button,
#calendar-container .day {
cursor: var(--cursor);
}
#calendar-container .active,
#calendar-container .active.today,
#calendar-container .week-num:hover,
#calendar-container .day:hover {
background-color: var(--color-background-day-active);
}
#calendar-container .active .dot {
fill: var(--text-faint);
}
#calendar-container .active .task {
stroke: var(--text-faint);
}
#calendar-container .year {
color: var(--text-normal);
}
/* --------------- */
/* Kanban */
/* --------------- */
body .kanban-plugin__markdown-preview-view {
font-family: var(--text);
}
body .workspace-leaf-content[data-type='kanban'] .view-header-title-container {
text-align: center;
}
body .kanban-plugin {
--interactive-accent: var(--text-selection);
--interactive-accent-hover: var(--background-tertiary);
--text-on-accent: var(--text-normal);
background-color: var(--background-primary);
}
body .kanban-plugin__board > div {
margin: 0 auto;
}
body .kanban-plugin__checkbox-label {
font-size: var(--font-adaptive-small);
color: var(--text-muted);
}
body .kanban-plugin__item-markdown ul {
margin: 0;
}
body .kanban-plugin__item-content-wrapper {
box-shadow: none;
}
body .kanban-plugin__grow-wrap > textarea,
body .kanban-plugin__grow-wrap::after {
padding: 0;
border: 0;
}
body .kanban-plugin__grow-wrap > textarea,
body .kanban-plugin__grow-wrap::after,
body .kanban-plugin__item-title p {
font-size: calc(var(--preview-font-size) - 2px);
}
body:not(.is-mobile) .kanban-plugin__grow-wrap > textarea:focus {
box-shadow: none;
}
.kanban-plugin__item-input-actions button,
.kanban-plugin__lane-input-actions button {
font-size: var(--font-adaptive-small);
}
body .kanban-plugin__item {
background-color: var(--background-primary);
}
body .kanban-plugin__lane-header-wrapper {
border-bottom: 0;
}
body .kanban-plugin__lane-header-wrapper .kanban-plugin__grow-wrap > textarea,
body .kanban-plugin__lane-input-wrapper .kanban-plugin__grow-wrap > textarea {
background: transparent;
color: var(--text-normal);
font-size: 0.875rem;
font-weight: 600;
}
body .kanban-plugin__item-input-wrapper {
border: 0;
}
body .kanban-plugin__item-input-wrapper .kanban-plugin__grow-wrap > textarea {
padding: 6px 8px;
border: 1px solid var(--background-modifier-border);
}
body .kanban-plugin__lane button.kanban-plugin__lane-settings-button.is-enabled,
body .kanban-plugin__item .kanban-plugin__item-edit-archive-button,
body .kanban-plugin__item button.kanban-plugin__item-edit-button,
body .kanban-plugin__lane button.kanban-plugin__lane-settings-button,
.kanban-plugin__item-settings-actions > button,
.kanban-plugin__lane-action-wrapper > button {
background: transparent;
transition: color 0.1s ease-in-out;
}
body .kanban-plugin__item .kanban-plugin__item-edit-archive-button:hover,
body .kanban-plugin__item button.kanban-plugin__item-edit-button.is-enabled,
body .kanban-plugin__item button.kanban-plugin__item-edit-button:hover,
body .kanban-plugin__lane button.kanban-plugin__lane-settings-button.is-enabled,
body .kanban-plugin__lane button.kanban-plugin__lane-settings-button:hover {
color: var(--text-normal);
transition: color 0.1s ease-in-out;
background: transparent;
}
body .kanban-plugin__new-lane-button-wrapper {
position: fixed;
bottom: 30px;
}
body .kanban-plugin button {
box-shadow: none;
cursor: var(--cursor);
}
body .kanban-plugin__item-button-wrapper > button {
font-size: var(--font-adaptive-small);
color: var(--text-muted);
background: transparent;
}
body .kanban-plugin__item-button-wrapper > button:hover {
color: var(--text-normal);
background: var(--background-tertiary);
}
body .kanban-plugin__item-button-wrapper {
padding-top: 5px;
border-top: none;
}
body .kanban-plugin__lane-setting-wrapper > div:last-child {
border: none;
margin: 0;
}
body .kanban-plugin__item.is-dragging {
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15), 0 0 0 2px var(--text-selection);
}
body .kanban-plugin__lane.is-dragging {
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
border: 1px solid var(--background-modifier-border);
}
body .kanban-plugin__lane {
background: var(--background-secondary);
padding: 0;
border-radius: 8px;
border: 1px solid transparent;
}
body .kanban-plugin__lane-items {
padding-bottom: 0;
margin: 0;
background-color: var(--background-secondary);
}
body
.kanban-plugin__markdown-preview-view
ol.contains-task-list
.contains-task-list,
body
.kanban-plugin__markdown-preview-view
ul.contains-task-list
.contains-task-list,
body .kanban-plugin__markdown-preview-view ul,
.kanban-plugin__markdown-preview-view ol {
padding-inline-start: 24px !important;
}
@media (max-width: 400pt) {
.kanban-plugin__board {
flex-direction: column !important;
}
.kanban-plugin__lane {
width: 100% !important;
margin-bottom: 1rem !important;
}
}
/* --------------- */
/* Todoist */
/* --------------- */
.todoist-query-title {
display: inline !important;
}
.todoist-refresh-spin {
animation: spin 1s linear infinite;
}
.todoist-refresh-button {
display: inline;
float: right;
margin-left: 8px;
padding: 3px 10px;
}
.todoist-refresh-button:hover {
background-color: var(--background-tertiary);
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
}
}
.markdown-preview-view
ul
> li.task-list-item
.todoist-p1
> input[type='checkbox'] {
border: 1px solid #ff757f !important;
background-color: rgba(255, 117, 127, 0.25) !important;
}
.markdown-preview-view
ul
> li.task-list-item
.todoist-p1
> input[type='checkbox']:hover {
background-color: rgba(255, 117, 127, 0.5) !important;
}
.markdown-preview-view
ul
> li.task-list-item
.todoist-p2
> input[type='checkbox'] {
border: 1px solid #ffc777 !important;
background-color: rgba(255, 199, 119, 0.25) !important;
}
.markdown-preview-view
ul
> li.task-list-item
.todoist-p2
> input[type='checkbox']:hover {
background-color: rgba(255, 199, 119, 0.5) !important;
}
.markdown-preview-view
ul
> li.task-list-item
.todoist-p3
> input[type='checkbox'] {
border: 1px solid #65bcff !important;
background-color: rgba(101, 188, 255, 0.25) !important;
}
.markdown-preview-view
ul
> li.task-list-item
.todoist-p3
> input[type='checkbox']:hover {
background-color: rgba(101, 188, 255, 0.5) !important;
}
.markdown-preview-view
ul
> li.task-list-item
.todoist-p4
> input[type='checkbox'] {
border: 1px solid #b4c2f0 !important;
background-color: rgba(180, 194, 240, 0.25) !important;
}
.markdown-preview-view
ul
> li.task-list-item
.todoist-p4
> input[type='checkbox']:hover {
background-color: rgba(180, 194, 240, 0.5) !important;
}
.task-metadata {
font-size: var(--font-todoist-metadata-size);
color: #7a88cf;
margin-left: unset !important;
}
.task-metadata > * {
margin-right: 30px;
}
.task-date.task-overdue {
color: rgba(255, 152, 164, 0.75) !important;
}
.task-calendar-icon,
.task-project-icon,
.task-labels-icon {
vertical-align: middle;
height: 17px;
width: 17px;
}
.todoist-project .todoist-project {
margin-left: 20px;
}
.todoist-section {
margin-left: 20px;
}
.todoist-project .todoist-project-title {
font-weight: 700;
margin-block-end: 0px;
}
.todoist-section .todoist-section-title {
font-size: var(--font-todoist-title-size);
color: #7a88cf;
font-weight: 700;
margin-block-end: 0px;
}
.todoist-error {
border: 1px solid #ff98a4;
background-color: rgba(255, 152, 164, 0.05);
padding: 1em 1em;
margin: 1em 0px;
}
.todoist-error p {
margin: 0 0 1em 0;
font-weight: 600;
}
.todoist-error code {
background-color: unset !important;
padding: unset !important;
margin: unset !important;
}
.todoist-success {
border: 1px solid #c3e88d !important;
background-color: rgba(195, 232, 141, 0.05);
padding: 1em 1em !important;
margin: 1em 0px;
}
.todoist-success p {
margin: 0;
font-weight: 600;
}
.priority-container .priority-1 {
color: #ff98a4;
}
.priority-container .priority-2 {
color: #ffc777;
}
.priority-container .priority-3 {
color: #65bcff;
}
.priority-container .priority-4 {
color: #b4c2f0;
}
/* --------------- */
/* Checklist */
/* --------------- */
.checklist-plugin-main .group .classic,
.checklist-plugin-main .group .compact,
.checklist-plugin-main .group svg,
.checklist-plugin-main .group .page {
cursor: var(--cursor);
}
.workspace .view-content .checklist-plugin-main {
padding: 10px 10px 15px 15px;
--todoList-togglePadding--compact: 2px;
--todoList-listItemMargin--compact: 2px;
}
.checklist-plugin-main .title {
font-weight: 400;
color: var(--text-muted);
font-size: var(--font-adaptive-small);
}
.checklist-plugin-main .group svg {
fill: var(--text-faint);
}
.checklist-plugin-main .group svg:hover {
fill: var(--text-normal);
}
.checklist-plugin-main .group .title:hover {
color: var(--text-normal);
}
.checklist-plugin-main .group:not(:last-child) {
border-bottom: 1px solid var(--background-modifier-border);
}
.checklist-plugin-main .group {
padding: 0 0 4px 0;
}
.checklist-plugin-main .group .classic:last-child,
.checklist-plugin-main .group .compact:last-child {
margin-bottom: 10px;
}
.checklist-plugin-main .group .classic,
.checklist-plugin-main .group .compact {
font-size: var(--font-adaptive-small);
}
.checklist-plugin-main .group .classic,
.checklist-plugin-main .group .compact {
background: transparent;
border-radius: 0;
margin: 1px auto;
padding: 0;
}
.checklist-plugin-main .group .classic .content {
padding: 0;
}
.checklist-plugin-main .group .classic:hover,
.checklist-plugin-main .group .compact:hover {
background: transparent;
}
.markdown-preview-view.checklist-plugin-main
ul
> li:not(.task-list-item)::before {
display: none;
}
.checklist-plugin-main .group .compact > .toggle .checked {
background: var(--text-accent);
top: -1px;
left: -1px;
height: 18px;
width: 18px;
}
.checklist-plugin-main .compact .toggle:hover {
opacity: 1 !important;
}
.checklist-plugin-main .group .count {
font-size: var(--font-adaptive-smaller);
padding: 0;
background: transparent;
font-weight: 400;
color: var(--text-faint);
}
.checklist-plugin-main .group .group-header:hover .count {
color: var(--text-muted);
}
.checklist-plugin-main .group .checkbox {
border: 2px solid var(--background-modifier-border-hover);
min-height: 18px;
min-width: 18px;
height: 18px;
width: 18px;
border-radius: 30%;
}
.checklist-plugin-main .group .checkbox:hover {
border: 2px solid var(--background-modifier-border-focus);
}
.checklist-plugin-main .toggle:hover {
box-shadow: none;
}
/* Checklist mobile styling */
.is-mobile .checklist-plugin-main .group-header {
display: flex;
margin-bottom: 12px;
}
.is-mobile .checklist-plugin-main .group-header .title {
font-weight: 500;
color: var(--text-muted);
font-size: var(--font-adaptive-small);
}
.is-mobile .checklist-plugin-main .group-header button {
width: fit-content !important;
margin-left: 5px;
}
.is-mobile .checklist-plugin-main .group .classic {
display: flex;
align-items: center;
padding: 5px 0;
}
.is-mobile .checklist-plugin-main .group .classic .content {
padding: 0;
display: inline-block;
}
.is-mobile .checklist-plugin-main .group .classic .toggle {
padding: 0;
margin-right: 1rem;
width: fit-content !important;
display: inline-block;
}
/* --------------- */
/* Dataview */
/* --------------- */
.markdown-preview-view .table-view-table {
font-size: calc(var(--font-adaptive-normal) - 1px);
}
.markdown-preview-view .table-view-table > thead > tr > th {
font-weight: 600;
font-size: calc(var(--font-adaptive-normal) - 1px);
color: var(--text-normal);
border-bottom: 1px solid var(--text-faint);
cursor: var(--cursor);
font-family: var(--font-monospace);
}
/* --------------- */
/* Style Settings */
/* --------------- */
.setting-item-heading.style-settings-heading,
.style-settings-container .style-settings-heading {
cursor: var(--cursor);
}
.modal.mod-settings .setting-item .pickr button.pcr-button {
box-shadow: none;
border-radius: 40px;
height: 24px;
width: 24px;
}
.setting-item .pickr .pcr-button:after,
.setting-item .pickr .pcr-button:before {
border-radius: 40px;
box-shadow: none;
border: none;
}
/* --------------- */
/* MacOs-like Translucency */
/* --------------- */
.is-translucent:not(.macOS-translucent).theme-light {
--opacity-translucency: 0.6;
}
.is-translucent:not(.macOS-translucent).theme-dark {
--opacity-translucency: 0.7;
}
.is-translucent .workspace-leaf-resize-handle {
opacity: var(--opacity-translucency);
background-color: transparent;
}
.macOS-translucent.is-translucent.is-translucent ::-webkit-scrollbar {
display: none;
}
.macOS-translucent.is-translucent .titlebar,
.macOS-translucent.is-translucent .status-bar {
background-color: var(--background-translucent) !important;
}
.macOS-translucent.is-translucent .titlebar-button:hover {
background-color: var(--background-primary);
}
.macOS-translucent.is-translucent .workspace {
background-color: var(--background-translucent) !important;
}
.macOS-translucent.is-translucent .workspace-split .workspace-tabs {
background: var(--background-primary) !important;
}
.macOS-translucent.is-translucent .workspace-tab-container-inner {
background-color: transparent !important;
border: transparent;
}
.macOS-translucent.is-translucent .workspace-split .workspace-tabs,
.macOS-translucent.is-translucent .graph-controls,
.macOS-translucent.is-translucent .nav-file-title.is-active {
background-color: transparent !important;
box-shadow: inset -10px 0 4px -10px rgba(0, 0, 0, 0.04);
}
.focus-mode.macOS-translucent.is-translucent .workspace {
background-color: var(--background-primary) !important;
}
.macOS-translucent.is-translucent .workspace-ribbon.mod-right,
.macOS-translucent.is-translucent .workspace-ribbon.mod-left {
background: transparent;
}
.macOS-translucent.is-translucent .mod-horizontal .workspace-leaf {
border-bottom: 0px;
background-color: transparent;
box-shadow: none !important;
}
.macOS-translucent.is-translucent.theme-light .workspace {
--text-muted: hsl(
var(--base-h),
calc(var(--base-s) - 3%),
calc(var(--base-l) - 50%)
);
--svg-faint: hsl(
var(--base-h),
calc(var(--base-s) - 3%),
calc(var(--base-l) - 38%)
);
}
/* --------------------------------------------------------------------------------
Icon replacement
Thanks to Kepano, Matthew Meyers, and Chetachi Ezikeuzor
-------------------------------------------------------------------------------- */
.tree-item-self .collapse-icon {
width: 20px;
}
body:not(.minimal-icons-off) .view-action svg,
body:not(.minimal-icons-off) .workspace-tab-header-inner-icon svg,
body:not(.minimal-icons-off) .nav-action-button svg,
body:not(.minimal-icons-off) .graph-controls-button svg {
width: 18px;
height: 18px;
}
body:not(.minimal-icons-off) .menu-item-icon svg {
width: 16px;
height: 16px;
}
body:not(.minimal-icons-off) .workspace-ribbon-collapse-btn svg {
width: 18px;
height: 18px;
}
body:not(.minimal-icons-off) svg.any-key,
body:not(.minimal-icons-off) svg.blocks,
body:not(.minimal-icons-off) svg.bar-graph,
body:not(.minimal-icons-off) svg.breadcrumbs-trail-icon,
body:not(.minimal-icons-off) svg.audio-file,
body:not(.minimal-icons-off) svg.bold-glyph,
body:not(.minimal-icons-off) svg.italic-glyph,
body:not(.minimal-icons-off) svg.bracket-glyph,
body:not(.minimal-icons-off) svg.broken-link,
body:not(.minimal-icons-off) svg.bullet-list-glyph,
body:not(.minimal-icons-off) svg.bullet-list,
body:not(.minimal-icons-off) svg.calendar-day,
body:not(.minimal-icons-off) svg.calendar-with-checkmark,
body:not(.minimal-icons-off) svg.check-in-circle,
body:not(.minimal-icons-off) svg.check-small,
body:not(.minimal-icons-off) svg.checkbox-glyph,
body:not(.minimal-icons-off) svg.checkmark,
body:not(.minimal-icons-off) svg.clock,
body:not(.minimal-icons-off) svg.cloud,
body:not(.minimal-icons-off) svg.code-glyph,
body:not(.minimal-icons-off) svg.create-new,
body:not(.minimal-icons-off) svg.cross-in-box,
body:not(.minimal-icons-off) svg.cross,
body:not(.minimal-icons-off) svg.crossed-star,
body:not(.minimal-icons-off) svg.dice,
body:not(.minimal-icons-off) svg.disk,
body:not(.minimal-icons-off) svg.document,
body:not(.minimal-icons-off) svg.documents,
body:not(.minimal-icons-off) svg.dot-network,
body:not(.minimal-icons-off) svg.double-down-arrow-glyph,
body:not(.minimal-icons-off) svg.double-up-arrow-glyph,
body:not(.minimal-icons-off) svg.down-arrow-with-tail,
body:not(.minimal-icons-off) svg.down-chevron-glyph,
body:not(.minimal-icons-off) svg.enter,
body:not(.minimal-icons-off) svg.exit-fullscreen,
body:not(.minimal-icons-off) svg.expand-vertically,
body:not(.minimal-icons-off) svg.excalidraw-icon,
body:not(.minimal-icons-off) svg.filled-pin,
body:not(.minimal-icons-off) svg.folder,
body:not(.minimal-icons-off) svg.fullscreen,
body:not(.minimal-icons-off) svg.gear,
body:not(.minimal-icons-off) svg.hashtag,
body:not(.minimal-icons-off) svg.heading-glyph,
body:not(.minimal-icons-off) svg.go-to-file,
body:not(.minimal-icons-off) svg.help .widget-icon,
body:not(.minimal-icons-off) svg.help,
body:not(.minimal-icons-off) svg.highlight-glyph,
body:not(.minimal-icons-off) svg.horizontal-split,
body:not(.minimal-icons-off) svg.image-file,
body:not(.minimal-icons-off) svg.image-glyph,
body:not(.minimal-icons-off) svg.indent-glyph,
body:not(.minimal-icons-off) svg.info,
body:not(.minimal-icons-off) svg.install,
body:not(.minimal-icons-off) svg.keyboard-glyph,
body:not(.minimal-icons-off) svg.left-arrow-with-tail,
body:not(.minimal-icons-off) svg.left-arrow,
body:not(.minimal-icons-off) svg.left-chevron-glyph,
body:not(.minimal-icons-off) svg.lines-of-text,
body:not(.minimal-icons-off) svg.link-glyph,
body:not(.minimal-icons-off) svg.link,
body:not(.minimal-icons-off) svg.magnifying-glass,
body:not(.minimal-icons-off) svg.microphone-filled,
body:not(.minimal-icons-off) svg.microphone,
body:not(.minimal-icons-off) svg.minus-with-circle,
body:not(.minimal-icons-off) svg.note-glyph,
body:not(.minimal-icons-off) svg.number-list-glyph,
body:not(.minimal-icons-off) svg.open-vault,
body:not(.minimal-icons-off) svg.pane-layout,
body:not(.minimal-icons-off) svg.paper-plane,
body:not(.minimal-icons-off) svg.paused,
/*body:not(.minimal-icons-off) svg.pdf-file,*/
body:not(.minimal-icons-off) svg.pencil,
body:not(.minimal-icons-off) svg.pin,
body:not(.minimal-icons-off) svg.plus-with-circle,
body:not(.minimal-icons-off) svg.popup-open,
body:not(.minimal-icons-off) svg.presentation,
body:not(.minimal-icons-off) svg.price-tag-glyph,
body:not(.minimal-icons-off) svg.quote-glyph,
body:not(.minimal-icons-off) svg.redo-glyph,
body:not(.minimal-icons-off) svg.reset,
body:not(.minimal-icons-off) svg.right-arrow-with-tail,
body:not(.minimal-icons-off) svg.right-arrow,
body:not(.minimal-icons-off) svg.right-chevron-glyph,
body:not(.minimal-icons-off) svg.right-triangle,
body:not(.minimal-icons-off) svg.run-command,
body:not(.minimal-icons-off) svg.search,
body:not(.minimal-icons-off) svg.sheets-in-box,
body:not(.minimal-icons-off) svg.spreadsheet,
body:not(.minimal-icons-off) svg.stacked-levels,
body:not(.minimal-icons-off) svg.star-list,
body:not(.minimal-icons-off) svg.star,
body:not(.minimal-icons-off) svg.strikethrough-glyph,
body:not(.minimal-icons-off) svg.switch,
body:not(.minimal-icons-off) svg.sync-small,
body:not(.minimal-icons-off) svg.sync,
body:not(.minimal-icons-off) svg.tag-glyph,
body:not(.minimal-icons-off) svg.three-horizontal-bars,
body:not(.minimal-icons-off) svg.trash,
body:not(.minimal-icons-off) svg.undo-glyph,
body:not(.minimal-icons-off) svg.unindent-glyph,
body:not(.minimal-icons-off) svg.up-and-down-arrows,
body:not(.minimal-icons-off) svg.up-arrow-with-tail,
body:not(.minimal-icons-off) svg.up-chevron-glyph,
body:not(.minimal-icons-off) svg.vault,
body:not(.minimal-icons-off) svg.vertical-split,
body:not(.minimal-icons-off) svg.vertical-three-dots,
body:not(.minimal-icons-off) svg.wrench-screwdriver-glyph,
body:not(.minimal-icons-off) svg.clock-glyph,
body:not(.minimal-icons-off) svg.command-glyph,
body:not(.minimal-icons-off) svg.add-note-glyph,
body:not(.minimal-icons-off) svg.calendar-glyph,
body:not(.minimal-icons-off) svg.duplicate-glyph,
body:not(.minimal-icons-off) svg.file-explorer-glyph,
body:not(.minimal-icons-off) svg.graph-glyph,
body:not(.minimal-icons-off) svg.import-glyph,
body:not(.minimal-icons-off) svg.languages,
body:not(.minimal-icons-off) svg.links-coming-in,
body:not(.minimal-icons-off) svg.links-going-out,
body:not(.minimal-icons-off) svg.merge-files-glyph,
body:not(.minimal-icons-off) svg.merge-files,
body:not(.minimal-icons-off) svg.open-elsewhere-glyph,
body:not(.minimal-icons-off) svg.paper-plane-glyph,
body:not(.minimal-icons-off) svg.paste-text,
body:not(.minimal-icons-off) svg.paste,
body:not(.minimal-icons-off) svg.percent-sign-glyph,
body:not(.minimal-icons-off) svg.play-audio-glyph,
body:not(.minimal-icons-off) svg.plus-minus-glyph,
body:not(.minimal-icons-off) svg.presentation-glyph,
body:not(.minimal-icons-off) svg.question-mark-glyph,
body:not(.minimal-icons-off) svg.restore-file-glyph,
body:not(.minimal-icons-off) svg.scissors-glyph,
body:not(.minimal-icons-off) svg.scissors,
body:not(.minimal-icons-off) svg.search-glyph,
body:not(.minimal-icons-off) svg.select-all-text,
body:not(.minimal-icons-off) svg.split,
body:not(.minimal-icons-off) svg.star-glyph,
body:not(.minimal-icons-off) svg.stop-audio-glyph,
body:not(.minimal-icons-off) svg.sweep,
body:not(.minimal-icons-off) svg.two-blank-pages,
body:not(.minimal-icons-off) svg.tomorrow-glyph,
body:not(.minimal-icons-off) svg.yesterday-glyph,
body:not(.minimal-icons-off) svg.workspace-glyph,
body:not(.minimal-icons-off) svg.box-glyph,
body:not(.minimal-icons-off) svg.wand,
body:not(.minimal-icons-off) svg.longform,
body:not(.minimal-icons-off) svg.changelog {
background-color: currentColor;
}
body:not(.minimal-icons-off) svg.any-key > path,
body:not(.minimal-icons-off) svg.blocks > path,
body:not(.minimal-icons-off) svg.bar-graph > path,
body:not(.minimal-icons-off) svg.breadcrumbs-trail-icon > path,
body:not(.minimal-icons-off) svg.audio-file > path,
body:not(.minimal-icons-off) svg.bold-glyph > path,
body:not(.minimal-icons-off) svg.italic-glyph > path,
body:not(.minimal-icons-off) svg.bracket-glyph > path,
body:not(.minimal-icons-off) svg.broken-link > path,
body:not(.minimal-icons-off) svg.bullet-list-glyph > path,
body:not(.minimal-icons-off) svg.bullet-list > path,
body:not(.minimal-icons-off) svg.calendar-day > path,
body:not(.minimal-icons-off) svg.calendar-with-checkmark > path,
body:not(.minimal-icons-off) svg.check-in-circle > path,
body:not(.minimal-icons-off) svg.check-small > path,
body:not(.minimal-icons-off) svg.checkbox-glyph > path,
body:not(.minimal-icons-off) svg.checkmark > path,
body:not(.minimal-icons-off) svg.clock > path,
body:not(.minimal-icons-off) svg.cloud > path,
body:not(.minimal-icons-off) svg.code-glyph > path,
body:not(.minimal-icons-off) svg.command-glyph > path,
body:not(.minimal-icons-off) svg.create-new > path,
body:not(.minimal-icons-off) svg.cross-in-box > path,
body:not(.minimal-icons-off) svg.cross > path,
body:not(.minimal-icons-off) svg.crossed-star > path,
body:not(.minimal-icons-off) svg.dice > path,
body:not(.minimal-icons-off) svg.disk > path,
body:not(.minimal-icons-off) svg.document > path,
body:not(.minimal-icons-off) svg.documents > path,
body:not(.minimal-icons-off) svg.dot-network > path,
body:not(.minimal-icons-off) svg.double-down-arrow-glyph > path,
body:not(.minimal-icons-off) svg.double-up-arrow-glyph > path,
body:not(.minimal-icons-off) svg.down-arrow-with-tail > path,
body:not(.minimal-icons-off) svg.down-chevron-glyph > path,
body:not(.minimal-icons-off) svg.enter > path,
body:not(.minimal-icons-off) svg.exit-fullscreen > path,
body:not(.minimal-icons-off) svg.expand-vertically > path,
body:not(.minimal-icons-off) svg.excalidraw-icon > path,
body:not(.minimal-icons-off) svg.filled-pin > path,
body:not(.minimal-icons-off) svg.folder > path,
body:not(.minimal-icons-off) svg.fullscreen > path,
body:not(.minimal-icons-off) svg.gear > path,
body:not(.minimal-icons-off) svg.hashtag > path,
body:not(.minimal-icons-off) svg.heading-glyph > path,
body:not(.minimal-icons-off) svg.go-to-file > path,
body:not(.minimal-icons-off) svg.help .widget-icon > path,
body:not(.minimal-icons-off) svg.help > path,
body:not(.minimal-icons-off) svg.highlight-glyph > path,
body:not(.minimal-icons-off) svg.horizontal-split > path,
body:not(.minimal-icons-off) svg.image-file > path,
body:not(.minimal-icons-off) svg.image-glyph > path,
body:not(.minimal-icons-off) svg.indent-glyph > path,
body:not(.minimal-icons-off) svg.info > path,
body:not(.minimal-icons-off) svg.install > path,
body:not(.minimal-icons-off) svg.keyboard-glyph > path,
body:not(.minimal-icons-off) svg.left-arrow-with-tail > path,
body:not(.minimal-icons-off) svg.left-arrow > path,
body:not(.minimal-icons-off) svg.left-chevron-glyph > path,
body:not(.minimal-icons-off) svg.lines-of-text > path,
body:not(.minimal-icons-off) svg.link-glyph > path,
body:not(.minimal-icons-off) svg.link > path,
body:not(.minimal-icons-off) svg.magnifying-glass > path,
body:not(.minimal-icons-off) svg.microphone-filled > path,
body:not(.minimal-icons-off) svg.microphone > path,
body:not(.minimal-icons-off) svg.minus-with-circle > path,
body:not(.minimal-icons-off) svg.note-glyph > path,
body:not(.minimal-icons-off) svg.number-list-glyph > path,
body:not(.minimal-icons-off) svg.open-vault > path,
body:not(.minimal-icons-off) svg.pane-layout > path,
body:not(.minimal-icons-off) svg.paper-plane > path,
body:not(.minimal-icons-off) svg.paused > path,
/*body:not(.minimal-icons-off) svg.pdf-file > path,*/
body:not(.minimal-icons-off) svg.pencil > path,
body:not(.minimal-icons-off) svg.pin > path,
body:not(.minimal-icons-off) svg.plus-with-circle > path,
body:not(.minimal-icons-off) svg.popup-open > path,
body:not(.minimal-icons-off) svg.presentation > path,
body:not(.minimal-icons-off) svg.price-tag-glyph > path,
body:not(.minimal-icons-off) svg.quote-glyph > path,
body:not(.minimal-icons-off) svg.redo-glyph > path,
body:not(.minimal-icons-off) svg.reset > path,
body:not(.minimal-icons-off) svg.right-arrow-with-tail > path,
body:not(.minimal-icons-off) svg.right-arrow > path,
body:not(.minimal-icons-off) svg.right-chevron-glyph > path,
body:not(.minimal-icons-off) svg.right-triangle > path,
body:not(.minimal-icons-off) svg.run-command > path,
body:not(.minimal-icons-off) svg.search > path,
body:not(.minimal-icons-off) svg.sheets-in-box > path,
body:not(.minimal-icons-off) svg.spreadsheet > path,
body:not(.minimal-icons-off) svg.stacked-levels > path,
body:not(.minimal-icons-off) svg.star-list > path,
body:not(.minimal-icons-off) svg.star > path,
body:not(.minimal-icons-off) svg.strikethrough-glyph > path,
body:not(.minimal-icons-off) svg.switch > path,
body:not(.minimal-icons-off) svg.sync-small > path,
body:not(.minimal-icons-off) svg.sync > path,
body:not(.minimal-icons-off) svg.tag-glyph > path,
body:not(.minimal-icons-off) svg.three-horizontal-bars > path,
body:not(.minimal-icons-off) svg.trash > path,
body:not(.minimal-icons-off) svg.undo-glyph > path,
body:not(.minimal-icons-off) svg.unindent-glyph > path,
body:not(.minimal-icons-off) svg.up-and-down-arrows > path,
body:not(.minimal-icons-off) svg.up-arrow-with-tail > path,
body:not(.minimal-icons-off) svg.up-chevron-glyph > path,
body:not(.minimal-icons-off) svg.vault > path,
body:not(.minimal-icons-off) svg.vertical-split > path,
body:not(.minimal-icons-off) svg.vertical-three-dots > path,
body:not(.minimal-icons-off) svg.wrench-screwdriver-glyph > path,
body:not(.minimal-icons-off) svg.clock-glyph > path,
body:not(.minimal-icons-off) svg.add-note-glyph > path,
body:not(.minimal-icons-off) svg.calendar-glyph > path,
body:not(.minimal-icons-off) svg.duplicate-glyph > path,
body:not(.minimal-icons-off) svg.file-explorer-glyph > path,
body:not(.minimal-icons-off) svg.graph-glyph > path,
body:not(.minimal-icons-off) svg.import-glyph > path,
body:not(.minimal-icons-off) svg.languages > path,
body:not(.minimal-icons-off) svg.links-coming-in > path,
body:not(.minimal-icons-off) svg.links-going-out > path,
body:not(.minimal-icons-off) svg.merge-files > path,
body:not(.minimal-icons-off) svg.open-elsewhere-glyph > path,
body:not(.minimal-icons-off) svg.paper-plane-glyph > path,
body:not(.minimal-icons-off) svg.paste-text > path,
body:not(.minimal-icons-off) svg.paste > path,
body:not(.minimal-icons-off) svg.percent-sign-glyph > path,
body:not(.minimal-icons-off) svg.play-audio-glyph > path,
body:not(.minimal-icons-off) svg.plus-minus-glyph > path,
body:not(.minimal-icons-off) svg.presentation-glyph > path,
body:not(.minimal-icons-off) svg.question-mark-glyph > path,
body:not(.minimal-icons-off) svg.restore-file-glyph > path,
body:not(.minimal-icons-off) svg.scissors-glyph > path,
body:not(.minimal-icons-off) svg.scissors > path,
body:not(.minimal-icons-off) svg.search-glyph > path,
body:not(.minimal-icons-off) svg.select-all-text > path,
body:not(.minimal-icons-off) svg.split > path,
body:not(.minimal-icons-off) svg.star-glyph > path,
body:not(.minimal-icons-off) svg.stop-audio-glyph > path,
body:not(.minimal-icons-off) svg.sweep > path,
body:not(.minimal-icons-off) svg.two-blank-pages > path,
body:not(.minimal-icons-off) svg.tomorrow-glyph > path,
body:not(.minimal-icons-off) svg.yesterday-glyph > path,
body:not(.minimal-icons-off) svg.workspace-glyph > path,
body:not(.minimal-icons-off) svg.box-glyph > path,
body:not(.minimal-icons-off) svg.wand > path,
body:not(.minimal-icons-off) svg.longform > path,
body:not(.minimal-icons-off) svg.changelog > path {
display: none;
}
body:not(.minimal-icons-off) svg.any-key {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.audio-file {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.bar-graph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.breadcrumbs-trail-icon {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.blocks {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.bold-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.italic-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.bracket-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.broken-link {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.bullet-list-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.bullet-list {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.calendar-with-checkmark {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.check-in-circle {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.check-small {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.checkbox-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.checkmark {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.clock {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.clock-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.cloud {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.code-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.cross-in-box {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.cross {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
-webkit-mask-image: url("data:image/svg+xml,");
width: 18px;
height: 18px;
}
body:not(.minimal-icons-off) svg.crossed-star {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.dice {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.disk {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4' /%3E%3C/svg%3E");
}
body:not(.minimal-icons-off) svg.document {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off)
.nav-action-button[aria-label='New note']
svg.document,
body:not(.minimal-icons-off) svg.create-new {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z' /%3E%3C/svg%3E");
}
body:not(.minimal-icons-off) svg.documents {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.dot-network {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.double-down-arrow-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.double-up-arrow-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.down-arrow-with-tail {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.down-chevron-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.enter {
transform: translate(-2px);
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.excalidraw-icon {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.expand-vertically {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.filled-pin {
transform: rotate(45deg);
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.folder {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off)
.workspace-tab-header[aria-label='File explorer']
svg.folder {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6' /%3E%3C/svg%3E");
}
body:not(.minimal-icons-off)
.nav-action-button[aria-label='New folder']
svg.folder {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 13h6m-3-3v6m-9 1V7a2 2 0 012-2h6l2 2h6a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2z' /%3E%3C/svg%3E");
}
body:not(.minimal-icons-off) svg.fullscreen {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.gear {
-webkit-mask-image: url("data:image/svg+xml,");
}
body:not(.minimal-icons-off) svg.hashtag {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.heading-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.go-to-file {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.help .widget-icon,
body:not(.minimal-icons-off) svg.help {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.highlight-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.horizontal-split {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.image-file {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.image-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.indent-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.info {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.install {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.keyboard-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.left-arrow-with-tail {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.left-arrow {
-webkit-mask-image: url("data:image/svg+xml,");
}
body:not(.minimal-icons-off) svg.left-chevron-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.lines-of-text {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.link-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
transform: rotate(90deg);
}
body:not(.minimal-icons-off) svg.link {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
transform: rotate(90deg);
}
body:not(.minimal-icons-off) svg.magnifying-glass {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.microphone-filled {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.microphone {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.minus-with-circle {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.note-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.number-list-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.open-vault {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.pane-layout {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.paper-plane {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.paused {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.pencil {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.pin {
transform: rotate(45deg);
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.plus-with-circle {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.popup-open {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.presentation {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.price-tag-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.quote-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off)
.workspace-tab-header[aria-label='Dictionary']
svg.quote-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253' /%3E%3C/svg%3E");
}
body:not(.minimal-icons-off) svg.redo-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.reset {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.right-arrow-with-tail {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.right-arrow {
-webkit-mask-image: url("data:image/svg+xml,");
}
body:not(.minimal-icons-off) svg.right-chevron-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.right-triangle {
color: var(--text-faint);
background-color: var(--text-faint);
height: 12px;
width: 12px;
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.command-glyph,
body:not(.minimal-icons-off) svg.run-command {
-webkit-mask-image: url("data:image/svg+xml,");
}
body:not(.minimal-icons-off) svg.search {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.sheets-in-box {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.spreadsheet {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.stacked-levels {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.star-list {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.star {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.strikethrough-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.switch {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.sync-small {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.sync {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.tag-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.three-horizontal-bars {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.trash {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.undo-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.unindent-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.up-and-down-arrows {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.up-arrow-with-tail {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.up-chevron-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.vault {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.vertical-split {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.vertical-three-dots {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.wrench-screwdriver-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.add-note-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.calendar-day {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.calendar-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.duplicate-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.file-explorer-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.graph-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.import-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.languages {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.links-coming-in {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.links-going-out {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.merge-files {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.open-elsewhere-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.paper-plane-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.paste-text {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.paste {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.percent-sign-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.play-audio-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.plus-minus-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.presentation-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.question-mark-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.restore-file-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.scissors-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.scissors {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.search-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.select-all-text {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.split {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.star-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.stop-audio-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.sweep {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.two-blank-pages {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.tomorrow-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.yesterday-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.workspace-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.box-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.wand {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.longform {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
body:not(.minimal-icons-off) svg.changelog {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
/* ─────────────────────────────────────────────────── */
/* Plugin Compatibility info for the Obsidian Hub */
/* ─────────────────────────────────────────────────── */
/* @plugins
core:
- backlink
- command-palette
- file-explorer
- global-search
- graph
- outgoing-link
- outline
- page-preview
- starred
- switcher
- tag-pane
- file-recovery
- daily-notes
- random-note
- publish
- sync
- word-count
community:
- sliding-panes-obsidian
- obsidian-codemirror-options
- obsidian-kanban
- dataview
- obsidian-hider
- calendar
- mysnippets-plugin
- cmenu-plugin
- obsidian-outliner
- readwise-official
- tag-wrangler
- todoist-sync-plugin
- templater-obsidian
- obsidian-system-dark-mode
- obsidian-style-settings
*/
/* Style Settings */
/* @settings
name: Things Theme
id: things-style
settings:
-
id: features
title: Features
type: heading
level: 2
collapsed: true
-
id: minimal-icons-off
title: Default icons
description: Use default icons instead of minimal set
type: class-toggle
default: false
-
id: full-file-names
title: Show full file names
description: Turn off trimming on files in sidebar
type: class-toggle
-
id: links-int-on
title: Underline internal links
description: Show underlines on internal links
type: class-toggle
default: true
-
id: links-ext-on
title: Underline external links
description: Show underlines on external links
type: class-toggle
default: true
-
id: fonts
title: Fonts
type: heading
level: 2
collapsed: true
-
id: text
title: Text font
description: Used in preview mode
type: variable-text
default: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
-
id: text-editor
title: Editor font
description: Used in edit mode
type: variable-text
default: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
-
id: font-monospace
title: Monospace font
description: Used for code blocks and front matter
type: variable-text
default: JetBrains Mono,Menlo,SFMono-Regular,Consolas,"Roboto Mono",monospace
-
id: font-ui
title: UI font
description: Used for buttons, menus and sidebar
type: variable-text
default: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
-
id: custom-fonts
title: Typography
type: heading
level: 2
collapsed: true
-
id: strong-color
title: Bold font color
type: variable-color
format: hex
default: '#FF82B2'
-
id: em-color
title: Italics font color
type: variable-color
format: hex
default: '#FF82B2'
-
id: green
title: Blockquotes font color
type: variable-color
format: hex
default: '#3EB4BF'
-
id: tag-background-color-l
title: Tag background color (Light mode)
type: variable-color
format: hex
default: '#BDE1D3'
-
id: tag-font-color-l
title: Tag font color (Light mode)
type: variable-color
format: hex
default: '#1D694B'
-
id: tag-background-color-d
title: Tag background color (Dark mode)
type: variable-color
format: hex
default: '#1D694B'
-
id: tag-font-color-d
title: Tag font color (Dark mode)
type: variable-color
format: hex
default: '#'
-
id: font-normal
title: Note titles, modals, and alt text size
description: Font size in px (main editor/preview text size now controlled via slider in Appearance settings)
type: variable-number
default: 16
format: px
-
id: font-small
title: Sidebar and tag font size
description: Font size in px of sidebar, tags, and small text
type: variable-number
default: 13
format: px
-
id: line-height
title: Body line height
description: Line height of the main text
type: variable-number
default: 1.5
-
id: line-width
title: Normal line width
description: Number of characters per line
type: variable-number
default: 45
format: rem
-
id: max-width
title: Maximum line width
description: Percentage of space inside a pane that a line can fill. Recommended values between 80 to 100
type: variable-number
default: 85
format: '%'
-
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
title: H1 font size
description: Accepts any CSS font-size value
type: variable-text
default: 1.5em
-
id: h1-weight
title: H1 font weight
description: Accepts numbers representing the CSS font-weight
type: variable-number
default: 700
-
id: h1-color
title: H1 color
type: variable-color
format: hex
default: '#'
-
id: level-2-headings
title: Level 2 Headings
type: heading
level: 3
collapsed: true
-
id: h2
title: H2 font size
description: Accepts any CSS font-size value
type: variable-text
default: 1.3em
-
id: h2-weight
title: H2 font weight
description: Accepts numbers representing the CSS font-weight
type: variable-number
default: 700
-
id: h2-color
title: H2 color
type: variable-color
format: hex
default: '#2E80F2'
-
id: level-3-headings
title: Level 3 Headings
type: heading
level: 3
collapsed: true
-
id: h3
title: H3 font size
description: Accepts any CSS font-size value
type: variable-text
default: 1.1em
-
id: h3-weight
title: H3 font weight
description: Accepts numbers representing the CSS font-weight
type: variable-number
default: 600
-
id: h3-color
title: H3 color
type: variable-color
format: hex
default: '#2E80F2'
-
id: level-4-headings
title: Level 4 Headings
type: heading
level: 3
collapsed: true
-
id: h4
title: H4 font size
description: Accepts any CSS font-size value
type: variable-text
default: 0.9em
-
id: h4-weight
title: H4 font weight
description: Accepts numbers representing the CSS font-weight
type: variable-number
default: 500
-
id: h4-color
title: H4 color
type: variable-color
format: hex
default: '#E5B567'
-
id: level-5-headings
title: Level 5 Headings
type: heading
level: 3
collapsed: true
-
id: h5
title: H5 font size
description: Accepts any CSS font-size value
type: variable-text
default: 0.85em
-
id: h5-weight
title: H5 font weight
description: Accepts numbers representing the CSS font-weight
type: variable-number
default: 500
-
id: h5-color
title: H5 color
type: variable-color
format: hex
default: '#E83E3E'
-
id: level-6-headings
title: Level 6 Headings
type: heading
level: 3
collapsed: true
-
id: h6
title: H6 font size
description: Accepts any CSS font-size value
type: variable-text
default: 0.85em
-
id: h6-weight
title: H6 font weight
description: Accepts numbers representing the CSS font-weight
type: variable-number
default: 400
-
id: h6-color
title: H6 color
type: variable-color
format: hex
default: '#'
-
id: advanced
title: Advanced
type: heading
level: 2
collapsed: true
-
title: MacOS-Like Translucent Window
description: Give workspace a MacOS-like translucency
id: macOS-translucent
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: credits
title: Credits
type: heading
description: Created with ❤︎ @colineckert. This theme uses code from Minimal by @kepano. Support @kepano at buymeacoffee.com/kepano and me at buymeacoffee.com/colineckert
level: 2
collapsed: true
*/