From b831fbd79ea35a5e32fccaee01c9554f4d3ec345 Mon Sep 17 00:00:00 2001 From: David Blue Date: Fri, 3 Sep 2021 03:40:11 -0500 Subject: [PATCH] #219 --- .gitignore | 4 - .obsidian/app.json | 5 + .obsidian/appearance.json | 5 + .obsidian/core-plugins.json | 17 + .obsidian/hotkeys.json | 120 + .obsidian/themes/Dracula for Obsidian.css | 717 +++ .obsidian/themes/Gitsidian.css | 564 +++ .obsidian/themes/Minimal.css | 4950 +++++++++++++++++++++ .obsidian/themes/Red Graphite.css | 691 +++ .obsidian/themes/Traffic Lights.css | 1116 +++++ .obsidian/workspace | 104 + Obsidian Meta.md | 11 + 12 files changed, 8300 insertions(+), 4 deletions(-) create mode 100644 .obsidian/app.json create mode 100644 .obsidian/appearance.json create mode 100644 .obsidian/core-plugins.json create mode 100644 .obsidian/hotkeys.json create mode 100644 .obsidian/themes/Dracula for Obsidian.css create mode 100644 .obsidian/themes/Gitsidian.css create mode 100644 .obsidian/themes/Minimal.css create mode 100644 .obsidian/themes/Red Graphite.css create mode 100644 .obsidian/themes/Traffic Lights.css create mode 100644 .obsidian/workspace create mode 100644 Obsidian Meta.md diff --git a/.gitignore b/.gitignore index d1ddb267..a536ae85 100644 --- a/.gitignore +++ b/.gitignore @@ -10,10 +10,6 @@ audio/Capture Testing/iPhone 12 Pro Max Microphone Test.wav audio/Voice Notes/Chatting with Jack about Big Blue.mp3 documentation/docs/ .DS_Store -.obsidian -.obsidian/workspace -.obsidian/templates.json -.obsidian/config video/WWDC2010.m4v .vscode/settings.json events/Downloads/Teams background/MS_Build_Teams-Backgrounds_3.png diff --git a/.obsidian/app.json b/.obsidian/app.json new file mode 100644 index 00000000..4d985715 --- /dev/null +++ b/.obsidian/app.json @@ -0,0 +1,5 @@ +{ + "newFileLocation": "folder", + "attachmentFolderPath": "./media", + "newFileFolderPath": "obsidian" +} \ No newline at end of file diff --git a/.obsidian/appearance.json b/.obsidian/appearance.json new file mode 100644 index 00000000..16eb6bb8 --- /dev/null +++ b/.obsidian/appearance.json @@ -0,0 +1,5 @@ +{ + "baseFontSize": 16, + "cssTheme": "Minimal", + "theme": "moonstone" +} \ No newline at end of file diff --git a/.obsidian/core-plugins.json b/.obsidian/core-plugins.json new file mode 100644 index 00000000..91c59cf6 --- /dev/null +++ b/.obsidian/core-plugins.json @@ -0,0 +1,17 @@ +[ + "file-explorer", + "global-search", + "switcher", + "graph", + "backlink", + "page-preview", + "templates", + "note-composer", + "command-palette", + "markdown-importer", + "outline", + "word-count", + "audio-recorder", + "open-with-default-app", + "file-recovery" +] \ No newline at end of file diff --git a/.obsidian/hotkeys.json b/.obsidian/hotkeys.json new file mode 100644 index 00000000..8fe0faaf --- /dev/null +++ b/.obsidian/hotkeys.json @@ -0,0 +1,120 @@ +{ + "editor:insert-wikilink": [ + { + "modifiers": [ + "Alt" + ], + "key": "K" + } + ], + "editor:insert-tag": [ + { + "modifiers": [ + "Alt" + ], + "key": "T" + } + ], + "backlink:open": [ + { + "modifiers": [ + "Alt", + "Mod" + ], + "key": "K" + } + ], + "workspace:close-others": [ + { + "modifiers": [ + "Alt", + "Shift" + ], + "key": "W" + } + ], + "command-palette:open": [ + { + "modifiers": [ + "Mod" + ], + "key": "\\" + } + ], + "workspace:copy-path": [ + { + "modifiers": [ + "Alt", + "Mod" + ], + "key": "C" + } + ], + "file-explorer:move-file": [ + { + "modifiers": [ + "Alt", + "Mod" + ], + "key": "M" + } + ], + "file-explorer:open": [ + { + "modifiers": [ + "Alt" + ], + "key": "E" + } + ], + "editor:toggle-bullet-list": [ + { + "modifiers": [ + "Alt" + ], + "key": "L" + } + ], + "editor:toggle-code": [ + { + "modifiers": [ + "Alt" + ], + "key": "C" + } + ], + "theme:use-dark": [ + { + "modifiers": [ + "Mod", + "Shift" + ], + "key": "D" + } + ], + "theme:use-light": [ + { + "modifiers": [ + "Mod", + "Shift" + ], + "key": "L" + } + ], + "app:go-back": [ + { + "modifiers": [ + "Mod" + ], + "key": "[" + } + ], + "app:go-forward": [ + { + "modifiers": [ + "Mod" + ], + "key": "]" + } + ] +} \ No newline at end of file diff --git a/.obsidian/themes/Dracula for Obsidian.css b/.obsidian/themes/Dracula for Obsidian.css new file mode 100644 index 00000000..88bce166 --- /dev/null +++ b/.obsidian/themes/Dracula for Obsidian.css @@ -0,0 +1,717 @@ +:root +{ + --font-size-normal: 19px; + --font-size-code: 16px; + --font-size-side-dock: 16px; + --font-size-side-dock-title: 18px; + --font-size-status-bar: 16px; + --font-size-h1: 24px; + --font-size-h2: 23px; + --font-size-h3: 22px; + --font-size-h4: 21px; + --font-size-h5: 20px; + --font-size-h6: 19px; + --font-family-editor: Avenir, Avenir Next, sans-serif; + --font-family-preview: Avenir, Avenir Next, sans-serif; +} + +.theme-light, +.theme-dark { + --background-primary: #282a36; + --background-primary-alt: #44475a; + --background-secondary: #44475a; + --background-secondary-alt: #282a36; + --background-accent: #f8f8f2; + --background-modifier-border: #f8f8f2; + --background-modifier-form-field: rgba(0, 0, 0, 0.2); + --background-modifier-form-field-highlighted: rgba(0, 0, 0, 0.5); + --background-modifier-box-shadow: rgba(0, 0, 0, 0.3); + --background-modifier-success: #50fa7b; /*no sure*/ + --background-modifier-error: #3d0000; /*no sure*/ + --background-modifier-error-rgb: 61, 0, 0; + --background-modifier-error-hover: #470000; + --background-modifier-cover: rgba(0, 0, 0, 0.6); + --text-accent: #ffb86c; + --text-accent-hover: #8be9fd; + --text-normal: #f8f8f2; + --text-muted: #f8f8f2; + --text-faint: #bd93f9; + --text-highlight-bg: #ff5555; + --text-error: #ff79c6; + --text-error-hover: #ff79c6; + --text-selection: #6272a4; /* Chromium precess this color with alpha channel */ + --text-on-accent: #bd93f9; + --interactive-normal: #ffb86c; + --interactive-hover: #ff5555; + --interactive-accent: #ffb86c; + --interactive-accent-rgb: 123, 108, 217; + --interactive-accent-hover: #ff5555; + --scrollbar-active-thumb-bg: rgba(255, 255, 255, 0.2); + --scrollbar-bg: rgba(255, 255, 255, 0.05); + --scrollbar-thumb-bg: rgba(255, 255, 255, 0.1); + + --text-title-h1: #ff79c6; + --text-title-h2: #bd93f9; + --text-title-h3: #ff5555; + --text-title-h4: #ffb86c; + --text-title-h5: #50fa7b; + --text-title-h6: #8be9fd; + --inline-code: #bd93f9; + --code-block: #8be9fd; + --pre-code: #44475a; + --blockquote-border: #ffb86c; + --vim-cursor: #ff5555; + --border-color: #2b2727; /*also like transparent*/ +} + +/*-------------------------------------*/ +/* Search the following lines */ +/* to jump to specific section */ +/*-------------------------------------*/ +/* resize-handle and borders */ +/* tags */ +/* link */ +/* Cursor */ +/* basic format in EDITOR and PREVIEW */ +/* Headings - EDITOR and PREVIEW */ +/* Code block in Preview */ +/* Code block in Editor */ +/* Brackets */ +/* Blockquote */ +/* table */ +/* Checkbox */ +/* html in editor */ +/* popover */ +/* Side panel */ +/* internal embedded link in preview */ +/* graph view */ +/* settings */ +/* Hide side bar */ +/* width of content */ +/* at a rule line before ul list * +/* Hide Scrollbar (recommend for mac) */ +/*-------------------------------------*/ + +/***************************************/ +/* resize-handle and borders */ +/***************************************/ + +/*vertical resize-handle*/ +.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle, +.workspace-split.mod-left-split > .workspace-leaf-resize-handle, +.workspace-split.mod-right-split > .workspace-leaf-resize-handle{ + width: 1px !important; + background-color: var(--border-color); +} + +/*horizontal resize-handle*/ +.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle{ + height: 1px !important; + background-color: var(--border-color); +} + +/*workspace ribbon when collapsed*/ +.workspace-ribbon.is-collapsed { + background-color: var(--background-primary-alt); +} + +/*the vertical split*/ +.workspace-split.mod-root .workspace-split.mod-vertical .workspace-leaf-content, +.workspace-split.mod-vertical > .workspace-split, +.workspace-split.mod-vertical > .workspace-leaf, +.workspace-tabs{ + padding-right: 0px; +} + +/*status-bar*/ +.status-bar{ + font-size: var(--font-size-status-bar); + background-color: var(--background-secondary-alt); + border-top: 0px; +} + +.document-search-container{ + border-top: 0px; + border-right: 0px; + z-index: inherit; +} + +.workspace-ribbon.mod-left.is-collapsed{ + border-right: 1px solid var(--border-color); +} + +.workspace-ribbon.mod-right.is-collapsed{ + border-left: 1px solid var(--border-color); +} + +/*************************************/ +/* tags */ +/*************************************/ + +/* Tag hover in preview */ +a.tag:hover { + color: var(--text-accent) !important; +} + +/* Tag Color in editor and preview*/ +.cm-hashtag, a.tag { + color: var(--text-accent-hover) !important; + text-decoration: none !important; + font-style: normal !important; +} + +/*********************************/ +/* link */ +/*********************************/ + +/* link */ +a, +.internal-link, +.cm-hmd-internal-link, +.cm-link, +.cm-formatting-link, +.cm-url { + text-decoration: none !important; +} + +/* the url string in editor */ +.cm-s-obsidian span.cm-string{ + color: var(--text-accent-hover) !important; +} + +/* make external links italics to differentiate */ +a:not(.internal-link) { + font-style: italic; +} + +/*footnote*/ +.cm-s-obsidian pre.HyperMD-footnote span.cm-hmd-footnote, +.cm-s-obsidian span.cm-footref { + color: var(--text-accent) !important; +} + +/***************************************/ +/* Cursor */ +/***************************************/ + +/* Cursor color and opacity */ + +.cm-fat-cursor .CodeMirror-cursor, .cm-animate-fat-cursor + { + width: 0.5em; + background: var(--vim-cursor); + opacity: 60% !important; +} + +/**************************************/ +/* basic format in EDITOR and PREVIEW */ +/**************************************/ + +/* font for everything outside of editor/preview panes */ +.app-container { + font-family: var(--font-family-preview); +} + +/* set the text selection color for preview mode */ +::selection { + background-color: var(--text-selection); +} + +/* normal text outside of headings and code of editor */ +.cm-s-obsidian, .mod-single-child .cm-s-obsidian { + font-family: var(--font-family-editor); + font-size: var(--font-size-normal); +} + +/* normal text outside of headings and code of preview */ +.markdown-preview-view, .mod-single-child .markdown-preview-view { + font-family: var(--font-family-editor); + font-size: var(--font-size-normal); + padding-top: 0px; + padding-left: 2% !important; + padding-right: 1% !important; +} + +/* bold in preview and editor */ +strong, .cm-strong { + font-weight: 600; + color: #50fa7b; +} + +/* emphasis in preview and editor */ +em, .cm-em { + color: var(--text-muted); + font-style: italic; +} + +/* strikethrough in preview and editor */ +s, .cm-strikethrough { + color: var(--text-muted); +} + +/* list in editor */ +.cm-s-obsidian span.cm-formatting-list { + color: var(--text-normal) !important; +} + +/* horizontal line in preview */ +.markdown-preview-view hr { + background-color: var(--text-faint) !important; +} + +/* embedded images */ +img:not(.emoji) { + display: block; + margin-left: auto; + margin-right: auto; +} +/* img hover zoom out img*/ +img:hover { + transform: scale(1.04); + transition: transform 0.25s ease-in-out 0s; +} + +.community-theme img:hover{ + transform: none; +} + +/*********************************/ +/* Headings - EDITOR and PREVIEW */ +/*********************************/ + + +/* headings for editor and preview */ +.cm-header-1, .markdown-preview-view h1 +{ + font-family: var(--font-family-editor); + font-weight: 500; + font-size: var(--font-size-h1); + color: var(--text-title-h1); +} + +.cm-header-2, .markdown-preview-view h2 +{ + font-family: var(--font-family-editor); + font-weight: 500; + font-size: var(--font-size-h2); + color: var(--text-title-h2); +} + +.cm-header-3, .markdown-preview-view h3 +{ + font-family: var(--font-family-editor); + font-weight: 500; + font-size: var(--font-size-h3); + color: var(--text-title-h3); +} + +.cm-header-4, .markdown-preview-view h4 +{ + font-family: var(--font-family-editor); + font-weight: 500; + font-size: var(--font-size-h4); + color: var(--text-title-h4); +} + +.cm-header-5, .markdown-preview-view h5 +{ + font-family: var(--font-family-editor); + font-weight: 500; + font-size: var(--font-size-h5); + color: var(--text-title-h5); +} + +.cm-header-6, .markdown-preview-view h6 +{ + font-family: var(--font-family-editor); + font-weight: 500; + font-size: var(--font-size-h6); + color: var(--text-title-h6); +} + +/***************************************/ +/* Code block in Preview */ +/***************************************/ + +/* code blocks in preview */ +pre code { + font-family: monaco !important; + font-size: var(--font-size-code) !important; + padding: 6px !important; + line-height: normal; + display: block; + color: var(--code-block) !important; +} + +/* padding of code blocks in preview */ +.markdown-preview-view pre { + padding: 0px !important; +} + +/* font-size of in-line block for preview */ +.markdown-preview-view code +{ + font-size: var(--font-size-code); +} + + +/* remove the shadow that typically affect light mode */ +.theme-dark code[class*="language-"], +.theme-dark pre[class*="language-"], +.theme-light code[class*="language-"], +.theme-light pre[class*="language-"] +{ + text-shadow: none !important; + color: var(--text-faint) !important; + background-color: var(--pre-code); +} + +/***************************************/ +/* Brackets */ +/***************************************/ + +.cm-s-obsidian span.cm-formatting-link { + color: var(--text-accent) !important; +} + +/***************************************/ +/* Blockquote */ +/***************************************/ + +/* for editor */ +.cm-quote { + color: var(--text-normal) !important; + font-style: italic; +} + +/* for preview */ +.markdown-preview-view blockquote { + background-color: var(--pre-code); + border: 0px solid; + border-color: var(--blockquote-border) !important; + border-left-width: 4px !important; + border-radius: 0 8px 8px 0; + line-height: 1.5em; + margin: 30px 0px; + font-style: italic; +} + +/***************************************/ +/* table */ +/***************************************/ + +th { + font-weight: 800 !important; +} + +.markdown-preview-view th { + font-weight: 800; + background-color: var(--background-secondary) !important; +} + +thead { + border-bottom: 3px solid var(--background-modifier-border); +} + +.table { + padding: 4px; + line-height: normal; + display: block; + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +/***************************************/ +/* Checkbox */ +/***************************************/ + +.markdown-preview-view .task-list-item-checkbox:checked::before { + content: 'βœ“'; + position: absolute; + color: var(--text-accent); + font-size:1em; + line-height: 1.25em; + width:1.2em; + text-align:center; + text-shadow: 0 0 0.1em var(--text-accent); +} + +.markdown-preview-view .task-list-item-checkbox { + -webkit-appearance: none; + top: 0.2em !important; + right: 4px; + box-sizing: border-box; + border: 1px solid var(--text-muted); + position: relative; + width: 1.25em; + height: 1.25em; + margin: 0; + box-shadow: 0 0 0.1em var(--text-muted); +} + +.checkbox-container { + background-color: var(--background-primary); +} + + +/***************************************/ +/* popover */ +/***************************************/ + +.popover{ + border: 1px solid var(--border-color); + background-color: var(--background-secondary); +} + + +/***************************************/ +/* Side panel */ +/***************************************/ + +/* search result in backlink or file search */ +.search-result-file-title { + font-size: 15px ; +} + +.search-result-file-matches, .search-empty-state { + font-size: var(--font-size-side-dock); +} + +/*decrease the spacing between result items*/ +.search-result-file-title, +.search-result-file-match { + padding: 0px 10px; +} + +.nav-file-title, .nav-folder-title { + border-bottom-left-radius: 0 !important; + border-bottom-right-radius: 0 !important; + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; +} + +/*backlink pane*/ +.workspace-leaf-content[data-type="backlink"] .view-content{ + background-color: var(--background-secondary); +} + +.workspace-leaf-content[data-type="tag"] .tag-pane-tag-count, +.workspace-leaf-content[data-type="tag"] .tag-pane-tag-text { + font-size: var(--font-size-side-dock); +} + +.workspace-leaf-content[data-type="backlink"] .search-result-file-matches { + font-size: var(--font-size-side-dock); +} +/***************************************/ +/* internal embedded link in preview */ +/***************************************/ + +/* Naked Embeds */ +.markdown-embed-title { display: none; } +.markdown-preview-view .markdown-embed-content>:first-child { margin-top: 0; } +.markdown-preview-view .markdown-embed-content>:last-child { margin-bottom: 0; } +/*remove the following two line, you will get border and scroll*/ +.markdown-preview-view .markdown-embed { border:none; padding:0; margin:0; } +.markdown-preview-view .markdown-embed-content +{ + max-height: unset; + background-color: var(--background-secondary); +} + +/* the link on the top right corner*/ +.markdown-embed-link { +color: var(--text-faint) !important; +} + +.markdown-embed-link:hover { +color: var(--text-accent) !important; +} + +/***************************************/ +/* graph view */ +/***************************************/ +.graph-view.color-circle, +.graph-view.color-fill-highlight, +.graph-view.color-line-highlight +{ + color: var(--text-accent) !important; +} + +.graph-view.color-text +{ + color: var(--text-normal) !important; +} + +.graph-view.color-line { + color: #6272a4; +} + +.graph-view.color-fill{ + color: var(--text-muted); +} + +.workspace-leaf-content[data-type = "graph"] .view-content{ + background-color: var(--background-primary); +} + +/***************************************/ +/* settings */ +/***************************************/ + +.modal.mod-settings button:not(.mod-cta):hover { + background-color: var(--interactive-accent-hover); +} + +/***************************************/ +/* Hide side bar */ +/***************************************/ + +.workspace-ribbon:not(:hover) .workspace-ribbon-collapse-btn, +.workspace-ribbon:not(:hover) .side-dock-actions, +.workspace-ribbon:not(:hover) .side-dock-settings { + display:none; + transition: all 300ms ease-in-out;} +.workspace-ribbon:not(:hover) { + width: 0px; + transition: all 300ms ease-in-out;} + +.workspace-split.mod-left-split {margin-left: 0px;} +.workspace-split.mod-right-split {margin-right: 0px;} + +/***************************************/ +/* width of content */ +/***************************************/ + +.markdown-source-view.is-readable-line-width .CodeMirror { + max-width: 900px; + margin-left: auto; + margin-right: auto; +} + +.markdown-preview-view.is-readable-line-width .markdown-preview-section { + max-width: 900px; + margin-left: 30px; + margin-right: 30px; +} + + +/* header */ + +.theme-dark .view-header { + background-color: var(--background-primary) !important; + border-top: 1px solid var(--border-color) !important; + border-bottom: 1px solid var(--border-color) !important; +} + +.theme-dark .view-header-title-container:after { + background: linear-gradient(to bottom, transparent, var(--background-primary)) !important; +} + +.theme-dark .workspace-leaf.mod-active .view-header { + background-color: var(--background-secondary-alt) !important; + border-top: 0px !important; + border-bottom: 3px solid var(--interactive-accent) !important; +} + +.workspace-leaf.mod-active .view-header-title-container:after { + background: linear-gradient(to bottom, transparent, var(--background-secondary-alt)) !important; +} + +.workspace-leaf.mod-active .view-header-title, +.workspace-leaf.mod-active .view-header-icon +{ + color: var(--background-modifier-border); +} + +.view-header-title, .view-header-icon, .view-action{ + color: var(--text-faint); +} +.view-header-title +{ + font-size: 20px; +} + +/***************************************/ +/* at a rule line before ul list */ +/***************************************/ + +ul ul { position: relative; } +ul ul::before { + content:''; + border-left: 1px solid var(--border-color); + position: absolute; +} +ul ul::before { left: -1em; top: 0; bottom: 0; } + +/* rule line when there are checkboxes*/ +ul .task-list-item ul::before {left: 0.15em !important} + +/***************************************/ +/* Code block in Editor */ +/***************************************/ + +/* in-line block for editor */ +.cm-s-obsidian span.cm-inline-code, +.cm-s-obsidian span.cm-inline-code.cm-hmd-indented-code, +.cm-s-obsidian span.cm-inline-code:not(.cm-formatting):not(.cm-hmd-indented-code) +{ + background-color: var(--pre-code-bg); + color: var(--inline-code) !important; + bottom: 0px !important; +} + + /* Editor CodeBlock TEXT Appearance */ +.cm-s-obsidian pre.HyperMD-codeblock { + font-family: monaco !important; + font-size: var(--font-size-code) !important; + padding: 1px !important; + display: block; + color: var(--code-block) !important; + font-weight: 500; + text-indent: 0px !important; +} + +/*remove the border of codeblock in editor */ +.HyperMD-codeblock-bg{ + border: 0px !important; +} + +/*an active line highlight in vim normal mode +.cm-fat-cursor .CodeMirror-activeline .CodeMirror-linebackground{ + background-color: var(--text-selection) !important; +} */ + +/* in-line block for preview */ +code{ + color: var(--inline-code) !important; + bottom: 0px !important; +} + +/* graph css */ +.theme-dark .graph-view.color-arrow { + color: #50fa7b; + } + + .theme-dark .graph-view.color-fill-tag { + color: #ffb86c; + } + + .theme-dark .graph-view.color-fill-attachment { + color: #ff5555; + } + + .theme-dark .graph-view.color-fill-unresolved { + color: #6272a4; + } + + .search-result-collapse-indicator { + position: absolute; + left: 0; + top: -3px; + color: var(--text-faint); + transition: transform 100ms ease-in-out; + padding: 0px !important; + } diff --git a/.obsidian/themes/Gitsidian.css b/.obsidian/themes/Gitsidian.css new file mode 100644 index 00000000..62de28a4 --- /dev/null +++ b/.obsidian/themes/Gitsidian.css @@ -0,0 +1,564 @@ + + +.workspace-split.mod-root .view-content .markdown-preview-view { + background-color: #fff; +} + +code[class*="language-"], +pre[class*="language-"], +.token.punctuation, +.token.operator { + color: #24292e !important; +} + + +.markdown-preview-view { + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; + line-height: 1.5; + color: #24292e; + font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji; + font-size: 16px; + line-height: 1.5; + word-wrap: break-word; +} + +.markdown-preview-view a { + background-color: initial; + text-decoration: none !important; +} + +.markdown-preview-view a:active, +.markdown-preview-view a:hover { + outline-width: 0; +} + +.markdown-preview-view strong { + font-weight: inherit; + font-weight: bolder; +} + +.markdown-preview-view h1 { + font-size: 2em; + margin: .67em 0; +} + +.markdown-preview-view img { + border-style: none; +} + +.markdown-preview-view code, +.markdown-preview-view pre { + font-family: monospace,monospace; + font-size: 1em; + color: #24292e; +} + +.markdown-preview-view p code { + display: inline-block; + padding: 3px 5px; + font: 11px SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; + line-height: 10px; + color: #444d56; + vertical-align: middle; + background-color: #fafbfc; + border: 1px solid #d1d5da; + border-radius: 3px; + box-shadow: inset 0 -1px 0 #d1d5da; +} + +.markdown-preview-view hr { + box-sizing: initial; + height: 0; + overflow: visible; +} +/* +.markdown-preview-view input { + font: inherit; + margin: 0; +} + +.markdown-preview-view input { + overflow: visible; +} + +.markdown-preview-view [type=checkbox] { + box-sizing: border-box; + padding: 0; +} */ + +.markdown-preview-view * { + box-sizing: border-box; +} + +.markdown-preview-view input { + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +.markdown-preview-view a { + color: #0366d6; + text-decoration: none; +} + +.markdown-preview-view a:hover { + text-decoration: underline; +} + +.markdown-preview-view strong { + font-weight: 600; +} + +.markdown-preview-view hr { + height: 0; + margin: 15px 0; + overflow: hidden; + background: transparent; + border: 0; + border-bottom: 1px solid #dfe2e5; +} + +.markdown-preview-view hr:after, +.markdown-preview-view hr:before { + display: table; + content: ""; +} + +.markdown-preview-view hr:after { + clear: both; +} + +.markdown-preview-view table { + border-spacing: 0; + border-collapse: collapse; +} + +.markdown-preview-view td, +.markdown-preview-view th { + padding: 0; +} + +.markdown-preview-view details summary { + cursor: pointer; +} + + +.markdown-preview-view h1, +.markdown-preview-view h2, +.markdown-preview-view h3, +.markdown-preview-view h4, +.markdown-preview-view h5, +.markdown-preview-view h6 { + margin-top: 0; + margin-bottom: 0; + color: #24292e; +} + +.markdown-preview-view h1 { + font-size: 32px; +} + +.markdown-preview-view h1, +.markdown-preview-view h2 { + font-weight: 600; +} + +.markdown-preview-view h2 { + font-size: 24px; +} + +.markdown-preview-view h3 { + font-size: 20px; +} + +.markdown-preview-view h3, +.markdown-preview-view h4 { + font-weight: 600; +} + +.markdown-preview-view h4 { + font-size: 16px; +} + +.markdown-preview-view h5 { + font-size: 14px; +} + +.markdown-preview-view h5, +.markdown-preview-view h6 { + font-weight: 600; +} + +.markdown-preview-view h6 { + font-size: 12px; +} + +.markdown-preview-view p { + margin-top: 0; + margin-bottom: 10px; +} + +.markdown-preview-view blockquote { + margin-left: 0; + margin-right: 0; +} + +.markdown-preview-view ol, +.markdown-preview-view ul { + padding-left: 0; + margin-top: 0; + margin-bottom: 0; +} + +.markdown-preview-view ol ol, +.markdown-preview-view ul ol { + list-style-type: lower-roman; +} + +.markdown-preview-view ol ol ol, +.markdown-preview-view ol ul ol, +.markdown-preview-view ul ol ol, +.markdown-preview-view ul ul ol { + list-style-type: lower-alpha; +} + +.markdown-preview-view dd { + margin-left: 0; +} + +.markdown-preview-view code, +.markdown-preview-view pre { + font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; + font-size: 12px; +} + +.markdown-preview-view pre { + margin-top: 0; + margin-bottom: 0; +} + +.markdown-preview-view input::-webkit-inner-spin-button, +.markdown-preview-view input::-webkit-outer-spin-button { + margin: 0; + -webkit-appearance: none; + appearance: none; +} + +.markdown-preview-view :checked+.radio-label { + position: relative; + z-index: 1; + border-color: #0366d6; +} + +.markdown-preview-view .border { + border: 1px solid #e1e4e8!important; +} + +.markdown-preview-view .border-0 { + border: 0!important; +} + +.markdown-preview-view .border-bottom { + border-bottom: 1px solid #e1e4e8!important; +} + +.markdown-preview-view .rounded-1 { + border-radius: 3px!important; +} + +.markdown-preview-view .bg-white { + background-color: #fff!important; +} + +.markdown-preview-view .bg-gray-light { + background-color: #fafbfc!important; +} + +.markdown-preview-view .text-gray-light { + color: #6a737d!important; +} + +.markdown-preview-view hr { + border-bottom-color: #eee; +} + +.markdown-preview-view kbd { + display: inline-block; + padding: 3px 5px; + font: 11px SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; + line-height: 10px; + color: #444d56; + vertical-align: middle; + background-color: #fafbfc; + border: 1px solid #d1d5da; + border-radius: 3px; + box-shadow: inset 0 -1px 0 #d1d5da; +} + +.markdown-preview-view:after, +.markdown-preview-view:before { + display: table; + content: ""; +} + +.markdown-preview-view:after { + clear: both; +} + +.markdown-preview-view>:first-child { + margin-top: 0!important; +} + +.markdown-preview-view>:last-child { + margin-bottom: 0!important; +} + +.markdown-preview-view a:not([href]) { + color: inherit; + text-decoration: none; +} + +.markdown-preview-view blockquote, +.markdown-preview-view dl, +.markdown-preview-view ol, +.markdown-preview-view p, +.markdown-preview-view pre, +.markdown-preview-view table, +.markdown-preview-view ul { + margin-top: 0; + margin-bottom: 16px; +} + +.markdown-preview-view hr { + height: .25em; + padding: 0; + margin: 24px 0; + background-color: #e1e4e8; + border: 0; +} + +.markdown-preview-view blockquote { + padding: 0 1em; + color: #6a737d; + border: none; + border-radius: 0px; + border-left: .25em solid #dfe2e5 !important; +} + +.markdown-preview-view blockquote p, +.markdown-preview-view blockquote ul { + margin-bottom: 16px !important; +} + +.markdown-preview-view blockquote>:first-child { + margin-top: 0; +} + +.markdown-preview-view blockquote>:last-child { + margin-bottom: 0; +} + +.markdown-preview-view h1, +.markdown-preview-view h2, +.markdown-preview-view h3, +.markdown-preview-view h4, +.markdown-preview-view h5, +.markdown-preview-view h6 { + margin-top: 24px; + margin-bottom: 16px; + font-weight: 600; + line-height: 1.25; +} + +.markdown-preview-view h1 { + font-size: 2em; +} + +.markdown-preview-view h1, +.markdown-preview-view h2 { + padding-bottom: .3em; + border-bottom: 1px solid #eaecef; +} + +.markdown-preview-view h2 { + font-size: 1.5em; +} + +.markdown-preview-view h3 { + font-size: 1.25em; +} + +.markdown-preview-view h4 { + font-size: 1em; +} + +.markdown-preview-view h5 { + font-size: .875em; +} + +.markdown-preview-view h6 { + font-size: .85em; + color: #6a737d; +} + +.markdown-preview-view ol, +.markdown-preview-view ul { + padding-left: 2em; +} + +.markdown-preview-view ol ol, +.markdown-preview-view ol ul, +.markdown-preview-view ul ol, +.markdown-preview-view ul ul { + margin-top: 0; + margin-bottom: 0; +} + +.markdown-preview-view li { + word-wrap: break-all; +} + +.markdown-preview-view li>p { + margin-top: 16px; +} + +.markdown-preview-view li+li { + margin-top: .25em; +} + +.markdown-preview-view dl { + padding: 0; +} + +.markdown-preview-view dl dt { + padding: 0; + margin-top: 16px; + font-size: 1em; + font-style: italic; + font-weight: 600; +} + +.markdown-preview-view dl dd { + padding: 0 16px; + margin-bottom: 16px; +} + +.markdown-preview-view table { + display: block; + width: 100%; + overflow: auto; +} + +.markdown-preview-view table th { + font-weight: 600; +} + +.markdown-preview-view table td, +.markdown-preview-view table th { + padding: 6px 13px; + border: 1px solid #dfe2e5; +} + +.markdown-preview-view table tr { + background-color: #fff; + border-top: 1px solid #c6cbd1; +} + +.markdown-preview-view table tr:nth-child(2n) { + background-color: #f6f8fa; +} + +.markdown-preview-view img { + max-width: 100%; + box-sizing: initial; + background-color: #fff; +} + +.markdown-preview-view code { + padding: .2em .4em; + margin: 0; + font-size: 85%; + background-color: rgba(27,31,35,.05); + border-radius: 3px; +} + +.markdown-preview-view pre { + word-wrap: normal; +} + +.markdown-preview-view pre>code { + padding: 0; + margin: 0; + font-size: 100%; + word-break: normal; + white-space: pre; + background: transparent; + border: 0; +} + +.markdown-preview-view mark { + color: #24292e !important; + background-color: yellow !important; +} + +.markdown-preview-view pre, +.markdown-previev-view :not(pre) > code[class*="language-"], +.markdown-preview-view pre[class*="language-"] { + color: #24292e; + padding: 16px; + overflow: auto; + font-size: 85%; + line-height: 1.45; + background-color: #f6f8fa; + border-radius: 3px; +} + +.markdown-preview-view pre code { + display: inline; + max-width: auto; + padding: 0; + margin: 0; + overflow: visible; + line-height: inherit; + word-wrap: normal; + background-color: initial; + border: 0; +} + + + +.markdown-preview-view .task-list-item { + list-style-type: none; +} + +.markdown-preview-view .task-list-item+.task-list-item { + margin-top: 3px; +} + +.markdown-preview-view .task-list-item input { + margin: .08em .43em .25em .15em; + vertical-align: top; +} + +.markdown-preview-view ul > li.task-list-item { + text-indent: -1.55em; +} + + +.markdown-preview-view a.footnote-link { + font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Segoe UI Emoji; +} + +.markdown-preview-view a.tag { + display: inline-block; + font-size: 12px; + font-weight: 500; + line-height: 18px; + border: 1px solid transparent; + border-radius: 2em; + padding: 0 10px; + line-height: 22px; + color: #0366d6; + background-color: #f1f8ff; +} \ No newline at end of file diff --git a/.obsidian/themes/Minimal.css b/.obsidian/themes/Minimal.css new file mode 100644 index 00000000..fb44e061 --- /dev/null +++ b/.obsidian/themes/Minimal.css @@ -0,0 +1,4950 @@ +/* + +Minimal Obsidian 3.3.2 by @kepano + +This theme is designed to be used with the Minimal Theme Settings +plugin and the Hider plugin. + + +Sponsor my work on Patreon: +https://www.patreon.com/kepano + +Readme: +https://github.com/kepano/obsidian-minimal + +---------------------------------------------------------------- + +TOC + +Options + + Disabled features + Colors + Cursor + Font styles + +Theme + +Special Features + + Frameless mode + Andy mode for use with Sliding Panes plugin + App ribbon removed + Focus mode + Image zoom + Calendar plugin + Dataview plugin + Kanban plugin + Checklist plugin + +Desktop Styling + + Headings and fonts + Icons + Tags + Modals + Front matter + Drag ghost + Workspace + Window frame + Title bar + Editor mode + Form inputs + Internal search + Sidebar documents + Toggle switches + File browser + Relationship lines + Folding + Outline + Search + Tag pane + Status bar + Sidedock icons + Preview mode + Code + Popovers + Graphs + Settings + Scroll bars + +Mobile Styling + + Phone styling + Tablet styling + +---------------------------------------------------------------- + +OPTIONS + +Disabled features */ + +.tree-item-flair:not(.tag-pane-tag-count) { /* Search counts */ + display:none; +} + +.tree-item-inner-subtext { /* Folder name */ + display:none; +} + +/* Hides the name of the root folder */ +.nav-folder.mod-root > .nav-folder-title .nav-folder-title-content { + display:none; +} + +/* Remove this if you re-enable status bar */ +.workspace-split.mod-left-split > .workspace-leaf-resize-handle, +.workspace-split.mod-right-split > .workspace-leaf-resize-handle { + height:100%; +} + + +:root { + + /*---------------------------------------------------------------- + + Colors + + Most colors in this theme are driven from the following values, + meaning that the backgrounds, borders, and various shades are + automatically generated for you. + + - Base color is used for the backgrounds, text and borders. + - Accent color is used for links and some interactive elements. + + The colors use HSL (hue, saturation, lightness) + + - Hue (0-360 degrees):0 is red, 120 is green, and 240 is blue + - Saturation (0-100%):0% is desaturated, 100% is full saturation + - Lightness (0-100%):0% is black, 100% is white + + */ + + --base-h:0; /* Base hue */ + --base-s:0%; /* Base saturation */ + --base-d:15%; /* Base lightness Dark Mode - 0 is black */ + --base-l:97%; /* Base lightness Light Mode - 100 is white */ + --accent-h:201; /* Accent hue */ + --accent-s:17%; /* Accent saturation */ + --accent-d:60%; /* Accent lightness Dark Mode */ + --accent-l:50%; /* Accent lightness Light Mode */ + + /*---------------------------------------------------------------- + + Cursor + + Change this to "pointer" if you like the normal style better */ + + --cursor:default; + + /*---------------------------------------------------------------- + + Font styles + + /* 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:Menlo,SFMono-Regular,Consolas,"Roboto Mono",monospace; + + /* UI */ + + --font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; + + /* Sizes, weights, padding */ + + --font-normal:16px; + --font-small:13px; + --font-smaller:11px; + --font-smallest:10px; + + --h1:1.125em; + --h2:1em; + --h3:1em; + --h4:0.90em; + --h5:0.85em; + --h6:0.85em; + + --h1-weight:600; + --h2-weight:600; + --h3-weight:500; + --h4-weight:500; + --h5-weight:500; + --h6-weight:400; + + --h1-color:var(--text-normal); + --h2-color:var(--text-normal); + --h3-color:var(--text-normal); + --h4-color:var(--text-normal); + --h5-color:var(--text-normal); + --h6-color:var(--text-muted); + + --normal-weight:400; /* Switch to 300 if you want thinner default text */ + --bold-weight:600; /* Switch to 700 if you want thicker bold text */ + --line-width:40rem; /* Maximum characters per line */ + --line-height:1.5; + --max-width:88%; /* Amount of padding around the text, use 90% for narrower padding */ + --nested-padding:3.5%; /* Amount of padding for quotes and transclusions */ + --icon-muted:0.4; + --border-width:1px; + --border-width-alt:1px; + --input-height:36px; + + + --yellow:#e5b567; + --green:#b4d273; + --orange:#e87d3e; + --purple:#9e86c8; + --pink:#b05279; + --blue:#6c99bb; + +} + +/* Desktop font sizes */ +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); +} + +/* Phone font sizes */ +@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:88%; + } +} + +/* Tablet font sizes */ +@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%; + } +} + +/*---------------------------------------------------------------- + + THEME + + These values are mostly driven by the options above */ + + .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:rgba(255, 224, 0, 0.5); + --text-highlight-bg-active:rgba(0, 0, 0, 0.1); + + --code-color: #c7254e; + + --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),var(--base-l)); + --background-tertiary:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 5%)); + --background-modifier-border:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 6%)); + --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); + + --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); + } + + .theme-light.minimal-light-contrast .workspace-fake-target-overlay.is-in-sidebar, + .theme-light.minimal-light-contrast .titlebar, + .theme-light.minimal-light-contrast .status-bar, + .theme-light.minimal-light-contrast .workspace-ribbon.mod-left, + .theme-light.minimal-light-contrast .mod-left-split, + .theme-light.minimal-light-contrast.is-mobile .workspace-drawer.mod-left, + .theme-dark { + + --text-normal:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 67%)); + --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:rgba(255, 177, 80, 0.3); + --text-highlight-bg-active:rgba(255, 255, 255, 0.1); + + --code-color: #c7254e; + + --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.85); + --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); + } + .theme-light.minimal-light-white { + --background-secondary:white; + } + .theme-light.minimal-light-tonal { + --background-primary:hsl(var(--base-h),var(--base-s),var(--base-l)); + --background-primary-alt:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 4%)); + --background-translucent:hsla(var(--base-h),var(--base-s),var(--base-l),0.85); + } + .theme-dark.minimal-dark-tonal { + --background-secondary:hsl(var(--base-h),var(--base-s),var(--base-d)); + --background-tertiary:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 4%)); + } + .theme-dark.minimal-dark-black { + --base-d:0%; + + --text-normal:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 75%)); + --text-muted:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 50%)); + --text-faint:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 25%)); + + --background-primary-alt:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 6%)); + --background-tertiary:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 10%)); + --background-button:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 10%)); + --background-modifier-border:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 12%)); + --background-modifier-border-hover:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 20%)); + --background-modifier-border-focus:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 30%)); + --background-modifier-cover:hsla(var(--base-h),var(--base-s),calc(var(--base-d) + 8%),0.9); + + --icon-muted:0.5; + --background-modifier-box-shadow:rgba(0, 0, 0, 1); + } + +.borders-low { + --border-width:0px; + --border-width-alt:1px; +} +.borders-none { + --border-width:0px; + --border-width-alt:0px; +} + + +/*---------------------------------------------------------------- + +SPECIAL FEATURES + +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; +} + +/* Adjustments to title bar for traffic light icons */ + +.mod-macos.minimal-folding.hider-frameless.hider-ribbon:not(.plugin-sliding-panes-rotate-header) { + --traffic-space:80px; + --traffic-padding:70px; +} +.mod-macos.minimal-folding.hider-frameless:not(.plugin-sliding-panes-rotate-header) { + --traffic-space:55px; + --traffic-padding:40px; +} +.mod-macos.hider-frameless.hider-ribbon:not(.plugin-sliding-panes-rotate-header) { + --traffic-space:95px; + --traffic-padding:70px; +} +.mod-macos.hider-frameless:not(.plugin-sliding-panes-rotate-header) { + --traffic-space:65px; + --traffic-padding:40px; +} +.mod-macos.hider-frameless: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 { + position:relative; + right:auto; + display:flex; +} +.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 { + flex:1 var(--traffic-space); + text-align:left; + min-width:var(--traffic-space); + padding-left:var(--traffic-padding); +} +.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-actions { + flex:1 var(--traffic-space); +} +.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-title-container { + position:static; + flex-grow:0; + flex-shrink:1; + flex-basis:var(--line-width-adaptive); +} +.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 .view-header-title:before { + right:var(--traffic-space); +} + +/* --------------- */ +/* 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; +} + +/* --------------- */ +/* Andy Mode Sliding Panes + Designed for use with death_au's plugin */ + +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-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header > .view-header-title-container:before, +body.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-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 { + padding-left:0; + padding-bottom:40px; + margin-left:2px; + bottom:0; +} +body.plugin-sliding-panes-rotate-header .view-header-icon { + opacity:0.5; +} +body.plugin-sliding-panes.is-fullscreen .view-header-icon { + padding-top:8px; +} +body.plugin-sliding-panes .mod-root .graph-controls { + top:20px; + left:30px; +} + +/* --------------- */ +/* App Menu ribbon moved to the bottom edge */ + +.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:fixed; + border-right:0px; + margin:0; + height:40px; + overflow:visible; + flex-basis:0; + bottom:0; + top:auto; + display:flex !important; + flex-direction:row; + background:var(--background-primary); + z-index:17; + opacity:0; + transition:opacity 0.25s ease-in-out; +} +.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-primary); + margin:0; +} +.hider-ribbon:not(.is-mobile) .workspace-ribbon.mod-left:after { + border-top:var(--border-width) solid var(--background-modifier-border); + background:var(--background-primary); + padding-right:100vw; + content:" "; + pointer-events:none; +} +.hider-ribbon:not(.is-mobile) .workspace-ribbon.mod-left .side-dock-ribbon-action { + display:inline-block; + padding:9px 5px 0 12px; +} +.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; +} + +/* --------------- */ +/* Focus mode */ +/* When the left sidebar is collapsed */ + +.workspace-ribbon.mod-left { + transition:border-color 0s ease-in-out 0s, background-color 0s ease-in-out 0s; +} +.workspace-ribbon.mod-left.is-collapsed { + border-color:transparent; + background-color:transparent; + transition:border-color 0s ease-in-out 0.1s, background-color 0s ease-in-out 0.2s; +} +.focus-mode .workspace-ribbon.mod-left.is-collapsed:hover .side-dock-actions, +.focus-mode .workspace-ribbon.mod-left.is-collapsed:hover .side-dock-settings { + opacity:1; + transition:opacity 0s ease-in-out; +} +.is-right-sidedock-collapsed .workspace-split.mod-right-split { + margin-right:0px; +} +.view-actions { + margin-right:0px; + margin-left:auto; + transition:opacity 0.25s ease-in-out; +} +.view-actions .view-action { + margin-right:4px; +} +.view-action.is-active { + color:var(--text-faint); + opacity:1; +} +.view-actions .view-action:last-child { + margin-left:2px; +} +.workspace-ribbon:not(.is-collapsed) ~ .mod-root .view-actions, +.focus-mode .workspace-ribbon:not(.is-collapsed) ~ .mod-root .view-header:hover .view-actions, +.workspace-ribbon.mod-left.is-collapsed ~ .mod-root .view-header:hover .view-actions, +.mod-right.is-collapsed ~ .mod-root .view-header:hover .view-actions { + opacity:1; + transition:opacity 0.25s ease-in-out; +} +.focus-mode .view-actions, +.focus-mode .workspace-ribbon.mod-right.is-collapsed ~ .mod-root .view-actions, +.focus-mode .workspace-ribbon.mod-left.is-collapsed ~ .mod-root .view-actions, +.focus-mode .workspace-ribbon.mod-left.is-collapsed .side-dock-actions, +.focus-mode .workspace-ribbon.mod-left.is-collapsed .side-dock-settings { + opacity:0; + transition:opacity 0.25s ease-in-out; +} + + +/* --------------- */ +/* Dark mode images */ + +.theme-dark .markdown-preview-view img { + opacity:0.75; + transition:opacity 0.25s linear; +} +.theme-dark .markdown-preview-view img:hover { + opacity:1; + transition:opacity 0.25s linear; +} + +/* --------------- */ +/* Image zoom */ + +.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; +} + +/* --------------- */ +/* Calendar Plugin */ + +.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-weight:400; + font-size:var(--h2); +} +.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:400; +} +#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); +} + +/* --------------- */ +/* Dataview Plugin */ + +.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); +} +/*.markdown-preview-view .table-view-table tr:hover { + background:var(--text-selection); +}*/ + +/* --------------- */ +/* Kanban Plugin */ + +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.minimal-folding:not(.plugin-sliding-panes-rotate-header) .workspace-leaf-content[data-type=kanban] .view-header-title { + 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 { + justify-content:center; +} +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:not(.is-mobile) .kanban-plugin__grow-wrap > textarea:focus { + box-shadow:none; +} +body .kanban-plugin__grow-wrap > textarea, +body .kanban-plugin__grow-wrap::after, +body .kanban-plugin__item-title p { + font-size:calc(var(--font-adaptive-normal) - 2px); +} +.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 .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-primary); + padding:0; + border:1px solid transparent; +} +body .kanban-plugin__lane-items { + padding-bottom:0; + background-color:var(--background-secondary); +} +body button.kanban-plugin__new-lane-button { + background-color:transparent; + border:1px solid transparent; + text-align:center; + padding-right:25px; + color:var(--text-faint); +} + +@media (max-width:400pt) { + .kanban-plugin__board { + flex-direction:column !important; + } + + .kanban-plugin__lane { + width:100% !important; + margin-bottom:1rem !important; + } +} + +/* --------------- */ +/* Checklist Plugin */ + + +.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:1px solid var(--background-modifier-border-hover); + min-height:18px; + min-width:18px; + height:18px; + width:18px; +} +.checklist-plugin-main .group .checkbox:hover { + border:1px solid var(--background-modifier-border-focus); +} + +/* ---------------------------------------------------------------- +Desktop Styling +---------------------------------------------------------------- */ + +/* Headings and fonts */ + +h1,h2,h3,h4,h5,strong {font-weight:var(--bold-weight);} +h1,h2,h3,h4 {letter-spacing:-0.02em;} + +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(--text-editor); + line-height:var(--line-height); +} +.cm-s-obsidian .cm-header, +.cm-s-obsidian .cm-strong { + font-weight:var(--bold-weight); +} +.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); +} +.view-header-title, +.file-embed-title, +.markdown-embed-title { + letter-spacing:-0.02em; + text-align:left; + font-size:1.125em; + font-weight:var(--bold-weight); +} +.empty-state-title, +.markdown-preview-view h1, +.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); +} +.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); +} +.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); +} +.markdown-preview-view h4, +.HyperMD-header-4, +.cm-s-obsidian .cm-header-4 { + font-variant:small-caps; + letter-spacing:0.02em; + font-size:var(--h4); + color:var(--h4-color); + font-weight:var(--h4-weight); +} +.markdown-preview-view h5, +.HyperMD-header-5, +.cm-s-obsidian .cm-header-5 { + font-variant:small-caps; + letter-spacing:0.02em; + font-size:var(--h5); + color:var(--h5-color); + font-weight:var(--h5-weight); +} +.markdown-preview-view h6, +.HyperMD-header-6, +.cm-s-obsidian .cm-header-6 { + font-variant:small-caps; + letter-spacing:0.02em; + font-size:var(--h6); + color:var(--h6-color); + font-weight:var(--h6-weight); +} + +/* --------------- */ +/* Icons */ + +/* svg { + color:var(--icon-color); +} */ +.nav-action-button svg { + width: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-tab-header-inner { + padding:3px 3px 3px 10px; +} + + +/* --------------- */ +/* Tags */ + +.frontmatter-container .tag, +a.tag { + background-color:transparent; + border:1px solid var(--background-modifier-border); + color:var(--text-muted); + font-size:var(--font-adaptive-small); + font-family:var(--font-ui); + padding:2px 8px; + text-align:center; + text-decoration:none; + display:inline-block; + margin:2px 0 0 0; + border-radius:14px; +} +a.tag:hover { + color:var(--text-normal); + border-color:var(--background-modifier-border-hover); +} +.cm-s-obsidian span.cm-hashtag { + background-color:transparent; + border:1px solid var(--background-modifier-border); + color:var(--text-muted); + font-size:var(--font-adaptive-small); + font-family:var(--font-ui); + 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); +} + +/* --------------- */ +/* Modals */ + +.progress-bar-message { + color:var(--text-faint); +} + +.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; +} +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; +} +.modal-container .suggestion-item.is-selected { + border-radius:6px; + background:var(--background-tertiary); +} +.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); +} +.prompt-instruction-command { + font-weight:600; +} +.prompt { + padding-bottom:0; +} +.prompt-results { + padding-bottom:10px; +} +.menu { + padding:5px; +} +.menu-item { + font-size:var(--font-adaptive-small); + border-radius:5px; + padding:2px 12px 2px 8px; + height:24px; + cursor:var(--cursor); + line-height:20px; +} +.menu-separator { + margin:6px -5px; + +} +.menu-item-icon { + width:20px; +} +.menu-item-icon svg { + width:12px; + height:12px; +} + +/* --------------- */ +/* 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); +} + +/* --------------- */ +/* 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); +} + +/* --------------- */ +/* Minimal settings */ + +:root { + --font-settings:14px; + --font-settings-small:12px; +} + +.modal.mod-publish, +.modal.mod-community-plugin, +.modal.mod-settings { + width:90vw; + height:100vh; + max-height:90vh; + max-width:1000px; +} +.modal.mod-settings .vertical-tab-header, +.modal.mod-settings .vertical-tab-content-container { + height:90vh; +} + +.setting-item-name, +.community-plugin-name, +.modal.mod-settings .vertical-tab-content-container { + font-size:var(--font-settings); + line-height:1.3; +} + +.community-plugin-search-summary, +.setting-item-description, +.community-plugin-item .community-plugin-author, +.community-plugin-downloads, +.community-plugin-item .community-plugin-desc, +.modal .vertical-tab-nav-item { + font-size:var(--font-settings-small); + line-height:1.3; +} +.community-plugin-search .setting-item { + margin-right:10px; +} + +button.mod-cta, +.modal button, +.modal button.mod-cta a { + font-size:var(--font-settings-small); + height:var(--input-height); + cursor:var(--cursor); + margin-right:3px; + margin-left:3px; +} + +.setting-item { + padding:0.75rem 0; +} +.setting-item-description { + padding-top:4px; +} +.setting-item-control { + margin-right:0; +} + +.community-plugin-search { + padding:20px 0 0 0; + background-color:var(--background-secondary); + border-right:1px solid var(--background-modifier-border); + flex:0 0 250px; +} +.community-plugin-item { + margin:0; + border-bottom:1px solid var(--background-modifier-border); +} +.community-plugin-item:hover .community-plugin-name { + color:var(--text-accent); +} +.community-plugin-search .setting-item-info { + flex-grow:0; +} +.community-plugin-search .search-input-container { + margin-left:0; +} + +/* --------------- */ +/* Drag ghost */ + +.workspace-drop-overlay:before, +.mod-drag, +.drag-ghost { + opacity:0; + 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-fake-target-overlay, +.workspace-fake-target-overlay.is-in-sidebar, +.workspace-drop-overlay, +.view-header.is-highlighted:after { + opacity:0; + background-color:var(--background-primary); +} + + --------------- */ +/* 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:3px; + 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:1px !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:2px; +} + +.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:2px; +} +.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-leaf:not(.mod-active) {} /* Effects on non-active panels */ + +.workspace-tab-container-inner { + background:transparent; + border-bottom:var(--border-width) solid var(--background-modifier-border); + border-radius:0; + width:100%; + max-width:100%; + margin:0 auto; + padding-left:5px; +} +.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:36px; + background-color:transparent; +} + +/* --------------- */ +/* Window frame */ + +.titlebar { + background:var(--background-secondary); + border-bottom:var(--border-width) solid var(--background-modifier-border); +} +.hider-frameless .titlebar { + border-bottom:none; +} +.titlebar-text { + display:none; + color:var(--text-faint); + letter-spacing:inherit; +} +.titlebar-button { + opacity:1; + cursor:var(--cursor); + color:var(--text-muted); +} +.titlebar-button svg path { + fill:var(--text-muted) !important; + stroke:var(--text-muted) !important; +} +.titlebar-button:hover svg path { + fill:var(--text-normal) !important; + stroke:var(--text-normal) !important; +} +.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; +} + +/* --------------- */ +/* Title Bar */ + +.view-actions { + margin-right:1px; + z-index:15; + background:var(--background-primary); +} +.view-header { + height:40px; +} +.view-header-title { + padding-right:60px; +} +.view-header-title:before { + background:linear-gradient(90deg,var(--background-transparent) 0%,var(--background-primary) 80%); + width:60px; + content:" "; + height:100%; + display:inline-block; + vertical-align:bottom; + position:absolute; + right:0px; + pointer-events:none; +} +.workspace-leaf-header, +.view-header { + background-color:var(--background-primary) !important; + border:none !important; +} +.view-header-title-container:after { + display:none; +} + +/* --------------- */ +/* Custom line width */ + +/* Readable line width off */ + +.markdown-preview-view .markdown-preview-sizer, +.markdown-source-view .CodeMirror { + max-width:90%; + margin:0 auto; +} +.is-mobile .markdown-source-view.mod-cm6 .cm-scroller { + padding-left:4%; + padding-right:4%; +} + +/* With readable 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:0px; + position:absolute; + width:var(--line-width-adaptive); + max-width:var(--max-width); + margin:0 auto; + left:0; + right:0; +} + +/* --------------- */ +/* Editor mode */ + +/* Fancy cursor */ +.fancy-cursor .CodeMirror-cursor { + border:none; + border-right:2px solid var(--text-accent); +} +.cm-fat-cursor .CodeMirror-cursor { + background-color:var(--text-accent); + opacity:0.5; + width:5px; +} +.cm-animate-fat-cursor { + background-color:var(--text-accent); + opacity:0.5; + width:5px; +} +.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; +} +.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); +} + +/* 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 { + line-height:18px; + height:24px; +} +.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:1px 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-family:var(--font-monospace); + font-size:calc(var(--font-adaptive-normal) - 1px); +} + +/* Editor Mode Lists */ +.cm-formatting-list { + color:var(--text-faint) !important; +} +/* Editor Mode Quotes */ +.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; +} + +.minimal-folding .workspace > .workspace-split:not(.mod-root) .workspace-leaf-content[data-type=markdown] .allow-fold-headings.markdown-preview-view .markdown-preview-sizer, +.minimal-folding .workspace > .workspace-split:not(.mod-root) .workspace-leaf-content[data-type=markdown] .allow-fold-lists.markdown-preview-view .markdown-preview-sizer { + padding-left:0; +} + +/* 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-family:var(--font-ui); + font-size:13px; +} +textarea { + padding:5px 10px; + transition:all 0.1s linear; + -webkit-appearance:none; + line-height:1.3; +} +input[type='text'], +input[type='search'], +input[type='email'], +input[type='password'], +input[type='number'] { + padding:5px 10px; + -webkit-appearance:none; + transition:all 0.1s linear; + height:var(--input-height); +} +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 { + background-color:var(--background-button); + border-color:var(--background-modifier-border-hover); + box-shadow:0 2px 3px 0px rgba(0,0,0,0.05); +} +.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; + height:var(--input-height); +} +.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:50%; + border:1px 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(--background-modifier-accent) !important; + border:1px solid var(--background-modifier-accent); + 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:18px; + height:18px; + 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-header:after { + content:""; + pointer-events:none; + z-index:9; + background:linear-gradient(0deg,var(--background-transparent) 0%,var(--background-secondary) 100%);; + height:12px; + width:100%; + position:fixed; +}*/ +.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; +} +.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; +} +.nav-folder-collapse-indicator { + top:1px; + margin-left:-10px; +} + +/* Disclosure icons + +.collapse-icon svg { + display:none; +} +.collapse-icon { + margin:0; + padding:0 0 0 5px; + top:auto; +} +.collapse-icon:after { + content:"\203A"; + font-weight:200; + display:inline-block; + font-size:22px; + height:22px; + width:10px; + transition:transform 100ms ease-in-out; + transform:rotate(90deg); +} +.is-collapsed .collapse-icon:after { + transform:rotate(0deg); +}*/ + +.tooltip { + font-size:var(--font-adaptive-small); + line-height:1.2; + padding:4px 8px; + border-radius:4px; +} +.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; +} +.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); +} + + +/* --------------- */ +/* Colorful headings */ + +body.colorful-headings { + --h1-color:var(--pink); + --h2-color:var(--orange); + --h3-color:var(--yellow); + --h4-color:var(--green); + --h5-color:var(--blue); + --h6-color:var(--purple); +} + +/* --------------- */ +/* Relationship lines */ + +/* Relationship lines in Preview */ + +body.minimal-rel-preview ul { + position:relative; +} +body.minimal-rel-preview .markdown-preview-view ul ul::before { + content:''; + border-left:1px solid var(--background-modifier-border); + position:absolute; + left:-0.85em; + top:0; + bottom:0; +} +body.minimal-rel-preview .markdown-preview-view ul.contains-task-list::before { + top:5px; +} +body.minimal-rel-preview .markdown-preview-view .task-list-item-checkbox { + margin-left:-1.3em; +} + +/* Relationship lines in Edit mode */ + +body.minimal-rel-edit .cm-hmd-list-indent > .cm-tab { + display:inline-block; +} +body.minimal-rel-edit .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.minimal-folding:not(.plugin-sliding-panes-rotate-header) .view-header-title, +.minimal-folding .allow-fold-headings.markdown-preview-view .markdown-preview-sizer, +.minimal-folding .allow-fold-lists.markdown-preview-view .markdown-preview-sizer { + padding-left:16px; +} +.minimal-folding .allow-fold-lists.markdown-preview-view .markdown-embed .markdown-preview-sizer { + padding-left:0; +} +.is-mobile.minimal-folding .markdown-source-view.mod-cm6.is-readable-line-width .cm-gutters, +.is-mobile.minimal-folding .markdown-source-view.mod-cm6.is-readable-line-width .cm-content { + transform:translateX(-10px); +} + +/* 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 { + margin-left:-42px; + margin-top:5px; + position:absolute; +} +.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)::before { + content:'\2022'; + text-align:left; + padding:0; + font-size:22px; + border-radius:50%; + background:transparent; + float:left; + margin-right:12px; + margin-top:10px; + margin-left:-16px; + display:inline-block; + line-height:0; + height:4px; + width:4px; + border:0px; + vertical-align:middle; + color:var(--text-faint); + transform:translateX(-2px); +} +.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); +}*/ +.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-result-file-matched-text { + background-color:var(--text-selection); +} +.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; +} + +.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-smaller); + line-height:1.3; + 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-smallest); + font-weight:500; + padding:5px 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-left:15px; +} +.tag-pane-tag-count { + padding:0; + 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 { + background-color:var(--background-secondary); + color:var(--text-muted); + font-size:var(--font-adaptive-smaller); + border-width:var(--border-width-alt); + padding:0 5px 0; +} +.status-bar-item { + padding:0 5px; +} +.status-bar-item-segment { + margin-right:10px; +} + +/* --------------- */ +/* Default ribbon sidedock icons */ + +.workspace-ribbon.mod-left .workspace-ribbon-collapse-btn { + opacity:1; + height:60px; + position:fixed; + width:30px; + top:auto; + bottom:0; + z-index:9; +} +.workspace-ribbon.mod-right { + opacity:1; + height:60px; + position:fixed; + width:30px; + top:auto; + bottom:0; + z-index:9; +} +.workspace-ribbon-collapse-btn { + margin:0; + padding-top:8px; +} +.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); +} +.workspace-ribbon.mod-right { + right:0; + position:absolute; + background:transparent; + border-right:0; +} +.mod-right:not(.is-collapsed) ~ .workspace-split.mod-right-split { + margin-right:0; +} +.side-dock-ribbon-action { + padding:6px 0; +} +.side-dock-settings { + padding-bottom:20px; +} +.side-dock-ribbon { + border-left:0; +} +body.hider-frameless:not(.hider-ribbon) .side-dock-actions { + padding-top:24px; +} +body:not(.hider-ribbon) .side-dock-ribbon-action { + padding:6px 0 0 0; +} + +/* --------------- */ +/* 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"); +} +.minimal-theme:not(.links-int-on) a[href*="obsidian://"], +.minimal-theme:not(.links-int-on) .markdown-preview-view .internal-link, +.minimal-theme:not(.links-int-on) .external-link { + text-decoration:none; +} +.minimal-theme.links-int-on .markdown-preview-view .internal-link, +.markdown-preview-view .internal-link { + text-decoration:underline; +} +.minimal-theme.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 { + + font-size:var(--font-adaptive-small); + padding:10px 0; + background:transparent; + border-radius:0; + margin:0; + border:0; + border-bottom:1px solid var(--background-modifier-border); +} +.frontmatter-container .frontmatter-container-header { + padding:0; + font-weight:500; + border-bottom:0; + font-size:var(--font-adaptive-small); +} +.frontmatter-container .frontmatter-container-header:before { +} + +/* Blockquotes */ + +.markdown-preview-view blockquote { + border-radius:0; + border:solid var(--quote-opening-modifier); + border-width:0px 0px 0px 1px; + background-color:transparent; + color:var(--text-muted); + padding:0 0 0 calc(var(--nested-padding) / 2); + margin-inline-start:var(--nested-padding); +} + +/* 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; } +/* +ul { + padding-inline-start:2em; + list-style:none; + list-style-type:none; +} +ul ul, ol ul, ol ol ul, ol ul ul, ul ol ul, ul ul ul { + list-style:none; + list-style-type:none; +} +ul li p, ol li p { + display:inline; +}*/ +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); +} + +.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; +} +.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); +} + +/* --------------- */ +/* Popovers */ + +.theme-dark.minimal-dark-black .popover { + background:var(--background-primary-alt); +} + +.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); +} + +/* --------------- +.theme-dark .graph-view.color-arrow { +color:#5cc863; +} +.theme-dark .graph-view.color-fill-tag { + color:#440154; +} +.theme-dark .graph-view.color-fill-attachment { + color:#277f8e; +} +.theme-dark .graph-view.color-fill-unresolved { + color:#fde725; +} */ + +/* 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:100px; +} +.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:7px; +} +::-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); +} +.theme-light.minimal-light-contrast .mod-left-split .vertical-tab-header::-webkit-scrollbar-thumb, +.theme-light.minimal-light-contrast .mod-left-split .workspace-tabs ::-webkit-scrollbar-thumb { + background-color:var(--background-modifier-border-hover); +} +.theme-light.minimal-light-contrast .mod-left-split .vertical-tab-header::-webkit-scrollbar-track, +.theme-light.minimal-light-contrast .mod-left-split .workspace-tabs ::-webkit-scrollbar-track { + background-color:red; +} +.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:16px; + --font-settings-small:13px; + --input-height:40px; +} +.hider-tooltips .follow-link-popover { + display:none; +} +.is-mobile .follow-link-popover { + font-family:var(--font-ui); +} + +/* Padding reset */ +body.is-mobile { + padding:0 !important; +} + +.is-mobile .ΝΌ1 .cm-line, +.is-mobile .workspace-drawer-tab-container > *, +body.minimal-folding.is-mobile .view-header-title, +.minimal-folding.is-mobile .allow-fold-headings.markdown-preview-view .markdown-preview-sizer, +.minimal-folding.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 .safe-area-top-cover { + background-color:var(--background-primary); +} +.is-mobile .horizontal-main-container { + background-color:var(--background-primary); +} + +.is-mobile .workspace { + border-radius:0 !important; + transform:none !important; +} +.is-mobile .workspace-drawer:not(.is-pinned) { + width:100vw; + 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:2; + 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'] { + -webkit-appearance:none; + border-radius:50px; + height:40px; + padding:10px 20px; + font-size:14px; +} +.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 { + left:0; + right:0; + margin:0 auto; + border:none; +} +.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); +} +.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, +.is-mobile .minimal-donation { + 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:70vw + } + .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); + } + + /* experiment with scrolling tables + .is-mobile .markdown-preview-sizer > div { + overflow-x:auto; + } + .is-mobile .markdown-preview-view.is-readable-line-width .markdown-preview-sizer, + .is-mobile .markdown-preview-sizer { + max-width:100%; + } + .is-mobile .markdown-preview-sizer > div > * { + max-width:var(--max-width); + margin-left:auto; + margin-right:auto; + margin-block-end:0.25em; + margin-block-start:0.75em; + } + .is-mobile .markdown-preview-sizer > div > table { + margin-top:20px; + margin-left:6%; + margin-right:6%; + } +*/ + .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; + } +} + +/* --------------- */ +/* 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; + } +} + +/* Style Settings */ + +/* @settings +name: Minimal Theme +id: minimal-style +settings: + - + id: styles + title: Background styles + type: heading + level: 2 + collapsed: true + - + id: light-mode-style + title: Light mode style + description: Background color style in light mode + type: class-select + allowEmpty: false + default: minimal-light + options: + - + label: Default + value: minimal-light + - + label: All white + value: minimal-light-white + - + label: Low contrast + value: minimal-light-tonal + - + label: High contrast + value: minimal-light-contrast + - + id: dark-mode-style + title: Dark mode style + description: Background color style in dark mode + type: class-select + allowEmpty: false + default: minimal-dark + options: + - + label: Default + value: minimal-dark + - + label: Low contrast + value: minimal-dark-tonal + - + label: True black + value: minimal-dark-black + - + id: color + title: Colors + type: heading + level: 2 + collapsed: true + - + id: accent + title: Accent color + type: variable-color + format: hsl-split + default: '#6a8695' + - + id: base + title: Base color + type: variable-color + format: hsl-split + default: '#f7f7f7' + - + id: accent-d + title: Accent color adjust for dark mode + description: Adjust darkness of the accent color in dark mode + type: variable-number-slider + default: 60 + min: 20 + max: 80 + step: 1 + format: '%' + - + id: base-d + title: Base color adjustment for dark mode + description: Adjust darkness of the base color in dark mode + type: variable-number-slider + default: 15 + min: 0 + max: 40 + step: 1 + format: '%' + - + id: features + title: Features + type: heading + level: 2 + collapsed: true + - + id: fancy-cursor + title: Fancy cursor + description: Editor cursor uses your accent color + type: class-toggle + default: true + - + id: borders-none + title: Hide sidebar borders + description: Turn off borders on sidebars + type: class-toggle + - + id: focus-mode + title: Hide action buttons in focus mode + description: When sidebars are collapsed hide action buttons, accessible by hovering + type: class-toggle + - + id: full-file-names + title: Show full file names + description: Turn off trimming on files in sidebar + type: class-toggle + - + id: minimal-folding + title: Folding offset + description: Recommended if you use folding headings and indents + type: class-toggle + - + id: minimal-rel-preview + title: Relationship lines in Preview + description: Show vertical lines that connect related bullet points and task lists + type: class-toggle + - + id: minimal-rel-edit + title: Relationship lines in Editor + description: Show vertical lines that connect related bullet points and task lists + type: class-toggle + - + id: full-width-media + title: Maximize media + description: Images and videos fill the width of the line + 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: 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: font-normal + title: Body font size + description: Font size in px of the main text + type: variable-number + default: 16 + format: px + - + id: font-small + title: Sidebar font size + description: Font size in px of the sidebar 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: 40 + 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: 88 + 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.125em + - + id: h1-weight + title: H1 font weight + description: Accepts numbers representing the CSS font-weight + type: variable-number + default: 600 + - + 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: 1em + - + id: h2-weight + title: H2 font weight + description: Accepts numbers representing the CSS font-weight + type: variable-number + default: 600 + - + 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: 1em + - + id: h3-weight + title: H3 font weight + description: Accepts numbers representing the CSS font-weight + type: variable-number + default: 500 + - + 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: 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: 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: advanced + title: Advanced + type: heading + level: 2 + collapsed: true + - + id: cursor + title: Cursor style + description: The cursor style for UI elements + type: variable-select + default: default + options: + - + label: Default + value: default + - + label: Pointer + value: pointer + - + label: Crosshair + value: crosshair + - + id: font-smaller + title: Small font size + description: Font size in px of the main text + type: variable-number + default: 11 + format: px + - + id: font-smallest + title: Tiny font size + description: Font size in px of the main text + type: variable-number + default: 10 + format: px + - + id: credits + title: Credits + type: heading + description: Made with ❀︎ by @kepano. Support my work at buymeacoffee.com/kepano + level: 2 + collapsed: true + +*/ \ No newline at end of file diff --git a/.obsidian/themes/Red Graphite.css b/.obsidian/themes/Red Graphite.css new file mode 100644 index 00000000..23b0c7f8 --- /dev/null +++ b/.obsidian/themes/Red Graphite.css @@ -0,0 +1,691 @@ +.theme-light +{ + --background-inline-code: rgb(240, 240, 240); + --background-nav-alt: rgb(58, 62, 63); + --background-nav-file-tag: rgb(203, 77, 73); + --background-nav-selected: rgb(203, 77, 73); + --background-nav: rgb(41, 44, 46); + --background-primary: rgb(250, 250, 250); + --background-tag: #b5b5b5; + --border-inline-code: rgb(215, 215, 215); + --code-block-background: #ffffff; + --code-block-border: #92a1a17a; + --font-family-editor: Avenir, "Avenir Next", "Avenir Next Cyr", 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei Light", sans-serif; + --font-family-preview: Avenir, "Avenir Next", "Avenir Next Cyr", 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei Light", sans-serif; + --interactive-accent: rgb(203, 77, 73); + --text-accent: rgb(203, 77, 73); + --text-faint: rgb(150, 150, 150); + --text-header: rgb(44, 44, 44); + --text-highlight-bg: #b4ff0066; + --text-inline-code: rgb(45, 45, 45); + --text-nav-selected: rgb(255, 255, 255); + --text-nav: rgb(190, 190, 190); + --text-normal: rgb(44, 44, 44); + --text-normal-opposite: rgb(216, 216, 216); +} + +.theme-dark { + --background-inline-code: rgb(41, 44, 46); + --background-nav-alt: rgb(58, 62, 63); + --background-nav-file-tag: rgb(116, 190, 247); + --background-nav-selected: rgb(73, 73, 73); + --background-nav: rgb(41, 44, 46); + --background-primary: rgb(28, 30, 32); + --background-tag: rgb(111, 112, 116); + --border-inline-code: rgb(76, 76, 76); + --code-block-background: rgb(32, 32, 32); + --code-block-border: rgb(77, 77, 77); + --font-family-editor: Avenir, "Avenir Next", "Avenir Next Cyr", 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei Light", sans-serif; + --font-family-preview: Avenir, "Avenir Next", "Avenir Next Cyr", 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei Light", sans-serif; + --interactive-accent: rgb(116, 190, 247); + --text-accent: rgb(116, 190, 247); + --text-faint: rgb(150, 150, 150); + --text-header: rgb(198, 213, 224); + --text-highlight-bg: rgb(64, 73, 181); + --text-inline-code: rgb(230, 230, 230); + --text-nav-selected: rgb(255, 255, 255); + --text-nav: rgb(190, 190, 190); + --text-normal: rgb(216, 216, 216); + --text-normal-oppsite: rgb(44, 44, 44); +} + +/* header colors */ +.cm-header, +.markdown-preview-view h1, +.markdown-preview-view h2, +.markdown-preview-view h3, +.markdown-preview-view h4, +.markdown-preview-view h5, +.markdown-preview-view h6 { + color: var(--text-header); +} + +/* Changing size/color of the header hashtags ## */ +.cm-formatting-header { + color: var(--text-faint); + font-size: 0.6em; +} + +/* Backlinks header colors - thanks @a-star-wave! */ +.side-dock-collapsible-section-header { + color: var(--text-nav); +} + +/* Headers in editor - hide the #'s */ +/* .cm-formatting-header-1, .cm-formatting-header-2, .cm-formatting-header-3, .cm-formatting-header-4, .cm-formatting-header-5, .cm-formatting-header-6, .cm-formatting-header-7 { + visibility: hidden; + position: relative; + width: 20px; + display: inline-block; +} */ + +/* Headers in editor - show custom content - common */ +/* .cm-formatting-header-1:after, .cm-formatting-header-2:after, .cm-formatting-header-3:after, .cm-formatting-header-4:after, .cm-formatting-header-5:after, .cm-formatting-header-6:after, .cm-formatting-header-7:after { + visibility: visible; + position: absolute; + left: 0; + font-size: 12px; +} */ + +/* Headers in editor - show custom content - specifics */ +/* .cm-formatting-header-1:after { bottom: 2px; content: "H1"; } +.cm-formatting-header-2:after { bottom: 0px; content: "H2"; } +.cm-formatting-header-3:after { bottom: 0px; content: "H3"; } +.cm-formatting-header-4:after { bottom: -1px; content: "H4"; } +.cm-formatting-header-5:after { bottom: -1px; content: "H5"; } +.cm-formatting-header-6:after { bottom: -1px; content: "H6"; } +.cm-formatting-header-7:after { bottom: -1px; content: "H7"; } */ + +.cm-s-obsidian span.cm-url { + color: var(--text-accent); +} + +.markdown-preview-view mark { + color: var(--text-normal); + padding: 0px 4px; +} + +.cm-formatting-em.cm-em { + color: var(--text-faint); + font-weight: 100; + font-size: 0.6em; +} +.cm-formatting-strong.cm-strong { + color: var(--text-faint); + font-weight: 100; + font-size: 0.6em; +} + + + + + + + +/* Wrap long nav text */ +.nav-file-title, .nav-folder-title { + white-space: normal; +} + +/* Indent wrapped nav text */ +.nav-file-title-content { + margin-left: 10px; + text-indent: -10px; +} + +/* Horizontal rule between Icons and vault in left nav */ +.nav-buttons-container { + border-bottom: 1px solid var(--background-nav-alt); +} + +/* The name of the vault */ +.nav-folder.mod-root > .nav-file-title, .nav-folder.mod-root > .nav-folder-title { + color: var(--text-nav); +} + +/* Color of left nav tree text */ +.nav-file-title, .nav-folder-title { + color: var(--text-nav); +} + + +/* New top tabs */ +.workspace-tabs { + background-color: var(--background-nav-alt); +} + +.workspace-tab-header-container { + background-color: var(--background-nav-alt); +} + +/* Color of the curve of the top tabs */ +.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-color: var(--background-nav); +} + +/* Background color of unselected tabs */ +.workspace-tab-container-before.is-before-active .workspace-tab-header-inner, +.workspace-tab-container-after.is-after-active .workspace-tab-header-inner, +.workspace-tab-header.is-before-active .workspace-tab-header-inner, +.workspace-tab-header.is-after-active .workspace-tab-header-inner { + background-color: var(--background-nav-alt); +} + +/* Background color of selected tab */ +.workspace-tab-header.is-active { + background-color: var(--background-nav); +} + +/* resize handle coloring */ +.workspace-leaf-resize-handle { + background-color: transparent; +} + +/* Set the left nav background to same color as ribbon so we can make a curved corner that matches */ +.workspace-tabs .workspace-leaf { + background-color: var(--background-nav-alt); +} + +/* Set the left nav background to different color from ribbon, and give a curved corner with statusbar */ +.mod-left-split .workspace-tabs .workspace-leaf .workspace-leaf-content { + background-color: var(--background-nav); + border-bottom-left-radius: 10px; + border-top-left-radius: 10px; +} + +/* Set the right nav background to different color from ribbon, and give a curved corner with statusbar */ +.mod-right-split .workspace-tabs .workspace-leaf .workspace-leaf-content { + background-color: var(--background-nav); + border-bottom-right-radius: 10px; + border-top-right-radius: 10px; +} + +.side-dock.mod-right { + border-left: 0px; +} + +/* Left nav ribbon background color */ +.side-dock-ribbon { + background-color: var(--background-nav-alt); +} + +/* Left nav ribbon background-color */ +.side-dock-ribbon-before.is-before-active, +.side-dock-ribbon-after.is-after-active, +.side-dock-ribbon-tab.is-before-active, +.side-dock-ribbon-tab.is-after-active { + background-color: var(--background-nav); +} + +/* Left nav ribbon background-color */ +.side-dock-ribbon-before.is-before-active .side-dock-ribbon-tab-inner, +.side-dock-ribbon-after.is-after-active .side-dock-ribbon-tab-inner, +.side-dock-ribbon-tab.is-before-active .side-dock-ribbon-tab-inner, +.side-dock-ribbon-tab.is-after-active .side-dock-ribbon-tab-inner { + background-color: var(--background-nav-alt); +} + +/* Left nav ribbon active background-color */ +.side-dock-ribbon-tab.is-active { + background-color: var(--background-nav); +} + +/* Left nav ribbon active hover text color (icon color) */ +.side-dock-ribbon-tab.is-active:hover { + color: var(--text-accent); +} + +/* Left nav ribbon inactive hover text color (icon color) */ +.side-dock-ribbon-tab:hover, +.side-dock-ribbon-action:hover { + color: var(--text-accent); +} + +/* Background and text color of selected item in left nav tree */ +.nav-file.is-active > .nav-file-title, +.nav-file.is-active > .nav-folder-title, +.nav-file.is-active > .nav-folder-collapse-indicator, +.nav-folder.is-active > .nav-file-title, +.nav-folder.is-active > .nav-folder-title, +.nav-folder.is-active > .nav-folder-collapse-indicator { + background-color: var(--background-nav-selected); + color: var(--text-nav-selected); +} + +/* Background and text color of selected item in left nav tree - when hovering */ +.nav-file.is-active > .nav-file-title:hover, +.nav-file.is-active > .nav-folder-title:hover, +.nav-file.is-active > .nav-folder-collapse-indicator:hover, +.nav-folder.is-active > .nav-file-title:hover, +.nav-folder.is-active > .nav-folder-title:hover, +.nav-folder.is-active > .nav-folder-collapse-indicator:hover { + background-color: var(--text-accent); + color: var(--text-nav-selected); +} + +/* Background and text color of hovered item in left nav tree */ +body:not(.is-grabbing) .nav-file-title:hover, +body:not(.is-grabbing) .nav-folder-title:hover { + background-color: var(--background-secondary-alt); + color: var(--text-nav-selected); +} + +/* Background and text color of hovered collapse indicator in left nav tree */ +body:not(.is-grabbing) .nav-file-title:hover .nav-folder-collapse-indicator, +body:not(.is-grabbing) .nav-folder-title:hover .nav-folder-collapse-indicator { + background-color: var(--background-secondary-alt); + color: var(--text-nav-selected); +} + +/* Left Nav menu item - hover background color */ +body:not(.is-grabbing) .nav-file-title:hover, +body:not(.is-grabbing) .nav-folder-title:hover { + background-color: var(--background-nav-alt); +} + +/* Left Nav menu item - hover background color of the collapse/expand arrow */ +body:not(.is-grabbing) .nav-file-title:hover .nav-folder-collapse-indicator, +body:not(.is-grabbing) .nav-folder-title:hover .nav-folder-collapse-indicator { + background-color: var(--background-nav-alt); +} + +/* Left side dock */ +.side-dock.mod-left { + border-right: 1px solid var(--background-secondary-border); +} + +/* Font adjustments for pane headers */ +.view-header-title { + font-size: 16px; + font-weight: 600; +} + +/* Status bar ... duh? :) */ +.status-bar { + background-color: var(--background-nav-alt); + border-top: 0px solid var(--background-nav-alt); + color: var(--text-nav); +} + +/* Testing a gradient design for statusbar */ +/* .status-bar { + border-top: 0px; + background-color: var(--background-nav-alt); + background: linear-gradient(90deg, rgba(255,0,0,0) 5%, var(--background-nav-alt) 20%); + position: absolute; + right: 0; + bottom: 0; + width: 500px; + color: var(--text-nav); +} */ + +/* Context menu hover item */ +.menu-item:hover { + background-color: var(--background-secondary-alt); + color: var(--text-accent); +} + + +/* Font for the markdown source panel */ +div.markdown-source-view { + font-family: var(--font-family-editor); +} + +/* Font for the markdown preview panel */ +div.markdown-preview-view { + font-family: var(--font-family-preview); +} + +/* Coloring the list bullets/numbers */ +.cm-s-obsidian span.cm-formatting-list { + color: var(--text-accent); + font-size: 0.85em; + font-weight: 500; + font-family: var(--font-monospace); +} + +/* Editor view - task list, color and veritcal align */ +.cm-s-obsidian span.cm-formatting-task { + color: var(--text-accent); + font-size: 0.85em; + font-weight: 500; + position: relative; + top: -0.12em; +} + +/* Preview Checkboxes don't seem to align correctly */ +.markdown-preview-view .task-list-item-checkbox { + /* width: 15px; */ + /* height: 15px; */ + /* position: relative; */ + /* top: 3px; */ +} + +/* Resetting the default hue-rotate(42deg) */ +.markdown-preview-view .task-list-item-checkbox { + /* filter: hue-rotate(42deg); -- DEFAULT */ + filter: none; +} + +.CodeMirror .cm-math { + color: var(--text-inline-code); +} + +/* color of inline code ticks */ +.cm-s-obsidian span.cm-inline-code.cm-formatting-code { + color: var(--text-faint); +} + +/* color of inline code */ +.cm-s-obsidian span.cm-inline-code { + color: var(--text-inline-code); +} + +/* color and border of inline code (between the ticks) */ +.cm-s-obsidian span.cm-inline-code:not(.cm-formatting):not(.cm-hmd-indented-code), +.markdown-preview-section code { + background-color: var(--background-inline-code); + border: 0px solid var(--border-inline-code); + font-weight: 600; + color: var(--text-inline-code); +} + +/* Preview code block background */ +.markdown-preview-view pre { + padding: 1em; + background-color: var(--code-block-background); + border-radius: 4px; + border: 1px solid var(--code-block-border); + white-space: pre-wrap; + line-height: 1.0em; +} + +/* Unset the background and font weight from where we set it for inline code */ +.markdown-preview-view pre code { + background-color: transparent; + font-weight: normal; +} + +/* Code block border color */ +.cm-s-obsidian div.HyperMD-codeblock-begin-bg { + border-top: 1px solid var(--code-block-border); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} + +/* Code block border color */ +.cm-s-obsidian div.HyperMD-codeblock-end-bg { + border-bottom: 1px solid var(--code-block-border); + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +/* Code block background color */ +.cm-s-obsidian div.HyperMD-codeblock-bg { + background-color: var(--code-block-background); +} + +/* Code block left and right padding */ +.cm-s-obsidian pre.HyperMD-codeblock { + padding: 0px 10px 0px 10px; + color: var(--text-inline-code); +} + +/* Code block top padding */ +.cm-s-obsidian pre.HyperMD-codeblock-begin { + padding-top: 10px; +} + +/* Code block bottom padding */ +.cm-s-obsidian pre.HyperMD-codeblock-end { + padding-top: 10px; +} + +/* Code block left and right border colors */ +.cm-s-obsidian div.HyperMD-codeblock-bg { + border-left: 1px solid var(--code-block-border); + border-right: 1px solid var(--code-block-border); +} + +/* Enable wrapping of code blocks in the preview panel */ +.theme-light code[class*="language-"], .theme-light pre[class*="language-"], +.theme-dark code[class*="language-"], .theme-dark pre[class*="language-"] { + white-space: pre-wrap; + background-color: var(--code-block-background); +} + +/* Add some spacing when a #hashtag is used */ +/* .cm-hashtag, .markdown-preview-section .tag { + line-height: 1.9em; +} */ + +/* Tag pillbox - common settings for editor left, editor right and preview */ +.cm-s-obsidian span.cm-hashtag-begin, +.cm-s-obsidian span.cm-hashtag-end, +a.tag { + background-color: var(--background-tag); + color: var(--text-nav-selected); + padding-bottom: 2px; + padding-top: 2px; + text-decoration: none; + font-family: var(--font-family-editor); + font-size: 0.9em; +} + +/* Tag editor left side pillbox */ +.cm-s-obsidian span.cm-hashtag-begin { + border-top-left-radius: 25px; + border-bottom-left-radius: 25px; + padding-left: 8px; +} + +/* Tag editor right side pillbox */ +.cm-s-obsidian span.cm-hashtag-end { + border-top-right-radius: 25px; + border-bottom-right-radius: 25px; + padding-right: 10px; +} + +/* Tag preview pillbox */ +a.tag { + border-top-left-radius: 250px; + border-top-right-radius: 250px; + border-bottom-left-radius: 250px; + border-bottom-right-radius: 250px; + padding-left: 10px; + padding-right: 12px; +} + +/* Add a tiny bit of padding to the link brackets and parenthesis */ +.cm-s-obsidian span.cm-formatting-link, +.cm-s-obsidian span.cm-formatting-link-string { + padding: 0 1px 0 1px; + /* font-weight: 500; */ +} + +/* Additional left/right padding for tag pane so hover background has some room */ +.tag-pane-tags { + padding-left: 10px; + padding-right: 5px; +} + +/* Color the hover background like we do the selected left nav */ +.tag-pane-tag:hover { + background-color: var(--background-nav-alt); + color: var(--text-nav-selected); +} + +/* Style the tag pane tag count with the bear red coloring used in selected item from left nav */ +.tag-pane-tag-count { + background-color: var(--text-accent); + color: var(--text-nav-selected); +} + +/* Backlinks title match hover */ +.search-result-file-title:hover { + background-color: var(--background-nav-alt); +} + +/* Backlinks content match hover */ +.search-result-file-match:hover { + background-color: var(--background-nav-alt); +} + +/* Backlink titles for matches */ +.search-result-file-title { + color: var(--text-nav); +} + +/* Backlink highlighted [[links]] */ +.search-result-file-matched-text { + color: var(--text-nav-selected); + background-color: var(--text-accent); + padding: 2px; + border-radius: 4px; +} + +/* Add button hovers to the the Update internal links modal (and possibly others) */ +.modal-button-container button:not(.mod-cta):not(.mod-warning):hover { + background-color: var(--text-accent); + color: var(--text-nav-selected); +} + +/* Background color of rename inputs */ +.nav-file-title-content.is-being-renamed, +.nav-folder-title-content.is-being-renamed { + cursor: text; + border-color: var(--interactive-accent); + background-color: var(--background-nav); + padding-left: 15px; +} + +/* Background color of file tags, like "png" */ +.nav-file-tag { + background-color: var(--background-nav-file-tag); + color: var(--text-nav-selected); +} + +/* Remove the border, padding, and margin for the transcludes/embeds */ +.markdown-preview-view .markdown-embed, .markdown-preview-view .file-embed { + border: 0px; + padding: 0; + margin: 0; +} + +/* Hide the title of the embeds */ +.markdown-embed-title { + display: none; +} + +/* Allow a full embed, not a partial, scrolling embed */ +.markdown-preview-view .markdown-embed-content { + max-height: unset; + overflow-y: unset; + padding-right: unset; +} +.markdown-preview-view .markdown-embed-content > .markdown-preview-view { + max-height: unset; +} + +/* Add support for [Calendar plugin](https://github.com/liamcain/obsidian-calendar-plugin) */ +#calendar-container { + --color-background-heading: transparent; + + --color-background-day: transparent; + --color-background-day-empty: transparent; + --color-background-day-active: var(--background-nav-selected); + --color-background-day-hover: var(--background-nav-alt); + + --color-dot: var(--text-nav); + --color-arrow: var(--text-nav); + + --color-text-title: var(--text-faint); + --color-text-heading: var(--text-faint); + --color-text-day: var(--text-nav); + --color-text-today: var(--text-nav-selected); +} + +/* fix graph controls */ +.workspace-split.mod-right-split .graph-controls, +.workspace-split.mod-right-split .graph-control-section-header { + color: var(--text-normal-oppsite); + background-color: var(--background-nav); + --background-secondary-alt: var(--background-nav-alt); + --background-modifier-border: var(--background-nav-alt); +} + +/* fix graph text */ +.theme-light .graph-view { + --text-normal: rgb(127, 127, 127); +} +.theme-dark .graph-view { + --text-normal: rgb(127, 127, 127); +} + + +/* +Try to support content in the navs... this is difficult because this theme is a +split of dark and light. So content in the main pane should be light mode, while content +in the left pane should be dark mode +*/ +/* .workspace-tabs .view-content { + color: var(--text-nav); +} */ + + + +/* input[type=checkbox] { + -webkit-appearance: none; + appearance: none; + border-radius: 50%; + border: 1px solid var(--text-faint); + padding: 0; +} +input[type=checkbox]:focus{ +outline:0; +} +input[type=checkbox]:checked { + background-color: var(--text-accent-hover); + border: 1px solid var(--text-accent-hover); + background-position: center; + background-size: 70%; + background-repeat: no-repeat; + background-image: url('data:image/svg+xml; utf8, '); +} */ + + +/* ======================================================== */ +/* Checkbox stuff, */ +/* ======================================================== */ +/* .markdown-preview-view .task-list-item-checkbox { height: 19px; } */ +/* .task-list-item input { visibility: hidden; } */ + +/* + Potential emoji: + πŸ—Ήβ˜‘οΈβœ…βœ”οΈπŸ—ΈπŸ—†β—ΌοΈβ—»οΈβ–ͺοΈβ–«οΈπŸ”΅πŸŸ’πŸ”΄βš«βšͺβ­•βŒπŸ”˜πŸ”³β¬›πŸ”²πŸ†—πŸŸ©πŸŸ§πŸŸ¨πŸŸͺπŸŸ₯🟦⬜🟫 +*/ + +/* Unchecked, set the emoji icon to light grayscale */ +/* .task-list-item input:not([checked=true])::after { + content: "βœ…"; + opacity: 0.25; + visibility: visible; + cursor: pointer; + filter: grayscale(1); +} */ + +/* + Checked, set emoji icon to red to match red graphite accent + Note: + hue-rotate makes βœ… a red checkbox, but depends on source color, + so you can't just swap in another emojie icon and have it be red +*/ +/* .task-list-item input[checked=true]::after { + content: "βœ…"; + visibility: visible; + cursor: pointer; + filter: hue-rotate(250deg); +} */ diff --git a/.obsidian/themes/Traffic Lights.css b/.obsidian/themes/Traffic Lights.css new file mode 100644 index 00000000..3872f732 --- /dev/null +++ b/.obsidian/themes/Traffic Lights.css @@ -0,0 +1,1116 @@ +/***************************************/ +/* search to navigte */ +/* search '_find' to return here */ +/***************************************/ +/* _theme_variables */ +/* _general_workspace */ +/* _pane_header */ +/* _status_bar */ +/* _search_results_and_backlinks */ +/* _tag_pane */ +/* _embeded */ +/* _scrollbar */ +/* _file_browser */ +/* _inputs */ +/* _normal_text_and_selection */ +/* _markdown */ +/* _mods */ +/***************************************/ + +/***************************************/ +/* _theme_variables */ +/***************************************/ +.theme-light { + --interface-color-background: #5B5B5B; + --interface-color-background-alt: #8A8A8A; + --interface-color-foreground: #AAAAAA; + --interface-color-foreground-alt: #CBCBCB; + --interface-color-border: #6F6F6F; + --interface-color-cross: #dc514b; + --interface-color-three-dots: #32b143; + --interface-color-pencil: #eaa100; + --interface-color-action: var(--interface-color-foreground-alt); + --interface-color-pin: var(--interface-color-foreground-alt); + --interfa-color-icon: var(--font-color-text-normal); + + --scrollbar-bg: none; + --scrollbar-thumb-bg: var(--interface-color-foreground); + --scrollbar-active-thumb-bg: #3c3836; + + --font-color-text-normal: #232323; + --font-family: Avenir, Avenir Next, sans-serif; + --font-line-height: 22px; + --font-line-height-side: 17px; + --font-size: 14.5px; + --font-size-side: 12.5px; + --font-size-header-titles: 13.5px; + --font-size-h1: 23px; + --font-size-h2: 22px; + --font-size-h3: 21px; + --font-size-h4: 20px; + --font-size-h5: 19px; + --font-size-h6: 18px; + --font-a: #fad334; /*fad334*/ /*#D06069*/ + --font-a-hover: #ffefba; /*ffefba*/ /*#f3a2a9*/ + --font-code: var(--font-color-text-normal); + --font-code-back: #c1c1c1; + --font-selection: rgba(207, 217, 222, 0.70); + --text-highlight-bg: rgba(207, 217, 222, 0.70); + --font-weight-normal: 400; + + /* changing something down here presumably results in unintended consequences */ + --text-normal: var(--font-color-text-normal); + --text-accent: var(--font-a); + --text-faint: rgb(194, 194, 194, 0.50); + --text-muted: var(--font-color-text-normal); + --background-primary: var(--interface-color-foreground); + --background-primary-alt: var(--interface-color-background-alt); + --background-secondary: var(--interface-color-foreground); + --background-secondary-alt: var(--interface-color-background-alt); + --background-modifier-border: var(--interface-color-background-alt); + --interactive-accent: var(--font-a); +} + +.theme-dark { + --interface-color-background: #5B5B5B; + --interface-color-background-alt: #242424; + --interface-color-foreground: #3e3e3e; + --interface-color-foreground-alt: #c2c2c2; + --interface-color-border: #191919; + --interface-color-cross: #a22b26; + --interface-color-three-dots: #21842e; + --interface-color-pencil: #d08f00; + --interface-color-action: var(--text-normal); + --interface-color-pin: var(--text-normal); + --interfa-color-icon: var(--interface-color-border); + + --scrollbar-bg: none; + --scrollbar-thumb-bg: var(--interface-color-foreground); + --scrollbar-active-thumb-bg: #3c3836; + + --font-color-text-normal: #c2c2c2; + --font-family: Avenir, Avenir Next, sans-serif; + --font-line-height: 22px; + --font-line-height-side: 17px; + --font-size: 14.5px; + --font-size-side: 12.5px; + --font-size-header-titles: 13.5px; + --font-size-h1: 23px; + --font-size-h2: 22px; + --font-size-h3: 21px; + --font-size-h4: 20px; + --font-size-h5: 19px; + --font-size-h6: 18px; + --font-a: #d88736; + --font-a-hover: #f8c38e; + --font-code: var(--interface-color-foreground-alt); + --font-code-back: var(--interface-color-background-alt); + --font-selection: rgba(100, 110, 125, 0.70); + --text-highlight-bg: rgba(100, 110, 125, 0.70); + --font-weight-normal: 400; + + /* changing something down here presumably results in unintended consequences */ + --text-normal: var(--font-color-text-normal); + --text-muted: var(--font-color-text-normal); + --text-accent: var(--font-a); + --text-faint: rgb(194, 194, 194, 0.50); + --background-primary: var(--interface-color-foreground); + --background-primary-alt: var(--interface-color-background); + --background-secondary: var(--interface-color-foreground); + --background-secondary-alt: var(--interface-color-background-alt); + --background-modifier-border: var(--interface-color-background-alt); + --interactive-accent: var(--font-a); +} + +/***************************************/ +/* _general_workspace */ +/***************************************/ +.workspace { + background-color: var(--background-secondary-alt); +} + +.workspace .mod-left *, +.workspace .mod-right * { + color: var(--text-normal); +} + +.workspace-leaf-content { + border: 3px solid var(--interface-color-border); + border-radius: 6px; + background-color: var(--background-primary); +} + +.workspace-split.mod-vertical > .workspace-leaf { + padding-right: 10px; + padding-top: 10px; +} + +.workspace-split.mod-horizontal > .workspace-leaf { + padding-top: 10px; +} + +.workspace-split.mod-right-split .workspace-tabs { + padding-left: 10px; +} + +.workspace-split.mod-left-split { + padding-right: 10px; +} + +.workspace-ribbon.side-dock-ribbon.mod-left.is-collapsed ~ .workspace-split.mod-left-split { + padding-right: 0px; +} + +.workspace-split.mod-root .workspace-split.mod-vertical .workspace-leaf-content { + padding-right: 0px; +} + +.workspace-tabs .workspace-leaf { + background-color: inherit; +} + +.workspace-ribbon.is-collapsed { + background-color: var(--background-secondary-alt); +} + +.workspace-leaf-resize-handle { + background-color: var(--background-secondary); + opacity: 0; +} + +.side-dock-collapsible-section-header-indicator, +.nav-folder-collapse-indicator { + color: var(--font-color-text-normal); +} + +.setting-add-hotkey-button, .setting-restore-hotkey-button { + color: var(--font-color-text-normal); +} + + +.mod-root .view-content { + height: calc(100% - 28px); +} + + +/* _tabs */ +/*-------------------------------------*/ +.workspace-tabs { + padding: 0px 0px 30px 0px; +} + +.workspace-split.mod-right-split .workspace-leaf-content { + padding: 0px 0px 0px 0px; +} + +.workspace-tab-header { + color: var(--interface-color-background); +} + +.workspace-tab-header.is-active { + background-color: var(--interface-color-border); + color: var(--interface-color-foreground-alt); +} + +.workspace-tab-header-container { + padding-top: 10px; +} + +.workspace-tab-header-inner { + padding: 1px 12px 3px 12px; +} + +.workspace-tab-header-inner-icon > svg { + width: 13px; + height: 17px; +} + +.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-color: var(--interface-color-border); + color: var(--interface-color-background); +} + +.workspace-tab-container-before.is-before-active:hover, +.workspace-tab-container-after.is-after-active:hover, +.workspace-tab-header.is-before-active:hover, +.workspace-tab-header.is-after-active:hover { + color: var(--text-normal); +} +.workspace-tab-container-after.is-after-active .workspace-tab-header-inner, +.workspace-tab-header.is-after-active .workspace-tab-header-inner { + border-bottom-left-radius: 6px; +} + +.workspace-tab-container-before.is-before-active .workspace-tab-header-inner, +.workspace-tab-header.is-before-active .workspace-tab-header-inner { + border-bottom-right-radius: 6px; +} + +.workspace-tab-header, +.workspace-tab-header-inner, +.workspace-tab-container-before, +.workspace-tab-container-after { + transition: none; +} + +/* _hover */ +/*-------------------------------------*/ +.menu-item:hover { + background-color: var(--interface-color-background); +} + +.side-dock-ribbon-action:hover { + color: var(--font-a); +} + +.suggestion-item.is-selected { + background-color: var(--interface-color-background-alt); + border-radius: 6px; +} + +.suggestion-hotkey { + background-color: var(--interface-color-border); +} + +/* document_search */ +/*-------------------------------------*/ +.document-search-button { + background-color: inherit; +} + +.document-search-container { + background-color: var(--interface-color-background); +} + +/***************************************/ +/* _pane_header */ +/***************************************/ +.view-header { + border-color: var(--background-secondary); + border-top: 0px solid var(--background-secondary); + border-bottom: 0px solid var(--interface-color-border); + background-color: var(--interface-color-border); +} + +.workspace-leaf.mod-active .view-header { + background-color: var(--background-secondary); + border-bottom: 2px solid var(--interactive-accent); +} + + +.workspace-leaf.mod-active .view-header-title { + color: var(--interface-color-foreground-alt); +} + +.workspace-leaf.mod-active .view-action > svg, +.workspace-leaf.mod-active .view-header-icon > svg { + color: var(--interface-color-foreground-alt); +} + +.workspace-leaf.mod-active .view-header { + background-color: var(--interface-color-background); + border-bottom: 0px; +} + +.workspace-leaf.mod-active > .workspace-leaf-content { + border-color: var(--interface-color-background); +} + +.workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type .view-header { + border-bottom: 2px var(--interface-color-border); + background-color: var(--interface-color-border); +} + +.workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type .workspace-leaf-content { + border-color: var(--interface-color-border); +} + +/* _scale */ +/*-------------------------------------*/ +.view-header, +.view-header-title-container { + height: 28px; +} + +.view-header-title { + font-size: var(--font-size-header-titles); + line-height: 28px; +} + +.view-action > svg, +.view-header-icon > svg { + width: 13px; + height: 17px; +} + +.view-header-icon { + padding: 5px 5px 5px 5px; +} + +.view-action, +.view-header-icon { + top: 0px; +} + +.view-actions { + background-color: transparent; +} + +/* _header_menu_buttons */ +/*-------------------------------------*/ +.view-actions { + padding: 0; +} + +.view-action { + color: var(--text-normal) !important; + top: 1px; + margin: 0px 8px 0px 0px; + order: 3; +} + +.view-action[aria-label='Pin'] { + padding-top: 3px; + order: 2; +} + +.view-action[aria-label='Close'] { + order: 4; +} + +.view-action[aria-label='Unlink pane'] { + padding-top: 3px; + order: 1; +} + +.view-action > svg.cross, +.view-action > svg.vertical-three-dots, +.view-action > svg.pencil, +.view-action > svg.lines-of-text { + width: 10px; + height: 10px; + padding: 5.5px; + border-radius: 100px; +} + +.view-action > svg.cross { + background-color: var(--interface-color-cross); +} +.view-action > svg.vertical-three-dots { + background-color: var(--interface-color-three-dots); +} + +.view-action > svg.pencil { + background-color: var(--interface-color-pencil); +} + +.view-action > svg.lines-of-text { + background-color: var(--interface-color-pencil); +} + +.view-action > svg.filled-pin { + padding: 1px; + color: var(--interface-color-pin) !important; + opacity: 0.8; +} + +.view-action > svg.link { + padding: 0px; + color: var(--interface-color-pin) !important; + opacity: 0.8; +} + +.view-action > svg.broken-link { + padding: 0px; + color: var(--interface-color-pin) !important; + opacity: 0.8; +} + +.view-action:hover > svg.cross, +.view-action:hover > svg.vertical-three-dots, +.view-action:hover > svg.pencil, +.view-action:hover > svg.lines-of-text { + width: 23px; + height: 23px; + padding: 2.5px; + border-radius: 100px; + color: var(--interfa-color-icon); + transition: width, height 0.2s; +} + +.view-action[aria-label='Pin']:hover > svg.filled-pin { + width: 23px; + height: 23px; + transition: width, height 0.2s; +} + +.view-action[aria-label='Unlink pane']:hover > svg.broken-link { + width: 23px; + height: 23px; + transition: width, height 0.2s; +} + +/* _remove_gradient_color */ +/*-------------------------------------*/ +.workspace-leaf.mod-active .view-header-title-container:after { + background: none; +} + +.view-header-title-container:after { + background: none; +} + +.workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type.mod-active .view-header-title-container:after { + background: none; +} + +/***************************************/ +/* _statusbar */ +/***************************************/ +.status-bar { + background-color: var(--background-secondary-alt); + border-color: var(--background-secondary-alt); +} + +.status-bar { + padding: 0 30px; +} + +.status-bar-item { + background-color: var(--background-primary); + border-radius: 4px; + font-size: 10px; + border: 2px solid var(--background-secondary-alt); + display: inline-block; + vertical-align: middle; + line-height: var(--font-line-height-side); +} + +/***************************************/ +/* _search_results_and_backlinks */ +/***************************************/ +.side-dock-collapsible-section-header, +.search-empty-state, +.search-result-file-title, +.search-result-file-matches, +.side-dock-collapsible-section-header { + font-family: var(--font-family); + font-size: var(--font-size-side); +} + +.search-result { + background-color: var(--interface-color-background-alt); + border-radius: 6px; + padding: 5px; + margin: 10px 0px 10px 0px; +} + +.search-result-file-match:hover, +.search-result-file-title:hover { + background-color: var(--interface-color-border); +} + +.search-result-container { + line-height: var(--font-line-height-side); + padding: 0px; +} + +.search-result-container.mod-global-search { + padding: 0px 3px 0px 11px; +} + +.search-result-file-title { + padding: 0px 10px; + font-weight: 900; +} + +.search-result-file-matches { + padding: 0px; +} + +.side-dock-collapsible-section-header { + padding: 0px 0px 0px 10px; +} + +.side-dock-collapsible-section-header-indicator { + left: -2px; + top: -2px; +} + +.search-result-container { + padding: 0px; +} + +.workspace-split.mod-right-split .view-content { + padding: 10px 10px !important; +} + +/***************************************/ +/* _tag_pane */ +/***************************************/ +.tag-pane-tag { + font-family: var(--font-family); + font-size: var(--font-size-side); + line-height: var(--font-line-height-side); + padding: 2px 0px; +} + +.tag-pane-tags { + padding: 10px 10px; +} + +.tag-pane-tag-count { + top: 7px; + right: 0px; +} + +/***************************************/ +/* _embeded */ +/***************************************/ + +.markdown-embed { + /*background-color: var(--font-code-back) !important;*/ + /*padding: 5px 10px 15px 10px !important;*/ + padding: 0px !important; + border-top: 0px solid var(--interface-color-border) !important; + border-bottom: 3px solid var(--interface-color-border) !important; + border-left: 0px !important; + border-right: 0px !important; + border-radius: 0px !important; + margin: 0px !important; +} + +.markdown-embed-title { + font-size: var(--font-size-header-titles) !important; + background-color: var(--interface-color-border) !important; + border-radius: 3px !important; + height: 28px; + line-height: 28px; +} + +.markdown-embed-link { + top: 5px; + color: var(--interface-color-pin); +} + +.markdown-embed-link > svg { + width: 17px; + height: 17px; +} + +/***************************************/ +/* _scrollbar */ +/***************************************/ +::-webkit-scrollbar-thumb { + background-color: var(--interface-color-border); + border-radius: 0px; + border-right: 2px solid var(--scrollbar-thumb-bg); + border-left: 2px solid var(--scrollbar-thumb-bg); + border-top: 2px solid var(--scrollbar-thumb-bg); + border-bottom: 2px solid var(--scrollbar-thumb-bg); +} + +::-webkit-scrollbar-track { + background-color: transparent; + color: transparent; +} + +::-webkit-scrollbar { + width: 10px; + height: 10px; +} + +.CodeMirror-scroll::-webkit-scrollbar { + width: 00px; +} + +/***************************************/ +/* _file_browser */ +/***************************************/ +.nav-file-title, .nav-folder-title { + font-family: var(--font-family); + font-size: var(--font-size-side) !important; + line-height: var(--font-line-height-side); +} + +.nav-folder-collapse-indicator { + left: 17px; + top: 1px; +} + +.nav-header { + height: 28px; + padding: 0px 0px 0px 0px; +} + +.nav-buttons-container { + height: 28px; + padding: 2px 0px 2px 0px; + margin-bottom: 1px; + background-color: var(--interface-color-border) +} + +.nav-action-button * { + width: 15px; +} + +.nav-files-container { + padding: 10px 0px 10px 0px; +} + +/***************************************/ +/* _inputs */ +/***************************************/ +input[type="text"], +input[type="email"], +input[type="password"], +input[type="number"] { + background: var(--interface-color-background-alt); + color: var(--interface-color-foreground-alt); + font-size: var(--font-size-side); +} + +input[type="text"]:hover, +input[type="email"]:hover, +input[type="password"]:hover, +input[type="number"]:hover, +input[type="text"]:hover, +input[type="email"]:active, +input[type="password"]:active, +input[type="number"]:active, +input[type="text"]:focus, +input[type="email"]:focus, +input[type="password"]:focus, +input[type="number"]:focus { + border-color: var(--interface-color-background); + background-color: var(--interface-color-background-alt); +} + +input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { + color: var(--interface-color-foreground-alt); + font-size: var(--font-size-side); +} + +.search-input{ + margin: 0; + width: 100%; + height: 28px !important; + border: 0px !important; + border-radius: 0px !important; + background-color: var(--interface-color-border) !important; + padding: 10px 14px !important; +} + +/***************************************/ +/* _normal_text_and_selection */ +/***************************************/ + +/* _normal_text_preview_and_editor */ +/*-------------------------------------*/ +.cm-s-obsidian, .markdown-preview-view { + font-family: var(--font-family); + font-size: var(--font-size); + line-height: var(--font-line-height); + color: var(--text-normal); + padding-left: 10px !important; + padding-right: 10px !important; + font-weight: var(--font-weight-normal); +} + +.CodeMirror-scroll { + padding-top: 10px; +} + + +/* _normal_text_editor */ +/*-------------------------------------*/ +.CodeMirror-lines { + font-weight: var(--font-weight-normal)+ 200; + line-height: 20px; + padding: 0px; + font-family: Avenir, Avenir Next, sans-serif !important; +} + +.markdown-source-view.is-readable-line-width .CodeMirror { + padding: 0px 0px 15px 0px !important; +} + +.markdown-preview-view { + padding: 10px 0px 10px 0px; +} + +.view-content > .markdown-preview-view { + padding: 0px 0px 0px 0px; +} + + +/* _text_selection */ +/*-------------------------------------*/ +::selection { + background-color: var(--font-selection) !important; +} + +.CodeMirror-selected { + background-color: var(--font-selection) !important; +} + +.CodeMirror-focused .CodeMirror-selected { + background-color: var(--font-selection) !important; +} + +/***************************************/ +/* _markdown */ +/***************************************/ +/* _markdown_strong */ +/*-------------------------------------*/ +strong, +.cm-s-obsidian .cm-strong { + font-weight: 900; +} + +/* _markdown_code */ +/*-------------------------------------*/ +.cm-s-obsidian span.cm-inline-code { + color: var(--font-code); + font-weight: 400; + background-color: var(--font-code-back) !important; +} + +.markdown-preview-view code { + color: var(--font-code); + font-weight: 400; + background-color: var(--font-code-back); +} + +pre[class*="language-"] { + background-color: var(--font-code-back) !important; +} + +code[class*="language-"] { + text-shadow: 0 0px black !important; +} + +.markdown-preview-view pre { + background-color: var(--font-code-back) !important; +} + +.cm-s-obsidian pre.HyperMD-codeblock { + color: var(--font-code) !important; + +} + +.cm-s-obsidian div.HyperMD-codeblock-bg { + background-color: var(--font-code-back) !important; +} + +/* +.cm-s-obsidian pre.HyperMD-codeblock .CodeMirror-selected { + color: blue; + background-color: var(--font-code-back) !important; +} +*/ + +/* _markdown_tags */ +/*-------------------------------------*/ +.cm-s-obsidian span.cm-hashtag-begin, +.cm-s-obsidian span.cm-hashtag-end, +a.tag { + background-color: var(--interface-color-background-alt); + color: var(--font-color-text-normal); + font-family: var(--font-family); + font-size: 0.9em; + text-decoration: none; + padding-bottom: 3px; + padding-top: 3px; +} + +a.tag { + padding-left: 8px; + padding-right: 8px; + border-top-left-radius: 8px; + border-top-right-radius: 8px; + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; + +} + +.cm-s-obsidian span.cm-hashtag-begin { + padding-left: 8px; + border-top-left-radius: 8px; + border-bottom-left-radius: 8px; + +} + +.cm-s-obsidian span.cm-hashtag-end { + padding-right: 8px; + border-top-right-radius: 8px; + border-bottom-right-radius: 8px; +} + +.cm-s-obsidian span.cm-hashtag { + color: var(--font-color-text-normal); +} + +/* _markdown_lists */ +/*-------------------------------------*/ +ul { + padding: 0px 20px 0px 20px; +} + +ol { + padding: 0px 20px 0px 20px; +} + +/* _markdown_links */ +/*-------------------------------------*/ +a, +.internal-link, +.cm-hmd-internal-link, +.cm-link, +.cm-formatting-link +{ + /*color: var(--font-a) !important;*/ + text-decoration: none !important; +} + +a:hover, +.internal-link:hover +{ + color: var(--font-a-hover) !important; + text-decoration: none !important;4} + +.cm-s-obsidian span.cm-formatting-link { + color: var(--font-color-text-normal); + opacity: 0.4; +} + +/* _headings */ +/*-------------------------------------*/ +.cm-s-obsidian span.cm-header-1, .markdown-preview-view h1 +{ + font-family: var(--font-family); + font-weight: 600; + line-height: var(--font-line-height); + font-size: var(--font-size-h1); + color: var(--text-title-h1); + text-align: left; +} + +.cm-header-2, .markdown-preview-view h2 +{ + font-family: var(--font-family); + font-weight: 600; + font-size: var(--font-size-h2); + color: var(--text-title-h2); + line-height: var(--font-line-height); + text-align: left; +} + +.cm-header-3, .markdown-preview-view h3 +{ + font-family: var(--font-family); + font-weight: 600; + font-size: var(--font-size-h3); + color: var(--text-title-h3); + line-height: var(--font-line-height); + text-align: left; +} + +.cm-header-4, .markdown-preview-view h4 +{ + font-family: var(--font-family); + font-weight: 600; + font-size: var(--font-size-h4); + color: var(--text-title-h4); + line-height: var(--font-line-height); + text-align: left; +} + +.cm-header-5, .markdown-preview-view h5 +{ + font-family: var(--font-family); + font-weight: 600; + font-size: var(--font-size-h5); + color: var(--text-title-h5); + line-height: var(--font-line-height); + text-align: left; +} + +.cm-header-6, .markdown-preview-view h6 +{ + font-family: var(--font-family); + font-weight: 600; + font-size: var(--font-size-h6); + color: var(--text-title-h6); + line-height: var(--font-line-height); + text-align: left; +} + +/***************************************/ +/* _mods */ +/***************************************/ + +/* _hide_sidebar_on_collapse */ +/*-------------------------------------*/ +/* +.workspace-ribbon.is-collapsed:not(:hover) > .workspace-ribbon-collapse-btn, +.workspace-ribbon.is-collapsed:not(:hover) > .side-dock-actions, +.workspace-ribbon.is-collapsed:not(:hover) > .side-dock-settings { + opacity: 0; + transition: all 500ms ease-in-out; +} + +.workspace-ribbon.is-collapsed:not(:hover) { + width: 0px; + transition: all 300ms ease-in-out; +} + +.workspace-ribbon.is-collapsed:hover { + width: 30px; + transition: all 300ms ease-in-out; +} + +.workspace-ribbon.is-collapsed:hover > .workspace-ribbon-collapse-btn, +.workspace-ribbon.is-collapsed:hover > .side-dock-actions, +.workspace-ribbon.is-collapsed:hover > .side-dock-settings { + opacity: 1; + transition: all 500ms ease-in-out; +} + +.workspace-ribbon.mod-left.is-collapsed ~ .workspace-split.mod-left-split { + margin-left: 0px; +} + +.workspace-ribbon.mod-right.is-collapsed ~ .workspace-split.mod-right-split { + margin-right: 0px; +} + +.workspace-ribbon.mod-right.is-collapsed:hover ~ .workspace-split.mod-right-split { + transition: all 300ms ease-in-out; + margin-right: 30px; +} + +.workspace-ribbon.mod-left.is-collapsed:hover ~ .workspace-split.mod-left-split { + transition: all 300ms ease-in-out; + margin-right: 30px; +} +*/ + +/* _andy_matuschak_mode */ +/*-------------------------------------*/ +/* +.mod-root.workspace-split.mod-vertical { + overflow-x:auto; + --header-width: 28px; + top: 10px; +} +.mod-root .view-content { + height: 100%; +} + +.mod-root.workspace-split.mod-vertical > div { + min-width: calc(100% + var(--header-width)); + position:sticky; + left:0; +} + +.workspace-split.mod-vertical > .workspace-leaf { + padding-top: 0px; +} + +.workspace-split.mod-root .workspace-leaf-content[data-type='markdown'] { + box-shadow: 0px 0px 15px rgba(0,0,0,0.75); + clip-path: inset(0px 0px 0px -15px); +} + +.workspace-split.mod-horizontal .workspace-leaf { + padding-top: 0px; +} + +.mod-root.workspace-split.mod-vertical > div:nth-child(10n-8) { left: calc(var(--header-width) * 0); } +.mod-root.workspace-split.mod-vertical > div:nth-child(10n-7) { left: calc(var(--header-width) * 1); } +.mod-root.workspace-split.mod-vertical > div:nth-child(10n-6) { left: calc(var(--header-width) * 2); } +.mod-root.workspace-split.mod-vertical > div:nth-child(10n-5) { left: calc(var(--header-width) * 3); } +.mod-root.workspace-split.mod-vertical > div:nth-child(10n-4) { left: calc(var(--header-width) * 4); } +.mod-root.workspace-split.mod-vertical > div:nth-child(10n-3) { left: calc(var(--header-width) * 5); } +.mod-root.workspace-split.mod-vertical > div:nth-child(10n-2) { left: calc(var(--header-width) * 6); } +.mod-root.workspace-split.mod-vertical > div:nth-child(10n-1) { left: calc(var(--header-width) * 7); } +.mod-root.workspace-split.mod-vertical > div:nth-child(10n+0) { left: calc(var(--header-width) * 8); } +.mod-root.workspace-split.mod-vertical > div:nth-child(10n+1) { left: calc(var(--header-width) * 9); } + +.mod-root .workspace-leaf-content { + padding-left: var(--header-width); + padding-right: 10px; + position: relative; +} + +.view-header { + writing-mode: vertical-lr; + border-top: none; + border-bottom: none; + height: auto; + width: var(--header-width); + position: absolute; + left:0; + top:0; + bottom:0; +} + +.view-header-title-container { + height: unset; + padding-left: unset; + left: -1.5px; +} + +.view-header-icon, .view-actions { + padding: 10px 0px; +} +.view-action { + margin: 8px 0px 0px 0px; +} + +.view-content { + height: 100%; +} + +.workspace-fake-target-overlay { + background-color: var(--background-primary); +} +*/ + +/* _focus_mode */ +/*-------------------------------------*/ +/* +.cm-s-obsidian div:not(.CodeMirror-activeline) > .CodeMirror-line span, +.cm-s-obsidian div:not(.CodeMirror-activeline) > .CodeMirror-line pre > span { + opacity: 0.4; +} + +.CodeMirror-activeline > .CodeMirror-line span, +.CodeMirror-activeline > .CodeMirror-line pre > span { + opacity: 1; +} +*/ + +/* _list_bullets_color */ +/*-------------------------------------*/ +/* +.cm-s-obsidian span.cm-formatting-list { + color: var(--text-accent); + font-size: 0.85em; + font-weight: 500; + font-family: var(--font-monospace); +} +*/ + +/* _hyphenation_and_justification */ +/*-------------------------------------*/ +/* +.cm-s-obsidian, .markdown-preview-view { + text-align: justify; + hyphens: auto; +} +*/ diff --git a/.obsidian/workspace b/.obsidian/workspace new file mode 100644 index 00000000..51054377 --- /dev/null +++ b/.obsidian/workspace @@ -0,0 +1,104 @@ +{ + "main": { + "id": "e925790e8dfec605", + "type": "split", + "children": [ + { + "id": "26f5d5d18e3a6f9a", + "type": "leaf", + "state": { + "type": "markdown", + "state": { + "file": "Obsidian Meta.md", + "mode": "source" + } + } + } + ], + "direction": "vertical" + }, + "left": { + "id": "82adaa78524291da", + "type": "split", + "children": [ + { + "id": "9476eb7225fe0314", + "type": "tabs", + "children": [ + { + "id": "a5557a66db1b9788", + "type": "leaf", + "state": { + "type": "file-explorer", + "state": {} + } + }, + { + "id": "d2a553cfe69d6d91", + "type": "leaf", + "state": { + "type": "search", + "state": { + "query": "", + "matchingCase": false, + "explainSearch": false, + "collapseAll": false, + "extraContext": false, + "sortOrder": "alphabetical" + } + } + } + ] + } + ], + "direction": "horizontal", + "width": 300 + }, + "right": { + "id": "e36b956a0ca751aa", + "type": "split", + "children": [ + { + "id": "b398f930cd44a0ec", + "type": "tabs", + "children": [ + { + "id": "9d4086b528136c42", + "type": "leaf", + "state": { + "type": "backlink", + "state": { + "file": "Obsidian Meta.md", + "collapseAll": false, + "extraContext": false, + "sortOrder": "alphabetical", + "showSearch": false, + "searchQuery": "", + "backlinkCollapsed": false, + "unlinkedCollapsed": true + } + } + }, + { + "id": "80ca7fed755ff9e0", + "type": "leaf", + "state": { + "type": "outline", + "state": { + "file": "Obsidian Meta.md" + } + } + } + ] + } + ], + "direction": "horizontal", + "width": 300, + "collapsed": true + }, + "active": "26f5d5d18e3a6f9a", + "lastOpenFiles": [ + "Untitled.md", + "drafts/iOS15.md" + ] +} \ No newline at end of file diff --git a/Obsidian Meta.md b/Obsidian Meta.md new file mode 100644 index 00000000..88732370 --- /dev/null +++ b/Obsidian Meta.md @@ -0,0 +1,11 @@ +``` +.obsidian + +.obsidian/workspace + +.obsidian/templates.json + +.obsidian/config +``` + +The above is what I've just removed from bilge's .gitignore file for the time being. \ No newline at end of file