diff --git a/.obsidian/snippets/[editor] Normalize Links.css b/.obsidian/snippets/[editor] External Links.css similarity index 72% rename from .obsidian/snippets/[editor] Normalize Links.css rename to .obsidian/snippets/[editor] External Links.css index b163279..9135e8d 100644 --- a/.obsidian/snippets/[editor] Normalize Links.css +++ b/.obsidian/snippets/[editor] External Links.css @@ -1,3 +1,7 @@ +/* +Remove external link anchor. +*/ + .internal-link { text-decoration: none; } @@ -5,4 +9,4 @@ .external-link { background: none; padding-right: 0; -} \ No newline at end of file +} diff --git a/.obsidian/snippets/[editor] Frontmatter tweaks.css b/.obsidian/snippets/[editor] Frontmatter tweaks.css deleted file mode 100644 index 9b172ec..0000000 --- a/.obsidian/snippets/[editor] Frontmatter tweaks.css +++ /dev/null @@ -1,35 +0,0 @@ -/* - Frontmatter tweaks - Styling frontmatter in preview views is tricky, and the opinion I have is that I want frontmatter to be less prominent than the body of the note - https://github.com/replete/obsidian-minimal-theme-css-snippets -*/ - -.cm-s-obsidian .cm-def:nth-of-type(1){ - /* both --- */ - /* font-size:50%; */ -} -.cm-s-obsidian .cm-line:nth-of-type(1) .cm-def { - /* first --- */ - /* background:blue; */ - color: var(--blockquote-color); -} -.cm-s-obsidian .cm-line:nth-of-type(1) ~.cm-line .cm-def { - /* last --- */ - color: var(--blockquote-color); -} - -.cm-s-obsidian .cm-hmd-frontmatter { - font-size:75%; -} -.cm-s-obsidian span.cm-meta { - /* opacity:0.5 */ -} - -/* Editor: Override Syntax Highlighter Frontmatter styles */ - -.cm-s-obsidian .cm-line .cm-hmd-frontmatter.cm-atom { - color: var(--text-normal); -} -.cm-s-obsidian .cm-line .cm-hmd-frontmatter ~ .cm-hmd-frontmatter{ - color: var(--blockquote-color); -} \ No newline at end of file diff --git a/.obsidian/snippets/[editor] Frontmatter.css b/.obsidian/snippets/[editor] Frontmatter.css new file mode 100644 index 0000000..6b6bd7b --- /dev/null +++ b/.obsidian/snippets/[editor] Frontmatter.css @@ -0,0 +1,33 @@ +/* + Frontmatter tweaks + Style frontmatter to be less prominent than the body of the note. + https://github.com/replete/obsidian-minimal-theme-css-snippets +*/ + +.cm-s-obsidian .cm-def:nth-of-type(1) { + /* both --- */ + font-size: 50%; +} +.cm-s-obsidian .cm-line:nth-of-type(1) .cm-def { + /* first --- */ + color: var(--blockquote-color); +} +.cm-s-obsidian .cm-line:nth-of-type(1) ~ .cm-line .cm-def { + /* last --- */ + color: var(--blockquote-color); +} + +.cm-s-obsidian .cm-hmd-frontmatter { + font-size: 75%; +} +.cm-s-obsidian span.cm-meta { + opacity: 0.6; +} + +/* Editor: Override Syntax Highlighter Frontmatter styles */ +.cm-s-obsidian .cm-line .cm-hmd-frontmatter.cm-atom { + /* color: var(--text-normal); */ +} +.cm-s-obsidian .cm-line .cm-hmd-frontmatter ~ .cm-hmd-frontmatter { + color: var(--blockquote-color); +} diff --git a/.obsidian/snippets/[editor] Internal links.css b/.obsidian/snippets/[editor] Internal links.css new file mode 100644 index 0000000..87e6dcf --- /dev/null +++ b/.obsidian/snippets/[editor] Internal links.css @@ -0,0 +1,19 @@ +/* +Add translucent background to internal links. +*/ +/* OG code */ +/* .cm-s-obsidian span.cm-hmd-internal-link, +a.internal-link { + background-color: #8f9fa937; + padding: 0 0.1em; + margin: auto -0.1em; + border-radius: 3px; +} */ + +.cm-s-obsidian span.cm-hmd-internal-link, +a.internal-link { + background-color: #8f9fa937; + /* padding: 0 0.1em; */ + /* margin: auto -0.1em; */ + border-radius: 0.15em; +} diff --git a/.obsidian/snippets/[editor] Table tweaks.css b/.obsidian/snippets/[editor] Table tweaks.css deleted file mode 100644 index 6776d69..0000000 --- a/.obsidian/snippets/[editor] Table tweaks.css +++ /dev/null @@ -1,25 +0,0 @@ -:root { - --table-border-color: var(--text-faint); -} - -/* Border color */ -.cm-s-obsidian .cm-table-widget th, -.cm-s-obsidian .cm-table-widget td { - border-color: var(--table-border-color); -} - -/* Bold header row */ -.cm-s-obsidian .cm-table-widget th { - font-weight: bold; -} - -/* use sans font */ -.markdown-rendered tbody td { - /* color: cyan; */ - /* font-family: monospace; */ -} - -/* lighten alternate row background */ -.markdown-rendered tbody tr:nth-child(odd) { - background-color: #2a3a3a80 -} \ No newline at end of file diff --git a/.obsidian/snippets/[editor] Tables.css b/.obsidian/snippets/[editor] Tables.css new file mode 100644 index 0000000..6354e29 --- /dev/null +++ b/.obsidian/snippets/[editor] Tables.css @@ -0,0 +1,72 @@ +/* +Style tables. +*/ + +:root { + --table-border-color: var(--text-faint); +} + +/* Border color */ +.cm-s-obsidian .cm-table-widget th, +.cm-s-obsidian .cm-table-widget td { + border-color: var(--table-border-color); +} + +/* Bold header row */ +.cm-s-obsidian .cm-table-widget th { + font-weight: bold; +} + +/* lighten alternate row background */ +.markdown-rendered tbody tr:nth-child(odd) { + background-color: #2a3a3a80; +} + +div.table-wrapper { + max-width: 100%; + margin: 0 auto; + border: none; + outline: 0.2rem solid black; + border-radius: 0.2rem; +} + +div.cm-embed-block.cm-table-widget.markdown-rendered + div.table-wrapper + table.table-editor + thead + tr + th, +div.cm-embed-block.cm-table-widget.markdown-rendered + div.table-wrapper + table.table-editor + tbody + tr + td + div.table-cell-wrapper { + padding: 1em; + font-size: 1.2em; +} + +/* From previous version of Anodyne */ +table thead { + background-color: var(--cus-table-header); + font-weight: bold; +} + +table tr:nth-child(2n), +thead { + background-color: var(--cus-table-gap-tr); +} + +.cm-active.cm-line { + background: var(--cus-highlight-cursor-line); +} + +.nav-file-title.is-active::before { + border-left: 4px solid hsl(var(--interactive-accent-hsl)); + content: ''; + position: absolute; + left: 0px; + top: 0; + height: 100%; +} diff --git a/.obsidian/snippets/[editor] Typography fixes.css b/.obsidian/snippets/[editor] Typography fixes.css deleted file mode 100644 index c8f1bbc..0000000 --- a/.obsidian/snippets/[editor] Typography fixes.css +++ /dev/null @@ -1,110 +0,0 @@ -/* - Typography - WIP. Loosely following github markdown styles, but will change over time - https://github.com/replete/obsidian-minimal-theme-css-snippets -*/ - -/* Fix list offset */ -.HyperMD-list-line.cm-line { - transform:translate(-8px,0) -} - -/* Fix list styling */ -.HyperMD-list-line.cm-line .cm-formatting-list { - margin-left:-5px; - margin-right:4px; -} - -/* list and blockquote colors */ -.cm-s-obsidian .cm-formatting-list, -.cm-s-obsidian .cm-formatting-quote { - color: var(--tx2) -} - -.cm-s-obsidian .cm-formatting-quote { - transform:translate(-3px,0); - display: inline-block; -} - - -/* Headings */ -.cm-s-obsidian { - --h1-size:2em !important; - --h2-size:1.5em !important; - --h3-size:1.25em !important; - --h3-weight:600 !important; - --h4-size:1em !important; - --h4-weight:600 !important; - --h4-variant: normal !important; - --h5-size:0.875em !important; - --h5-weight:600 !important; - --h5-variant: normal !important; - --h6-size:0.75em !important; - --h6-weight:600 !important; - --h6-variant: normal !important; -} - -/* h5, -.markdown-rendered h5, -.HyperMD-header-5, -.HyperMD-list-line .cm-header-5 { - text-transform: uppercase; - letter-spacing:0.05em -} - -h6, -.markdown-rendered h6, -.HyperMD-header-6, -.HyperMD-list-line .cm-header-6 { - text-transform: uppercase; - letter-spacing:0.05em -} */ - -/* Quotes */ -.HyperMD-quote { - display:block !important; -} -.HyperMD-quote::before { - opacity:0; -} -.HyperMD-quote::after { - content:''; - display:block; - background:var(--bg3); - width:4px; - height:100%; - position: absolute; - top:0; - left:0; -} - -.HyperMD-quote.cm-active { - border-color:transparent; -} -.HyperMD-quote.cm-active::after{ - display:none; -} - -.HyperMD-quote cite { - color:var(--tx3); - display: inline-block; -} - -/* fix is-flashing display */ - -.cm-editor .is-flashing { - background:hsla(var(--base-h), var(--base-s), calc(var(--base-l) + 30%),0.5); -} - - -/* Footnote styles */ -.HyperMD-footnote { - color:var(--tx2); - /* font-size:12px !important; */ -} - -.HyperMD-footnote .cm-hmd-internal-link > *{ - color:var(--tx2) !important; - text-decoration-color:var(--tx2) !important; - opacity:1 !important; -} \ No newline at end of file diff --git a/.obsidian/snippets/[plugin] Calendar.css b/.obsidian/snippets/[plugin] Calendar.css new file mode 100644 index 0000000..b40b899 --- /dev/null +++ b/.obsidian/snippets/[plugin] Calendar.css @@ -0,0 +1,64 @@ +/* + Calendar plugin tweaks + https://github.com/replete/obsidian-minimal-theme-css-snippets +*/ + +.view-content:has(#calendar-container) { + padding: 0; +} + +#calendar-container { + padding: 0 8px 8px 8px; +} + +#calendar-container .year { + color: var(--text-muted); +} +#calendar-container td, +#calendar-container .day { + border-radius: 0 !important; +} +#calendar-container .day { + padding-top: 0; + padding-bottom: 0; +} +#calendar-container .day.active { + outline: 1px solid var(--tx3); +} +#calendar-container .day.active .filled, +#calendar-container .day.today.active .filled { + fill: var(--tx1, var(--text-normal)) !important; +} +#calendar-container .day.active .hollow, +#calendar-container .day.today.active .hollow { + stroke: var(--tx1, var(--text-normal)) !important; +} +#calendar-container .day.today .filled { + fill: var(--text-muted) !important; +} +#calendar-container .day.today .hollow { + stroke: var(--text-muted) !important; +} + +#calendar-container .day.today { + color: var(--text-bold); + font-weight: 700; + outline: 2px solid var(--color-background-day-active); +} +.theme-dark #calendar-container .day.today { + /* outline:2px solid var(--tx3); */ +} + +#calendar-container .day.today.active { + /* color:var(--text-bright); */ +} +#calendar-container .day:active { + background: var(--tx2, var(--text-muted)); +} +#calendar-container .day.adjacent-month { + /* color:var(--tx2) */ +} + +#calendar-container .weekend { + background: var(--bg2, var(--background-primary)); +} diff --git a/.obsidian/snippets/[plugin] MySnippets tweaks.css b/.obsidian/snippets/[plugin] MySnippets tweaks.css deleted file mode 100644 index 63c16dd..0000000 --- a/.obsidian/snippets/[plugin] MySnippets tweaks.css +++ /dev/null @@ -1,29 +0,0 @@ -/* - MySnippets plugin tweaks - https://github.com/replete/obsidian-minimal-theme-css-snippets -*/ - -/* Embiggen menu width for longer filenames */ -.MySnippets-statusbar-menu { - width:auto; - height:auto; -} - -/* Re-order menu item */ -.MySnippets-statusbar-menu .menu-item .checkbox-container { - order:1 -} - -/* Make code button less prominent */ -.MySnippets-statusbar-menu .MS-OpenSnippet { - box-shadow:none; - background:transparent; -} -.MySnippets-statusbar-menu .MS-OpenSnippet:hover svg path{ - fill:var(--interactive-accent) !important; -} - -/* Fix open snippet button on light themes */ -.theme-light .MS-OpenSnippet svg path{ - fill:var(--tx3) !important; -} \ No newline at end of file diff --git a/.obsidian/snippets/[plugin] MySnippets.css b/.obsidian/snippets/[plugin] MySnippets.css new file mode 100644 index 0000000..0b54ca7 --- /dev/null +++ b/.obsidian/snippets/[plugin] MySnippets.css @@ -0,0 +1,32 @@ +/* +MySnippets plugin tweaks. +*/ + +/* Embiggen menu width for longer filenames */ +.MySnippets-statusbar-menu { + width: auto; + height: auto; +} + +.MySnippets-statusbar-menu .menu-item { + padding: 0; +} + +/* Re-order menu item */ +.MySnippets-statusbar-menu .menu-item .checkbox-container { + order: 1; +} + +/* Make code button less prominent */ +.MySnippets-statusbar-menu .MS-OpenSnippet { + box-shadow: none; + background: transparent; +} +.MySnippets-statusbar-menu .MS-OpenSnippet:hover svg path { + fill: var(--interactive-accent) !important; +} + +/* Fix open snippet button on light themes */ +.theme-light .MS-OpenSnippet svg path { + fill: var(--tx3) !important; +} diff --git a/.obsidian/snippets/[plugin] Task Wrapper Tweaks.css b/.obsidian/snippets/[plugin] Task Wrapper Tweaks.css new file mode 100644 index 0000000..e1b0c23 --- /dev/null +++ b/.obsidian/snippets/[plugin] Task Wrapper Tweaks.css @@ -0,0 +1,40 @@ +/* Unexpected selector */ +/* div.taskido .task { + display: inline-block !important; +} */ + +/* "Focus On Today" */ +div.taskido .todayHeader { + font-size: 16px; + margin: 0; +} +/* Task content */ +div.content a, +div.taskido .label, +div.taskido .count, +div.taskido .quickEntryPanel input { + font-size: 13px; +} + +/* Note icon */ +div.taskido .info svg { + display: none; +} + +/* Line width */ +div.taskido .timeline { + width: 1.5em; +} +/* Taskido leaf content */ +div.workspace-leaf-content div.view-content { + padding: 0.75em; +} + +div.taskido .counters, +div.taskido .quickEntryPanel { + margin: 0.5em 0; +} + +div.taskido .quickEntryPanel .left .actionSelect .actionName { + max-width: 8ch; +} diff --git a/.obsidian/snippets/[print] Dark PDF Export.css b/.obsidian/snippets/[print] Dark PDF Export.css new file mode 100644 index 0000000..034c10f --- /dev/null +++ b/.obsidian/snippets/[print] Dark PDF Export.css @@ -0,0 +1,194 @@ +/* Dark PDF export v0.3.0 + github.com/zamsyt */ + +@media print { + :root body { + /* Blockquotes */ + --blockquote-border-color: var(--interactive-accent); + /* Callouts */ + --callout-blend-mode: var(--highlight-mix-blend-mode); + --callout-bug: var(--color-red-rgb); + --callout-default: var(--color-blue-rgb); + --callout-error: var(--color-red-rgb); + --callout-example: var(--color-purple-rgb); + --callout-fail: var(--color-red-rgb); + --callout-important: var(--color-cyan-rgb); + --callout-info: var(--color-blue-rgb); + --callout-question: var(--color-yellow-rgb); + --callout-success: var(--color-green-rgb); + --callout-summary: var(--color-cyan-rgb); + --callout-tip: var(--color-cyan-rgb); + --callout-todo: var(--color-blue-rgb); + --callout-warning: var(--color-orange-rgb); + /* Checkboxes */ + --checkbox-marker-color: var(--background-primary); + --checkbox-color: var(--interactive-accent); + --checkbox-color-hover: var(--interactive-accent-hover); + --checkbox-border-color: var(--text-faint); + --checkbox-border-color-hover: var(--text-muted); + --checklist-done-color: var(--text-muted); + /* Code */ + --code-background: var(--background-primary-alt); + --code-normal: var(--text-muted); + --code-comment: var(--text-faint); + --code-function: var(--color-yellow); + --code-important: var(--color-orange); + --code-keyword: var(--color-pink); + --code-operator: var(--color-red); + --code-property: var(--color-cyan); + --code-punctuation: var(--text-muted); + --code-string: var(--color-green); + --code-tag: var(--color-red); + --code-value: var(--color-purple); + /* Embeds */ + --embed-border-left: 2px solid var(--interactive-accent); + /* Blocks */ + --embed-block-shadow-hover: 0 0 0 1px var(--background-modifier-border), + inset 0 0 0 1px var(--background-modifier-border); + /* Headings */ + --heading-formatting: var(--text-faint); + /* Horizontal rules */ + --hr-color: var(--background-modifier-border); + /* Icons */ + --icon-color: var(--text-muted); + --icon-color-hover: var(--text-muted); + --icon-color-active: var(--text-accent); + --icon-color-focused: var(--text-normal); + /* Indentation guide */ + --indentation-guide-color: rgba(var(--mono-rgb-100), 0.12); + --indentation-guide-color-active: rgba(var(--mono-rgb-100), 0.3); + /* Links */ + --link-color: var(--text-accent); + --link-color-hover: var(--text-accent-hover); + --link-external-color: var(--text-accent); + --link-external-color-hover: var(--text-accent-hover); + --link-unresolved-color: var(--text-accent); + --link-unresolved-decoration-color: hsla(var(--interactive-accent-hsl), 0.3); + /* Lists */ + --list-marker-color: var(--text-faint); + --list-marker-color-hover: var(--text-muted); + --list-marker-color-collapsed: var(--text-accent); + /* Search */ + --search-clear-button-color: var(--text-muted); + --search-icon-color: var(--text-muted); + --search-result-background: var(--background-primary); + /* Sliders */ + --slider-thumb-border-color: var(--background-modifier-border-hover); + --slider-track-background: var(--background-modifier-border); + /* Swatch for color inputs */ + --swatch-shadow: inset 0 0 0 1px rgba(var(--mono-rgb-100), 0.15); + /* Tables */ + --table-border-color: var(--background-modifier-border); + --table-header-border-color: var(--table-border-color); + --table-header-color: var(--text-normal); + /* Tags */ + --tag-color: var(--text-accent); + --tag-color-hover: var(--text-accent); + --tag-background: hsla(var(--interactive-accent-hsl), 0.1); + --tag-background-hover: hsla(var(--interactive-accent-hsl), 0.2); + --tag-border-color: hsla(var(--interactive-accent-hsl), 0.15); + --tag-border-color-hover: hsla(var(--interactive-accent-hsl), 0.15); + /* Workspace */ + --workspace-background-translucent: rgba(var(--mono-rgb-0), 0.6); + /* Backgrounds */ + --background-primary: var(--color-base-00); + --background-primary-alt: var(--color-base-10); + --background-secondary: var(--color-base-20); + --background-modifier-hover: rgba(var(--mono-rgb-100), 0.075); + --background-modifier-active-hover: hsla(var(--interactive-accent-hsl), 0.15); + --background-modifier-border: var(--color-base-30); + --background-modifier-border-hover: var(--color-base-35); + --background-modifier-border-focus: var(--color-base-40); + --background-modifier-error-rgb: var(--color-red-rgb); + --background-modifier-error: var(--color-red); + --background-modifier-error-hover: var(--color-red); + --background-modifier-success-rgb: var(--color-green-rgb); + --background-modifier-success: var(--color-green); + /* Inputs */ + --background-modifier-form-field: var(--color-base-00); + /* Text */ + --text-normal: var(--color-base-100); + --text-muted: var(--color-base-70); + --text-faint: var(--color-base-50); + --text-error: var(--color-red); + --text-success: var(--color-green); + --text-selection: hsla(var(--color-accent-hsl), 0.2); + --text-accent: var(--color-accent); + --text-accent-hover: var(--color-accent-2); + --interactive-normal: var(--color-base-00); + --interactive-hover: var(--color-base-10); + --interactive-accent-hsl: var(--color-accent-hsl); + --interactive-accent: var(--color-accent-1); + --interactive-accent-hover: var(--color-accent-2); + + color-scheme: dark; + --highlight-mix-blend-mode: lighten; + --mono-rgb-0: 0, 0, 0; + --mono-rgb-100: 255, 255, 255; + --color-red-rgb: 251, 70, 76; + --color-red: #fb464c; + --color-orange-rgb: 233, 151, 63; + --color-orange: #E9973F; + --color-yellow-rgb: 224, 222, 113; + --color-yellow: #E0DE71; + --color-green-rgb: 68, 207, 110; + --color-green: #44CF6E; + --color-cyan-rgb: 83, 223, 221; + --color-cyan: #53DFDD; + --color-blue-rgb: 2, 122, 255; + --color-blue: #027aff; + --color-purple-rgb: 168, 130, 255; + --color-purple: #a882ff; + --color-pink-rgb: 250, 153, 205; + --color-pink: #FA99CD; + --color-base-00: #1e1e1e; + --color-base-10: #242424; + --color-base-20: #262626; + --color-base-25: #2a2a2a; + --color-base-30: #363636; + --color-base-35: #3F3F3F; + --color-base-40: #555; + --color-base-50: #666; + --color-base-60: #999; + --color-base-70: #bababa; + --color-base-100: #dadada; + --color-accent-hsl: var(--accent-h), + var(--accent-s), + var(--accent-l); + --color-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l)); + --color-accent-1: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 3.8%)); + --color-accent-2: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 3.8%)); + --background-modifier-form-field: var(--color-base-25); + --background-secondary-alt: var(--color-base-30); + --interactive-normal: var(--color-base-30); + --interactive-hover: var(--color-base-35); + --background-modifier-box-shadow: rgba(0, 0, 0, 0.3); + --background-modifier-cover: rgba(10, 10, 10, 0.4); + --text-highlight-bg: rgba(255, 208, 0, 0.4); + --text-highlight-bg-active: rgba(255, 128, 0, 0.4); + --text-selection: hsla(var(--interactive-accent-hsl), 0.25); + --input-shadow: inset 0 0.5px 0.5px 0.5px rgba(255, 255, 255, 0.09), + 0 2px 4px 0 rgba(0,0,0,.15), + 0 1px 1.5px 0 rgba(0,0,0,.1), + 0 1px 2px 0 rgba(0,0,0,.2), + 0 0 0 0 transparent; + --input-shadow-hover: inset 0 0.5px 1px 0.5px rgba(255, 255, 255, 0.16), + 0 2px 3px 0 rgba(0,0,0,.3), + 0 1px 1.5px 0 rgba(0,0,0,.2), + 0 1px 2px 0 rgba(0,0,0,.4), + 0 0 0 0 transparent; + --shadow-s: 0px 1px 2px rgba(0, 0, 0, 0.121), + 0px 3.4px 6.7px rgba(0, 0, 0, 0.179), + 0px 15px 30px rgba(0, 0, 0, 0.3); + --shadow-l: 0px 1.8px 7.3px rgba(0, 0, 0, 0.071), + 0px 6.3px 24.7px rgba(0, 0, 0, 0.112), + 0px 30px 90px rgba(0, 0, 0, 0.2); + + box-shadow: 0 0 0 100vh var(--background-primary); /*Fill the end of the last page*/ + } +} + +.print .markdown-preview-view { + background-color: var(--background-primary); + color: var(--text-normal); +} \ No newline at end of file diff --git a/.obsidian/snippets/[ui] Compact Tab Header.css b/.obsidian/snippets/[ui] Compact Tab Header.css index 21affb5..2529da5 100644 --- a/.obsidian/snippets/[ui] Compact Tab Header.css +++ b/.obsidian/snippets/[ui] Compact Tab Header.css @@ -1,29 +1,28 @@ /* Compact Tab Header - Make main tab header items more compact https://github.com/replete/obsidian-minimal-theme-css-snippets */ /* Make header title left justified */ .view-header-title-container { - justify-content:start + justify-content: start; } .view-header-title-container .view-header-title { - color:var(--tx2) !important; + color: var(--tx2) !important; } .view-header-title-container .view-header-title:hover, .view-header-title-container .view-header-title:focus { - color:var(--tx1) !important + color: var(--tx1) !important; } /* Condensed Icon spacing */ -.view-header .view-actions .clickable-icon{ - color:var(--tx2) !important; - transition: .2s color ease-in; - padding-left:2px; - padding-right:2px; +.view-header .view-actions .clickable-icon { + color: var(--tx2) !important; + transition: 0.2s color ease-in; + padding-left: 2px; + padding-right: 2px; } .view-header .view-actions:hover .clickable-icon { - color: var(--tx1) !important; -} \ No newline at end of file + color: var(--tx1) !important; +} diff --git a/.obsidian/snippets/[ui] Default Style Settings.css b/.obsidian/snippets/[ui] Default Style Settings.css index 7deb483..3db4613 100644 --- a/.obsidian/snippets/[ui] Default Style Settings.css +++ b/.obsidian/snippets/[ui] Default Style Settings.css @@ -339,4 +339,4 @@ settings: default-light: '#00000033' default-dark: '#ffffff33' -*/ \ No newline at end of file +*/ diff --git a/.obsidian/snippets/[ui] Hover Preview tweaks.css b/.obsidian/snippets/[ui] Hover Preview tweaks.css new file mode 100644 index 0000000..78e9db5 --- /dev/null +++ b/.obsidian/snippets/[ui] Hover Preview tweaks.css @@ -0,0 +1,18 @@ +/* get more snippets at https://github.com/kmaasrud/awesome-obsidian */ +/* author: https://github.com/cannibalox & https://github.com/konhi */ +/* source: https://forum.obsidian.md/t/meta-post-common-css-hacks/1978/82 */ + +.popover.hover-popover { + transform: scale(0.85); +} + +.popover.hover-popover .markdown-embed { + min-height: 40em; +} + +.popover.hover-popover .markdown-embed h1 { + margin-top: 0; +} +.popover.hover-popover .markdown-embed h2 { + margin-top: 0.5em; +} diff --git a/.obsidian/snippets/[ui] List Items (Compact).css b/.obsidian/snippets/[ui] List Items (Compact).css new file mode 100644 index 0000000..e8db52a --- /dev/null +++ b/.obsidian/snippets/[ui] List Items (Compact).css @@ -0,0 +1,33 @@ +/* Folders */ +/* .nav-folder-title { + color: palegoldenrod; +} */ + +/* Tree item spacing */ +.tree-item-self { + padding-top: 0.1rem; + padding-bottom: 0.1rem; +} + +/* Folder collapse indicator */ +.nav-folder-collapse-indicator { + position: relative !important; + margin-left: 0 !important; + padding-left: 0.2rem; + order: 4; +} + +/* Chevron color */ +.nav-folder-collapse-indicator svg { + stroke: grey; +} + +/* style file tag */ +.nav-file-tag { + background: rgb(150, 150, 150, 0.3); +} + +/* Outline */ +div.view-content.node-insert-event { + padding: 0.1rem !important; +} diff --git a/.obsidian/snippets/[ui] New empty tab tweaks.css b/.obsidian/snippets/[ui] New empty tab tweaks.css new file mode 100644 index 0000000..c611e12 --- /dev/null +++ b/.obsidian/snippets/[ui] New empty tab tweaks.css @@ -0,0 +1,12 @@ +/* Wireframe Obsidian logo */ + +.empty-state::before { + content: ''; + width: 100%; + height: 30%; + background-size: contain; + background-position: center; + background-repeat: no-repeat; + + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='18' height='18' fill='none' stroke='%238da10140' stroke-width='1%' stroke-linecap='round' stroke-linejoin='round' class='logo-wireframe'%3E%3Cpath d='M 30.91 17.52 L 34.43 35.7 M 61.44 14.41 L 62.61 0 M 34.43 35.7 L 37.57 90.47 M 81 26.39 L 61.44 14.41 L 34.43 35.7 L 65.35 100 M 62.61 0 L 30.91 17.52 L 18 45.45 L 37.57 90.47 L 65.35 100 L 70.44 89.8 L 81 26.39 L 62.61 0 Z'%3E%3C/path%3E%3C/svg%3E"); +} diff --git a/.obsidian/snippets/[ui] Statusbar tweaks.css b/.obsidian/snippets/[ui] Statusbar tweaks.css index cc1f38e..083e880 100644 --- a/.obsidian/snippets/[ui] Statusbar tweaks.css +++ b/.obsidian/snippets/[ui] Statusbar tweaks.css @@ -1,29 +1,13 @@ -/* - Status bar - Improves visual prominence of status bar, I don't want to hover in order to see what's on the status bar - https://github.com/replete/obsidian-minimal-theme-css-snippets -*/ - - - -/* Visual style */ -/* .status-bar{ - background:transparent !important; - transition: .2s all ease-in; +/* Reduce statusbar height */ +div.status-bar { + height: 2.1rem; } - -.status-bar:hover{ - background:var(--background-primary) !important; - box-shadow: 0 0 3px 3px rgba(0,0,0,.1); -} */ - -/* More visibility on dark theme */ -.theme-dark .status-bar { - color:var(--nav-item-color) !important; +/* reduce size volume track */ +div.soundscapesroot-volumeIcons + input { + background: darkgreen; + width: 4rem; +} +/* Capitalize the current playlist */ +div.soundscapesroot { + text-transform: capitalize; } - -/* Compact icons */ -.status-bar .clickable-icon { - padding-left:3px; - padding-right:3px; -} \ No newline at end of file