From 7dd51d9b45b71ed8c2ddb76d3ebf05f89488fe85 Mon Sep 17 00:00:00 2001 From: oskar Date: Mon, 9 Feb 2026 17:37:40 +0100 Subject: [PATCH] eduroam-prg-sg-1-46-44.net.univ-paris-diderot.fr 2026-2-9:17:37:39 --- .obsidian/appearance.json | 2 +- .obsidian/themes/Adrenaline/manifest.json | 8 + .obsidian/themes/Adrenaline/theme.css | 1631 +++++++++++ .obsidian/themes/Colored Candy/manifest.json | 6 + .obsidian/themes/Colored Candy/theme.css | 475 +++ .obsidian/themes/Polka/manifest.json | 6 + .obsidian/themes/Polka/theme.css | 1201 ++++++++ .obsidian/themes/RetroOS 98/manifest.json | 9 + .obsidian/themes/RetroOS 98/theme.css | 2566 +++++++++++++++++ .../themes/Vanilla Palettes/manifest.json | 7 + .obsidian/themes/Vanilla Palettes/theme.css | 1718 +++++++++++ 11 files changed, 7628 insertions(+), 1 deletion(-) create mode 100644 .obsidian/themes/Adrenaline/manifest.json create mode 100644 .obsidian/themes/Adrenaline/theme.css create mode 100644 .obsidian/themes/Colored Candy/manifest.json create mode 100644 .obsidian/themes/Colored Candy/theme.css create mode 100644 .obsidian/themes/Polka/manifest.json create mode 100644 .obsidian/themes/Polka/theme.css create mode 100644 .obsidian/themes/RetroOS 98/manifest.json create mode 100644 .obsidian/themes/RetroOS 98/theme.css create mode 100644 .obsidian/themes/Vanilla Palettes/manifest.json create mode 100644 .obsidian/themes/Vanilla Palettes/theme.css diff --git a/.obsidian/appearance.json b/.obsidian/appearance.json index a18e32dd..32a32b49 100644 --- a/.obsidian/appearance.json +++ b/.obsidian/appearance.json @@ -1,6 +1,6 @@ { "theme": "system", - "cssTheme": "", + "cssTheme": "Colored Candy", "baseFontSize": 25, "enabledCssSnippets": [ "pdf_darkmode", diff --git a/.obsidian/themes/Adrenaline/manifest.json b/.obsidian/themes/Adrenaline/manifest.json new file mode 100644 index 00000000..9a68cc1a --- /dev/null +++ b/.obsidian/themes/Adrenaline/manifest.json @@ -0,0 +1,8 @@ +{ + "name": "Adrenaline", + "version": "3.1.0", + "minAppVersion": "1.6.1", + "author": "Spekulucius", + "authorUrl": "https://github.com/Spekulucius" +} + diff --git a/.obsidian/themes/Adrenaline/theme.css b/.obsidian/themes/Adrenaline/theme.css new file mode 100644 index 00000000..e31831aa --- /dev/null +++ b/.obsidian/themes/Adrenaline/theme.css @@ -0,0 +1,1631 @@ +/*Adrenaline V3*/ + +/*===================================== INFORMATION ================================================= +This theme uses content created by other theme creators. +Wherever such content is used, their author is attributed. +If you have any questions or concerns, please contact me on GitHub: https://github.com/Spekulucius */ + +/*========== STYLE SETTINGS ================*/ +/* @settings + +name: Theme Settings +id: Adrenaline +description: "Thank you for using my theme. If you encounter issues or have suggestions, please open a ticket on my GitHub repo <3" +settings: + - + id: Info-Text + title: Information + description: "Thank you for using my theme! If you encounter issues or have suggestions, please open a ticket on my GitHub repo <3" + type: info-text + markdown: true + - + - + id: Theme variants + title: Theme variants + type: class-select + allowEmpty: false + default: default + options: + - + label: default Adrenaline + value: default + - + label: Variant 1 + value: tv1 + - + id: Text and Spacing + title: Text and Spacing + type: heading + collapsed: ture + level: 2 + - + id: custom-font-weight + title: Adjust Font Weight + description: + type: variable-number-slider + default: 300 + min: 100 + max: 900 + step: 100 + - + id: custom-letter-spacing + title: Adjust Letter Spacing + description: + type: variable-number-slider + format: px + default: 0.1 + min: -.5 + max: 1.5 + step: .1 + - + id: custom-line-height + title: Adjust Line Spacing + description: + type: variable-number-slider + format: + default: 1.5 + min: 1 + max: 2.5 + step: .1 + - + id: dynamic-heading-spacing + title: Adjust Dynamic Heading Spacing + description: + type: variable-number-slider + format: em + default: 3 + min: 0 + max: 10 + step: .1 + - + id: Colors + title: Colors + type: heading + collapsed: ture + level: 2 + - + id: Background Tint + title: Background Tint + type: heading + collapsed: ture + level: 3 + - + id: bgt_s + title: Adjust Background Saturation + type: variable-number-slider + default: 1 + min: 0 + max: 100 + step: 1 + - + id: bgt_l + title: Adjust Background Brightness + type: variable-number-slider + default: 0 + min: -10 + max: 10 + step: 1 + - + id: Individual Heading Colors + title: Individual Heading Colors + type: heading + collapsed: ture + level: 3 + - + id: general-heading-color + title: General Heading Color + type: variable-color + opacity: false + format: hex + default: '#none' + - + id: custom-h1-color + title: Custom H1 color + type: variable-color + opacity: false + format: hex + default: '#none' + - + id: custom-h2-color + title: Custom H2 color + type: variable-color + opacity: false + format: hex + default: '#none' + - + id: custom-h3-color + title: Custom H3 color + type: variable-color + opacity: false + format: hex + default: '#none' + - + id: custom-h4-color + title: Custom H4 color + type: variable-color + opacity: false + format: hex + default: '#none' + - + id: custom-h5-color + title: Custom H5 color + type: variable-color + opacity: false + format: hex + default: '#none' + - + id: custom-h6-color + title: Custom H6 color + type: variable-color + opacity: false + format: hex + default: '#none' + - + id: Individual Bold Color + title: Individual Bold Color + type: heading + collapsed: ture + level: 3 + - + id: custom-accent-bold + title: Set Bold Color to Accent Color + type: class-toggle + - + id: custom-bold + title: Custom Bold Color + type: variable-color + opacity: false + format: hex + default: '#none' + - + id: Individual Italic Color + title: Individual Italic Color + type: heading + collapsed: ture + level: 3 + - + id: custom-accent-italic + title: Set Italic Color to Accent Color + type: class-toggle + - + id: custom-italic + title: Custom Italic Color + type: variable-color + opacity: false + format: hex + default: '#none' + - + id: heading-highlighting + title: Highlight Headings + type: heading + collapsed: ture + level: 2 + - + id: heading-highlighting + title: Highlight Headings + type: class-toggle + - + id: Experimental Settings + title: Experimental Settings + type: heading + collapsed: ture + level: 2 + - + id: status-bar-hover + title: Hide Status Bar + description: Only show the status bar when hovering over it + type: class-toggle + - + id: enhanced-buttons-disable + title: Disable Enhanced Buttons + description: Hide the highlighting on buttons, giving them a more "boxy" look + type: class-toggle + - + id: disable-line-indicator + title: Disable Line Indicator + type: class-toggle + - + id: enhanced-cursor + title: Enable Block Caret-Cursor + description: Enables a blocky caret, similar to that in a command prompt - NINJA CURSOR PLUGIN REQUIRED - please not that this fix, and the plugin itself is kind of buggy, so please don't expect wonders from it + type: class-toggle + - + id: blend-images + title: Blend embedded Image Background + type: class-toggle + - + id: cbr + title: Custom Workspace Border Radius + type: variable-number-slider + default: 7 + min: 0 + max: 50 + step: 1 + format: px +*/ + +/*////////////////////////////////////////////////////////////////// COLORS ///////////////////////////////////////////////////////////////////////////////*/ +.theme-light, .theme-dark { + --colored-accent-i1: hsl(var(--accent-h), var(--accent-s), calc(calc(var(--accent-l) - 49%)*-100)); + --colored-accent-i2: hsl(var(--accent-h), var(--accent-s), calc(calc(var(--accent-l) - 20%)*-100)); + --colored-accent-1: hsl(var(--accent-h), var(--accent-s), var(--accent-l)); + --colored-accent-2: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.5); + --shadow-1: hsla(var(--accent-h), var(--accent-s), 5%, .5); + --custom-accent-bold: var(--colored-accent-1); + + --background-secondary: var(--background-2); + --canvas-background: var(--background-2); + --code-background: var(--background-3); +} + +.theme-light { + --background-primary: hsl(var(--background-2_h), calc(calc(var(--accent-s) * .2) + calc(.5% * var(--bgt_s, 1))), calc(calc(var(--background-2_l) - 2%) + calc(var(--bgt_l, 0) * 1%))); + + --background-1: hsl(var(--accent-h), calc(var(--accent-s) - 20%), 90%, 100%); + --background-1_2: rgb(234, 234, 234); + --background-1-h: #bdbdbd; + --background-1-item: var(--nav-item-color); + + --background-2_h: var(--accent-h); + --background-2_s: 10%; + --background-2_l: 96%; + --background-2: hsl(var(--background-2_h), calc(calc(var(--accent-s) * .1) + calc(1% * var(--bgt_s, 1))), calc(calc(var(--background-2_l) + 0%) + calc(var(--bgt_l, 0) * 1%))); + + --background-3: hsl(var(--accent-h), calc(var(--accent-s) - 40%), 95%, 100%); + --background-4: white; + --background-5: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 90%); + --background-6: hsla(var(--accent-h), var(--accent-s), var(--accent-l), .2); + + --highlight-1: rgba(0, 0, 0, 0.056); + --highlight-2: rgba(214, 214, 214, 0.308); + + --shadow-2: rgba(0, 0, 0, 0.257); + --shadow-3: rgba(0, 0, 0, 0.227); + --shadow-4: hsla(var(--background-2_h), calc(calc(var(--accent-s) * .5) + calc(.1% * var(--bgt_s, 1))), calc(calc(var(--background-2_l) - 20%) + calc(var(--bgt_l, 0) * 1%)), .5); + + --colored-accent-3: hsla(var(--accent-h), calc(var(--accent-s) * .9), calc(var(--accent-l) * 1.2), 1); + + --divider-color: rgba(200, 200, 200, 0.441); + + --color-base-00: var(--background-3); + --color-base-50: var(--colored-accent-1) !important; + --interactive-normal: var(--interactive-accent); + --interactive-accent: var(--colored-accent-1); + --icon-color: var(--colored-accent-1); + --text-color-inverted: black; + --tc: rgb(25, 25, 25); + --canvas-background: var(--background-2); + --code-background: var(--background-1_2); +} + +.theme-dark { + --background-primary: hsl(var(--background-2_h), calc(calc(var(--accent-s) * .01) + calc(.1% * var(--bgt_s, 1))), calc(var(--background-2_l) + calc(var(--bgt_l, 0) * .1% - 5%))); + + --background-1: #171717; + --background-1-h: var(--colored-accent-1); + --background-1-item: var(--nav-item-color); + + --background-2_h: var(--accent-h); + --background-2_s: 0%; + --background-2_l: 15%; + --background-2: hsl(var(--background-2_h), calc(calc(var(--accent-s) * .01) + calc(.1% * var(--bgt_s, 1))), calc(var(--background-2_l) + calc(var(--bgt_l, 0) * 1%))); + + --background-3: hsl(var(--accent-h), calc(var(--accent-s) - 95%), 10%, 100%); + --background-4: rgb(12, 12, 12); + --background-5: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 30%); + --background-6: hsla(var(--accent-h), calc(var(--accent-s) * .1), var(--accent-l), 0.2); + + --highlight-1: rgba(255, 255, 255, 0.075); + --highlight-2: rgba(255, 255, 255, 0.075); + + --shadow-2: hsla(var(--accent-h), calc(var(--accent-s) * 0), calc(var(--accent-l) * .1), .4); + --shadow-3: rgba(0, 0, 0, 0.47); + --shadow-4: hsla(var(--background-2_h), calc(calc(var(--accent-s) * .5) + calc(.1% * var(--bgt_s, 1))), calc(calc(var(--background-2_l) - 20%) + calc(var(--bgt_l, 0) * 1%)), .5); + + --colored-accent-3: hsla(var(--accent-h), calc(var(--accent-s) * .4), calc(var(--accent-l) * .6), 1); + + --divider-color: rgba(105, 105, 105, 0.441); + + --color-base-00: var(--background-3); + --color-base-50: var(--colored-accent-1) !important; + --interactive-normal: var(--interactive-accent); + --interactive-accent: var(--colored-accent-1); + --text-color-inverted: white; + --tc: rgb(209, 209, 209); +} + + +/*////////////////////////////////////////////////////////////////////////////// MAIN BODY - GENERAL CONFIG //////////////////////////////////////////////////////////////////////////////*/ +/*============================= ADJUST SPACING OF MAIN BODY ===================================*/ +body:not(.is-mobile) +.workspace { + background-color: transparent; + right: 20px !important; + position: relative; + overflow: visible; + display: flex; + flex: 1 0 0; + width: calc(100% - 20px) !important; + margin-left: 20px; +} +body:not(.is-mobile) +.horizontal-main-container { + padding-bottom: 20px; + display: flex; + overflow: visible; + flex: 1 0 0; + background: transparent; +} +body:not(.is-mobile):not(.show-ribbon) +.horizontal-main-container { + padding-left: 20px; +} +body:not(.is-mobile):not(.show-ribbon) .workspace { + margin-left: 20px; +} +body:not(.is-mobile):not(.show-ribbon) .workspace:before { + width: 100%; +} + +/*==================== REMOVE BORDERS ===============================*/ +.workspace-tab-header-container, .workspace-ribbon.side-dock-ribbon.mod-left { + border: none !important; +} +.workspace-tab-header-container { + background: transparent; +} + +/*============== ADD NEW BORDERS =====================*/ +.workspace:not(.is-mobile)::before { + content: " "; + width: 100%; + height: calc(100% - 40px); + background-color: transparent; + border-radius: var(--cbr, 7px); + position: absolute; + bottom: 0px; + right: 0px; + box-shadow: 0px 0px 0px 1px var(--divider-color), 0 0 5px 1px var(--shadow-4); +} +/*adjust borders to align with ribbon animation*/ +body:has(.show-ribbon):not(.is-mobile),:has(.workspace-ribbon.side-dock-ribbon:hover) .workspace::before { + width: calc(100% - 44px); + transition-duration: .1s; +} + +body:has(.show-ribbon):not(.is-mobile),:has(.workspace-ribbon.side-dock-ribbon) .workspace::before { + width: calc(100% - 20px); + transition: all .5s ease; +} + +/*================ ADJUST WORKSPACE BACKGROUND ========================*/ +.titlebar-button-container.mod-right, +.workspace-split { + background: transparent !important; +} +.view-header, +.workspace-split.mod-left-split .workspace-sidedock-vault-profile, +.empty-state, +.markdown-rendered, +.community-modal-details, +.workspace-tab-container, +.cm-scroller { + background-color: var(--background-2) !important; +} +.workspace-tabs:not(.mod-top) { + background: var(--background-2); +} + + + +/*==================== ADJUST RESIZE HANDLES ====================*/ +.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 { + height: calc(var(--divider-vertical-height) - var(--header-height)) !important; + bottom: 0px !important; +} + + +/*=================== workspace rounded corners ===================*/ +body:has(.workspace-ribbon.side-dock-ribbon.mod-left.is-collapsed) +.mod-root { + border-bottom-left-radius: var(--cbr, 7px) !important; + overflow: hidden; +} +.workspace:not(.is-right-sidedock-open) +.mod-root { + border-bottom-right-radius: var(--cbr, 7px) !important; + overflow: hidden; +} +.workspace:not(.is-right-sidedock-open) +.workspace-split:last-of-type .mod-top-right-space .workspace-tab-container { + border-top-right-radius: var(--cbr, 7px); +} + +.mod-top-left-space .workspace-tab-container { + border-top-left-radius: var(--cbr, 7px) !important; +} +.workspace:not(.is-right-sidedock-open) +.workspace-tabs.mod-top-right-space:last-of-type .workspace-tab-container { + border-top-right-radius: var(--cbr, 7px); +} +.mod-sidedock.mod-right-split{ + border-bottom-right-radius: var(--cbr, 7px); + overflow: hidden !important; +} +.workspace-sidedock-vault-profile { + border-bottom-left-radius: var(--cbr, 7px); + background: var(--background-3) !important; + border-bottom-right-radius: 0px !important; +} +.mod-sidedock.mod-right-split .workspace-tabs.mod-top .workspace-tab-container { + border-top-right-radius: var(--cbr, 7px); +} +.mod-sidedock.mod-left-split .workspace-tabs.mod-top .workspace-tab-container { + border-top-left-radius: var(--cbr, 7px); +} +/*////////////////////////////////////////////////////////////////////////////// MAIN BODY - TAB BAR //////////////////////////////////////////////////////////////////////////////*/ +/*================ Left Sidebar Button =====================*/ +body:has(.workspace-ribbon.side-dock-ribbon):not(.mod-macos) .workspace-ribbon.side-dock-ribbon.mod-left .sidebar-toggle-button.mod-left { + width: 20px; + transition: .5s; + padding-top: 6px !important; + padding-bottom: 6px !important; +} +body:has(.workspace-ribbon.side-dock-ribbon):not(.mod-macos) .workspace-ribbon.side-dock-ribbon.mod-left:hover +.sidebar-toggle-button.mod-left { + width: 44px !important; + color: var(--background-1); + transition: .1s; +} +body:not(.mod-macos) .sidebar-toggle-button.mod-left>.clickable-icon { + color: transparent; + width: 0px; + padding: 3px; + transition: color .01s, width .5s, background .2s linear normal; +} +body:not(.show-ribbon):not(.mod-macos) .sidebar-toggle-button.mod-left>.clickable-icon { + color: unset; + background: var(--background-6); + width: unset; + padding-left: 5px; + padding-right: 5px; + margin-left: 8px; + margin-top: .5px; +} +body:not(.show-ribbon):not(.mod-macos) .sidebar-toggle-button.mod-left>.clickable-icon:hover { + color: var(--color-base-70); +} +body:not(.mod-macos) +.workspace-ribbon.side-dock-ribbon.mod-left:hover +.sidebar-toggle-button.mod-left>.clickable-icon { + color: var(--nav-item-color); + width: 33.333px; + background: var(--background-6); + transition: background .2s, color .1s, width .1s ease normal; +} +body:not(.mod-macos) +.sidebar-toggle-button { + padding-bottom: 6px !important; + padding-top: 5px !important; + color: var(--icon-color); +} + +body:is(.mod-macos) +.sidebar-toggle-button { + padding-bottom: 5px !important; + padding-top: 6px !important; + color: var(--icon-color); +} + + +/*========= Left tab header ====================*/ +.mod-left-split +.workspace-tab-header-container-inner { + flex-grow: 100 !important; + justify-content: center; + margin-bottom: .1px; + margin-top: 0px; + padding-top: 8px; +} +.workspace-tabs.mod-top.mod-top-right-space +.workspace-tab-header-container-inner { + margin-top: 0px; + padding-top: 8px; +} +/* Tab Header Button Styling*/ +/*not active*/ +.workspace-split.mod-horizontal.mod-sidedock.mod-left-split .workspace-tabs.mod-top.mod-top-left-space .workspace-tab-header.tappable:not(.is-active) .workspace-tab-header-inner, +.workspace-split.mod-horizontal.mod-sidedock.mod-right-split .workspace-tabs.mod-top.mod-top-right-space .workspace-tab-header.tappable:not(.is-active) .workspace-tab-header-inner { + background-color: var(--background-6) !important; + border-bottom: 2px solid var(--shadow-2); + border-radius: 5px; + transition: all .5s !important; + &:hover { + background-color: var(--colored-accent-1) !important; + color: var(--colored-accent-i1) !important; + border-bottom: 2px solid var(--shadow-1); + } +} +/*active*/ +.workspace-split.mod-horizontal.mod-sidedock.mod-left-split .workspace-tabs.mod-top.mod-top-left-space .workspace-tab-header.tappable.is-active .workspace-tab-header-inner, +.workspace-split.mod-horizontal.mod-sidedock.mod-right-split .workspace-tabs.mod-top.mod-top-right-space .workspace-tab-header-inner { + background-color: var(--colored-accent-2) !important; + border-bottom: 2px solid var(--shadow-1); + border-radius: 5px; + transition: all .5s !important; + &:hover { + background-color: var(--colored-accent-1) !important; + } +} + +/*========================= TABS ===========================*/ +.mod-vertical .workspace-tab-header-container { + padding-left: 0px !important; + padding-bottom: 3px; +} +.workspace-split.mod-vertical .workspace-tab-header-container-inner { + margin-top: 5px !important; + padding-top: 1.5px !important; +} +.workspace .mod-root .workspace-tab-header { + box-shadow: none; + padding-bottom: 5.5px; + background: transparent; + margin-left: 0px; + padding-left: 0px; +} +/*tabs AND buttons height adjustment*/ +.workspace-tab-header.tappable { + margin-top: -2px; + margin-bottom: -1px; +} +/*Tabs text color */ +.mod-vertical .workspace-tab-header.tappable.is-active .workspace-tab-header-inner-title { + color: var(--colored-accent-i2) !important; +} +.mod-vertical .workspace-tab-header.tappable:not(.is-active) .workspace-tab-header-inner-title { + color: var(--text-color-inverted) !important; +} +/*Tab headers*/ +.mod-vertical .workspace-tab-header.tappable:not(.is-active) .workspace-tab-header-inner { + position: relative; + background-color: var(--background-6) !important; + border-bottom: 2px solid var(--shadow-2); + border-radius: 5px; + transition: all .5s !important; + &:hover { + background-color: var(--colored-accent-1) !important; + color: var(--colored-accent-i1) !important; + border-bottom: 2px solid var(--shadow-1); + } +} +.mod-vertical .workspace-tab-header.tappable.is-active .workspace-tab-header-inner { + position: relative; + color: var(--colored-accent-i1) !important; + background-color: var(--colored-accent-2) !important; + border-bottom: 2px solid var(--shadow-1); + border-radius: 5px; + transition: all .5s !important; + &:hover { + background-color: var(--colored-accent-1) !important; + color: var(--colored-accent-i1) !important; + } +} +.workspace-tab-header-inner-close-button { + color: var(--colored-accent-i1) !important; + background-color: rgba(255, 255, 255, 0.355) !important; + border-bottom: 2px solid rgba(0, 0, 0, 0.634); + margin-top: 1px; + transition: all .2s !important; + &:hover { + background-color: rgba(255, 255, 255, 0.7) !important; + color: var(--colored-accent-i1) !important; + } +} + +/* right sidebar button */ +.sidebar-toggle-button.mod-right { + padding-top: 5.5px !important; + padding-bottom: 5.5px !important; +} +body.mod-windows .sidebar-toggle-button.mod-right { + margin-right: 5px; +} + +/*win-app-symbols*/ +body > div.titlebar > div > div.titlebar-button-container.mod-right > div.titlebar-button.mod-minimize, +body > div.titlebar > div > div.titlebar-button-container.mod-right > div.titlebar-button.mod-maximize, +body > div.titlebar > div > div.titlebar-button-container.mod-right > div.titlebar-button.mod-close { + border-radius: 10px; + padding: 0px 9px 0px 9px; + margin: 0px 5px 0px 5px; +} +body > div.titlebar > div > div.titlebar-button-container.mod-right { + padding: 5px; +} + + +/*////////////////////////////////////////////////////////////////////////////// LEFT WORKSPACE / RIBBON //////////////////////////////////////////////////////////////////////////////*/ + + +/*============== Ribbon Animation ===========================*/ +.workspace-ribbon.side-dock-ribbon.mod-left { + flex-basis: 20px; + transition: .5s; + background: transparent !important; +} + +.workspace-ribbon.side-dock-ribbon.mod-left:hover { + flex-basis: 44px; + transition: .1s; + background: transparent !important; +} + + +.workspace-ribbon.side-dock-ribbon.mod-left:before { + background: transparent !important; +} + + + +/*======================= Ribbon Icons ============================*/ +.side-dock-ribbon-action { + width: 0px; + height: 27.3px; + padding: 3px; + transition: color .01s, width .5s, background .2s linear normal; +} + +.workspace-ribbon.side-dock-ribbon.mod-left:hover +.side-dock-ribbon-action { + width: 33.333px; + transition: background .2s, color .1s, width .1s ease normal; + +} + +/* collapsed ribbon icon color/background */ +.workspace-ribbon.side-dock-ribbon.mod-left .clickable-icon { + background-color: var(--background-5); +} +/* extended ribbon icon color/background */ +.workspace-ribbon.side-dock-ribbon.mod-left:hover .clickable-icon { + --text-color: var(--colored-accent-i1) !important; + background-color: var(--background-6); + border-bottom: 2px solid var(--shadow-2); + border-radius: 5px; +} +/*========================== NAV HEADER ============================*/ +div.nav-header +.clickable-icon:hover { + transition: all .2s; + color: var(--colored-accent-i2) !important; +} +div.nav-header +div.nav-buttons-container { + column-gap: 4px !important; +} +div.nav-header:hover +div.nav-buttons-container { + column-gap: 2px !important; + border-radius: 5px; + transition: .1s all; +} +div.nav-header +div.nav-buttons-container +.clickable-icon { + width: 0px; + height: 3px; + padding: 3px; + flex-grow: 0; + background: var(--colored-accent-1); + color: transparent; + border-radius: 50px; + transition: flex-grow .5s, color .3s, height .6s, border-radius 3s, background 1s linear normal; +} +div.nav-header:hover +div.nav-buttons-container +.clickable-icon { + height: 40px; + flex-grow: 1; + color: var(--nav-item-color); + background: var(--background-1); + border-radius: 5px; + transition: background .1s, flex-grow 1s, color .01s, height .2s ease normal; +} + + + +/*=========================================== Nav File Icons ===================================================*/ +/*Credit goes to @Akifyss on github: https://github.com/Akifyss, https://github.com/Akifyss/obsidian-border */ + +.tree-item-self .tree-item-icon {height: var(--size-4-4);--icon-color: var(--colored-accent-1);} +.tree-item-self .tree-item-icon .svg-icon:not(.right-triangle) {--icon-size: var(--icon-s);--icon-stroke: var(--icon-s-stroke-width);} +body:not(.file-icon-remove) .workspace-leaf-content[data-type="tag"] .tree-item:not(:hover) .tree-item-icon.collapse-icon svg.svg-icon, +body:not(.file-icon-remove) .workspace-leaf-content:is([data-type="bookmarks"], [data-type="file-explorer"]) .tree-item-icon.collapse-icon svg.svg-icon {color: transparent;} +body:not(.file-icon-remove) .workspace-leaf-content[data-type="tag"] .tree-item:not(:hover) .tree-item-icon.collapse-icon, +body:not(.file-icon-remove) .workspace-leaf-content:is([data-type="bookmarks"], [data-type="file-explorer"]) .tree-item-icon.collapse-icon {background-color: currentColor;opacity: var(--colored-accent-1);} +body:not(.file-icon-remove) .workspace-leaf-content[data-type="tag"] .tree-item-self:not(:has(>.tree-item-icon.collapse-icon)):before, +body:not(.file-icon-remove) .workspace-leaf-content[data-type="file-explorer"] :is(.nav-file-title, .nav-folder.mod-root>.nav-folder-title)::before {content: " ";position: absolute;margin-left: calc(-1 * var(--size-4-5));width: var(--size-4-4);height: var(--size-4-4);display: flex;align-items: center;justify-content: center;opacity: var(--icon-opacity);background-color: currentColor;flex: 0 0 auto;} +body:not(.file-icon-remove) .workspace-leaf-content[data-type="file-explorer"] .nav-folder.mod-root>.nav-folder-title::before {-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3e%3cg stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333'%3e%3cpath d='M14 12.8V3.2c0-.884-.264-1.2-1-1.2H3c-.736 0-1 .316-1 1.2v9.6c0 .884.264 1.2 1 1.2h10c.736 0 1-.316 1-1.2Z'/%3e%3cpath d='M9.978 7.04a2 2 0 1 1-3.956.587 2 2 0 0 1 3.956-.587ZM8 9.333v2m6-6.666h1m-1 6h1'/%3e%3c/g%3e%3c/svg%3e");} +body:not(.file-icon-remove) .workspace-leaf-content[data-type="file-explorer"] .tree-item-icon.collapse-icon, +body:not(.file-icon-remove) .workspace-leaf-content[data-type="bookmarks"] .tree-item-icon.collapse-icon {-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M4 9.333 4.967 7.4a1.333 1.333 0 0 1 1.193-.733h7.173m0 0a1.333 1.333 0 0 1 1.294 1.666l-1.034 4a1.333 1.333 0 0 1-1.293 1H2.667A1.333 1.333 0 0 1 1.333 12V3.333C1.333 2.6 1.933 2 2.667 2h2.62a1.333 1.333 0 0 1 1.106.6l.547.8a1.333 1.333 0 0 0 1.107.6H12a1.333 1.333 0 0 1 1.333 1.333v1.334Z'/%3e%3c/svg%3e");} +body:not(.file-icon-remove) .workspace-leaf-content[data-type="file-explorer"] .is-collapsed .tree-item-icon.collapse-icon, +body:not(.file-icon-remove) .workspace-leaf-content[data-type="bookmarks"] .is-collapsed .tree-item-icon.collapse-icon {-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M2.667 13.333h10.666A1.333 1.333 0 0 0 14.667 12V5.333A1.333 1.333 0 0 0 13.333 4H8.047a1.333 1.333 0 0 1-1.107-.6l-.547-.8A1.333 1.333 0 0 0 5.287 2h-2.62a1.333 1.333 0 0 0-1.334 1.333V12c0 .733.6 1.333 1.334 1.333Z'/%3e%3c/svg%3e");} +body:not(.file-icon-remove) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title::before {-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3e%3cg stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333'%3e%3cpath d='M9.667 1.333H4a1.333 1.333 0 0 0-1.333 1.334v10.666A1.333 1.333 0 0 0 4 14.667h8a1.333 1.333 0 0 0 1.333-1.334V5L9.667 1.333Z'/%3e%3cpath d='M9.333 1.333v4h4'/%3e%3c/g%3e%3c/svg%3e");} +body:not(.file-icon-remove) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".canvas"]::before {-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M6 2H2.667A.667.667 0 0 0 2 2.667v4.666c0 .369.298.667.667.667H6a.667.667 0 0 0 .667-.667V2.667A.667.667 0 0 0 6 2Zm7.333 0H10a.667.667 0 0 0-.667.667v2c0 .368.299.666.667.666h3.333A.667.667 0 0 0 14 4.667v-2A.667.667 0 0 0 13.333 2Zm0 6H10a.667.667 0 0 0-.667.667v4.666c0 .368.299.667.667.667h3.333a.667.667 0 0 0 .667-.667V8.667A.667.667 0 0 0 13.333 8ZM6 10.667H2.667a.667.667 0 0 0-.667.666v2c0 .368.298.667.667.667H6a.667.667 0 0 0 .667-.667v-2A.667.667 0 0 0 6 10.667Z'/%3e%3c/svg%3e");} +body:not(.file-icon-remove) .workspace-leaf-content[data-type="file-explorer"] .is-unsupported.nav-file-title::before {-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3e%3cg stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333'%3e%3cpath d='M9.667 1.333H4a1.333 1.333 0 0 0-1.333 1.334v10.666A1.333 1.333 0 0 0 4 14.667h8a1.333 1.333 0 0 0 1.333-1.334V5L9.667 1.333Z'/%3e%3cpath d='M6.667 6.867c.133-.267.333-.534.6-.667A1.4 1.4 0 0 1 9 6.467c.2.266.333.533.333.866C9.333 8.2 8 8.667 8 8.667m0 2.666h.007'/%3e%3c/g%3e%3c/svg%3e");} +body:not(.file-icon-remove) .workspace-leaf-content[data-type="file-explorer"] .is-unsupported.nav-file-title:is([data-path$=".zip"], [data-path$=".7z"])::before {-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3e%3cg stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333'%3e%3cpath d='M2.667 14.667v-12c0-.334.133-.667.4-.934.266-.266.6-.4.933-.4h5.667L13.333 5v8.333c0 .334-.133.667-.4.934-.266.266-.6.4-.933.4h-1.333'/%3e%3cpath d='M9.333 1.333v4h4m-6.666 9.334a1.333 1.333 0 1 0 0-2.667 1.333 1.333 0 0 0 0 2.667Zm0-10V4m0 4v-.667m0 4.667v-1.333'/%3e%3c/g%3e%3c/svg%3e");} +body:not(.file-icon-remove) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".webm"]::before {-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3e%3cg stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333'%3e%3cpath d='M2.667 14.667H12a1.333 1.333 0 0 0 1.333-1.334V5L9.667 1.333H4a1.333 1.333 0 0 0-1.333 1.334v2'/%3e%3cpath d='M9.333 1.333v4h4M4.667 6.667 2.667 8H1.333v2.667h1.334l2 1.333V6.667Zm2.666.666c.427.534.667 1.247.667 2 0 .754-.24 1.467-.667 2'/%3e%3c/g%3e%3c/svg%3e");} +body:not(.file-icon-remove) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title:is([data-path$=".svg"], [data-path$=".bmp"], [data-path$=".jpeg"], [data-path$=".jpg"], [data-path$=".png"], [data-path$=".gif"])::before {-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3e%3cg stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333'%3e%3cpath d='M12.667 2H3.333C2.597 2 2 2.597 2 3.333v9.334C2 13.403 2.597 14 3.333 14h9.334c.736 0 1.333-.597 1.333-1.333V3.333C14 2.597 13.403 2 12.667 2Z'/%3e%3cpath d='M6 7.333a1.333 1.333 0 1 0 0-2.666 1.333 1.333 0 0 0 0 2.666ZM14 10l-2.057-2.057a1.333 1.333 0 0 0-1.886 0L4 14'/%3e%3c/g%3e%3c/svg%3e");} +body:not(.file-icon-remove) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".pdf"]::before {-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3e%3cg stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333'%3e%3cpath d='M9.667 1.333H4a1.333 1.333 0 0 0-1.333 1.334v10.666A1.333 1.333 0 0 0 4 14.667h8a1.333 1.333 0 0 0 1.333-1.334V5L9.667 1.333Z'/%3e%3cpath d='M9.333 1.333v4h4m-2.666 3.334H5.333m5.334 2.666H5.333M6.667 6H5.333'/%3e%3c/g%3e%3c/svg%3e");} +body:not(.file-icon-remove) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".excalidraw.md"]::before {-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3e%3cg stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' clip-path='url(%23a)'%3e%3cpath d='M8 12.667 12.667 8l2 2L10 14.667l-2-2Z'/%3e%3cpath d='m12 8.667-1-5-9.667-2.334L3.667 11l5 1L12 8.667ZM1.333 1.333l5.058 5.058'/%3e%3cpath d='M7.333 8.667a1.333 1.333 0 1 0 0-2.667 1.333 1.333 0 0 0 0 2.667Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 0h16v16H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");} +body:not(.file-icon-remove) .workspace-leaf-content[data-type="tag"] .tree-item:not(:hover) .tree-item-icon.collapse-icon {-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3e%3cg stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333'%3e%3cpath d='M6 3.333H1.333V8l4.194 4.193a1.617 1.617 0 0 0 2.28 0l2.386-2.386a1.617 1.617 0 0 0 0-2.28L6 3.333ZM4 6.007V6'/%3e%3cpath d='m10 3.333 4.2 4.2a1.6 1.6 0 0 1 0 2.267l-2.867 2.867'/%3e%3c/g%3e%3c/svg%3e");} +body:not(.file-icon-remove) .workspace-leaf-content[data-type="tag"] .tree-item-self:not(:has(>.tree-item-icon.collapse-icon))::before {-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3e%3cg clip-path='url(%23a)'%3e%3cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M8 1.333H1.333V8l6.194 6.193a1.617 1.617 0 0 0 2.28 0l4.386-4.386a1.617 1.617 0 0 0 0-2.28L8 1.333ZM4.667 4.667h.006'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 0h16v16H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");} +body:not(.file-icon-remove) .workspace-leaf-content[data-type="bookmarks"] svg.lucide-folder {background-color: currentColor;-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3e%3cg stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333'%3e%3cpath d='M1.333 6V3.333C1.333 2.6 1.933 2 2.667 2h2.62a1.333 1.333 0 0 1 1.106.6l.547.8a1.333 1.333 0 0 0 1.107.6h5.286a1.333 1.333 0 0 1 1.334 1.333V12a1.333 1.333 0 0 1-1.334 1.333h-12'/%3e%3cpath d='m5.333 10.667 2-2-2-2'/%3e%3cpath d='M1.333 10.667V10a1.333 1.333 0 0 1 1.334-1.333h4'/%3e%3c/g%3e%3c/svg%3e");} + + +/*selected file styling */ +.tree-item-self.nav-file-title.tappable.is-clickable.is-active { + position: relative !important; + color: var(--colored-accent-i2) !important; + background-color: var(--colored-accent-3); + border-bottom: 2px solid rgba(0, 0, 0, 0.251); + border-radius: 5px; + font-weight: 600; + transition: background-color .2s; + &:hover { + background-color: var(--colored-accent-1) !important; + border-bottom: 2px solid var(--shadow-1); + } +} +/*=============== HIDE ATTACHMENT FOLDER: "000_attachments_000" - if used ==================*/ +div[data-path$='000_attachments_000'], +div[data-path$='000_attachments_000'] + div.nav-folder-children +{ + display: none; +} + +/* vault icons - removal of added styling */ +.workspace-drawer-vault-actions .clickable-icon { + border: none !important; + background-color: transparent !important; +} + + +/*////////////////////////////////////////////////////////////////////////////// SETTINGS & BUTTONS //////////////////////////////////////////////////////////////////////////////*/ +/*=========================================== buttons general styling ===================================================*/ +.clickable-icon:not(.input-right-decorator.clickable-icon):not(.modal-close-button):not(.graph-controls-button) { + position: relative; + --text-color: var(--colored-accent-i1) !important; + background-color: var(--background-6); + border-bottom: 2px solid var(--shadow-2); + border-radius: 5px; + transition: all .5s; + &:hover { + background-color: var(--colored-accent-1) !important; + color: var(--colored-accent-i1) !important; + border-bottom: 2px solid var(--shadow-1); + } +} +.mod-cta:before, +.setting-item-control > button:before, +.clickable-icon:not(.workspace-drawer-vault-actions > .clickable-icon):before, +.tree-item-self.nav-file-title.tappable.is-clickable.is-active:after, +.mod-vertical .workspace-tab-header.tappable:not(.is-active) .workspace-tab-header-inner:before, +.mod-vertical .workspace-tab-header.tappable.is-active .workspace-tab-header-inner:before { + content: ""; + width: calc(100% - 3px); + height: calc(100% - 3px); + background-color: transparent; + border-radius: 3px; + position: absolute; + bottom: 2px; + left: 1.5px; + box-shadow: 0px 0px 0px 1px var(--highlight-1); +} +.workspace-split.mod-horizontal.mod-sidedock.mod-left-split .workspace-tabs.mod-top.mod-top-left-space .workspace-tab-header.tappable:not(.is-active) .workspace-tab-header-inner:before, +.workspace-split.mod-horizontal.mod-sidedock.mod-right-split .workspace-tabs.mod-top.mod-top-right-space .workspace-tab-header.tappable:not(.is-active) .workspace-tab-header-inner:before, +.workspace-split.mod-horizontal.mod-sidedock.mod-left-split .workspace-tabs.mod-top.mod-top-left-space .workspace-tab-header.tappable.is-active .workspace-tab-header-inner:before, +.workspace-split.mod-horizontal.mod-sidedock.mod-right-split .workspace-tabs.mod-top.mod-top-right-space .workspace-tab-header-inner:before { + content: ""; + width: calc(100% - 2px); + height: calc(100% - 4px); + background-color: transparent; + border-radius: 3px; + position: absolute; + bottom: 3px; + left: 1px; + box-shadow: 0px 0px 0px 1px var(--highlight-2); +} + +/*=========================================== Settings general styling ===================================================*/ +.setting-item-control > button, .dropdown { + position: relative; + --text-color: var(--colored-accent-i1) !important; + background-color: var(--colored-accent-2) !important; + border-bottom: 2px solid var(--shadow-1); + border-radius: 5px; + transition: all .2s; + &:hover { + background-color: var(--colored-accent-1) !important; + border-bottom: 2px solid var(--shadow-1); + } +} +/*Settings tabs styling*/ +.vertical-tab-nav-item.is-active { + background-color: var(--colored-accent-1) !important; + border-bottom: 2px solid var(--shadow-1); + border-radius: 5px; + &:hover { + background-color: var(--colored-accent-1) !important; + } +} +/* settings switches background */ +.checkbox-container.is-enabled { + background-color: var(--colored-accent-2); +} +/* settings switches auto coloring */ +.checkbox-container.is-enabled::after { + background-color: var(--colored-accent-i2); + transition: .2s; +} + + +/*////////////////////////////////////////////////////////////////////////////// EDITOR //////////////////////////////////////////////////////////////////////////////*/ + +/*=========================================== Active Line Highlight ===================================================*/ +/*Credit goes to @Akifyss on github: https://github.com/Akifyss, https://github.com/Akifyss/obsidian-border */ +body:not(.disable-line-indicator) .markdown-source-view .cm-content>.cm-active:not(:has(.mk-note-footer)):has(.cm-hmd-list-indent)::after, +body:not(.disable-line-indicator) .markdown-source-view .cm-content>.cm-active:not(.image-embed, .mk-header, .HyperMD-header, :has(.mk-note-footer, .collapse-indicator))::after { + content: ""; + position: absolute; + left: -12px; + top: 3px; + width: 3px; + height: calc(100% - 6px); + border-radius: 10px; + background: var(--hover-indicator-color); + --hover-indicator-color: var(--color-accent) !important; + opacity: 1; +} + +body:not(.disable-line-indicator) .cm-contentContainer .cm-active.HyperMD-list-line:not(.HyperMD-list-line-1)::after, +body:not(.disable-line-indicator) .cm-contentContainer .cm-active.HyperMD-codeblock:not(.HyperMD-codeblock-begin):not(.HyperMD-codeblock-end):after { + opacity: 1 !important; + --hover-indicator-color: var(--color-accent) !important; +} + +/*======================================================== TEXT ================================================================*/ +/*==================== HIGHLIGHTING ====================*/ +.cm-s-obsidian span.cm-formatting-highlight, .cm-s-obsidian span.cm-highlight, +.markdown-rendered mark { + padding-left: 2px; + padding-right: 2px; + padding-top: 1px; + padding-bottom: 1px; + pointer-events: none; + background-color: var(--colored-accent-1); + color: var(--colored-accent-i1); + -moz-border-bottom-left-radius: 5px; + -webkit-border-bottom-left-radius: 5px; + border-bottom-left-radius: 5px; + -moz-border-bottom-right-radius: 5px; + -webkit-border-bottom-right-radius: 5px; + border-bottom-right-radius: 5px; + -moz-border-top-right-radius: 5px; + -webkit-border-top-right-radius: 5px; + border-top-right-radius: 5px; + -moz-border-top-left-radius: 5px; + -webkit-border-top-left-radius: 5px; + border-top-left-radius: 5px; + -webkit-box-decoration-break: clone; + -o-box-decoration-break: clone; + box-decoration-break: clone; +} + +.cm-formatting.cm-formatting-highlight.cm-highlight { + background: none; + color: var(--colored-accent-1); +} +/*======== SEARCHED TEXT HIGHLIGHTING =================*/ +.search-result-file-matched-text { + background:var(--colored-accent-1); + color: var(--colored-accent-i1); + border-radius: 3px; + padding-left: 2px; + padding-right: 2px; + padding-top: 0px; + padding-bottom: 0px; + border-radius: 3px; +} + +.is-flashing { + background:var(--colored-accent-1) !important; + color: var(--colored-accent-i1); + border-radius: 3px; + padding-left: 2px; + padding-right: 2px; + padding-top: 0px; + padding-bottom: 0px; + border-radius: 3px; +} + + + +/*================== adjust font weight ===============*/ +.markdown-preview-view, .view-content>.cm-s-obsidian, .view-content>.markdown-source-view.mod-cm6.is-live-preview>.cm-scroller, body { + font-weight: var(--custom-font-weight, 350); + color: var(--tc); + letter-spacing: var(--custom-letter-spacing, .1px); +} +.cm-html-embed th, .markdown-rendered th { + font-weight: var(--custom-font-weight, 350); + letter-spacing: var(--custom-letter-spacing, .1px); +} +table { + font-weight: var(--custom-font-weight, 350); + letter-spacing: var(--custom-letter-spacing, .1px); +} +.view-content { + border: 0px; + letter-spacing: var(--custom-letter-spacing, .1px); +} + +body { + --bold-modifier: 300; + --line-height-normal: var(--custom-line-height, 1.5); +} + + + +/*========================================== HEADINGS =========================================*/ +.markdown-source-view.mod-cm6 .cm-content > .HyperMD-header-1 { + letter-spacing: var(--custom-letter-spacing, .1px); + color: var(--custom-h1-color, var(--general-heading-color, unset)); + font-size: 1.4em; +} +.markdown-source-view.mod-cm6 .cm-content > .HyperMD-header-2 { + letter-spacing: var(--custom-letter-spacing, .1px); + color: var(--custom-h2-color, var(--general-heading-color, unset)); + font-size: 1.3em; +} + +.markdown-source-view.mod-cm6 .cm-content > .HyperMD-header-3 { + letter-spacing: var(--custom-letter-spacing, .1px); + color: var(--custom-h3-color, var(--general-heading-color, unset)); + font-size: 1.2em; +} +.markdown-source-view.mod-cm6 .cm-content > .HyperMD-header-4 { + letter-spacing: var(--custom-letter-spacing, .1px); + color: var(--custom-h4-color, var(--general-heading-color, unset)); + font-size: 1.1em; +} +.markdown-source-view.mod-cm6 .cm-content > .HyperMD-header-5 { + letter-spacing: var(--custom-letter-spacing, .1px); + color: var(--custom-h5-color, var(--general-heading-color, unset)); +} +.markdown-source-view.mod-cm6 .cm-content > .HyperMD-header-6 { + letter-spacing: var(--custom-letter-spacing, .1px); + color: var(--custom-h6-color, var(--general-heading-color, unset)); +} + + +.markdown-rendered h1 { + letter-spacing: var(--custom-letter-spacing, .1px); + color: var(--custom-h1-color, var(--general-heading-color, unset)); + font-size: 1.4em; + display: inline; +} + +.markdown-rendered h2 { + letter-spacing: var(--custom-letter-spacing, .1px); + color: var(--custom-h2-color, var(--general-heading-color, unset)); + font-size: 1.3em; + display: inline; +} +.markdown-rendered h3 { + letter-spacing: var(--custom-letter-spacing, .1px); + color: var(--custom-h3-color, var(--general-heading-color, unset)); + font-size: 1.2em; + display: inline; +} +.markdown-rendered h4 { + margin-bottom: 0px !important; + letter-spacing: var(--custom-letter-spacing, .1px); + color: var(--custom-h4-color, var(--general-heading-color, unset)); + font-size: 1.1em; + display: inline; +} +.markdown-rendered h5 { + margin-bottom: 0px !important; + letter-spacing: var(--custom-letter-spacing, .1px); + color: var(--custom-h5-color, var(--general-heading-color, unset)); + display: inline; +} +.markdown-rendered h6 { + margin-bottom: 0px !important; + letter-spacing: var(--custom-letter-spacing, .1px); + color: var(--custom-h6-color, var(--general-heading-color, unset)); + display: inline; +} + + +/*heading indicator*/ +.markdown-source-view.mod-cm6 .cm-content > .HyperMD-header-1:before, +.markdown-rendered h1:before { + position: absolute; + content: ""; + margin-top: 3px; + height: 1em; + border-left: 3px solid var(--custom-h1-color, var(--general-heading-color, var(--colored-accent-1))); + padding-left: 20px !important; + margin-left: -24px !important; +} +.markdown-source-view.mod-cm6 .cm-content > .HyperMD-header-2:before, +.markdown-rendered h2:before { + position: absolute; + content: ""; + margin-top: 3px; + height: 1em; + border-left: 3px dashed var(--custom-h2-color, var(--general-heading-color, var(--colored-accent-1))); + padding-left: 20px !important; + margin-left: -24px !important; +} +.markdown-source-view.mod-cm6 .cm-content > .HyperMD-header-3:before, +.markdown-rendered h3:before { + position: absolute; + content: ""; + margin-top: 3px; + height: 1em; + border-left: 3px dotted var(--custom-h3-color, var(--general-heading-color, var(--colored-accent-1))); + padding-left: 20px !important; + margin-left: -24px !important; +} + + +/*heading mark*/ +body.heading-highlighting .cm-header.cm-header-1:not(.cm-formatting.cm-formatting-header.cm-formatting-header-1.cm-header.cm-header-1), +body.heading-highlighting .cm-header.cm-header-2:not(.cm-formatting.cm-formatting-header.cm-formatting-header-2.cm-header.cm-header-2), +body.heading-highlighting .cm-header.cm-header-3:not(.cm-formatting.cm-formatting-header.cm-formatting-header-3.cm-header.cm-header-3), +body.heading-highlighting .cm-header.cm-header-4:not(.cm-formatting.cm-formatting-header.cm-formatting-header-4.cm-header.cm-header-4), +body.heading-highlighting .cm-header.cm-header-5:not(.cm-formatting.cm-formatting-header.cm-formatting-header-5.cm-header.cm-header-5), +body.heading-highlighting .cm-header.cm-header-6:not(.cm-formatting.cm-formatting-header.cm-formatting-header-6.cm-header.cm-header-6), +body.heading-highlighting .markdown-rendered h1, +body.heading-highlighting .markdown-rendered h2, +body.heading-highlighting .markdown-rendered h3, +body.heading-highlighting .markdown-rendered h4, +body.heading-highlighting .markdown-rendered h5, +body.heading-highlighting .markdown-rendered h6 { + color: var(--colored-accent-i1); + border-bottom: 2px solid var(--shadow-1); + padding-left: 5px !important; + padding-right: 5px !important; + -moz-border-bottom-left-radius: 5px; + -webkit-border-bottom-left-radius: 5px; + border-bottom-left-radius: 5px; + -moz-border-bottom-right-radius: 5px; + -webkit-border-bottom-right-radius: 5px; + border-bottom-right-radius: 5px; + -moz-border-top-right-radius: 5px; + -webkit-border-top-right-radius: 5px; + border-top-right-radius: 5px; + -moz-border-top-left-radius: 5px; + -webkit-border-top-left-radius: 5px; + border-top-left-radius: 5px; + -webkit-box-decoration-break: clone; + -o-box-decoration-break: clone; + box-decoration-break: clone; +} +/* heading mark link color correction */ +body.heading-highlighting h1 > a, +body.heading-highlighting h2 > a, +body.heading-highlighting h3 > a, +body.heading-highlighting h4 > a, +body.heading-highlighting h5 > a, +body.heading-highlighting h6 > a { + color: var(--text-color-inverted) !important; +} + +/*heading mark colors*/ +body.heading-highlighting .cm-header.cm-header-1:not(.cm-formatting.cm-formatting-header.cm-formatting-header-1.cm-header.cm-header-1), +body.heading-highlighting .markdown-rendered h1 { + background-color: var(--custom-h1-color, var(--general-heading-color, var(--colored-accent-1))); +} + +body.heading-highlighting .cm-header.cm-header-2:not(.cm-formatting.cm-formatting-header.cm-formatting-header-2.cm-header.cm-header-2), +body.heading-highlighting .markdown-rendered h2 { + background-color: var(--custom-h2-color, var(--general-heading-color, var(--colored-accent-1))); +} +body.heading-highlighting .cm-header.cm-header-3:not(.cm-formatting.cm-formatting-header.cm-formatting-header-3.cm-header.cm-header-3), +body.heading-highlighting .markdown-rendered h3 { + background-color: var(--custom-h3-color, var(--general-heading-color, var(--colored-accent-1))); +} +body.heading-highlighting .cm-header.cm-header-4:not(.cm-formatting.cm-formatting-header.cm-formatting-header-4.cm-header.cm-header-4), +body.heading-highlighting .markdown-rendered h4 { + background-color: var(--custom-h4-color, var(--general-heading-color, var(--colored-accent-1))); +} +body.heading-highlighting .cm-header.cm-header-5:not(.cm-formatting.cm-formatting-header.cm-formatting-header-5.cm-header.cm-header-5), +body.heading-highlighting .markdown-rendered h5 { + background-color: var(--custom-h5-color, var(--general-heading-color, var(--colored-accent-1))); +} +body.heading-highlighting .cm-header.cm-header-6:not(.cm-formatting.cm-formatting-header.cm-formatting-header-6.cm-header.cm-header-6), +body.heading-highlighting .markdown-rendered h6 { + background-color: var(--custom-h6-color, var(--general-heading-color, var(--colored-accent-1))); +} + +/*DYNAMIC HEADING SPACING ADJUST*/ +div.el-h1 { + margin-top: var(--dynamic-heading-spacing, 4em); +} + +div.el-h2 { + margin-top: var(--dynamic-heading-spacing, 4em) !important; +} + +div.el-h3 { + margin-top: var(--dynamic-heading-spacing, 4em) !important; +} + +div.el-h4 { + margin-top: var(--dynamic-heading-spacing, 4em) !important; +} + +div.el-h5 { + margin-top: var(--dynamic-heading-spacing, 4em) !important; +} + +div.el-h6 { + margin-top: var(--dynamic-heading-spacing, 4em) !important; +} + +div.el-h1 + div.el-h1 { + margin-top: 0em !important; +} + +div.el-h1 + div.el-h2, div.el-h2 + div.el-h2 { + margin-top: 0em !important; +} + +div.el-h1 + div.el-h3, div.el-h2 + div.el-h3, div.el-h3 + div.el-h3 { + margin-top: 0em !important; +} + +div.el-h1 + div.el-h4, div.el-h2 + div.el-h4, div.el-h3 + div.el-h4, div.el-h4 + div.el-h4 { + margin-top: 0em !important; +} + +div.el-h1 + div.el-h5, div.el-h2 + div.el-h5, div.el-h3 + div.el-h5, div.el-h4 + div.el-h5, div.el-h5 + div.el-h5 { + margin-top: 0em !important; +} + +div.el-h1 + div.el-h6, div.el-h2 + div.el-h6, div.el-h3 + div.el-h6, div.el-h4 + div.el-h6, div.el-h5 + div.el-h6, div.el-h6 + div.el-h6 { + margin-top: 0em !important; +} + +/*======================================= Text Spacing =======================================*/ +.el-p + .el-p { + margin-top: 2em !important; +} + +p + p { + margin-top: 2em !important; +} + +p { + margin-top: 0px !important; + margin-bottom: .1em !important; +} + +p + ul { + margin-top: 0px !important; +} + +ul { + margin-top: 0px !important; + margin-bottom: 0px !important; +} + +p:has(+ ul.has-list-bullet) { + margin-bottom: 0px; +} + +.el-p:has(+ .el-ul) { + margin-block-end: -em !important; +} + +/*======================================= LISTS =======================================*/ +.markdown-rendered ul.has-list-bullet { + margin: 0px; +} + +.el-ul + .el-p { + margin-top: 1.5em !important; +} + +li { + margin-left: 1.6em !important; +} + +/*======================================== BLOCKQUOTES ================================*/ +/*preview mode */ +body:not(.tv1) .markdown-rendered blockquote, +body:not(.tv1) .blockquote, +body:not(.tv1) .markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote{ + border-radius: 5px; + background-color: var(--background-2); + border-left: 10px solid var(--colored-accent-1); +} +.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote + .cm-line { + border-bottom-left-radius: 5px; + border-top-left-radius: 5px; +} + +/*BLOCKQUOTE PREVIEW VIEW SHADOW*/ +body:not(.tv1) .is-live-preview +.HyperMD-quote:before { + content: ''; + box-shadow: .5px .5px 8px 1px var(--shadow-3); + z-index: -1; + position: absolute; + width: calc(100% + 8px) !important; + left: -9px !important; + border: 0px solid transparent !important; + border-radius: 5px; +} + +/*blockquote padding*/ +.markdown-preview-view blockquote { + padding-left: .5em; + padding-right: .5em; +} + +/*reading mode*/ +.markdown-preview-view blockquote { + border-inline-width: 10px; + border-radius: 5px; +} + +/*BLOCKQUOTE COLORS AND SHADOWS*/ +body:not(.tv1) blockquote { + filter: drop-shadow(0 0 2px var(--shadow-3)) +} + +/*BLOCKQUOTE PREVIEW VIEW BORDER FIX*/ +.HyperMD-quote + .HyperMD-quote { + border-top-right-radius: 0px !important; + border-top-left-radius: 0px !important; +} +.HyperMD-quote:has(+.HyperMD-quote) { + border-bottom-right-radius: 0px !important; + border-bottom-left-radius: 0px !important; +} +ul.has-list-bullet * blockquote { + margin-top: 0; +} +.HyperMD-quote + .HyperMD-quote { + &:before { + border-top-right-radius: 0px !important; + border-top-left-radius: 0px !important + } +} +.HyperMD-quote:has(+ .HyperMD-quote) { + &:before { + border-bottom-right-radius: 0px !important; + border-bottom-left-radius: 0px !important; + } +} + + +/*=========================== CALLOUTS ============================*/ +body:not(.tv1) .callout { + color: inherit; + border-radius: 5px; + --callout-padding: 0; + --callout-title-color: inherit; + --callout-title-padding: 6px 10px; + --callout-title-size: inherit; + --callout-content-padding: 5px 10px 5px 10px; + --callout-content-radius: 0px; + --callout-blend-mode: normal; + box-shadow: .5px .5px 3px 1px var(--shadow-3) !important; + background: var(--background-2) !important; + margin-bottom: 5px; +} +body:not(.tv1) .cm-embed-block.cm-callout { + border-radius: 5px; + box-shadow: .5px .5px 3px 1px var(--shadow-3) !important; +} +body:not(.tv1) .cm-embed-block.cm-callout:hover { + border-radius: 5px !important; +} +body:not(.tv1) .callout-title { + position: relative; + color: var(--colored-accent-i1); + background: var(--colored-accent-2); + border-bottom: 2px solid rgba(0, 0, 0, 0.251); + border-radius: 5px; +} +body:not(.tv1) .callout-title:before { + background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23ffffff' fill-opacity='0.1' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E"); +} +.markdown-source-view.mod-cm6 .cm-embed-block:hover { + border-radius: 5px; + box-shadow: 0px 0px 0px 1px var(--divider-color) !important; +} +.callout-content blockquote { + margin-bottom: .2em !important; + margin-top: .2em !important; +} +.callout-content ol { + margin-top: 0px !important; + margin-bottom: 0px !important; +} +.callout-title:before { + content: ""; + width: calc(100% - 3px); + height: calc(100% - 3px); + background-color: transparent; + border-radius: 3px; + position: absolute; + bottom: 2px; + left: 1.5px; + box-shadow: 0px 0px 0px 1px var(--highlight-1); +} + +/*No Callout Icon*/ +.callout-icon:not(.el-div .callout[data-callout="c"] .callout-icon) { + display: none; +} + + +/*================ EMBEDS =================*/ +img { + border-radius: 10px; +} + +.theme-light.blend-images .internal-embed.media-embed.image-embed.is-loaded { + mix-blend-mode: multiply; +} + +.theme-dark.blend-images .internal-embed.media-embed.image-embed.is-loaded { + mix-blend-mode: color-dodge; +} + +.theme-light.blend-images img { + filter: invert(0) saturate(0); +} +.theme-dark.blend-images img { + filter: invert(1) saturate(0); +} + + +/*================= ROUNDED TABLES =================*/ +/*Credit goes to "FireIsGood": https://forum.obsidian.md/t/adding-rounded-corners-to-markdown-tables-with-snippets-a-clean-solution/60551 */ +/* TABLES: Fix the borders and add a radius variable */ +:root table { + --table-border-radius: 8px; + border-collapse: separate; + border-spacing: 0; +} +/* Add the radius */ +th:first-child {border-top-left-radius: var(--table-border-radius)} +th:last-child {border-top-right-radius: var(--table-border-radius)} +tr:last-child td:first-child {border-bottom-left-radius: var(--table-border-radius)} +tr:last-child td:last-child {border-bottom-right-radius: var(--table-border-radius)} + +/* Redo the borders */ +:root :is(td, th) { + border-width: 0 var(--table-border-width) var(--table-border-width) 0; + border-color: var(--accent-color-light10) !important; +} + +.cm-html-embed table, .markdown-rendered table { + margin-top: 15px; +} + + +/*//////////////////////////////////////////////////////////// FIXES ///////////////////////////////////////////////////////////*/ +/*remove fade in tab bar*/ +.mod-fade:not(.mod-at-end):after { + content: none; +} + +/*Fix modifier symbols top right*/ +.mod-windows, .mod-linux { +--frame-right-space: 100px; +} + +/*disable some elements*/ +.workspace-ribbon.side-dock-ribbon.mod-left::before, +.workspace-tab-header.tappable:before, +.workspace-tab-header.tappable:after, +.workspace-tab-header-inner:after, +.workspace-tab-header-container:before, +.graph-color-button-container .mod-cta:before { + display: none !important; +} + +/*virtual link styling*/ +.virtual-link-default { + filter: brightness(1); +} + +/*increase popup size*/ +.theme-light, .theme-dark { + --popover-width: 1050px; + --popover-height: 1250px; +} + +/*disable scrollbars / only show on hover*/ +.workspace-leaf-content { + --scrollbar-thumb-bg: transparent; + &:hover { + --scrollbar-thumb-bg: #d3d3d350 !important; + } +} + +.view-header-left .clickable-icon { + margin-right: 5px; +} + + + +.modal.mod-publish .mod-cta:before, .community-modal-button-container .mod-cta:before{ + display: none !important; +} +/*================= MACOS ==================*/ +body.mod-macos .workspace-tabs.mod-top.mod-top-left-space .workspace-tab-header-container { + padding-left: calc(var(--size-4-2) + var(--frame-left-space) + 10px) !important; +} + +body:not(.show-ribbon).mod-macos .workspace-tabs.mod-top.mod-top-left-space .workspace-tab-header-container { + padding-left: calc(var(--size-4-2) + var(--frame-left-space) - 34px) !important; +} + +body.mod-macos .sidebar-toggle-button.mod-right { + background: transparent !important; +} + + +/*////////////////////////////////////////////////////////////////// ADDITIONS (style settings) //////////////////////////////////////////////////////////////////*/ + +body.custom-accent-bold { + --bold-color: var(--colored-accent-1); +} + +body { + --bold-color: var(--custom-bold); +} + +body.custom-accent-italic { + --italic-color: var(--colored-accent-1); +} + +body { + --italic-color: var(--custom-italic); +} + +/*======== Ninja Cursor Enhancement ===========*/ +/*credit goes to the people in this thread: https://forum.obsidian.md/t/options-to-modify-cursor-style/1091/41?page=2 */ +body.enhanced-cursor.is-focused +.x-cursor { + position:flex; + opacity: 1; + background: transparent; + backdrop-filter: invert(100%); + filter: grayscale(100%); + width: calc(var(--cursor-height) * .55); + left: calc(var(--cursor-height) * -0); + height: calc(2px + var(--cursor-height)); + max-height: 2rem; + max-width: 17px; + top: calc(0px - var(--header-height)); + transition: all .07s; +} +.enhanced-cursor .x-cursor::after { + display: none; +} +.enhanced-cursor .cursorWrapper .x-cursor0, +.enhanced-cursor .cursorWrapper .x-cursor1 { + animation: blink1 1s 0s both infinite; +} +body.enhanced-cursor:has(.x-cursor) .cm-editor * { +caret-color: transparent; +} + +/*status bar hider*/ +body.status-bar-hover .status-bar{ + opacity: 0; + transition: all .5s; + &:hover { + opacity: 1; + } +} +/*disable enhanced buttons*/ +body.enhanced-buttons-disable { + --highlight-1: transparent !important; + --highlight-2: transparent !important; +} + + +/*==================== Theme Variants ==================*/ +body.tv1 .callout { + color: inherit; + border-radius: 10px; + box-shadow: 0px 0px 0px 1px var(--c-tv1), 0px 0px 3px 1px var(--s-tv1); + --callout-padding: 0; + --callout-title-color: inherit; + --callout-title-padding: 6px 10px; + --callout-title-size: inherit; + --callout-content-padding: 5px 10px 5px 10px; + --callout-content-radius: 0px; + --callout-blend-mode: normal; + background: var(--background-1-tv1) !important; + margin-bottom: 5px; +} +body.tv1 .cm-embed-block.cm-callout { + border-radius: 10px; + box-shadow: 0px 0px 0px 1px var(--c-tv1), 0px 0px 3px 1px var(--s-tv1); +} +body.tv1 .cm-embed-block.cm-callout:hover { + border-radius: 10px !important; +} +body.tv1 .callout-title { + position: relative; + color: var(--colored-accent-text-color-inverted); + border-radius: 5px; + font-size: 1.3em; +} +body.tv1 .callout-title:before { + display: none; +} +body.tv1 .markdown-rendered blockquote, +body.tv1 .blockquote, +body.tv1 .markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote{ + border-radius: 10px; + background-color: var(--background-1-tv1); + border-left: none; +} +body.tv1 .markdown-rendered blockquote { + padding-top: .4em !important; + padding-bottom: .4em !important; +} +body.tv1 .is-live-preview .HyperMD-quote:before { + content: ''; + box-shadow: 0px 0px 0px 1px var(--c-tv1), 0px 0px 3px 1px var(--s-tv1); + z-index: -1 !important; + position: absolute; + width: calc(100%) !important; + border: 0px solid transparent !important; + border-radius: 10px; +} +body.tv1 blockquote { + box-shadow: 0px 0px 0px 1px var(--c-tv1), 0px 0px 3px 1px var(--s-tv1); + border-radius: 10px; +} +body.tv1 blockquote:has(blockquote) { + padding-bottom: 5px !important; +} +body.tv1 .workspace-leaf-content { + --scrollbar-thumb-bg: transparent; + &:hover { + --scrollbar-thumb-bg: transparent !important; + } +} +body.tv1 { + --cbr: 20px !important; +} +.theme-dark.tv1 { + --c-tv1: rgb(58, 58, 58); + --s-tv1: rgba(0, 0, 0, 0.47); + --background-1-tv1: hsl(var(--background-2_h), calc(calc(var(--accent-s) *.1) + calc(.1% * var(--bgt_s, 1))), calc(var(--background-2_l) + calc(var(--bgt_l, 0) * .1% - 3%))); + +} +.theme-light.tv1 { + --c-tv1: rgb(209, 209, 209); + --s-tv1: rgba(0, 0, 0, 0.089); + --background-1-tv1: hsl(var(--background-2_h), calc(calc(var(--accent-s) * 1) + calc(.5% * var(--bgt_s, 1))), calc(calc(var(--background-2_l) - 2%) + calc(var(--bgt_l, 0) * 1%))); + +} diff --git a/.obsidian/themes/Colored Candy/manifest.json b/.obsidian/themes/Colored Candy/manifest.json new file mode 100644 index 00000000..6e5b69b3 --- /dev/null +++ b/.obsidian/themes/Colored Candy/manifest.json @@ -0,0 +1,6 @@ +{ + "name": "Colored Candy", + "version": "1.0.0", + "minAppVersion": "1.0.0", + "author": "Erika Gozar" +} \ No newline at end of file diff --git a/.obsidian/themes/Colored Candy/theme.css b/.obsidian/themes/Colored Candy/theme.css new file mode 100644 index 00000000..0eff0b08 --- /dev/null +++ b/.obsidian/themes/Colored Candy/theme.css @@ -0,0 +1,475 @@ +/* @settings + +name: Colored Candy +id: colored-candy-settings +settings: + - + id: bg-l-modifier + title: Background-to-text contrast + description: The background lightness and saturation will be adjusted by this amount to give more contast to the text. + type: variable-number-slider + default: 0 + min: -10 + max: 10 + step: 1 + format: '%' + - + id: file-line-width + title: Readable line length + description: The maximum line length when "Readable line length" is enabled. + type: variable-number + default: 700 + format: px + - + description: "**Readable line length** can be enabled under **Settings → Editor → Readable line length**." + type: info-text + markdown: true + +*/ + +.theme-dark, +.theme-light { + /* #region global variables */ + --accent-plus-60: calc(var(--accent-h) + 60); + --accent-plus-120: calc(var(--accent-h) + 120); + --accent-minus-60: calc(var(--accent-h) - 60); + --accent-minus-120: calc(var(--accent-h) - 120); + --accent-s-pastel: min(var(--accent-s), 50%); + /* --accent-s-saturated: max(var(--accent-s), 50%); */ + /* #endregion */ + + /* #region background modifiers */ + --bg-l-modifier: 0%; + --bg-l-modifier-inverted: calc(var(--bg-l-modifier) * -1); + --bg-s-modifier: calc(var(--bg-l-modifier) * 0.5); + /* #endregion */ + + /* --dropdown-background: var(--interactive-normal); + --dropdown-background-hover: var(--interactive-hover); */ + /* --background-modifier-box-shadow: none; */ + + /* #endregion */ + + /* #region shadows */ + --swatch-shadow: none; + --tab-stacked-shadow: none; + --input-shadow: none; + --input-shadow-hover: none; + + --pdf-shadow: none; + --pdf-thumbnail-shadow: none; + + /* --embed-block-shadow-hover */ + /* --background-modifier-box-shadow: none; */ + /* #endregion */ + + /* #region borders */ + --background-modifier-border: var(--hr-color); + /* --background-modifier-border-hover: + --background-modifier-border-focus: */ + --divider-color: var(--hr-color); + --divider-color-hover: hsl(var(--accent-minus-60), var(--accent-s), var(--accent-l-readable)); + --status-bar-border-color: var(--divider-color); + --sidebar-left-border-color: var(--divider-color); + --nav-item-border-color: var(--divider-color); + /* --nav-item-border-color-hover: */ + --titlebar-border-color: var(--divider-color); + --table-border-color: var(--text-muted); + --table-header-border-color: var(--text-muted); + --table-add-button-border-color: var(--text-muted); + /* --table-add-button-color: var(--text-faint); */ + /* --file-header-border: var(--divider-color); */ + /* --slider-thumb-border-color: */ + /* --prompt-border-color: */ + /* --nav-indentiation-guide-color: */ + --modal-border-color: var(--divider-color); + /* --indentation-guide-color */ + /* --checkbox-border-color + --checkbox-border-color-hover */ + /* --input-focus-border-color */ + /* --metadata-border-color: var(--hr-color); */ + + /* #endregion */ + + /* #region accents */ + --text-accent: hsl(var(--accent-minus-60), var(--accent-s), var(--accent-l-readable)); + + --interactive-accent: hsl(var(--accent-plus-60), var(--accent-s-pastel), var(--accent-l-closer)); + --interactive-accent-hover: hsl(calc(var(--accent-plus-60) - 3), calc(var(--accent-s-pastel) * 1.02), calc(var(--accent-l-closer) * 1.15)); + + --tag-background: hsla(var(--accent-minus-60), var(--accent-s), var(--accent-l-closer), 0.25); + --tag-background-hover: hsla(var(--accent-minus-60), var(--accent-s), var(--accent-l-closer), 0.35); + + --checkbox-color: var(--interactive-accent); + --checkbox-color-hover: var(--interactive-accent-hover); + + --text-selection: hsla(var(--accent-minus-60), var(--accent-s), var(--accent-l-closer), 0.25); + --text-highlight-bg: hsla(var(--accent-plus-60), var(--accent-s-pastel), var(--accent-l-closer), 0.6); + + --table-selection: hsla(var(--accent-minus-60), var(--accent-s), var(--accent-l-closer), 0.2); + --table-selection-border-color: hsl(var(--accent-minus-60), var(--accent-s), var(--accent-l-readable)); + + --nav-item-background-selected: hsla(var(--accent-minus-60), var(--accent-s), var(--accent-l-closer), 0.17); + + /* --blockquote-border-color: hsl(var(--accent-minus-60), var(--accent-s), var(--accent-l-readable)); */ + --blockquote-border-color: var(--interactive-accent); + /* #endregion */ + + + /* --background-modifier-hover: */ + +} + +.theme-dark { + /* #region global variables */ + --accent-l-readable: max(var(--accent-l), 50%); + --accent-l-closer: min(var(--accent-l), 40%); + /* #endregion */ + + /* #region background */ + --background-primary: hsl(var(--accent-h), calc(var(--bg-s-modifier) + 35%), calc(var(--bg-l-modifier-inverted) + 25%)); + --background-primary-alt: hsl(var(--accent-h), calc(var(--bg-s-modifier) + 35%), calc(var(--bg-l-modifier-inverted) + 27%)); + --background-secondary: hsl(var(--accent-h), calc(var(--bg-s-modifier) + 35%), calc(var(--bg-l-modifier-inverted) + 30%)); + --background-secondary-alt: hsl(var(--accent-h), calc(var(--bg-s-modifier) + 35%), calc(var(--bg-l-modifier-inverted) + 32%)); + + --background-modifier-hover: hsla(var(--accent-h), calc(var(--bg-s-modifier) + 30%), calc(var(--bg-l-modifier-inverted) + 40%), 0.5); + --background-modifier-form-field: var(--interactive-normal); + --background-modifier-border-hover: hsla(var(--accent-h), 25%, 18%); + /* #endregion */ + + /* #region text colors */ + --text-normal: hsl(0, 0%, 85%); + --text-muted: hsl(var(--accent-h), 15%, 68%); + --text-faint: hsl(var(--accent-h), 20%, 51%); + /* --text-on-accent: var(--text-on-accent-inverted); */ + /* --text-accent: hsl(var(--accent-minus-60), var(--accent-s), var(--accent-l-readable)); */ + --text-accent-hover: hsl(calc(var(--accent-minus-60) - 5), calc(var(--accent-s) * 1.05), calc(var(--accent-l-readable) * 1.29)); + /* #endregion */ + + + --interactive-normal: hsl(var(--accent-h), calc(var(--bg-s-modifier) + 25%), calc(var(--bg-l-modifier-inverted) + 18%)); + --interactive-hover: hsl(var(--accent-h), calc(var(--bg-s-modifier) + 25%), calc(var(--bg-l-modifier-inverted) + 15%)); + --hr-color: hsl(var(--accent-h), calc(var(--bg-s-modifier) + 25%), calc(var(--bg-l-modifier-inverted) + 15%)); + /* --hr-color: hsl(var(--accent-h), 15%, 50%); */ +} + +.theme-light { + /* #region global variables */ + --accent-l-readable: min(var(--accent-l), 35%); + --accent-l-closer: max(var(--accent-l), 60%); + /* #endregion */ + + /* #region background */ + --background-primary: hsl(var(--accent-h), calc(var(--bg-s-modifier) + 35%), calc(var(--bg-l-modifier) + 75%)); + --background-primary-alt: hsl(var(--accent-h), calc(var(--bg-s-modifier) + 35%), calc(var(--bg-l-modifier) + 70%)); + --background-secondary: hsl(var(--accent-h), calc(var(--bg-s-modifier) + 35%), calc(var(--bg-l-modifier) + 65%)); + --background-secondary-alt: hsl(var(--accent-h), calc(var(--bg-s-modifier) + 35%), calc(var(--bg-l-modifier) + 60%)); + + --background-modifier-hover: hsla(var(--accent-h), calc(var(--bg-s-modifier) + 35%), calc(var(--bg-l-modifier) + 50%), 0.5); + --background-modifier-form-field: var(--interactive-normal); + --background-modifier-border-hover: hsla(var(--accent-h), calc(var(--bg-s-modifier) + 25%), calc(var(--bg-l-modifier) + 85%)); + /* #endregion */ + + /* #region text colors */ + --text-normal: hsl(0, 0%, 13%); + --text-muted: hsl(var(--accent-h), 15%, 33%); + --text-faint: hsl(var(--accent-h), 20%, 47%); + /* --text-on-accent: var(--text-on-accent-inverted); */ + /* --text-accent: hsl(var(--accent-minus-60), var(--accent-s), var(--accent-l-readable)); */ + --text-accent-hover: hsl(calc(var(--accent-minus-60) - 3), calc(var(--accent-s) * 1.02), calc(var(--accent-l-readable) * 1.15)); + /* #endregion */ + + + --interactive-normal: hsl(var(--accent-h), calc(var(--bg-s-modifier) + 40%), calc(var(--bg-l-modifier) + 87%)); + --interactive-hover: hsl(var(--accent-h), calc(var(--bg-s-modifier) + 40%), calc(var(--bg-l-modifier) + 90%)); + --hr-color: hsl(var(--accent-h), calc(var(--bg-s-modifier) + 25%), calc(var(--bg-l-modifier) + 90%)); + /* --background-modifier-cover: black; */ + +} + +body { + /* #region radiuses */ + --radius-s: var(--size-4-5); + --radius-m: var(--size-4-5); + --radius-l: var(--size-4-5); + --radius-xl: var(--size-4-5); + --input-radius: var(--size-4-5); + --tab-radius-active: var(--size-4-5); + --checkbox-radius: var(--size-4-5); + --checkbox-size: var(--size-4-5); + --toggle-radius: var(--size-4-5); + --toggle-thumb-radius: var(--size-4-5); + --slider-thumb-radius: var(--size-4-5); + /* #endregion */ + + /* #region size variables */ + --size-1-2: var(--size-2-1); + --size-1-1: calc(var(--size-1-2) / 2); + --size-1-3: calc(var(--size-1-1) * 3); + --size-16-16: calc(var(--size-4-4) * 16); + --size-16-8: calc(var(--size-4-4) * 8); + /* #endregion */ + + /* #region line height */ + --line-height-normal: 1.75em; + --line-height-tight: 1.5em; + /* #endregion */ +} + +/* #region checkboxes */ +input[type=checkbox]:checked:after { + position: static; + padding: auto; +} + +.markdown-preview-view .task-list-item-checkbox { + top: 0.34em; +} + +.checkbox-container { + box-shadow: none; +} + +.checkbox-container:after { + box-shadow: none; +} + +/* #endregion */ + +/* .setting-item-control { + box-shadow: none; + text-shadow: none; +} */ + +/* del { + text-underline-offset: 20px; +} */ + +/* #region highlight */ +/* :has(+img.cm-widgetBuffer+span[contenteditable="false"]:empty+img.cm-widgetBuffer+span.cm-highlight) */ +mark, +.search-result-file-matched-text, +.cm-highlight { + border-radius: var(--size-4-5); + padding: var(--size-1-1) var(--size-2-3); + -webkit-box-decoration-break: clone; + box-decoration-break: clone; + /* -break */ +} + +/* .cm-highlight.cm-formatting, +.cm-highlight.cm-formatting+.cm-highlight:not(.cm-formatting), +.cm-highlight:not(.cm-formatting)+.cm-highlight { + padding-top: var(--size-1-1); + padding-bottom: var(--size-1-1); + border-radius: 0; +} */ + +.markdown-rendered mark .internal-link { + color: var(--link-color); +} + +.cm-highlight.cm-hashtag { + padding-top: var(--size-1-2); + padding-bottom: var(--size-1-2); + position: relative; + bottom: var(--size-1-1); +} + +:not(.cm-formatting-hashtag)+.cm-highlight.cm-hashtag:not(.cm-formatting-hashtag)::before { + content: '#'; +} + +.cm-highlight:not(.cm-formatting)+.cm-highlight.cm-formatting:not(:has(+.cm-highlight)) { + padding-right: var(--size-2-3); + border-top-right-radius: var(--size-4-5); + border-bottom-right-radius: var(--size-4-5); +} + +:not(.cm-highlight)+.cm-highlight.cm-formatting:has(+.cm-highlight:not(.cm-formatting)) { + padding-left: var(--size-2-3); + border-top-left-radius: var(--size-4-5); + border-bottom-left-radius: var(--size-4-5); +} + + +.cm-highlight:has(+.cm-highlight), +.cm-highlight:has(+.cm-widgetBuffer+:empty+.cm-widgetBuffer+.cm-highlight), +.cm-highlight:has(+.cm-widgetBuffer+:empty+.cm-widgetBuffer+.cm-widgetBuffer+:empty+.cm-widgetBuffer+.cm-widgetBuffer+:empty+.cm-widgetBuffer+.cm-highlight) { + padding-right: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + + +.cm-highlight+.cm-highlight, +.cm-highlight+.cm-widgetBuffer+:empty+.cm-widgetBuffer+.cm-highlight, +.cm-highlight+.cm-widgetBuffer+:empty+.cm-widgetBuffer+.cm-widgetBuffer+:empty+.cm-widgetBuffer+.cm-widgetBuffer+:empty+.cm-widgetBuffer+.cm-highlight { + padding-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +/* .cm-s-obsidian span.cm-highlight:not(.cm-formatting)+span.cm-highlight, +.cm-s-obsidian span.cm-highlight+span.cm-highlight:not(.cm-formatting) { + padding-left: 0; + padding-right: 0; +} */ + +/* .cm-s-obsidian span.cm-highlight.cm-formatting+span.cm-highlight:not(.cm-formatting) { + padding-left: 0; + padding-right: 0; +} */ + +/* #endregion */ + +/* ::selection { + border-radius: var(--size-4-5); + padding: 1px var(--size-2-3); +} */ + +/* #region inline-code */ +.markdown-rendered code, +.cm-s-obsidian .cm-inline-code:not(.cm-formatting) { + padding: var(--size-2-2) var(--size-2-3); + overflow: visible; +} + +.cm-s-obsidian .cm-inline-code.cm-formatting, +.cm-s-obsidian .cm-inline-code.cm-formatting~.cm-inline-code:not(.cm-formatting) { + padding-top: var(--size-2-2); + padding-bottom: var(--size-2-2); +} + +.cm-s-obsidian .cm-inline-code:not(.cm-formatting)+.cm-inline-code.cm-formatting { + padding-right: var(--size-2-3); +} + +.cm-s-obsidian .cm-inline-code.cm-formatting:has(+.cm-inline-code:not(.cm-formatting)) { + padding-left: var(--size-2-3); +} + +.cm-s-obsidian .cm-inline-code.cm-formatting+.cm-inline-code:not(.cm-formatting) { + padding-left: 0; + padding-right: 0; +} + +/* .cm-s-obsidian .cm-inline-code.cm-formatting~.cm-inline-code:not(.cm-formatting) { + padding-top: var(--size-2-2); + padding-bottom: var(--size-2-2); +} */ + +/* #endregion */ + +/* #region workspace tabs */ + +.workspace-tab-header.is-active:before, +.workspace-tab-header.is-active:after { + display: none; +} + +.workspace-tab-header { + margin-bottom: var(--size-4-2); + --tab-width: var(--size-16-8); + /* padding: var(--size-4-2); */ +} + +.mod-root .workspace-tab-header-inner { + height: 100%; + padding-top: var(--size-4-3); + padding-bottom: var(--size-4-3); + /* vertical-align: middle; */ + /* padding-bottom: var(--size-4-2); */ +} + +.workspace-tab-header-inner::after { + /* margin-left: var(--size-4-2) */ + display: none; +} + +/* div.workspace-tab-header-inner-title, +div.workspace-tab-header-inner-status-container { + vertical-align: middle; + padding: auto; + margin: auto; +} */ + +/* #endregion */ + +/* #region tooltips */ +.tooltip { + /* background-color: var(--background-primary); */ + background-color: var(--interactive-hover); + /* --tooltip-border: hsl(hue(var(--hr-color), saturation(var(--hr-color)), calc(lightness(var(--hr-color)) * -1))); */ + --tooltip-border: var(--interactive-hover); + border-color: var(--tooltip-border); + /* border-color: black; */ + /* border-style: solid; */ + border-width: var(--size-1-1); + box-shadow: none; + color: var(--text-muted); +} + +.tooltip .tooltip-arrow, +.tooltip.mod-right .tooltip-arrow, +.tooltip.mod-top .tooltip-arrow { + border-width: 8px; +} + +.tooltip .tooltip-arrow { + border-bottom-color: var(--tooltip-border); + left: calc(50% - 3px); +} + +.tooltip.mod-right .tooltip-arrow { + border-right-color: var(--tooltip-border); + top: calc(50% - 8px); + left: -8px; +} + +.tooltip.mod-top .tooltip-arrow { + top: calc(100% - 3px); + border-top-color: var(--tooltip-border); +} + +/* #endregion */ + +/* svg * { + stroke-linecap: round; + stroke-linejoin: round; + rx: 5; + ry: 5; +} */ + +.menu { + padding: var(--size-2-1); +} + +.menu-item { + padding: var(--size-4-1) var(--size-4-2); +} + +.menu-separator { + margin: var(--size-2-1) calc(var(--size-2-1) * -1); +} + +.callout { + background-color: rgba(var(--callout-color), 0.125); +} + +/* .callout[data-callout="button"] { + --callout-color: 143, 69, 255; + --callout-icon: lucide-shell; +} + +.callout[data-callout="button"] a { + font-weight: 500; + color: rgb(143, 69, 255); + text-decoration: none; +} + + +.callout[data-callout="instructions"] { + --callout-color: 242, 198, 78; + --callout-icon: lucide-graduation-cap; +} */ diff --git a/.obsidian/themes/Polka/manifest.json b/.obsidian/themes/Polka/manifest.json new file mode 100644 index 00000000..c2677b1c --- /dev/null +++ b/.obsidian/themes/Polka/manifest.json @@ -0,0 +1,6 @@ +{ + "name": "Polka", + "version": "1.3.9", + "minAppVersion": "1.0.0", + "author": "callumhackett" +} diff --git a/.obsidian/themes/Polka/theme.css b/.obsidian/themes/Polka/theme.css new file mode 100644 index 00000000..55fd75c4 --- /dev/null +++ b/.obsidian/themes/Polka/theme.css @@ -0,0 +1,1201 @@ +.theme-light { + /* Background parameters from Style Settings */ + --ss-light-h: 0; + /* saturation is normalized to 0-10 and multiplied by 10, range 0-100 */ + --ss-light-s: 3.92%; + /* lightness is normalized to 0-10 and multiplied by 5 + 50, range 50-100 */ + --ss-light-l: 9.86%; + /* contrast is normalized to 0-10 and multiplied by 4.8, range 0-48 (adds to min. contrast of 2) */ + --ss-light-contrast: 0%; + + /* Background Color Components */ + --background-h: var(--ss-light-h); + --background-s: calc(var(--ss-light-s) * 10); + --background-l: calc(var(--ss-light-l) * 5 + 50%); + --background-contrast: calc(var(--ss-light-contrast) * 4.8); + --background-secondary-s: calc(var(--background-s) * 0.875); + --background-secondary-l: calc(var(--background-l) - 2% - var(--background-contrast)); + + /* Background Color Definitions */ + --background-primary: hsl(var(--background-h), var(--background-s), var(--background-l)); + --background-secondary: hsl(var(--background-h), var(--background-secondary-s), var(--background-secondary-l)); + --background-dark: rgb(23, 35, 62); + --background-extra-dark: #000; + --background-primary-alt: var(--background-secondary); + --background-secondary-alt: var(--background-secondary); + + /* Background-Derivative Accents */ + --accent-soft-hsl: var(--background-h), calc(var(--background-s) * 0.5), 15%; + --accent-soft-dark: hsla(var(--accent-soft-hsl), 0.1); + --accent-soft-light: hsla(var(--accent-soft-hsl), 0.05); + + /* Main Accent Colors */ + --accent-h: 0; + --accent-s: 75%; + --accent-l: 52%; + --color-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l)); + --color-accent-1: var(--color-accent); + --color-accent-background: hsla(var(--color-accent-hsl), 0.1); + --color-accent-background-hover: hsla(var(--color-accent-hsl), 0.2); + --accent-on-selection: hsla(var(--color-accent-hsl), 0.4); + --text-selection: var(--accent-on-selection); + /* default text highlights are accent color with additional saturation and lightness */ + --ss-light-highlight-bg: hsl(var(--accent-h), calc(var(--accent-s) * 1.1), calc(var(--accent-l) * 1.1 + 10%)); + --text-highlight-bg: var(--ss-light-highlight-bg); + + /* Font Colors */ + --ss-light-text-main: 0, 0, 0; + --text-normal: rgb(var(--ss-light-text-main)); + --text-muted: var(--text-normal); + --text-faint: var(--text-normal); + --text-white: rgb(254, 252, 252); + --text-highlight-fg: #000; + --text-error: rgb(250, 30, 0); + --text-accent-hover: #000; + --text-on-accent: var(--text-white) !important; + --hr-color: rgba(var(--ss-light-text-main), 0.4); + + /* Code Blocks (light specific colors only) */ + --code-peripheral: 159, 157, 190; + --code-comment: rgba(var(--code-peripheral)); + --code-indentation-guide-color: rgba(var(--code-peripheral), 0.33); + + /* Callout Colors */ + --callout-default: var(--text-normal); + --callout-info: var(--text-normal); + --callout-summary: var(--text-normal); + --callout-question: var(--text-normal); + --callout-example: var(--text-normal); + --callout-quote: var(--text-normal); + --callout-important: var(--color-accent); + --callout-todo: rgb(0, 130, 235); + --callout-success: rgb(0, 180, 0); + --callout-warning: rgb(240, 150, 0); + --callout-fail: rgb(235, 0, 0); + --callout-error: rgb(235, 0, 0); + --callout-bug: rgb(245, 0, 165); + --callout-tip: rgb(240, 195, 0); + + /* Interface Colors */ + --titlebar-background: var(--background-secondary); + --titlebar-background-focused: var(--background-secondary); + --interactive-normal: var(--accent-soft-light); + --interactive-hover: var(--accent-soft-dark); + --interactive-accent-hover: var(--color-accent); + --tag-background: var(--color-accent-background); + --tag-background-hover: var(--color-accent-background-hover); + --prompt-border-color: var(--accent-soft-dark); + --modal-border-color: var(--accent-soft-dark); + --background-modifier-hover: var(--accent-soft-light); + --background-modifier-active-hover: var(--accent-soft-light); + --background-modifier-form-field: var(--accent-soft-light); + --background-modifier-border: var(--accent-soft-dark); + --background-modifier-border-hover: var(--accent-soft-dark); + --background-modifier-border-focus: var(--accent-soft-dark); + --background-modifier-error: var(--text-error); + --background-modifier-error-hover: var(--text-error); + --search-result-bg-hover: var(--accent-soft-dark); + + /* Dictionary Plugin Colors */ + --dictionary-background-primary: var(--accent-soft-light); + --dictionary-background-secondary: var(--background-secondary); + + /* Kanban Plugin Colors */ + --kanban-button-text: var(--text-normal); + --kanban-button-text-hover: var(--text-white); + --kanban-checkbox-border: var(--accent-soft-dark); + --button-shadow-hover: rgba(0, 0, 0, 0.67); +} + +.theme-dark { + /* Background parameters from Style Settings */ + --ss-dark-h: 221; + /* saturation is normalized to 0-10 and multiplied by 10, range 0-100 */ + --ss-dark-s: 3.33%; + /* lightness is normalized to 0-10 and multiplied by 5, range 0-50 */ + --ss-dark-l: 2.58%; + /* contrast is normalized to 0-10 and multiplied by 4.8, range 0-48 (adds to min. contrast of 2) */ + --ss-dark-contrast: 0.73%; + + /* Background Color Components */ + --background-h: var(--ss-dark-h); + --background-s: calc(var(--ss-dark-s) * 10); + --background-l: calc(var(--ss-dark-l) * 5); + --background-contrast: calc(var(--ss-dark-contrast) * 4.8); + --background-secondary-s: calc(var(--background-s) * 0.875); + --background-secondary-l: calc(var(--background-l) + 2% + var(--background-contrast)); + + /* Background Color Definitions */ + --background-primary: hsl(var(--background-h), var(--background-s), var(--background-l)); + --background-secondary: hsl(var(--background-h), var(--background-secondary-s), var(--background-secondary-l)); + --background-dark: rgb(10, 18, 30); + --background-extra-dark: #000; + --background-primary-alt: var(--background-dark); + --background-secondary-alt: var(--background-secondary); + + /* Background-Derivative Accents */ + --accent-soft-hsl: var(--background-h), calc(var(--background-s) * 0.5), 85%; + --accent-soft-dark: hsla(var(--accent-soft-hsl), 0.1); + --accent-soft-light: hsla(var(--accent-soft-hsl), 0.05); + + /* Main Accent Colors */ + --accent-h: 189; + --accent-s: 100%; + --accent-l: 49%; + --color-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l)); + --color-accent-1: var(--color-accent); + --color-accent-background: hsla(var(--color-accent-hsl), 0.1); + --color-accent-background-hover: hsla(var(--color-accent-hsl), 0.2); + --accent-on-selection: hsla(var(--color-accent-hsl), 0.4); + --text-selection: var(--accent-on-selection); + /* default text highlights are accent color with additional saturation and lightness */ + --ss-dark-highlight-bg: hsl(var(--accent-h), calc(var(--accent-s) * 1.1), calc(var(--accent-l) * 1.1 + 10%)); + --text-highlight-bg: var(--ss-dark-highlight-bg); + + /* Font Colors */ + --ss-dark-text-main: 250, 247, 245; + --text-normal: rgb(var(--ss-dark-text-main)); + --text-muted: var(--text-normal); + --text-faint: var(--text-normal); + --text-white: rgb(250, 247, 245); + --text-highlight-fg: #000; + --text-error: rgb(250, 30, 0); + --text-accent-hover: var(--text-white); + --text-on-accent: #000 !important; + --hr-color: rgba(var(--ss-dark-text-main), 0.1); + + /* Code Blocks (dark specific colors only) */ + --code-peripheral: 175, 191, 255; + --code-comment: rgba(var(--code-peripheral), 0.7); + --code-indentation-guide-color: rgba(var(--code-peripheral), 0.23); + + /* Callout Colors */ + --callout-default: var(--text-normal); + --callout-info: var(--text-normal); + --callout-summary: var(--text-normal); + --callout-tip: var(--text-normal); + --callout-question: var(--text-normal); + --callout-example: var(--text-normal); + --callout-quote: var(--text-normal); + --callout-important: var(--color-accent); + --callout-todo: rgb(0, 130, 255); + --callout-success: rgb(0, 190, 0); + --callout-warning: rgb(220, 210, 0); + --callout-fail: rgb(250, 30, 0); + --callout-error: rgb(250, 30, 0); + --callout-bug: rgb(245, 0, 170); + --callout-tip: rgb(255, 220, 120); + + /* Interface Colors */ + --titlebar-background: var(--background-secondary); + --titlebar-background-focused: var(--background-secondary); + --interactive-normal: var(--background-dark); + --interactive-hover: var(--background-dark); + --interactive-accent-hover: var(--color-accent); + --tag-background: var(--color-accent-background); + --tag-background-hover: var(--color-accent-background-hover); + --prompt-border-color: var(--accent-soft-dark); + --modal-border-color: var(--accent-soft-dark); + --background-modifier-hover: var(--accent-soft-light); + --background-modifier-active-hover: var(--accent-soft-light); + --background-modifier-form-field: var(--background-dark); + --background-modifier-border: var(--accent-soft-dark); + --background-modifier-border-hover: var(--accent-soft-dark); + --background-modifier-border-focus: hsl(var(--background-h), var(--background-s), calc(var(--background-l) - 4%)); + --background-modifier-error: var(--text-error); + --background-modifier-error-hover: var(--text-error); + --search-result-bg-hover: var(--background-modifier-form-field); + + /* Dictionary Plugin Colors */ + --dictionary-background-primary: var(--background-secondary); + --dictionary-background-secondary: var(--background-primary); + + /* Kanban Plugin Colors */ + --kanban-button-text: var(--text-normal); + --kanban-button-text-hover: var(--text-on-accent); + --kanban-checkbox-border: var(--background-primary); + --button-shadow-hover: rgba(255, 255, 255, 0.67); +} + +body { + /* Polka Dots */ + --polka-dots: radial-gradient(var(--color-accent) 15%, transparent 25%), + radial-gradient(var(--color-accent) 17.5%, transparent 25%); + --ribbon-border: none; + + /* Font Defaults */ + --font-default: 'Franklin Gothic Book', 'Rubik', 'Helvetica Neue', ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; + --font-interface-theme: var(--font-default); + --font-monospace-default: 'iA Writer Mono S', 'IBM Plex Mono', 'Roboto Mono', Menlo, SFMono-Regular, Consolas, 'Source Code Pro', monospace; + --inline-title-size: 1.625em; + --h1-size: 1.5em; + --h2-size: 1.375em; + --h3-size: 1.25em; + --h4-size: 1.125em; + --h5-size: 1em; + --h6-size: 1em; + --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-normal); + --font-ui-smallest: 12px; + --font-ui-smaller: 13px; + --font-ui-small: 14px; + --table-body-font: var(--font-text); + --table-body-font-size: 1em; + --heading-formatting: var(--text-normal); + --list-elements: var(--text-normal); + --list-marker-color: var(--list-elements); + --nav-item-color: var(--text-normal); + --status-bar-text-color: var(--text-normal); + --vault-name-font-weight: bold; + --table-header-font: var(--font-text); + --line-height-normal: 1.25em; + --list-spacing: calc(var(--line-height-normal)/5); + --list-indent: 1.25em; + --hr-thickness: 1px; + + /* Border Radii */ + /* border radius is normalized to 0-10 and multiplied by 20 */ + --ss-border-radius: 0.1px; + --radius-s: calc(var(--ss-border-radius) * 20) !important; + --radius-m: calc(var(--radius-s) * 2) !important; + --radius-l: calc(var(--radius-s) * 3) !important; + --radius-xl: calc(var(--radius-s) * 4) !important; + --input-radius: var(--radius-m) !important; + --tag-radius: var(--radius-m); + + /* Navigation Colors */ + --nav-item-background-hover: var(--accent-soft-light); + --nav-item-background-active: var(--accent-soft-light); + --nav-indentation-guide-color: var(--color-accent); + --nav-collapse-icon-color: var(--color-accent); + --nav-collapse-icon-color-collapsed: var(--color-accent); + + /* Icon Colors */ + --icon-color: var(--text-normal); + --icon-color-hover: var(--text-normal); + --icon-color-focused: var(--text-normal); + --icon-color-active: var(--text-normal); + --collapse-icon-color: var(--color-accent); + --icon-opacity: 1; + + /* Code Blocks */ + --code-background: var(--background-dark) !important; + --code-normal: hsl(0, 0%, 89%) !important; + --code-punctuation: var(--code-normal) !important;; + --color-yellow: rgb(230, 205, 90) !important; + --color-orange: rgb(220, 95, 0) !important; + --color-pink: rgb(220, 100, 210) !important; + --color-red: rgb(220, 65, 65) !important; + --color-cyan: rgb(0, 202, 235) !important; + --color-green: rgb(30, 169, 67) !important; + --color-purple: rgb(140, 110, 240) !important; + + /* Other Page Elements */ + --ss-embed-border-style: 2px dashed var(--text-normal); + --divider-color: transparent; + --checkbox-radius: var(--radius-s); + --checkbox-border-color: var(--list-elements); + --table-border-color: var(--list-elements); + --table-header-border-color: var(--list-elements); + --indentation-guide-color: var(--hr-color) !important; + --embed-border-left: var(--ss-embed-border-style); + + /* Interface Colors */ + --ribbon-background: var(--background-secondary); + --tab-background-active: var(--background-primary); + --tab-outline-color: var(--color-accent); + --scrollbar-thumb-bg: var(--accent-soft-light); + --scrollbar-active-thumb-bg: var(--accent-soft-dark); + + /* Kanban Plugin Styles */ + --button-radius: var(--radius-s); + --button-shadow: hsl(var(--accent-soft-hsl), 0.6); +} + + +/* Ribbon */ +.ss-polka-dots { + --polka-dots: none; + --ribbon-border: var(--divider-width) solid var(--accent-soft-light); +} + +.workspace-ribbon, .side-dock-ribbon { + background-image: var(--polka-dots); + background-position: 2px 0px, 6px 4px; + background-size: 8px 8px; + border-right: var(--ribbon-border); +} + +.side-dock-ribbon-action { + background: var(--background-secondary); + border-radius: var(--radius-s); +} + +.side-dock-ribbon-action:hover { + background: hsl(var(--background-h), var(--background-secondary-s), calc(var(--background-l) - 5%)); + border-radius: var(--radius-s); +} + +/* Tabs */ +.workspace-tab-header { + border-top-left-radius: var(--radius-s); + border-top-right-radius: var(--radius-s); +} + +/* Font Styles */ +h5, .markdown-rendered h5, .HyperMD-header-5, .HyperMD-list-line .cm-header-5 { + font-weight: bold; +} + +h6, .markdown-rendered h6, .HyperMD-header-6, .HyperMD-list-line .cm-header-6 { + font-weight: normal; + font-style: italic; +} + +hr, .markdown-rendered hr { + border-top: var(--hr-color) var(--hr-thickness) dashed; +} + +/* Text Block Spacing */ +.cm-formatting-list, input[type=checkbox] { + margin-right: 0.25em; +} + +/* Tables */ +table { + font-family: var(--table-body-font); + font-size: var(--table-body-font-size); +} + +/* Code Blocks */ +.cm-s-obsidian div.HyperMD-codeblock-begin-bg { + border-radius: var(--radius-s) var(--radius-s) 0px 0px; +} + +.cm-s-obsidian div.HyperMD-codeblock-end-bg { + border-radius: 0px 0px var(--radius-s) var(--radius-s); +} + +.code-block-flair { + color: var(--code-normal) !important; +} + +.code-block-flair:hover { + background: var(--background-extra-dark) !important; +} + +.markdown-rendered button.copy-code-button { + color: var(--code-normal); + background-color: transparent; +} + +.markdown-rendered button.copy-code-button:hover { + color: var(--code-normal); + background-color: var(--background-extra-dark); + box-shadow: none; +} + +.HyperMD-codeblock .cm-indent::before { + border-right: var(--indentation-guide-width) solid var(--code-indentation-guide-color) !important; +} + +.HyperMD-codeblock { + caret-color: var(--code-normal); +} + +/* Callouts */ +.callout { + border-radius: var(--radius-s); + border: 2px dashed var(--callout-color); + background: transparent; + padding: 0.75em; +} + +.callout-title, .callout-icon .svg-icon { + font-size: var(--h6-size); + color: var(--text-normal); +} + +.callout p:last-child { + margin-bottom: 0; +} + +.callout[data-callout="note"] { + --callout-icon: lucide-info; +} + +.callout[data-callout="important"] { + --callout-icon: lucide-flag; +} + +.callout[data-callout="error"] { + --callout-icon: lucide-x; +} + +.callout[data-callout="missing"] { + --callout-icon: lucide-help-circle; +} + +.callout[data-callout="hint"], .callout[data-callout="tip"] { + --callout-icon: lucide-lightbulb; +} + +.callout[data-callout="cite"] { + --callout-icon: lucide-bookmark; +} + +.callout[data-callout="check"], .callout[data-callout="done"] { + --callout-icon: lucide-check-square; +} + +.callout[data-callout="todo"] { + --callout-icon: lucide-clipboard-check; +} + +/* Canvases */ +.canvas-node-container { + border: 2px solid var(--text-normal); + border-radius: var(--radius-m); +} + +.canvas-node.is-selected .canvas-node-container, +.canvas-node.is-focused .canvas-node-container { + border-color: var(--color-accent); + box-shadow: var(--shadow-stationary), var(--shadow-border-accent); +} + +.canvas-node-container:focus { + border: 2px solid var(--text-normal); +} + +/* Tags */ +.tag, .cm-hashtag { + line-height: 2em !important; +} + +/* Highlights */ +.suggestion-highlight, .markdown-rendered mark, .cm-s-obsidian .cm-highlight, .cm-formatting-highlight { + background: var(--text-highlight-bg); + color: var(--text-highlight-fg) !important; +} + +.markdown-rendered mark, .cm-s-obsidian .cm-highlight, .cm-formatting-highlight { + background: var(--text-highlight-bg); + border-radius: 0.5px; + color: var(--text-highlight-fg) !important; +} + +.search-result-file-match:hover { + background: var(--search-result-bg-hover); +} + +.search-result-file-matched-text { + color: var(--text-highlight-fg); +} + +.is-flashing { + caret-color: var(--text-highlight-fg); + color: var(--text-highlight-fg); +} + +.is-flashing .tag, .is-flashing p { + color: var(--text-highlight-fg); +} + +.is-flashing .tag { + background: transparent; +} + +.nav-folder-title.is-being-dragged-over { + color: var(--text-normal); + background: var(--color-accent-background); +} + +/* Gutters */ +.markdown-source-view.mod-cm6 .cm-gutters { + color: var(--hr-color) !important; + font-family: var(--font-monospace); + font-size: var(--font-ui-smallest); +} + +/* Slides */ +.reveal .controls button { + color: var(--color-accent); +} + +/* Empty Pages */ +.empty-state-action:hover { + cursor: pointer; + color: var(--text-normal); +} + +/* Status Bar */ +.status-bar { + background-color: var(--background-secondary); +} + +/* Divider */ +.workspace-leaf-resize-handle:hover { + background-color: var(--color-accent); + border-color: var(--color-accent); +} + +.is-translucent .workspace-leaf-resize-handle:hover { + background-color: var(--color-accent); + border-color: var(--color-accent); +} + +/* Menus */ +.menu { + background-color: var(--background-primary); +} + +select, .dropdown, select:focus, +.dropdown:focus { + box-shadow: 0 0 1px 0px var(--background-modifier-border-focus); +} + +textarea:active, +input[type='text']:active, +input[type='search']:active, +input[type='email']:active, +input[type='password']:active, +input[type='number']:active, +textarea:focus, +input[type='text']:focus, +input[type='search']:focus, +input[type='email']:focus, +input[type='password']:focus, +input[type='number']:focus, +textarea:focus-visible, +input[type='text']:focus-visible, +input[type='search']:focus-visible, +input[type='email']:focus-visible, +input[type='password']:focus-visible, +input[type='number']:focus-visible { + box-shadow: 0 0 0 0.75px var(--background-modifier-border-focus); +} + +input.document-search-input.mod-no-match, +input.document-replace-input.mod-no-match { + background-color: var(--background-extra-dark); +} + +/* Calendar Plugin */ +#calendar-container .year { + color: var(--text-normal); + font-weight: normal; +} + +#calendar-container .month, #calendar-container .year { + font-size: 20px; + text-transform: uppercase; + font-weight: bold; +} + +#calendar-container .week-num { + font-size: 9px; + font-family: var(--font-text); +} + +#calendar-container .day { + border-radius: 0; + border: 1px solid var(--accent-soft-dark); + font-size: 11px; + font-family: var(--font-text); +} + +#calendar-container .reset-button { + font-size: 14px; +} + +#calendar-container th { + font-family: var(--font-text); + font-size: 9px; +} + +#calendar-container td { + padding: 2px; +} + +/* Dictionary Plugin */ +.dictionary-view-content .main { + background: var(--dictionary-background-primary) !important; + border-radius: var(--radius-s) !important; +} + +.dictionary-view-content .container { + background: var(--dictionary-background-secondary) !important; + border-radius: var(--radius-s) !important; +} + +/* Emoji Picker */ +.emoji-mart-title-label { + color: var(--text-normal); + font-size: var(--h4-size); +} + +.emoji-mart { + background: var(--background-secondary); + border: 1px solid var(--modal-border-color); + border-radius: var(--radius-m); +} + +.emoji-mart-bar { + border-bottom: none; + border-top: none; +} + +.emoji-mart-preview { + border-top: 1px solid var(--modal-border-color); +} + +#emoji-modal { + border: none; + border-radius: var(--radius-m) !important; +} + +.emoji-mart-anchors { + border-bottom: 1px solid var(--modal-border-color); + padding-bottom: 12px; +} + +.emoji-mart-search-icon { + display: none; +} + +.emoji-mart-dark .emoji-mart-search input { + background: var(--background-modifier-form-field); + border: 1px solid var(--modal-border-color); + border-radius: var(--radius-m); +} + +.emoji-mart-category-label span { + background: var(--background-secondary) !important; + padding-top: 1em; + padding-bottom: 0.5em; + font-size: 0.875em; + text-transform: uppercase; +} + +/* Execute Code Plugin */ +code.language-output hr { + border-top: var(--code-indentation-guide-color) 1px dashed !important; + margin: 1.5em 0 1.5em; +} + +:not(.use-custom-output-color) code.language-output span.stdout { + color: var(--code-normal) !important; +} + +code.language-output { + margin-bottom: 4em !important; +} + +.run-code-button, .clear-button { + background: transparent !important; + border: 1px solid var(--code-normal) !important; + color: var(--code-normal) !important; + margin: 16px !important; +} + +.run-code-button:hover, .clear-button:hover { + background: var(--code-normal) !important; + border: 1px solid var(--code-normal) !important; + color: var(--background-dark) !important; +} + +/* File Tree Alternative Plugin */ +body { + --oz-fta-folder-font-size: var(--nav-item-size); + --oz-fta-file-font-size: var(--nav-item-size); +} + +.oz-folder-name.is-root-folder, .oz-file-tree-header { + font-size: var(--nav-item-size) !important; + font-weight: bold; +} + +.oz-folder-block, .oz-nav-file-title { + padding: 2px 0; +} + +.oz-icon-div { + padding-top: 1px; +} + +.oz-nav-file-tag { + background: var(--accent-soft-light); + border-radius: var(--radius-s); + font-size: calc(var(--nav-item-size) * 0.75); + font-weight: normal; +} + +.oz-folder-contents { + border-left: 1px solid var(--color-accent); +} + +/* Kanban Plugin Styles */ +.kanban-plugin__lane { + border-radius: var(--radius-s); + background: var(--main-background); +} + +.kanban-plugin__lane-header-wrapper { + background: var(--background-secondary); +} + +.kanban-plugin__lane .task-list-item-checkbox { + background: var(--background-primary); + border: 1px solid var(--kanban-checkbox-border) !important; + filter: none !important; + transition: 0.05s; +} + +.kanban-plugin__lane .task-list-item-checkbox:hover { + border: 1px solid transparent !important; + box-shadow: 0px 0px 0px 2px hsla(var(--color-accent-hsl), 0.5); + transition: 0.05s; +} + +.kanban-plugin__item { + border-radius: var(--radius-s); +} + +.theme-light .kanban-plugin__item-title-wrapper { + background: var(--accent-soft-light); +} + +.theme-dark .kanban-plugin__item-title-wrapper { + background: var(--accent-soft-dark); +} + +.kanban-plugin__item-tag { + border-radius: var(--radius-s) !important; + line-height: 1em !important; + padding: 4px 6px !important; +} + +button:not(.clickable-icon) { + border-radius: var(--radius-s); + background: var(--accent-soft-light); + box-shadow: 0px 0px 1px 0px var(--button-shadow); + color: var(--kanban-button-text); + transition: 0s; +} + +button:not(.clickable-icon):hover { + border-radius: var(--radius-s); + background: hsla(var(--color-accent-hsl), 0.9); + box-shadow: 0px 0px 1px 0px var(--button-shadow-hover); + color: var(--kanban-button-text-hover); + transition: 0s; +} + +.kanban-plugin__lane input[type=checkbox]:checked:after { + top: -2px; + left: -2px; +} + +/* Style Settings Plugin */ +.setting-item-description code { + background: var(--code-background); + color: var(--code-normal); +} + +.theme-light.ss-light-zero-contrast { + --background-secondary: var(--background-primary); + --divider-color: var(--accent-soft-light) !important; + --kanban-checkbox-border: var(--accent-soft-dark); +} + +.ss-light-highlights { + --ss-light-highlight-bg: rgb(250, 231, 75); +} + +.theme-dark.ss-dark-zero-contrast { + --background-secondary: var(--background-primary); + --divider-color: var(--accent-soft-light) !important; + --kanban-checkbox-border: var(--accent-soft-dark); +} + +.ss-dark-highlights { + --ss-dark-highlight-bg: rgb(220, 193, 45); +} + +.ss-table-monospace { + --table-body-font: var(--font-monospace); + --table-body-font-size: 0.875em; +} + +.ss-round-checkboxes { + --checkbox-radius: 50px !important; +} + +.ss-tab-outline { + --tab-outline-color: transparent; +} + +.ss-embed-borders { + --ss-embed-border-style: none; + --embed-padding: 0; +} + +/* Obsidian/Plugin Bugs */ +pre, .markdown-rendered pre { + color: var(--code-normal); + font-family: var(--font-monospace); +} + +.dracula-code-colors { + --code-background: #282A36 !important; + --code-normal: #F8F8F2 !important; + --code-punctuation: var(--code-normal) !important; + --code-comment: #6272A4 !important; + --code-indentation-guide-color: var(--code-comment) !important; + --color-yellow: #F1FA8C !important; + --color-orange: #FFB86C !important; + --color-pink: #FF79C6 !important; + --color-red: #FF5555 !important; + --color-cyan: #8BE9FD !important; + --color-green: #50FA7B !important; + --color-purple: #BD93F9 !important; +} + +.theme-dark.gruvbox-code-colors { + --code-background: #282828 !important; + --code-normal: #ebdbb2 !important; + --code-punctuation: var(--code-normal) !important; + --code-comment: #928374 !important; + --code-indentation-guide-color: var(--code-comment) !important; + --color-yellow: #fabd2f !important; + --color-orange: #fe8019 !important; + --color-pink: #d3869b !important; + --color-red: #fb4934 !important; + --color-cyan: #83a598 !important; + --color-green: #b8bb26 !important; + --color-purple: #BD93F9 !important; +} + +.theme-light.gruvbox-code-colors { + --code-background: #fbf1c7 !important; + --code-normal: #3c3836 !important; + --code-punctuation: var(--code-normal) !important; + --code-comment: #928374 !important; + --code-indentation-guide-color: var(--code-comment) !important; + --color-yellow: #b57614 !important; + --color-orange: #af3a03 !important; + --color-pink: #8f3f71 !important; + --color-red: #9d0006 !important; + --color-cyan: #076678 !important; + --color-green: #79740e !important; + --color-purple: #8352c6 !important; +} + +.nord-code-colors { + --code-background: #2e3440 !important; + --code-normal: #d8dee9 !important; + --code-punctuation: var(--code-normal) !important; + --code-comment: #697590 !important; + --code-indentation-guide-color: var(--code-comment) !important; + --color-yellow: #ebcb8b !important; + --color-orange: #d08770 !important; + --color-pink: #b48ead !important; + --color-red: #bf616a !important; + --color-cyan: #88c0d0 !important; + --color-green: #a3be8c !important; + --color-purple: #9c7fe5 !important; +} + +.theme-dark.one-code-colors { + --code-background: #272b34 !important; + --code-normal: #dcddde !important; + --code-punctuation: var(--code-normal) !important; + --code-comment: #888 !important; + --code-indentation-guide-color: var(--code-comment) !important; + --color-yellow: #e5c07b !important; + --color-orange: #d19a66 !important; + --color-pink: #c678dd !important; + --color-red: #e06c75 !important; + --color-cyan: #56b6c2 !important; + --color-green: #98c379 !important; + --color-purple: #846ef1 !important; +} + +.theme-light.one-code-colors { + --code-background: #fafafa !important; + --code-normal: #383a42 !important; + --code-punctuation: var(--code-normal) !important; + --code-comment: #8e8e90 !important; + --code-indentation-guide-color: var(--code-comment) !important; + --color-yellow: #e35649 !important; + --color-orange: #986800 !important; + --color-pink: #a625a4 !important; + --color-red: #e75545 !important; + --color-cyan: #0084bc !important; + --color-green: #4ea24c !important; + --color-purple: #5c28df !important; +} + +.polka-code-colors { + --code-background: var(--background-dark) !important; + --code-normal: hsl(0, 0%, 89%) !important; + --code-punctuation: var(--code-normal) !important; + --color-yellow: rgb(230, 205, 90) !important; + --color-orange: rgb(220, 95, 0) !important; + --color-pink: rgb(220, 100, 210) !important; + --color-red: rgb(220, 65, 65) !important; + --color-cyan: rgb(0, 202, 235) !important; + --color-green: rgb(30, 169, 67) !important; + --color-purple: rgb(140, 110, 240) !important; +} + +.theme-dark.solarized-code-colors { + --code-background: #002b36 !important; + --code-normal: #93a1a1 !important; + --code-punctuation: var(--code-normal) !important; + --code-comment: #586e75 !important; + --code-indentation-guide-color: var(--code-comment) !important; + --color-yellow: #b58900 !important; + --color-orange: #cb4b16 !important; + --color-pink: #d33682 !important; + --color-red: #dc322f !important; + --color-cyan: #2aa198 !important; + --color-green: #859900 !important; + --color-purple: #6c71c4 !important; +} + +.theme-light.solarized-code-colors { + --code-background: #eee8d5 !important; + --code-normal: #839496 !important; + --code-punctuation: var(--code-normal) !important; + --code-comment: #586e75 !important; + --code-indentation-guide-color: var(--code-comment) !important; + --color-yellow: #b58900 !important; + --color-orange: #cb4b16 !important; + --color-pink: #d33682 !important; + --color-red: #dc322f !important; + --color-cyan: #2aa198 !important; + --color-green: #859900 !important; + --color-purple: #6c71c4 !important; +} + +/* Style Settings Plugin */ +/* @settings + +name: Polka Light Theme Customization +id: ss-light-customization +settings: + +*/ + +/* @settings + +name: Polka Theme +id: polka +settings: + - + id: ss-light-customization + title: Light Mode Colors + type: heading + level: 2 + collapsed: true + - + id: ss-light-h + title: Background Hue + description: Cycle through the color wheel to select a base for background colors. In light mode, you'll need to reduce the default Background Lightness to see a big difference (0-360). + type: variable-number-slider + default: 0 + min: 0 + max: 360 + step: 1 + - + id: ss-light-s + title: Background Saturation + description: Set the saturation level of background colors (0-10). + type: variable-number-slider + default: 3.92 + format: '%' + min: 0 + max: 10 + step: 0.01 + - + id: ss-light-l + title: Background Lightness + description: Set the lightness level of background colors. In light mode, this has a lower limit to prevent you from accidentally making the interface illegible. Switch to dark mode to go darker (0-10). + type: variable-number-slider + default: 9.86 + format: '%' + min: 0 + max: 10 + step: 0.01 + - + id: ss-light-contrast + title: Background Contrast + description: Set the contrast level of the secondary background color. If you want to remove the secondary color entirely, use the switch below (0-10). + type: variable-number-slider + default: 0 + format: '%' + min: 0 + max: 10 + step: 0.01 + - + id: ss-light-zero-contrast + title: Background Zero Contrast Mode + description: Choose whether to use only the primary background color. + type: class-toggle + - + id: ss-light-text-main + title: Main Text Color + description: Select a color for main text. + type: variable-color + opacity: false + format: rgb-values + default: '#000000' + - + id: ss-light-highlights + title: Yellow Text Highlights + description: Choose whether to use a generic yellow for text highlights instead of your accent color. + type: class-toggle + - + id: ss-dark-customization + title: Dark Mode Colors + type: heading + level: 2 + collapsed: true + - + id: ss-dark-h + title: Background Hue + description: Cycle through the color wheel to select a base for background colors (0-360). + type: variable-number-slider + default: 221 + min: 0 + max: 360 + step: 1 + - + id: ss-dark-s + title: Background Saturation + description: Set the saturation level of background colors (0-10). + type: variable-number-slider + default: 3.33 + format: '%' + min: 0 + max: 10 + step: 0.01 + - + id: ss-dark-l + title: Background Lightness + description: Set the lightness level of background colors. In dark mode, this has an upper limit to prevent you from accidentally making the interface illegible. Switch to light mode to go lighter (0-10). + type: variable-number-slider + default: 2.58 + format: '%' + min: 0 + max: 10 + step: 0.01 + - + id: ss-dark-contrast + title: Background Contrast + description: Set the contrast level of the secondary background color. If you want to remove the secondary color entirely, use the switch below (0-10). + type: variable-number-slider + default: 0.73 + format: '%' + min: 0 + max: 10 + step: 0.01 + - + id: ss-dark-zero-contrast + title: Background Zero Contrast Mode + description: Choose whether to use only the primary background color. + type: class-toggle + - + id: ss-dark-text-main + title: Text Color + description: Select a color for main text. + type: variable-color + opacity: false + format: rgb-values + default: '#FAF7F5' + - + id: ss-dark-highlights + title: Yellow Text Highlights + description: Choose whether to use a generic yellow for text highlights instead of your accent color. + type: class-toggle + - + id: ss-content-styles + title: Content Styles + type: heading + level: 2 + collapsed: true + - + id: ss-codeblock-color-scheme + title: Codeblock Color Scheme + description: Style your codeblocks independently by selecting a dedicated color scheme. + type: class-select + allowEmpty: false + default: polka-code-colors + options: + - + label: Dracula (dark) + value: dracula-code-colors + - + label: Gruvbox (light & dark) + value: gruvbox-code-colors + - + label: Nord (dark) + value: nord-code-colors + - + label: One (light & dark) + value: one-code-colors + - + label: Polka (dark) + value: polka-code-colors + - + label: Solarized (light & dark) + value: solarized-code-colors + - + id: ss-border-radius + title: Roundness + description: Set the roundness level for corners of text blocks, boxes, buttons and menus (0-1). + type: variable-number-slider + default: 0.1 + format: px + min: 0 + max: 1 + step: 0.05 + - + id: ss-round-checkboxes + title: Circular Checkboxes + description: Choose whether to use circular checkboxes instead of square ones. + type: class-toggle + - + id: ss-table-monospace + title: Monospace Font in Tables + description: Choose whether to use a monospace font in tables (excluding headers). This can be useful if your body font doesn't have tabular (i.e. evenly-spaced) numbers. + type: class-toggle + - + id: ss-embed-borders + title: Remove File Embed Styling + description: Choose whether to remove the styling that distinguishes file embeds from the rest of a note. + type: class-toggle + - + id: ss-tab-outline + title: Remove Tab Outline + description: Choose whether to remove the accent color from the tab outline. + type: class-toggle + - + id: ss-polka-dots + title: Remove Polka Dots + description: Choose whether to turn off the dots in the ribbon. + type: class-toggle + - + id: ss-info + title: Fonts and Accents + description: Looking to customize your font choices or accent color? Go to `Appearance` in the main menu. + type: info-text + markdown: true + +*/ diff --git a/.obsidian/themes/RetroOS 98/manifest.json b/.obsidian/themes/RetroOS 98/manifest.json new file mode 100644 index 00000000..c1d68cdb --- /dev/null +++ b/.obsidian/themes/RetroOS 98/manifest.json @@ -0,0 +1,9 @@ +{ + "name": "RetroOS 98", + "version": "0.0.8", + "minAppVersion": "1.3.0", + "author": "ThePharaohArt", + "authorUrl": "https://github.com/ThePharaohArt/" +} + + diff --git a/.obsidian/themes/RetroOS 98/theme.css b/.obsidian/themes/RetroOS 98/theme.css new file mode 100644 index 00000000..58dd3b09 --- /dev/null +++ b/.obsidian/themes/RetroOS 98/theme.css @@ -0,0 +1,2566 @@ +/*RetroOS 98*/ +/* @settings +name: RetroOS 98 Tweak Box +id: ROS98-Support +collapsed: false +level: 0 +settings: + - + id: scrollbar-width + title: Background brightness + description: Suggestion Increase brightness on Dark mode, decrease brightness on light mode. + type: variable-number-slider + min: 11 + max: 18 + step: 0.5 + default: 18 + format: px + - + id: ROS09-darkScheme + description: Change color scheme for the dark theme. "+" means its from the Windows Plus pack + title: Dark Color Scheme + type: class-select + allowEmpty: false + default: ROS98 + options: + - + label: RetroOS 98 Dark + value: ROS98 + - + label: Ancient Pathways + + value: ROS98-Ancient + - + label: Dangerous Creatures + + value: ROS98-DC + - + label: Jungle + + value: ROS98-Jungle + - + label: Mystery + + value: ROS98-mystery + - + label: Travel + + value: ROS98-Travel + - + label: Snowboarding + + value: ROS98-Snow + - + label: Space + + value: ROS98-Space + - + label: Steam + value: ROS98-steam + - + label: Under Water + + value: ROS98-Water + - + id: ROS09-lightScheme + description: Change color scheme for the light theme. "+" means its from the Windows Plus pack + title: Light Color Scheme + type: class-select + allowEmpty: false + default: ROS98 + options: + - + label: RetroOS 98 Light + value: ROS98 + - + label: Baseball + value: ROS98-baseball + - + label: Brick + value: ROS98-brick + - + label: Bugs + + value: ROS98-Bugs + - + label: Desert + value: ROS98-desert + - + label: Eggplant + value: ROS98-eggplant + - + label: Foxtrot + + value: ROS98-Foxtrot + - + label: Horses + + value: ROS98-Horses + - + label: Horror Channel + + value: ROS98-Horror + - + label: Lilac + value: ROS98-lilac + - + label: Maple + value: ROS98-maple + - + label: Marine + value: ROS98-marine + - + label: Messy Room + + value: ROS98-Messy + - + label: More Windows + + value: ROS98-MW + - + label: Nature + + value: ROS98-nature + - + label: Peanuts + + value: ROS98-Peanuts + - + label: PhotoDisc + + value: ROS98-Photo + - + label: Plum + value: ROS98-plum + - + label: Pumpkin + value: ROS98-pumpkin + - + label: Rainy Day + value: ROS98-rainyday + - + label: RE-man + + value: ROS98-reman + - + label: Rose + value: ROS98-rose + - + label: Science + + value: ROS98-Science + - + label: Slate + value: ROS98-slate + - + label: Sports + + value: ROS98-sports + - + label: Spruce + value: ROS98-spruce + - + label: The 60's USA + + value: ROS98-USA + - + label: The Golden Era + + value: ROS98-GoldenEra + - + label: Tree House + + value: ROS98-Tree + - + label: Tropical Interlude + + value: ROS98-Tropical + - + label: Leonardo Da Vinci + + value: ROS98-Vinci + - + label: Wheat + value: ROS98-wheat +*/ + +/* @settings +name: RetroOS 98 Support +id: CG-Support +collapsed: false +level: 0 +settings: +- + id: ROS09-github + title: Have a suggestion or found a problem with the theme + description: Submit an issue on [Github](https://github.com/ThePharaohArt/Obsidian-RetroOS98/issues) + type: info-text + markdown: true +- + id: ROS09-more-themes + title: My Other themes + description: Check out my other themes:[Cyber Glow](https://github.com/ThePharaohArt/Obsidian-CyberGlow) + type: info-text + markdown: true + +*/ + +@font-face { + font-family: "Win95Font"; + src: url(data:application/octet-stream;base64,d09GMk9UVE8AAB7IAAoAAAAAfLQAAB54AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAADYHcRQZgAIpcATYCJAOFAAQGP21ldGGCBAWHeQcgG/17FeyYl7gdUKg+MzYSIWwchCaAJ1GUTdZM2f+fEtQxhLpXsjlMOBl1rtM5kVqBMp1XeGh4M/bhm1fyGODBICrJYyX3cIpIfVYz8+zf7k/1poo76F5SyxV35u42RuK58Pyzv//2ufiSI5FINEWNWcddrlPZZr353F4vNRtmfpL6FyCmfDO+2gEHHHZoxKaa7jrsXaZOHea+XXQOfP8/9vs9cxcVqniikQnZQ7JE62SzSFJJlfXTq1/snkEVLh3bgX9wrpvZrHU6h4r8an+wJ/mf+G0eKltj8Y0CE6MTzFphsWCV6tY3xQxWaSyijN4a1jYsZYEPgty2j1NBvFO5ztS8L7nCE3R9JjsC1hSKoT3X3uY/v7/vz137WW3kOP6K38nIPwlujGIbNkGXOwLg//99U20JOQ0Yh4DD0LlU0bhPcFDIsBzy6t0Td7+5d9mjCFAJA0VwEQ4h4M07M9/hM0P5S4sBznkkVa5S5dxVIbUt2bl0SRWdWndyVbjrtXoXfWko9Ixf8mAlKsgL1qjQb5oCz6Y4siXFEeB8+MN2upYd8LuBdoR/31iLxhoVBZhAB3bnZRRIIKn3s59aH/bm9DqFEgRElDEz/m5qk9vHmEbteKX0j35isACCAoJ0hS2/QNAEEfEuX1lIcz+w6L9Fkd0ealuCVj6w8tr8sukQMCWCTfqipvhPQqJFEm0TVgdy1V/VrC1AgxFtAUaefqyNoC9ACWUyaArNgIJBw8CiAqqiLhIRRjbaRw+QiGwUoxw1aEJ7dEEP9AYj0LHxiCloGLn4MIYcKxKFxmBxeEJMudTWxzQv67Yf53U/7/eXO91efzAcjSdQECUkKyrWdMO0iO24h48Ur1tvH+7GzTjfqAhkjOGDCrTAgDUc4Q5fRCAGqViIbCzDBhRiP8pQg0M4gXZcwhXcwSN04gXe4ysmIJEVspKbgqRDBmRBduRCXhRKMRRHCZRCmy4cIr4HE6Vpdu0z2GwbYZ/z9SaXmovO4zKH2X126IbAVcX0p4VELRZWn2rCAjQjf0kSDP9bDKX07hb0SWhaEYMlBXtassJiBOAbRigmlqQWi748wQHq/gkpdmvYLQb01My8jPx4fCLcgt7Soe/hvYQmM61OZqfk8BQPmdgSgmztlhIP2p1P/nAunkim0plsLl8olsp8pVqrN5qtdqfbE1wo6sgfnUUyirvdrp53FjFe6YL0oc78IVAQJSQrKtZ0w7SI7bieH+zs7u0fCNlpgjwb+wJ00Sr4BB8bErKIlYGYtpuxVn2TIT6dO/aJj0EcFAMfcar9iGYTw3E+OQmjhbEHV9BOXCohIgkbBkz1IGWpldo0ORo5yymXsuTwDPDGT/6OzhbeTGkCTWuuJsNJQa4JLUkwPMgENBgoUXDAyRSIRBDIkBAYbFgYCwIxAhGBEBBYoODiUwR9Pu9PKbAwWqFpAKs5XhAlWVE13TAt23E9PwijOEmzvCirumm7fhineVm33f5wPJ0v19v98Xy9IcKEMi6k0nTDtGzH9fwgjOIkzfKirOqm7fphnOZl3fbjvO5LLIpnHln9++gbjM6QABBMMMMCK2ywwwEnXHDDAy98UIQSlEEFARWoQg3q0IAmtKANHdBAhy70oA8DGMIIDBiLRAZNoRwqoBLiUQ29RV+5RDKmOss8S7aFZxm1Flrf2rRsbrZkW7893l7p2OXMcVFcP9wr3TA85K30DvicFJmKRUqNypnUt8RllRiVSdUi1WE1B7Vp9a3qm9Vfa3zXTNKc1vql7a59QmctTZbWT9elb9ZN0btokGTobuRmtNFIyihgDDB+GJ8zHjHZY/LL9I3pH7Mr5mTzlebYIteiyFLDstKKalVgNWmtaaNis8ZGbHvXjm1Psn/gYOHQ4yByLHaa4WR33uWc6bLJtcztjsc8zzivQG9173Gf3b56voN+HL9uf1v/EwGzApcHyQSVBPNDmkPjw3zC3oRvi7CM6GTuYIVEKkX+izZFV8ScjT0Vtyt+eUJsYlqSb9KBZNTblvwqZTC1Ii0m3TJDN+NF5qkF6QuJhcOL6henLlnA5rDvSQ7d+FMJY2nFLPG6ScZyxfxf/yghmblt/sdUn5i3HSH+Bat3zHjxu3kqTh0MT0Woj83/Z2ybp5IW3oanQhbumrH2m2x1882eWv7gNZgpmGRjAgOstiZDWhXrMBmH3L2B5jcdtMbWiflfvbstn0xZkNwAK0rZYSZNI+1B9P8jw1uAVplfYjtRgHb+8o+jLL5gKxo1IIFRo3iq5Y3akfDlt+jRzphotw+JvFGJuZWaV9TYgCEdkLsa7pBpRL7RofnlP5OqoalI/WFrV+s4JWZ/AuUxRx5WiMdgXdgiZXGPgc2Ia3692MgdeY2G+uTyif/k4jW3QN0OXqQ5b4MSn41sPpgTJzrz8dOGKUOTq8cq5QaZNoC5aoAENxeNmxJ6aMY8nJxrHWGUoz5FNo6YiNVk7AADIKYILcBem4lmYrsMUvouK5CdNhHkmme/SyFQdClb7Z3FHPchzwHxV78bUUmTw9mjPFmY0EwDOezIwDINJ9MIOuF2TCA0mApsWe/VmTHF+uYUxSPSN49sUhGINCXT+lC08ZdchtmF8mZMbxVvB2/LytLYrAx9F7ZyrUiJmjpqFbkpeYRsxZP0FGioBOvzBQVMZNWuUCVH7KXnGseDPJq+pgP5Mxl64uPusrPtbl0Q7ZWwyW0x9jiVxtswuduHRvt2zyz658bxuIl4n64Goy+iwQpDJ4wk9r2GWbr6x5lptUrwFtHDzkNB8KmBKiawATq9kxEZVpzGKwdcE+UQtwU5EDwM5GhUlizT3puyuPsGaHaGMU62F1E05a08c7rFmekV3m9+WQc2XKCljElqzNlLuzvIYDD3B3BZXiM7+XBhAF3erxB46kHPg9UHmT8h91K2Gjbf3XvCA5mbFzcqQgC+zrMXWgDbVMSUZVuc2bxP1wHu5lEPrrvI1LcPCd84PDgHB2ibtF+HrUafWhY3UGSE2maV9ZJLew/dzIY5wgJauDHN9ZWQwKiGwbYydXOqmWFrfYVFPkEbtG5V/C9yR0NsWkOl2JJ57C4Ed7E7Uos9HzbwrZJa7a4qMDZiwZbNx/R20PvNYQ3jX2uzcV76qUqgRaop0T+v1BEuONgN5ePOZbI9yPZAt41VwhqQfPDdH1oPAeiwMbtdUiiAcOoyavabbxAE9OVS+zy5VqTrrtTyie5x0fqYDe0yunK4ECgfZQXBwFgTuEqUBUAIALrOMLkNhtZjJ6NyuFo/zyvCaqytcNJOGDOHcxhRCSBifEXeyQ01xzxU2AuHL6+TymDUDIFcH9fPMSEExGsrkKnX31RfVd/VxYnmU7KhZxKRylnT277Ph9VcDrl9ID4CgETz1IwUs8C/ZBrxFmIGAfehw2fWpGyIOfKxPOvL2Dg7IjkDUnZYXlmZTav1uVXjbqDkWdyZL58KHN4BxqLeJvej3Bjqh1lSQQLwwnCc7lRMHmKjEXvnJjGgmYk+G5PdA34tkXXgF/bz7RZvdD2s3u6WpGZkxEQx9JGwyDRvqUyusWQOzYI7lYK//5UhLOnce3B01vTZ1sXcXPvUji/fp/kGFxD5Ukss9TrmZ175Tnz6zxr+fuOoobRmno2N6EfeRoFO7/BgwpyMgo9GM/EyxxjGx0bmEG4xkigAt/gFqpCj5wWvBFTRyysrSdklmEHhn0BR1NhtjeWY2P4BaoxGwFAf5mVQtihBWJ5lDtQtTLU8BC5YOaA1Et+447E3qCM7HuIeA/bIbmzyfzLSwpwx3wC3gcxDPlLBHYGsuY12mVxtUn7ED8rn4F3Z4fokgfqQrVudldjR8xlLeZbbAEj0pZLWwaVcj61GPI9KLDVefJldDD3UUYsHo6AiG4Df5E4M2IakkIyIHFXqVZb5zLq1Gr8hG25vBnJspVvTTg8AcAHPUbzbreJaI3usJkOV75GCndedHXEjTPuAY2KPpSXSKuxIsCcWEe6lFkU01JjM8UIY5LwUDYwZnpVpk9zdbIKQcQmREt7QHw2+LyuacLt6W1OGIrQFc2oRXKyhsr5p2DM0Bbnn7eBgdMkeMCx8ihXVR9LmsAGu2Ei/41POYZRTxfyLX1X/EMNdlAPg1iu9stDu1oswgP58bs6cP2AQwG8R9eTxO/4bsAMkSrTkA5Ed4WhDScoRL7ymsefPn+/7vLRtQtOY18B6yShj6PVKoL20fIDoAtbtTLKyEeg01wM6q/KwA0CmBLJgvXovtUgZ0uETwwePH+OoomDJgphS83Cx4Tc3VdyTeIAK5MD6mvTUuGw96OEHMjPlViAaFDlBCCCxDcezku0N8WjgNZZ6yIAJW+esZJcWDIYRN+hyC3Hg+zk+IyCAcQPoGLR38KfEaw3D29dwTaL1Gb4L8try4UUAFzYeXYIK3QEYDlr9E/+EPjF9MqeuCcoGu6wzcvONLeCkyNWICcKixsnmy6ZV6XQAo6CuAi9YH09/mb/pqLEy+b7PNXVOLlCXs79Ye6Yqm+SgxDWjDRwNjyVgr7hnUwlz6aty1ROP6GDVxlSVWAQbkl5qLlmNMOiJW1xBHoWYFPuWJovMM270arhxW2O5TaZjaE+uLj6cEAADupk4AK2aQruz8Xp+ahEoZj1p1dz6szsaAsPZI0qzDEKmEWQG3aCexfUpSjaokQc4qYk+gMfUyJeFiJHHWluxTaFVHRdQyQIEwJ3lV2HZJDEVtwU1orXMdqQmHCuBNm4BQT/hp9MqAFMykzA27TyguS4LCc/+VzxrrJubtEAy0Xoq8L/C3DTq1T4j7GxmEamrynygiqQ/Kk+R/HMoG8NeDFp5eC6MOrUiMR93LADNn3qq5zW006rMDSpQZg/9AYG9mK7endTA7dBy53moeCfUrXcOjWmj1Y5Bm25ySWhkRHqPCqZ6hEmLKVhkIXAy6cR5LrOGlZVp9xO95z3sKeYPMAGXfLFL/HFya7D8v8RspwLaYCQWVyUb97i7hHY13OvQ0ap8q/qHWwK20etGI/79b4CFDXOIRCUpx6gk8CQmJK9axp62vGFOBNGEKqnKfHN2vRb4gGpO8CQAtdbNbr3AIjyryDfi2pVOWpvy2rwynji68rGa6srQAsWTEf9O8SLx67Ic1o3NywgUzvscsnXXU1kQUwNfSXpexR6u+9zDUp4d/iyIYEP17tRyKueBddc2mL7jfN8XBo6MjGeNydZ4T4ec4cRVmbd7dqVcObo221lXY5lUOhRULpMT37aMQuaJuBj9smjbJOmdCT08VZ5x4fGHQ1wYyKcExBTALeJO+pL42Z/7tF6m2kD0auFqUMzwPQWVBGUI9nt3bp5TDBYbb2uz5utE/qRc78iwuMLClQCCqR6inqdCI3ndgTdojjQnsUGZlfG8V/NYL298y4BXotE+FzsDjMrLcXK0zAeoCf7R4bmkpiC1zHMRv0lHXR8h6yV4IqDyuJonU+/lDFaSgZ5lYk+W1wns3gkSStnplDyvBIGhCuxCKhiFkXrYWBUFxtdifqxSEhZehuXXwbkuyyO+NTNUMG3wwDnJogvxZnFPMm1umkBzoN0s22f/gprZozNr9Oaui3Mx1VX8pBcsV0NMZE/UmzIxZ5xkM4tDseigUG5uyoizY4IzAwZYO+CcsQGitSRGo1UNENT9gNZSC6O55QG1uBmCFQuV73XGHb642asnbPMPSyfsSpZWO2xQRkMj4mrlRF9P7GW7vGgnOjeAfkbEBLT6eYXfK5/YeoNBj/N0DFA5IZxaNG98k9KnOoVqPgQNSesQEaP1qYNPqJFtJVWkOvpkemtgeokyaRXmY2S+V2kSaUaNwuwruOGdqVf2cowEmoTXBRHCv1bDe/mwNrZfDm1YeCqo2SWfCjsxXkmzolAQTVSIWM+oCSEASY/sBAT6nVy3V3tEJikezCuOj5TXt3szAQB8wjG9UkIIU5ubvFyqKQj1xcGrcmCQv2Kkkmj30cOd3B6nUpm8mvB7dju0qeKJWO5aaLReckXUVbW89meb+DDbkTjHBijgZWNl7wLiKd9fcAmyVBE+x4iQlhaXHpHR1iFBCY0wOAN9vjCagJRoXkfDHMm43FBoVAfPuyyBzm1VuMoodLugBthr1lw91ythgGmpaJWsyY6ipZespHXouhfmo7Qzz9i+GQL3W99vvFIzUTt5v23yrvP66zmzTsuaoicFlUy4NoNt7VNB9neJlIMeLzxbM6/RoGARdtP8MGAJNvxlNU7e4KmXMl2uQSF8OSpw7vcb2ba6Lt9FuZkfo/zldmjSL59hJ5MSq6p850Qrv/lY4NHNRSDOj/L8jbWjm1ebtdgqPzlo7hrA6vO4l1cm7VWlTamAbUSWyoECXbBEoY1YdeTsau58+vQnp0ZTjehlxLhB4UnHyp8RteYl6Oz1GQQTXljatNsuz+zAwoPBh6l2l/IVmEF/uJJ68VvwKKHAqg6/rsIbjct0bq9HdPsV7l4OOCyZSLnXQTRInQ1aSR13jUcD4P/9Isyuk0opkdry+qYWodvNFPiM+Fk8NExQRWzY1NxyBn37bW866AiAygREYRIrxmJ2LD0lcX43rN9XKa9LqlgRO/RpLovdjtAwuDvmndpoP0P+SbnjYTMOevI0UJ+Ps+7eZbekufpfB+UfCKRl1Bz6tu+PFO2dtuq6ShBwZDIkv8lp82fO6YBMVhUSAL1PVnh+qqix0w+3XMbo2/gZZv+PQZFvgiW+cnLsyDL5PfrDHQNz2eF6oxxuu5DfyJfJ4L2aYr+3Qj15eilDIbAPNNVU4YZ9uEHKG0hl7SiBDtHC1Dv2nyfD7IibjGzP4S8MTHy4Bizbcs+N7v5ezLl63KvWr3AFNuKqUD45ffiMKvs/X7PXM736U0DK5/ZA7A4+yghkNSjGcd+onCb4HA3dAQB4vZJIv2nYzJmKH5LA/eFl8DA09LgImufhhXbrERgw5qsH4bWVFbp2OBNodi+LGZLGe8gBq43VcGotVD8geo7Ep7IIx8jeOFhH2sL/W+6viO0Y/kkFeHDkMtSc8X0hbPjUpCdyPLr8ewSwKoKh+d3KJ4TAe6mCZbEZi/p8+8c3y+0cR56/c4c+z6YIZ+r42t2vu+79b8f7XKjzzNk93rRNE+6wTs+d8Q+YyAv13HblUVleRUnCMK9CEU5U0KsO2UeX6FnMDS/uk9XiBVh6dJ04z8h9DOOjnyG2+9oqLFOF5ivde4KyuSUJiHiZVrX+u6nBDBd/1EWHB3Nj9tOX+KiLCupgCaCpotfxB8rwkXEbKgCLrmw6Hs6DnQvP9ILjyU9XW6Gz+kHWiCCTkJJhTdvysVAM5SntB1zZPNf9ftZcA2z6+dDQevUJX0oc/XD5MC/ATHxHoHlhdesijwet53RkRXH76ajibpgf3gpL6+TeDqhGpLzNY0ncVgVp8nDUdItb2aLDP/5/NmUf2O40c3aqLTHoWBJ+WnCKw0IMdgSOn1tCJZsXdKi8yyllsE/COSatsaxm/3sRXK0fND1ibdtj/dIm5+MYvjCTjbi2Frxmbzi/Z9ZN9XfGkdRVj6HLpf6dGjeI0EV9lRe4a/gRbv8T4UX/A4a4T+SAJ/77OatlQ1TGqXpu/J2FKH5vBp9+90Xl8kKqvW95ReBTYK3cvJRw4KqMAhfjcD5v8EXqk7YzaG8FOl4GG+gyWuDMLEMWm5XLjYBKC9H+nBDfiIvAlndPCCG5sbWdHuw6hFi0IoReT8UolWLBa4G40qqEFR9fuO4noI6rOgRug2Xlxja7UzTl8s1GPKwNvFQBo9Vm7cab08IRKFLnc7o4rtVNJtNVfdlh+2zZxob/nS5Sub9eHuszJR7hA/oLxhD/weWSItbqZXvvnEyyZx5SfN2QBPRy8OqgPqXhCIxW5lQNUhYrOhVuE07pWHKL4yWx4n6HvP4BajYuyZfyfBlYkCX6v+rH3Eh/yl0oSKSWYQ7yzGLQO+nOBM2g9YtfLJEylBatpUwdUBiPrQ4AUnfAiq3aR2aOhpXiWFJPutjcX/D/XfzZXVtHQFrP2W28LWGatb9zkfnU4z8T4cjIaXWtVXY/HFhjthPQ2b1WfpICeFxzz2GVK3HqeuIjPwINSKBeidOTX8vX6VGYrG4ptxkUC5cd9IJaRJx1HqKM+ew0t9xX7CzTAbYcXWchz8BNtgTxsFQmCVLwilfEVM8AntcobPUoN+8Y6rCeg3PiVxUfhe0vvB3+1c4VvOxgZFR5rSejUsICT2gG0ZAZKq9VtUx4oFKrGwYl0uxqyJEZ9d1E0+8VqEJKt451/xnwghX3CPfQ5WWgwoyh74A69KZbHkXXaehWhLDd6lZTnTafdpCoXvv2QHAzK9b08KXDKdVTTi4zV07HGjVnkPuZor6p19H3VQn/v38QkOlGE7Bc2gFn4D/aGZE+GL2ryOZ2WHXrS4PWatXaZwSI5T47sRaTy8cl8Ef3GPc92RghZdv4QXp9dC7xQACgojIzrUp99U/Cjjknmc183gGBsSzvEZrKcedrWK6WfzOMMnY7FQFfxnO35hBnm1i0YYOnh7WemBsg6epNLx2+7exoIhcXwxsqT0CWeVH+PsYF+cT+dbEgsR4StM0vP5+CnBROccsMicrohdO0ViKAY8vougy6XmKG9z25dwrjXIVqLyeDw8gOG7SZ7f+fTOTH7EUOLA+Mps/ynrQz1uVaXEN3E/H63UOYgewq6T05HEC8V7unNu+Va0UIOyBz/zKPeIKGivmauFr+3J5keyVkjJI3c3A/93tbD5iddSWEdHwx4cwwYpzgLAtT6L2/0v/Pmz3n3Ib0z8nK5Tb1VPippTNvajBPFHrO8M6Br2Voy+uIi9n8+u+PRVFUuUV+Di4omuKmZx8TdIFx+XGEPIfsLjFW6k6kk+fRvb5A0ss6kO3oLGGa5Py8LaoqOoLJ52G9VqJYdKEqxFjzXemC3vPn75kkmYqzW1FJEm/4YK+cyQgtEc02ah5TjghAE7Q0k+OyjfgAGAtlcQpIQm3L5Qa//bGgT+v3EhBhu52STNPmOtvNw3yl+455xVnGtV3BrT1S9MrNhSnTgtwdzTJVM5sb6ve/JhiR5Zxaqq3iA2zKACo/QGU+8k/9nrZ8k+2oyb8KRZwjtVlLJYZA2doN7LTfXL7DdIbXz7oAYxuAwkTFLwXbwE9nFUMTUBWuov/TLMgP90ChAEBQEcACTS8QQAqAMQUAZljiI2TajFk33XLbHXfdc19YRFQMjcGaM2/BoiXLVqxas27Dpi3bOHEJSSlpGVk5eQVFJWW8iqqauoamlraOrp6+gaGRMUggkiAyhQrT6AwmC2FzuDy+wI5dyqM9tI8O0CE6QsfoBH1CNRrRGwgCQ6AwOAKJQkPHwMTCwcXDJyAkJiElI6egoqahpaNnYGRiZmFlY+fg5OKBYAQFGE6QFM0oWoqR1ser0dXpWnRt+ukR9Acha/57JsFv+A2f3rywvl4/n/wMd3Dx7OePO3vxtuHk2Y8fd/TMLdiApf+tMP2g44dgWjAsGBF8V32LENQY+k0FgZb6Z8IMefe5WSoNCgCfIsJI7S+AAS/SQWoWgIrOMHu1bg/w4NDqiFde91hGXrATnz/8HiK1WLD2byZ+ProC0qVy73qx3XR16Q9y7zByUN+5nAK6uu1QhWpXn910NblukHlX5oG+0AbaaFDdO4ycpawnEDrzLq6SnhkqyHT96PbP8KDtxfICzGfqBzgSAP1ytJZmCmJR2XexSJu8DbzcP+lmj16o6h2xfn65vMh2mQ4vOgEKEDhGEJVaj4GcOeQZ8tXCfDiN9vzfxEd6dXo51fJ0ePooPyvYUv4LEFOrzNqrj+kllllh2bmlRWaBuVv+flNKq4fTy//SnmohYkJmq+oyrOzIkz7QfLpAHx+Hp9fcpRzPPEiuWGzWGzWuwde4+GLA4iQCKLmzsIJYkVDVkfvreRPH/M+EstVJaRs4xrM1SdklEyoXS2b3AW6vHgiej/1ggBR9PNdsLRvUBd0eAwVjrK+gYmcWGjpV0PGDYYSXrzDBTEJhipXkwBynHK2F8TMsceg/rHAbAxvnlfnvbV1U9jREM0UwQz+DghVOUAmwCA0z6qGT6TmMSPQdJjg0B1M8asKciB5rLYxfYEnILsOKhBVg44qy0rN1Q9lfePcYtK1YkLYE7xegBlEEDJC7bC9nUrTfMKJoNNZazysc16S+cg3gNmhB+5f3McJCDRBOd5/7PIhBRilBWGeepsyJmmd8xeLPLxrnDxCxqwdpswg0ZQcseZp5y0wOcga2IFWHOxBwDJgFotRBO+Bcotyvm42toX32irI5XehelIgwf01IIZnZDL1VPp+9uiomRub+Z/Cs9LniqTMzjeW95n0A6nKKKPwLzqj0D1KEEiY+ZJaXRzwgfwc8ZQ8ba5fX+XSxEQ93PSIXZr8IR336tw1RhEsRw0srht7HneU1AAA=); + font-weight: normal; + font-style: normal; +} + +body { + --font-default: 'Win95Font', 'Inter', 'Rubik', 'Segoe UI'; + --header-height: 35px; + --maximize: url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0H0v9h9V0zM8 2H1v6h7V2z' fill='%23000'/%3E%3C/svg%3E"); + --minimize: url("data:image/svg+xml,%3Csvg width='6' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 0h6v2H0z'/%3E%3C/svg%3E"); + --restoredown: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 64 64' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' xmlns:v='https://vecta.io/nano'%3e%3cuse href='%23A' x='13' y='15' width='34' height='34'/%3e%3cdefs%3e%3cimage id='A' width='34' height='34' href='data:image/png%3bbase64%2ciVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAcUlEQVRYhe2XMQrAMAwDndL/fzmd2uEgxCkINOhmQw6DLFJlwmjOTalF1bjED7SJCIkIuQ/nuynr8qXRZiMRIREhb2q6XfK3c7Zps9lIREhECLtG1SXbtNluREXuyDERIREhESE2Irys6l//EpuN2PAAKfQHSOcj77YAAAAASUVORK5CYII='/%3e%3c/defs%3e%3c/svg%3e"); + --scrollbar-width: 18px; + --text-selection:hsla(var(--color-accent-hsl), 0.47)!important; +} + +.theme-dark.ROS98-DC{ + --background-primary: #3c3c3c; + --background-secondary: #707070; +} +.theme-dark.ROS98-Jungle { + --background-primary: #625437; + --background-secondary: #958054; +} +.theme-dark.ROS98-mystery{ + --background-primary: #343c34; + --background-secondary: #607060; +} +.theme-dark.ROS98-Travel { + --background-primary: #3f3731; + --background-secondary: #726559; +} +.theme-dark.ROS98-Snow { + --background-primary: #1a1c0e; + --background-secondary: #4b4f2a; +} +.theme-dark.ROS98-Space { + --background-primary: #3b4247; + --background-secondary: #66737a; +} +.theme-dark.ROS98-steam { + --background-primary: #3e4637; + --background-secondary: #4c5844; +} +.theme-dark.ROS98-Water { + --background-primary: #15294e; + --background-secondary: #2a509a; +} +.theme-dark.ROS98-Ancient { + --background-primary: #2b221a; + --background-secondary: #7a614a; +} + + + + +.theme-light.ROS98-Tropical { + --background-primary: #dacea6; + --background-secondary: #8e866c; +} +.theme-light.ROS98-Photo { + --background-primary: #dac9ad; + --background-secondary: #8e8371; +} +.theme-light.ROS98-Peanuts { + --background-primary: #b9d8ba; + --background-secondary: #9d9d9d; +} +.theme-light.ROS98-Horror { + --background-primary: #dfefa3; + --background-secondary: #98a36f; +} +.theme-light.ROS98-Foxtrot { + --background-primary: #b8c0cd; + --background-secondary: #747981; +} +.theme-light.ROS98-Tree { + --background-primary: #bcbfe7; + --background-secondary: #7e809b; +} + +.theme-light.ROS98-reman { + --background-primary: #d4d5b5; + --background-secondary: #c1a600; +} + +.theme-light.ROS98-Messy { + --background-secondary: #8284bc; +} + +.theme-light.ROS98-Horses { + --background-primary: #f2d6e0; + --background-secondary: #a6939a; +} +.theme-light.ROS98-baseball { + --background-primary: #ffcc87; + --background-secondary: #d1a86f; +} +.theme-light.ROS98-Bugs { + --background-primary: #bfd2a0; + --background-secondary: #7a8666; +} + + + + + +.theme-light.ROS98-brick { + --background-primary: #fffbd8; + --background-secondary: #c2bfa5; +} +.theme-light.ROS98-desert { + --background-primary: #fff4df; + --background-secondary: #d5ccbb; +} +.theme-light.ROS98-eggplant { + --background-primary: #cefcf1; + --background-secondary: #90b0a8; +} + +.theme-light.ROS98-GoldenEra { + --background-secondary: #b8c8b9; + --background-primary: #f8f1da; +} +.theme-light.ROS98-lilac{ + --background-primary: #d6c4ff; + --background-secondary: #afa0d0; +} +.theme-light.ROS98-maple{ + --background-primary: #fff3ad; + --background-secondary: #e0cc98; +} +.theme-light.ROS98-marine { + --background-primary: #c8e0d8; + --background-secondary: #88c0b8; +} +.theme-light.ROS98-MW { + --background-secondary: #7c828a; + --background-primary: #cad3e1; +} +.theme-light.ROS98-nature { + --background-secondary: #b09d82; + --background-primary: #ebe3d4; +} +.theme-light.ROS98-plum { + --background-primary: #d8d0c8; + --background-secondary: #a89890; +} +.theme-light.ROS98-pumpkin { + --background-primary: #ffecaa; + --background-secondary: #f0d4a0; +} +.theme-light.ROS98-rainyday { + --background-secondary: #8098b0; + --background-primary: #b7dafc; +} +.theme-light.ROS98-rose { + --background-secondary: #d0b0b8; + --background-primary: #ffd7e1; +} +.theme-light.ROS98-Science { + --background-secondary: #8398b1; + --background-primary: #bbd9fd; +} +.theme-light.ROS98-slate { + --background-secondary: #9db9c8; + --background-primary: #c8ebff; +} +.theme-light.ROS98-sports { + --background-secondary: #afe1a0; + --background-primary: #bcffb5; +} +.theme-light.ROS98-spruce { + --background-primary: #ceffd7; + --background-secondary: #a2c8a9; +} +.theme-light.ROS98-USA { + --background-secondary: #d168d8; +} +.theme-light.ROS98-Vinci{ + --background-primary: #ffdcd5; + --background-secondary: #bfa5a0; +} +.theme-light.ROS98-wheat { + --background-primary: #f5ffb6; + --background-secondary: #e0e0a0; +} + + +.is-mobile{ + --mobile-sidebar-radius: 0px; + --caret-color: var(--text-normal); + +} +.theme-dark { + color-scheme: dark; + --highlight-mix-blend-mode: darken; + --color-base-00: #000000; + --color-base-05: rgb(64, 64, 64); + --color-base-10: #050505; + --color-base-20: rgb(64, 64, 64); + --color-opposite-25: #1c1c1c; + --color-opposite-30: #1f1f1f; + --color-opposite-35: #2b2b2b; + --color-opposite-40: #424242; + --color-opposite-50: #545454; + --color-opposite-60: #8f8f8f; + --color-opposite-70: #a3a3a3; + --color-opposite-100: #dddddd; + --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(calc(var(--accent-h) - 1), calc(var(--accent-s) * 1.01), calc(var(--accent-l) * 1.05)); + --color-accent-2: hsl(calc(var(--accent-h) - 30), calc(var(--accent-s) * 1.52), calc(var(--accent-l) * 1.55)); + --accent-h: 222; + --accent-s: 94%; + --accent-l: 19%; + + --bg-button-light:rgb(128, 128, 128); + --bg-button-shadow: black; + --tooltip-border:rgb(128, 128, 128); + --background-secondary-alt: var(--color-base-05); + --background-modifier-box-shadow: rgba(0, 0, 0, 0.1); + --background-modifier-cover: rgba(43, 41, 41, 0.4); + --input-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0, 0, 0, .05), 0 1px 1.5px 0 rgba(0, 0, 0, .03), 0 1px 2px 0 rgba(0, 0, 0, .04), 0 0 0 0 transparent; + --input-shadow-hover: inset 0 0 0 1px rgba(0, 0, 0, 0.17), 0 2px 3px 0 rgba(0, 0, 0, .1), 0 1px 1.5px 0 rgba(0, 0, 0, .03), 0 1px 2px 0 rgba(0, 0, 0, .04), 0 0 0 0 transparent; + --shadow-s: 0px 1px 2px rgba(0, 0, 0, 0.028), 0px 3.4px 6.7px rgba(0, 0, 0, .042), 0px 15px 30px rgba(0, 0, 0, .07); + --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); + --background-modifier-hover: transparent; + + --system-status-background: var(--background-secondary); + + --downicon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 18 18' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' xmlns:v='https://vecta.io/nano'%3e%3cuse href='%23A' x='4.5' y='6.75' width='8' height='5'/%3e%3cdefs%3e%3cimage id='A' width='8' height='5' href='data:image/png%3bbase64%2ciVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAARklEQVQImXXNsRFAUAAE0dOHQAlCgeCHQqUKFSAQasGMPp70G2x4O3PbQP45gw6XNzvaJAkGHJVc0T%2b%2bMGHDgvEziBml3m6nPUz9aFAG8wAAAABJRU5ErkJggg=='/%3e%3c/defs%3e%3c/svg%3e"); + + --upicon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 18 18' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' xmlns:v='https://vecta.io/nano'%3e%3cuse href='%23A' x='5.063' y='6.75' width='8' height='5'/%3e%3cdefs%3e%3cimage id='A' width='8' height='5' href='data:image/png%3bbase64%2ciVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAPElEQVQImXXNoRHAIBBE0aPzFICgBGRKQ57Av4gImAl59s/sRmzQccUJbkwk6immZaDts9PXQC2/n698AMKrUH0l/8BzAAAAAElFTkSuQmCC'/%3e%3c/defs%3e%3c/svg%3e"); + + --righticon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 18 18' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' xmlns:v='https://vecta.io/nano'%3e%3cuse href='%23A' x='6.75' y='5.063' width='5' height='8'/%3e%3cdefs%3e%3cimage id='A' width='5' height='8' href='data:image/png%3bbase64%2ciVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAS0lEQVQImV3NqRGAQBAF0SniQBACEkEASMLdABBIQkAgEZvBQ4AYtmXXP8LLEJlPXphaCQeWVsKGtYs/d0TUnCyYc33HmI9O9HnjAUuAVuCj%2bT4gAAAAAElFTkSuQmCC'/%3e%3c/defs%3e%3c/svg%3e"); + + --lefticon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 18 18' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' xmlns:v='https://vecta.io/nano'%3e%3cuse href='%23A' x='6.75' y='5.062' width='5' height='8'/%3e%3cdefs%3e%3cimage id='A' width='5' height='8' href='data:image/png%3bbase64%2ciVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAWElEQVQImU3MoRHCQBQE0PdvztEYAolIGQgKoBAEkrJi4yggMxuTY%2b7Lt7u/TJfkg7VN8MUd2gRXXKCfk9uA0Vyxz79bVb3wxjawQ1U9k3QsfzyDR5IdvwPUnB2IEQfd7wAAAABJRU5ErkJggg=='/%3e%3c/defs%3e%3c/svg%3e"); + + --closebutton: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 8 7' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' xmlns:v='https://vecta.io/nano'%3e%3cuse href='%23A' width='8' height='7'/%3e%3cdefs%3e%3cimage id='A' width='8' height='7' href='data:image/png%3bbase64%2ciVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAYAAAA1WQxeAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAOklEQVQImW2OQQ4AMAjCqv//MzssM0jGyaQIlCRxVWwJoA0oIVAd33L4EgjTut3wqxiDx65NnZ256QAPcA8KJ2HN6QAAAABJRU5ErkJggg=='/%3e%3c/defs%3e%3c/svg%3e"); + +} + +.theme-light { + color-scheme: light; + --highlight-mix-blend-mode: darken; + --color-base-00: #ffffff; + --color-base-05: silver; + --color-base-10: #fafafa; + --color-base-20: silver; + --color-base-25: #e3e3e3; + --color-base-30: #e0e0e0; + --color-base-35: #d4d4d4; + --color-base-40: #bdbdbd; + --color-base-50: #ababab; + --color-base-60: #707070; + --color-base-70: #5c5c5c; + --color-base-100: #222222; + --accent-h: 222; + --accent-s: 94%; + --accent-l: 19%; + --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(calc(var(--accent-h) - 1), calc(var(--accent-s) * 1.01), calc(var(--accent-l) * 1.05)); + --color-accent-2: hsl(calc(var(--accent-h) - 30), calc(var(--accent-s) * 1.52), calc(var(--accent-l) * 1.55)); + --bg-button-light:white; + --bg-button-shadow: gray; + --tooltip-border:black; + + --background-secondary-alt: var(--color-base-05); + --background-modifier-box-shadow: rgba(0, 0, 0, 0.1); + --background-modifier-cover: rgba(43, 41, 41, 0.4); + --input-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0, 0, 0, .05), 0 1px 1.5px 0 rgba(0, 0, 0, .03), 0 1px 2px 0 rgba(0, 0, 0, .04), 0 0 0 0 transparent; + --input-shadow-hover: inset 0 0 0 1px rgba(0, 0, 0, 0.17), 0 2px 3px 0 rgba(0, 0, 0, .1), 0 1px 1.5px 0 rgba(0, 0, 0, .03), 0 1px 2px 0 rgba(0, 0, 0, .04), 0 0 0 0 transparent; + --shadow-s: 0px 1px 2px rgba(0, 0, 0, 0.028), 0px 3.4px 6.7px rgba(0, 0, 0, .042), 0px 15px 30px rgba(0, 0, 0, .07); + --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); + + --background-modifier-hover: transparent; + + --system-status-background: var(--background-secondary); + + + --downicon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' shape-rendering='optimizeSpeed' width='18' height='18' viewBox='0 0 16 16' xmlns:v='https://vecta.io/nano'%3e%3cpath d='M4 7V6h7v1h-1v1H9v1H8v1H7V9H6V8H5V7z'/%3e%3c/svg%3e"); + + --upicon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' shape-rendering='optimizeSpeed' width='18' height='18' viewBox='0 0 16 16' xmlns:v='https://vecta.io/nano'%3e%3cpath d='M11 9v1H4V9h1V8h1V7h1V6h1v1h1v1h1v1z'/%3e%3c/svg%3e"); + + --righticon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 18 18' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' xmlns:v='https://vecta.io/nano'%3e%3cpath d='M10.125 12.938H9V5.063h1.125v1.125h1.125v1.125h1.125v1.125H13.5v1.125h-1.125v1.125H11.25v1.125h-1.125v1.125z' fill-rule='nonzero'/%3e%3c/svg%3e"); + + --lefticon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 18 18' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' xmlns:v='https://vecta.io/nano'%3e%3cpath d='M10.875 5.063H12v7.875h-1.125v-1.125H9.75v-1.125H8.625V9.563H7.5V8.438h1.125V7.313H9.75V6.188h1.125V5.063z' fill-rule='nonzero'/%3e%3c/svg%3e"); + + --closebutton: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h2v1h1v1h2V1h1V0h2v1H7v1H6v1H5v1h1v1h1v1h1v1H6V6H5V5H3v1H2v1H0V6h1V5h1V4h1V3H2V2H1V1H0V0z' fill='%23000'/%3E%3C/svg%3E"); +} + +/*Buttons*/ +.clickable-icon:not(.workspace-drawer-active-tab-chevron), .clickable-icon:hover:not(.workspace-drawer-active-tab-chevron, .mobile-tap), button:not(.clickable-icon), .modal-close-button, .modal-close-button:hover, button.mod-cta, button.mod-cta:hover, .list-item-part.clickable-icon, +/*Theme Buttons*/ +.mod-windows .titlebar-button:not(.mod-logo), .mod-windows .titlebar-button.mod-close:hover, +/*Theme control buttons*/ +.mod-left-split .workspace-tab-header, .mod-right-split .workspace-tab-header, +/*Theme sidepanel tabs*/ +.community-item, .kanban-plugin__new-item-button:hover, .document-search-close-button, .dropdown, .dropdown:hover, .search-results-info .dropdown, .dropdown:focus, .is-mobile .workspace-drawer-active-tab-header, .mobile-tab-wrapper, .setting-item.setting-item-heading.style-settings-heading { + background-color: var(--background-secondary); + color: var(--text-normal); + box-shadow: inset -1px -1px black, inset 1px 1px var(--background-secondary), inset -2px -2px var(--bg-button-shadow), inset 2px 2px var(--bg-button-light); + border-radius: 0px; + opacity: 1; +} + +.community-item{ + border:none; +} + +.list-item-part.clickable-icon:hover, .list-item-part.clickable-icon:active{ + color: black; +} + +.mod-active .document-search-container { + background-color: var(--background-secondary); + margin: 0px; + box-shadow: inset 0px 1px var(--background-secondary), inset 0px 2px var(--bg-button-shadow), inset 0px 3px var(--bg-button-light); +} + +.pdf-findbar { + border-bottom: 1px solid black; +} + +.search-row { + box-shadow: inset 1px 0 var(--bg-button-shadow), inset -1px 0 var(--bg-button-light), inset 2px 0 var(--bg-button-light), inset -2px 0px var(--bg-button-shadow); + border-radius: 0px; + opacity: 1; +} + +.workspace-ribbon { + border-right: transparent; +} + +.workspace-ribbon.mod-left.is-collapsed { + background-color: var(--background-secondary); + border-right-color: transparent; +} + +.nav-header { + padding: 6px; + background-color: var(--background-secondary); + box-shadow: inset 1px 0 var(--bg-button-shadow), inset -1px 0 var(--bg-button-light), inset 2px 0 var(--bg-button-light), inset 0px 0px var(--bg-button-shadow); +} + +.pdf-toolbar { + background-color: var(--background-secondary); + box-shadow: inset 0 1px var(--bg-button-shadow), inset 0 2px var(--bg-button-light); +} + +.pdf-sidebar-container .pdf-thumbnail-view { + background-color: var(--background-secondary); + box-shadow: inset 1px 0px black, inset -1px 0px var(--bg-button-light); + border-top: 1px solid black; +} + +.pdf-viewer-container { + border-top: 1px solid black; + box-shadow: inset 1px 0px black, inset -1px 0px var(--bg-button-light); +} + +.pdf-sidebar-container .pdf-thumbnail-view { + border-right: 2.5px solid var(--background-secondary); +} + +.pdf-sidebar-resizer { + background-color: var(--background-secondary); +} + +.mod-left-split .workspace-tabs:not(.mod-top.mod-top-left-space) .workspace-tab-header-container-inner { + box-shadow: inset 1px 0 var(--bg-button-shadow), inset 2px 0 var(--bg-button-light); + margin-left: -7px; + padding-left: 5px; +} + +body:not(.is-mobile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile { + box-shadow: + inset 1px 0 var(--bg-button-shadow), + inset 2px 0 var(--bg-button-light), + inset 0 -1px var(--bg-button-shadow); + border-bottom: none; +} + +.search-results-info { + box-shadow: + inset 0 1px var(--bg-button-shadow), + inset 0 2px var(--bg-button-light), + inset 1px 0 var(--bg-button-shadow), + inset 2px 0 var(--bg-button-light), + inset -2px 0px var(--bg-button-shadow); + border-bottom: none; +} + +body:not(.is-mobile) :is(.is-focused .workspace-leaf.mod-active .view-header, .view-header, .is-focused .workspace-leaf.mod-active .view-header), .is-focused .workspace-leaf.mod-active .view-header, .is-tablet .view-header { + background-color: var(--background-secondary); +} + +.search-row { + margin: 0px; + padding: 6px; +} + +.search-results-info { + margin: 0px; + padding: var(--size-4-1) var(--size-4-2) var(--size-4-1); +} + +body:not(.native-scrollbars) .modal-close-button { + right: 5px; + top: 4px; + z-index: 1; +} + +.clickable-icon:active:not([aria-disabled='true']), +button:not(.clickable-icon):active, +.mod-windows .titlebar-button.mod-close:active, +.modal-close-button:active, + +/*Theme active buttons*/ + +.mod-left-split .workspace-tab-header.has-active-menu, +.mod-right-split .workspace-tab-header.has-active-menu, +.mod-right-split .workspace-tab-header.is-active, +.mod-windows .titlebar-button:active, +button.mod-cta:active, +.community-item:active, +.clickable-icon.is-active, +.document-search-close-button:active, button.mod-cta.mobile-tap, button:not(.clickable-icon).mobile-tap:active, button.clickable-icon.mobile-tap.view-action:active, .clickable-icon.mobile-tap[aria-disabled='false']:active, .setting-item.setting-item-heading.style-settings-heading:active{ + background-color: var(--background-secondary); + color: var(--text-normal); + background-position: 0.5px 0.5px; + box-shadow: + inset -1px -1px var(--bg-button-light), + inset 1px 1px var(--bg-button-shadow), + inset -1px -1px var(--background-secondary), + inset 1px 1px black; + translate: 1px 1px; + border-radius: 0px; +} + +.clickable-icon:focus, +button:not(.clickable-icon):focus, +.mod-windows .titlebar-button.mod-close:focus, +.modal-close-button:focus, + +/*Theme focus buttons*/ + +.mod-left-split .workspace-tab-header.has-focus-menu, +.mod-right-split .workspace-tab-header.has-focus-menu, +.mod-left-split .workspace-tab-header.is-focus, +.mod-right-split .workspace-tab-header.is-focus, +.mod-windows .titlebar-button:focus, +button.mod-cta:focus, +.community-item:focus, +select:focus, +.dropdown:focus, .workspace-tab-header.tappable:focus { + outline: 1px dotted black; + outline-offset: -4px; +} + +.mod-community-modal .modal-sidebar .setting-item { + padding: 4px; +} + +.dropdown:active, .is-mobile .workspace-drawer-active-tab-header:active, .mobile-tab-wrapper:active { + translate: 1px 1px; + box-shadow: + inset -1px -1px var(--bg-button-light), + inset 1px 1px var(--bg-button-shadow), + inset -1px -1px var(--background-secondary), + inset 1px 1px black; + background-position: right 0.6em top 50%, 0 0; +} + +.mod-fade:not(.mod-at-end):after { + background: transparent; +} + +.clickable-icon[aria-disabled='true'], +.clickable-icon[aria-disabled='true']:hover { + background-color: var(--background-secondary); + color: var(--text-muted); + +} + +.mod-windows .titlebar-button { + padding: 0 10px; + +} + +.titlebar-button { + align-self: center; + margin-right: 3px; +} + +.mod-linux .titlebar-button, +.mod-windows .titlebar-button:not(.mod-close) { + padding: 5.5px; + margin: 0px; +} + +.mod-windows .titlebar-button.mod-close { + padding: 5.5px; + margin-left: 2px; +} +.is-frameless.mod-windows .titlebar-button-container{ + height: 100%; +} +.status-bar { + position: sticky; + border-radius: 0px; + background: var(--background-secondary); + border-color: transparent; + padding: 0px; + gap: 0px; +} + +.status-bar-item, +.vertical-tab-header-group { + box-shadow: + inset -1px -1px var(--bg-button-light), + inset 1px 1px var(--bg-button-shadow), + inset -1px -1px var(--background-secondary), + inset 1px 1px black; + margin: 2px; + border-radius: 0px; + +} + +.vertical-tab-content { + background: var(--background-secondary); + padding-top: 0px; +} + +.setting-item { + padding: 1.25em; + box-shadow: + inset 1px 0 var(--bg-button-shadow), + inset -1px 0 var(--bg-button-light), + inset 0 1px var(--bg-button-shadow), + inset 2px 0 var(--bg-button-light), + inset 0 -1px var(--bg-button-light), + inset -2px -2px var(--bg-button-shadow), + inset 0 2px var(--bg-button-light); + margin-bottom: 5px; + +} + +.setting-item:first-child { + padding-top: 1.25em; +} + +.vertical-tab-header { + padding: 2px; +} + +.vertical-tab-header-group { + padding: 3px; +} + + +.horizontal-tab-nav-item.is-active, +.vertical-tab-nav-item.is-active { + border-radius: 0px; +} + +.status-bar::after { + position: absolute; + bottom: 2px; + right: 0px; + height: 11px; + width: 11px; + content: ""; + background-image: url(data:image/gif;base64,R0lGODlhDAAMAJEAAAAAAP///5mZmf///yH5BAEAAAMALAAAAAAMAAwAAAIbnI8TmSF83IMSKvFWw3dnHnFV+GVGhZZXmaoFADs=); + z-index: 100; +} + + +body.is-frameless .modal { + border-radius: 0px; +} + +/*Tabs*/ +/*Remove Curved Connectors for Classic Tabs*/ +.workspace-split.mod-root .workspace-tab-header.is-active::before, +.workspace-split.mod-root .workspace-tab-header.is-active::after, +.workspace-tab-header.is-active { + box-shadow: none; +} + +/*Tab Spacing Between Each Other*/ +.mod-root .workspace-tab-header-container-inner { + padding: 0.5px 15px 7px 10px; + gap: 3px; +} + +.workspace-split.mod-vertical>*>.workspace-leaf-resize-handle, +.workspace-split.mod-left-split>.workspace-leaf-resize-handle { + border-right-style: none; +} + +.workspace-split.mod-right-split>.workspace-leaf-resize-handle { + border-left-style: none; +} + +.workspace-tab-header:active { + background: var(--background-secondary); +} + +.workspace-tab-header.is-active.mod-active, .workspace-tab-header:active, .mod-left-split .workspace-tab-header.is-active:hover, .mod-right-split .workspace-tab-header.is-active:hover, .mod-left-split .workspace-tab-header.is-active, .workspace-tab-header.is-active, .community-item.is-selected, .community-item.is-selected:hover { + background: var(--background-secondary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2' viewBox='0 0 5 5' fill='silver' %3E%3Crect width='1' height='1' /%3E%3Crect x='1' y='1' width='1' height='1' /%3E%3C/svg%3E"); + color: var(--text-normal); + background-position: 1px 1px; + box-shadow: + inset -1px -1px var(--bg-button-light), + inset -2px 0 var(--bg-button-light), + inset 1px 1px var(--bg-button-shadow), + inset -1px -1px var(--background-secondary), + inset 1px 1px black; + translate: 1px 1px; + border-radius: 0px; +} + +.community-item.is-selected { + border-color: transparent; +} + +.community-item.is-selected .community-item-author, +.community-item.is-selected:hover .community-item-author, +.community-item.is-selected .community-item-repo, +.community-item.is-selected:hover .community-item-repo, +.community-item.is-selected .community-item-downloads, +.community-item.is-selected:hover .community-item-downloads, +.community-item.is-selected .community-item-updated, +.community-item.is-selected:hover .community-item-updated { + color: black; +} + +.workspace-tab-header { + background-color: var(--background-secondary); + color: var(--text-normal); + box-shadow: + inset -1px -1px black, + inset 1px 1px var(--background-secondary), + inset -2px -2px var(--bg-button-shadow), + inset 2px 2px var(--bg-button-light); + border-radius: 0px; +} + +.menu-item.selected:not(.is-label):not(.is-disabled), .suggestion-item.mod-complex:not(.mod-group).search-suggest-item:hover, .suggestion-item.mod-complex.is-selected { + background-color: var(--color-accent); + border-radius: 0px; + color: var(--bg-button-light); + +} + +.menu, .suggestion-container { + border-radius: 0px; + padding: 0px; + box-shadow: + inset -1px -1px black, + inset 1px 1px var(--background-secondary), + inset -2px -2px var(--bg-button-shadow), + inset 2px 2px var(--bg-button-light); + border-radius: 0px; + border: 0px; + padding: 6px; +} + +.menu-separator { + border-top: 1px solid var(--bg-button-shadow); + margin-left: 2px; + margin-right: 2px; + border-bottom: 1px solid var(--bg-button-light); +} + +/*Scrollbar*/ +body:not(.native-scrollbars) ::-webkit-scrollbar, +body:not(.native-scrollbars) .kanban-plugin__lane-items.kanban-plugin__vertical.kanban-plugin__scroll-container::-webkit-scrollbar { + width: var(--scrollbar-width); + height: 17px; +} + +body:not(.native-scrollbars) ::-webkit-scrollbar-track { + background: var(--background-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2' viewBox='0 0 2 2' fill='silver' %3E%3Crect width='1' height='1' /%3E%3Crect x='1' y='1' width='1' height='1' /%3E%3C/svg%3E"); + position: relative; + border-radius: 0px; +} + +body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:vertical { + background-color: var(--background-secondary); + width: 16%; + min-height: 8%; + border-radius: 0px; + border: 0px solid transparent; +} + +body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:active, +body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:hover { + background-color: var(--background-secondary); + border-radius: 0px; + +} + +body:not(.native-scrollbars) ::-webkit-scrollbar-thumb, +body:not(.native-scrollbars) ::-webkit-scrollbar-button { + box-shadow: + inset -1px -1px black, + inset 1px 1px var(--background-secondary), + inset -2px -2px var(--bg-button-shadow), + inset 2px 2px var(--bg-button-light); +} + +body:not(.native-scrollbars) ::-webkit-scrollbar-button { + background: var(--background-secondary) var(--downicon); + position: relative; + z-index: 2; +} + +body:not(.native-scrollbars) ::-webkit-scrollbar-button:start { + display: contents; +} + +body:not(.native-scrollbars) ::-webkit-scrollbar-button:end { + display: contents; +} + +body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:horizontal { + background-color: var(--background-secondary); + width: 16%; + min-height: 8%; + border-radius: 0px; + border: 0px solid transparent; +} + +body:not(.native-scrollbars) ::-webkit-scrollbar-button:horizontal { + width: 18px; + background-image: var(--righticon); + background-repeat: no-repeat, repeat-x; +} + +body:not(.native-scrollbars) ::-webkit-scrollbar-button:horizontal:decrement { + background-image: var(--lefticon); +} + +body:not(.native-scrollbars) ::-webkit-scrollbar-button:decrement { +background-image: var(--upicon); +} + +body:not(.native-scrollbars) ::-webkit-scrollbar-button:active { + background-position: 1px 1px; + box-shadow: + inset -1px -1px var(--bg-button-light), + inset 1px 1px var(--bg-button-shadow), + inset -1px -1px var(--background-secondary), + inset 1px 1px black; +} + +body:not(.native-scrollbars) ::-webkit-scrollbar-track { + margin-top: 0px; + +} + +body:not(.is-mobile) :is(.is-focused .workspace-leaf.mod-active .view-header, .view-header), +body:not(.is-mobile) .workspace-leaf-content>.nav-header { + position: inherit; +} + +body:not(.is-mobile) .workspace-leaf-content>.nav-files-container { + margin-top: 0; +} + + +body:not(.is-fullscreen).is-hidden-frameless .mod-top:not(.mod-top-left-space) .workspace-tab-header-container, +body:not(.is-fullscreen).is-hidden-frameless .mod-top.mod-top-right-space .workspace-tab-header-container, +body.is-frameless:not(.is-hidden-frameless) .titlebar, +.kanban-plugin__lane-header-wrapper, .is-phone .view-header, .is-phone .modal-header, .is-mobile .workspace-drawer-header { + background: linear-gradient(to right, var(--color-accent), var(--color-accent-2)); +} + +.kanban-plugin__lane-header-wrapper, +div.kanban-plugin__lane-title-count, +.kanban-plugin__lane-grip { + color: var(--text-on-accent); +} + +.kanban-plugin__lane { + border-radius: 0px; + padding: 3px; + box-shadow: + inset -1px -1px black, + inset 0px 0px var(--background-secondary), + inset -2px -2px var(--bg-button-shadow), + inset 1px 1px var(--bg-button-light); +} + +.kanban-plugin__item { + background: var(--background-secondary); + border: 1px solid transparent; + border-radius: 0px; + +} + +.kanban-plugin__item-title-wrapper { + background: var(--background-secondary); + box-shadow: + inset 0px -1px var(--bg-button-light), + inset 0px -2px var(--bg-button-shadow); +} + +.kanban-plugin__item-button-wrapper { + border-top: 1px solid transparent; +} + +body.is-frameless:not(.is-hidden-frameless) .titlebar-text { + color: var(--text-on-accent); + opacity: 1; + padding: 0 45px; + justify-content: flex-start; +} + +body:not(.is-fullscreen).is-hidden-frameless .mod-top:not(.mod-top-right-space) .workspace-tab-header-container { + background: var(--color-accent); +} + +body.is-frameless.is-hidden-frameless .workspace-ribbon.mod-left:before { + background: var(--color-accent); +} + + +body:not(.is-phone).mod-windows.is-frameless.is-hidden-frameless.obsidian-app{ + padding: 4px 4px 2px 4px !important; + background: var(--background-secondary); + box-shadow: + inset -1.5px -1.5px black, + inset 0px 0px var(--background-secondary), + inset -2px -2px var(--bg-button-shadow), + inset 2px 2px var(--bg-button-light); +} + +body.is-phone.mod-windows.is-frameless.is-hidden-frameless.obsidian-app .mobile-tab-switcher{ + padding: 4px 4px 2px 4px !important; + background: var(--background-secondary); + box-shadow: + inset -1.5px -1.5px black, + inset 0px 0px var(--background-secondary), + inset -2px -2px var(--bg-button-shadow), + inset 2px 2px var(--bg-button-light); + +} + +.workspace-drawer{ + padding: var(--safe-area-inset-top) 4px 2px 4px !important; + background: var(--background-secondary); + box-shadow: + inset -1.5px -1.5px black, + inset 0px 0px var(--background-secondary), + inset -2px -2px var(--bg-button-shadow), + inset 2px 2px var(--bg-button-light); +} + +.is-phone .workspace-drawer{ + min-width: 97%; +} + + +.graph-controls:not(.is-close) { + border-radius: 0px; + background: var(--background-secondary); + box-shadow: + inset -1.5px -1.5px black, + inset 0px 0px var(--background-secondary), + inset -2px -2px var(--bg-button-shadow), + inset 1px 1px var(--bg-button-light); +} + +.graph-control-section { + border-bottom: 1px solid var(--bg-button-shadow); + border-top: 1px solid var(--bg-button-light); + margin: 0 5px 0 5px; + +} + +.graph-controls .setting-item { + padding: 5px; + +} + +.graph-control-section>.tree-item-self { + padding-left: 25px; + +} + +.graph-control-section>.tree-item-self:hover { + background: var(--color-accent); + border-radius: 0px; +} + +.graph-control-section>.tree-item-self:hover .graph-control-section-header, +.graph-control-section>.tree-item-self:hover .collapse-icon svg.svg-icon { + color: var(--text-on-accent); +} + +.graph-control-section .collapse-icon svg.svg-icon { + color: black; +} + +.graph-controls.is-close { + box-shadow: + inset -1.5px -1.5px black, + inset 0px 0px var(--background-secondary), + inset -2px -2px var(--bg-button-shadow), + inset 1px 1px var(--bg-button-light); + border-radius: 0px; +} + +.modal.mod-sidebar-layout .modal-content { + padding: 5px 5px 5px 5px !important; + margin: 2px; + background: var(--background-secondary); + z-index: 0; +} + +.mod-sidebar-layout .modal-header { + + background: linear-gradient(to right, var(--color-accent), var(--color-accent), var(--color-accent-2)); + display: block; + margin: 2px 3px 2px 2px; +} + +.is-hidden-frameless:not(.is-fullscreen).is-focused .titlebar-button-container.mod-right, +.is-hidden-frameless:not(.is-fullscreen) .titlebar-button-container.mod-right { + background-color: transparent; +} + + +.workspace-split.mod-horizontal .workspace-tabs.mod-top .workspace-leaf .node-insert-event { + box-shadow: inset -1px 0px var(--background-secondary), + inset 1px 0px var(--bg-button-shadow), + inset 1.5px 0px black; + border-top: 1px solid black; + background-color: var(--background-primary); +} + +.workspace-split:not(.mod-horizontal.mod-left-split, .mod-horizontal.mod-right-split) .workspace-tabs:not(.mod-top) .markdown-reading-view { + border-top: 1px solid black; + box-shadow: inset -1px 0px var(--background-secondary), + inset 1px 0px var(--bg-button-shadow), + inset 1.5px 0px black; + +} + + +iframe { + background-color: var(--background-primary); + box-shadow: inset -1px 0px var(--background-secondary), + inset 1px 0px var(--bg-button-shadow), + inset 1.5px 0px black; + border-top: 1px solid black !important; + +} + +.workspace-tabs { + border-bottom: 1px solid var(--bg-button-light); +} + +.workspace-tabs::after { + border-bottom: 2px solid var(--bg-button-shadow); + top: 0; + position: inherit; + content: ''; + bottom: 1px; + right: 0; + left: 0; +} + +.empty-state { + text-align: -webkit-center; + display: grid; + top: 36px; + +} + +.markdown-preview-view:not(.kanban-plugin__markdown-preview-view), +.markdown-source-view.mod-cm6, +.workspace-split:not(.mod-horizontal.mod-left-split, .mod-horizontal.mod-right-split) .workspace-tabs:not(.mod-top) .markdown-source-view.mod-cm6 .cm-scroller, .is-phone .nav-files-container.node-insert-event.show-unsupported, .is-phone .node-insert-event { + border-top: 1px solid black; + border-left: 1px solid black; +} + +.is-phone .nav-files-container.node-insert-event.show-unsupported { + border-bottom: 2px solid var(--bg-button-shadow); +} + +.workspace.is-left-sidedock-open .workspace-split:not(.mod-left-split, .mod-right-split) .workspace-leaf-content .view-content { + border-left: 5px solid var(--background-secondary); + border-right: 5px solid var(--background-secondary); +} + +.workspace-split:not(.mod-left-split, .mod-right-split) .workspace-leaf-content .view-content { + border-right: 5px solid var(--background-secondary); +} + +.workspace.is-right-sidedock-open .workspace-split:not(.mod-left-split, .mod-right-split) .workspace-leaf-content .view-content { + border-right: 5px solid var(--background-secondary); +} + +.search-input-container input, +input[type='search']:active, +textarea, +input.metadata-input-text, +input[type='date'], +input[type='datetime-local'], +input[type='text'], +input[type='search'], +input[type='email'], +input[type='password'], +input[type='number'], +textarea:active, +input.metadata-input-text:active, +input[type='date']:active, +input[type='datetime-local']:active, +input[type='text']:active, +input[type='search']:active, +input[type='email']:active, +input[type='password']:active, +input[type='number']:active, +textarea:focus, +input.metadata-input-text:focus, +input[type='date']:focus, +input[type='datetime-local']:focus, +input[type='text']:focus, +input[type='search']:focus, +input[type='email']:focus, +input[type='password']:focus, +input[type='number']:focus, +textarea:focus-visible, +input.metadata-input-text:focus-visible, +input[type='date']:focus-visible, +input[type='datetime-local']:focus-visible, +input[type='text']:focus-visible, +input[type='search']:focus-visible, +input[type='email']:focus-visible, +input[type='password']:focus-visible, +input[type='number']:focus-visible, +.kanban-plugin__grow-wrap>textarea:focus, input.prompt-input:hover, input.prompt-input:focus, input.prompt-input:focus-visible, .tree-item-self.nav-file-title.tappable.is-clickable.has-focus.is-being-renamed { + box-shadow: inset -1px -1px var(--background-secondary), inset 2px 2px var(--bg-button-shadow), inset -1px -1px var(--background-secondary), inset 1px 1px black; +} +input.prompt-input:hover, input.prompt-input:focus, input.prompt-input:focus-visible{ + border-bottom:none; +} + +.workspace-split:not(.mod-horizontal.mod-left-split, .mod-horizontal.mod-right-split) .workspace-tabs:not(.mod-top) .workspace-tab-header-container { + border-bottom: 1px solid transparent; + box-shadow: inset 0 -1px var(--bg-button-light), inset 0 -2px var(--bg-button-shadow); +} + +.kanban-plugin__grow-wrap>textarea { + padding: 2px 0 0 5px; +} + +input[type='search'] { + border: none; +} + +.search-input-container input, +textarea, +input.metadata-input-text, +input[type='date'], +input[type='datetime-local'], +input[type='text'], +input[type='search'], +input[type='email'], +input[type='password'], +input[type='number'], .tree-item-self.nav-file-title.tappable.is-clickable.has-focus.is-being-renamed { + border-radius: 0px; +} +.tree-item-self.nav-file-title.tappable.is-clickable.has-focus.is-being-renamed{ + background-color: var(--background-primary); +} + +.titlebar-button-container.mod-right { + margin-right: 10px; +} + +.menu-item.selected:not(.is-label):not(.is-disabled), +.menu-item.selected:not(.is-disabled) .menu-item-icon { + color: var(--text-on-accent); +} + +.horizontal-tab-nav-item:hover, +.vertical-tab-nav-item:hover, +body:not(.is-grabbing) .tree-item-self.is-clickable:hover, +.tree-item-self.is-active, .mobile-tap.menu-item.tappable:active { + color: var(--text-on-accent); + background: var(--color-accent); + border-radius: 0px; +} + +.checkbox-container, +.checkbox-container.mod-small { + cursor: pointer; + border: 0; + border-radius: 0; + display: inline-block; + height: 13px; + position: relative; + user-select: none; + width: 13px; + box-shadow: none; +} + +.checkbox-container.is-enabled:after, +.checkbox-container.is-enabled:active:after, +.checkbox-container.mod-small.is-enabled:after { + transform: unset; + border-radius: 0; +} + +.checkbox-container.is-enabled:active:after { + left: 3px; +} + +.checkbox-container:not(.is-enabled):after, +.checkbox-container.mod-small:not(.is-enabled):after { + transform: unset; + display: none; + border-radius: 0; +} + +.checkbox-container:before, input[type="checkbox"]:before { + content: ""; + position: absolute; + left: 0px; + display: inline-block; + width: 13px; + height: 13px; + background: #fff; + box-shadow: inset -1px -1px var(--background-secondary), inset 2px 2px var(--bg-button-shadow), inset -1px -1px var(--background-secondary), inset 1px 1px black; + margin-right: 6px; + opacity: 1; + border-radius: 0; +} + +.kanban-plugin__item-prefix-button-wrapper input[type=checkbox]:before { + content: ""; + position: absolute; + left: 0px; + display: inline-block; + width: 13px; + height: 13px; + background: #fff; + box-shadow: inset -1px -1px var(--background-secondary), inset 2px 2px var(--bg-button-shadow), inset -1px -1px var(--background-secondary), inset 1px 1px black; + opacity: 1; + border-radius: 0; + +} + +input[type=checkbox], input[type=checkbox]:hover, input[type=checkbox]:active, input[type=checkbox]:focus, input[type=checkbox]:checked, input[type=checkbox]:checked:hover { + border: 1px solid transparent; +} + +input[type=checkbox]:checked, input[type=checkbox]:checked:hover { + background: transparent; +} + +.checkbox-container:after, .checkbox-container:active:after, .checkbox-container.mod-small:active:after, .checkbox-container.mod-small:after, input[type=checkbox]:checked:after { + content: " "; + display: block; + width: 7px; + height: 7px; + position: absolute; + top: 3px; + left: 3px; + -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 0H6v1H5v1H4v1H3v1H2V3H1V2H0v3h1v1h1v1h1V6h1V5h1V4h1V3h1V0z' fill='%23000'/%3E%3C/svg%3E"); + -webkit-mask-size: cover; + background-color: black; + margin: 0; + transform: unset; + border: 0; + border-radius: 0; + transition: none; +} + +.mod-settings input[type=checkbox], .mod-settings input[type=radio] { + appearance: none; + -webkit-appearance: none; + -moz-appearance: none; + margin: 0; + background: 0; + position: fixed; + opacity: 0; + border: none; +} + +/*range slider*/ +input[type=range] { + -webkit-appearance: none; + width: 100%; + background: transparent; +} + + +input[type=range]::-webkit-slider-thumb, input[type=range]::-webkit-slider-thumb:focus, input[type=range]::-webkit-slider-thumb:hover, input[type=range]::-webkit-slider-thumb:active { + border-radius: 0px; + height: 21px; + width: 11px; + box-shadow: + inset -1px -1px black, + inset 1px 1px var(--background-secondary), + inset -2px -2px var(--bg-button-shadow), + inset 2px 2px var(--bg-button-light) !important; + transform: translateY(-2px); + border: none; + background-color: var(--background-secondary); +} + +input[type=range]::-webkit-slider-runnable-track { + width: 100%; + height: 1.5px; + box-sizing: border-box; + background: black; + box-shadow: 1px 0 0 darkgrey, 1px 2px 0 darkgrey, -2.5px 2px 0 darkgrey, 1px 4px 0 var(--bg-button-light), -2.5px 4px 0 var(--bg-button-light), 2px 0 0 var(--bg-button-light), -1px 0 0 var(--bg-button-shadow), -2px -2px var(--bg-button-shadow), 2px -2px var(--bg-button-shadow), -2px 0 0 var(--bg-button-shadow); +} + +.progress-bar { + width: 100%; + background-color: var(--background-secondary); +} + +@keyframes decrease { + 0% { + right: 100%; + width: 100%; + } + 100% { + right: 0%; + width: 100%; + } +} + +.progress-bar-indicator { + height: 23px; + width: 22vw; + border-radius: 0px; +} + +.progress-bar-line { + height: 8px; + box-shadow: inset -1px -1px var(--bg-button-light), inset 1px 1px var(--bg-button-shadow), inset -1px -1px var(--background-secondary), inset 1px 1px black; + padding: 10px; + background: var(--bg-button-shadow); +} + +.progress-bar-subline.mod-increase { + animation: none; +} + +.progress-bar-subline { + height: 16.5px; + margin-top: 2px; +} + +.progress-bar::after { + content: ""; + position: absolute; + top: 2px; + right: 2px; + bottom: 95.7%; + left: 2px; + background: linear-gradient(to right, var(--color-accent), var(--color-accent), var(--color-accent-2)); + z-index: -1; +} + +.progress-bar::before { + content: "Obsidian is Loading"; + top: 10px; + left: 15px; + color: var(--text-on-accent); + z-index: 1; +} + +.progress-bar-container{ + background-color: var(--background-secondary); +} + +.progress-bar-message { + margin-bottom: -21px; + opacity: 1; + color: var(--bg-button-light); + z-index: 1; +} + +.search-result-container:before { + height: 11px; +} + +.modal-setting-nav-bar { + box-shadow: inset 0 -1px var(--bg-button-light), inset 0 -2px var(--bg-button-shadow); +} + +.community-modal-details { + border-left: 3px solid transparent; +} + +.community-modal-search-summary{ + box-shadow: inset 0 -1px var(--bg-button-light), inset 0 -2px var(--bg-button-shadow); + border-top: none; +} + +.mod-windows .titlebar-button-container { + height: 115%; +} + +.vertical-tab-header-group-title { + color: var(--text-muted); +} + + + + + +/*Opened Folder svg not Collapsed and sets style for folder icons*/ +.tree-item-self.mod-collapsible .tree-item-icon { + position: relative; + content: " "; + display: inline-block; + line-height: 10px; + width: 12px; + margin-right: 5px; + vertical-align: -5px; + background-color: transparent; + text-align: center; + border: 1px solid var(--text-normal); + width: 12px; + padding-bottom: 1px; +} +.tree-item-self.mod-collapsible:hover .tree-item-icon{ + border: 1px solid var(--text-on-accent); +} +.tree-item-self.mod-collapsible:hover .tree-item-icon.collapse-icon::before{ + content: "-"; + color: var(--text-on-accent); +} +.tree-item-self.mod-collapsible:hover .tree-item-icon.collapse-icon.is-collapsed::before{ + content: "+"; + color: var(--text-on-accent); +} + +.tree-item-icon.collapse-icon::before{ + content: "-"; + color: var(--text-normal);; +} +.tree-item-icon.collapse-icon.is-collapsed::before{ + content: "+"; +} + +.collapse-icon svg.svg-icon{ + display: none; +} + +.nav-folder.mod-root .nav-folder>.nav-folder-children { + border-left: var(--nav-indentation-guide-width) dashed black; +} + +.workspace-tab-header.is-active { + font-weight: bold; +} + +.modal.mod-sidebar-layout .modal-content::after:not(.is-phone) { + content: "Settings"; + position: absolute; + top: 7px; + left: 15px; + color: var(--text-on-accent); + +} + +.mod-sidebar-layout .modal-title { + display: block; + z-index: 1; + color: var(--bg-button-light); + width: 100%; + background: transparent; + padding-left: 10px; + padding-top: 5px; + padding-bottom: 5px; +} + +.modal-title { + font-size: var(--font-ui-medium); + margin-bottom: 0em; + font-weight: var(--font-normal); + text-align: left; + line-height: var(--line-height-tight); +} + +.modal-container.mod-dim .modal, +.modal.mod-sidebar-layout { + box-shadow: var(--shadow-l); + background: var(--background-secondary); + box-shadow: inset -1.5px -1.5px black, inset 0px 0px var(--background-secondary), inset -2px -2px var(--bg-button-shadow), inset 2px 2px var(--bg-button-light), inset 0px 30px transparent; +} + +.modal-setting-back-button { + display: none; +} + +.workspace-tab-header-inner .workspace-tab-header-inner-icon, .is-focused .workspace-tab-header, .workspace-tab-header-tab-list .clickable-icon, .workspace-tab-header-new-tab .clickable-icon, .workspace-tab-header-inner:hover .workspace-tab-header-inner-icon{ + color: var(--text-normal); +} + +.workspace-tab-header-tab-list{ + padding: 1px; +} + + +.workspace .mod-root .workspace-tab-header-inner::after { + background: transparent; +} + +.textLayer { + box-shadow: 3px 2px 0px black; +} + +.pdf-sidebar-container .thumbnail::before { + box-shadow: 1px 1px 0px black; + cursor: pointer; +} + +.clickable-icon[aria-disabled='true'], .clickable-icon[aria-disabled='true']:hover { + background-color: unset; + color: var(--text-muted); + opacity: 0.4 !important; +} + +.search-params .setting-item{ + padding: 5px; +} + + +.search-suggest-item.mod-group:not(:first-child){ + border-top: 1px solid var(--bg-button-shadow); +} + +.sidebar-toggle-button { + height: calc(var(--header-height) - -10px); + margin-bottom: 5px; + padding-top: 3px; + padding-bottom: 15px; +} + +.workspace-tab-header.tappable { + height: calc(var(--header-height) - 9px); + margin-top: 2px; +} + +.mod-left-split .workspace-tab-header-container-inner, .mod-right-split .workspace-tab-header-container-inner, .workspace-tab-header-container-inner { + margin: 0; +} + +.workspace-tab-header-container-inner { + margin: 0px -5px calc(var(--tab-outline-width) * -1); +} + +.tree-item-children{ + border-inline-start: var(--nav-indentation-guide-width) dashed var(--text-normal); +} + +.workspace-split.mod-root .view-content{ + background-color: var(--background-primary); +} +.workspace-tab-header-container, .workspace-ribbon.mod-left:before{ + + border-bottom: none; +} + +.cm-gutterElement, .tree-item-flair{ +color: var(--text-muted); +} + +.tag-container.node-insert-event{ +height: 100%; +} + +/*icons*/ +.titlebar-button.mod-maximize svg{ + mask-image: var(--maximize); + mask-repeat: no-repeat; + mask-position: center; + mask-size: 85%; + background-color: var(--text-normal); + +} +.titlebar-button.mod-maximize[aria-label="Restore down"] svg{ + mask-image: var(--restoredown); + mask-repeat: no-repeat; + mask-position: center; + mask-size: 175%; + background-color: var(--text-normal); + +} +.titlebar-button.mod-minimize svg { + mask-image: var(--minimize); + mask-repeat: no-repeat; + mask-position: left bottom; + mask-size: 70%; + background-color: var(--text-normal); +} + +.titlebar-button.mod-close svg { + mask-image: var(--closebutton); + mask-repeat: no-repeat; + mask-position: center; + mask-size: 75%; + background-color: var(--text-normal); +} + +.modal-close-button::before { + mask-image: var(--closebutton); + mask-repeat: no-repeat; + mask-position: 3px 12px; + mask-size: 65%; + background-color: var(--text-normal); +} + +.modal-close-button{ + background-size: 40%; +} +.titlebar-button.mod-close svg{ + background-size: 79%; +} + +svg.svg-icon.lucide-x { + background-size: 50%; +} + +.titlebar-button.mod-maximize svg, .titlebar-button.mod-minimize svg, .titlebar-button.mod-close svg, svg.svg-icon.lucide-x { + color: transparent; +} + +svg.svg-icon.lucide-file-down, svg.svg-icon.lucide-git-fork, svg.svg-icon.lucide-file-audio, svg.svg-icon.lucide-palette, svg.svg-icon.lucide-arrow-up-right, svg.svg-icon.lucide-timer, svg.svg-icon.lucide-rotate-ccw, .search-input-clear-button, svg.svg-icon.lucide-check-square, svg.svg-icon.lucide-scissors, svg.svg-icon.lucide-layout, svg.svg-icon.lucide-binary, svg.svg-icon.lucide-terminal, svg.svg-icon.lucide-layout-dashboard, svg.svg-icon.lucide-text-select, svg.svg-icon.lucide-x, svg.svg-icon.lucide-box-select, svg.svg-icon.lucide-refresh-cw, svg.svg-icon.lucide-file-text, svg.svg-icon.lucide-book-up, svg.svg-icon.lucide-file, svg.svg-icon.lucide-file-plus, svg.svg-icon.lucide-move-vertical, svg.svg-icon.lucide-search, svg.svg-icon.lucide-arrow-up, svg.svg-icon.lucide-arrow-down, svg.svg-icon.lucide-archive, svg.svg-icon.lucide-clipboard-check, svg.svg-icon.lucide-clipboard-type, svg.svg-icon.lucide-copy, svg.svg-icon.lucide-files, svg.svg-icon.lucide-list-ordered, svg.svg-icon.lucide-list, svg.svg-icon.links-coming-in, svg.svg-icon.lucide-ruler, svg.svg-icon.lucide-picture-in-picture-2, svg.svg-icon.lucide-separator-horizontal, svg.svg-icon.lucide-separator-vertical, svg.svg-icon.lucide-link, svg.svg-icon.lucide-git-merge, svg.svg-icon.lucide-plus-circle, svg.svg-icon.lucide-info, svg.svg-icon.lucide-gallery-vertical, svg.svg-icon.links-going-out, svg.svg-icon.lucide-external-link, svg.svg-icon.lucide-sort-asc, svg.svg-icon.lucide-folder-tree, svg.svg-icon.lucide-sliders-horizontal, svg.svg-icon.lucide-wand-2, svg.svg-icon.lucide-edit, svg.svg-icon.lucide-folder-plus, svg.svg-icon.lucide-mic, svg.svg-icon.lucide-code-2, svg.svg-icon.lucide-tags, svg.svg-icon.lucide-trash-2, svg.svg-icon.lucide-edit-3, svg.svg-icon.lucide-book-open, svg.svg-icon.lucide-file-search, svg.svg-icon.lucide-layout-grid, .menu-item-icon svg.svg-icon.lucide-bookmark, svg.svg-icon.lucide-bookmark-plus, .clickable-icon.mod-filled svg, .workspace-tab-header-inner-icon svg.svg-icon.lucide-bookmark, svg.svg-icon.lucide-settings, svg.svg-icon.lucide-folder-open, svg.svg-icon.lucide-folder-closed, svg.svg-icon.sidebar-right, svg.svg-icon.sidebar-left, svg.svg-icon.lucide-layout-list, svg.svg-icon.help, svg.svg-icon.lucide-plus, svg.svg-icon.lucide-zoom-out, svg.svg-icon.lucide-zoom-in, svg.svg-icon.lucide-arrow-right, svg.svg-icon.lucide-arrow-left, svg.svg-icon.lucide-chevron-left, svg.svg-icon.lucide-chevron-right{ + background-repeat: no-repeat; + background-position: center; + color: transparent; +} + +svg.svg-icon.lucide-arrow-left, svg.svg-icon.lucide-chevron-left{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAiUlEQVQ4je2TUQqAIBBEZ6MbeSc703qm9kzTTxSG2ip9BPVA0GV9DIsCP5+APc2TpylEdkldhEiuJNGZ2CXVAfHckqoCBiDZWav1WxIAkKa4JNXGmFNyJC5Jcdl7kEqdQQmE/eSQ2pKPoibO5XZcdAdtvWOxRa5p5WYd3H0QcSYd5tkPUpD/vIgN7cFBZoHWjZYAAAAASUVORK5CYII="); + background-size: 120%; +} + +.is-phone svg.svg-icon.lucide-plus-circle{ + background-size: 100%;} + +svg.svg-icon.lucide-arrow-right, svg.svg-icon.lucide-chevron-right{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWBAMAAAA2mnEIAAAAFVBMVEUAAAAAAAAzZv8zzP/M//8zmf+Z//+J/hX7AAAAAXRSTlMAQObYZgAAAEVJREFUGNNjoBwoILEVkdjKAgi2iiGEVgIClWQBiJgLEJgZQtjGIGAEllANBQJjiEmCQCBqhDBIFMkCISTzBZHsFSDHEwDtjQfKrO9Y+gAAAABJRU5ErkJggg=="); + background-size: 120%; +} + +svg.svg-icon.lucide-zoom-in{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGFBMVEUAAAD///8zZv8AAIAEBASZzP+AAAD/AABaDBHsAAAAAXRSTlMAQObYZgAAAFBJREFUCNdjYGBQUgISIFpQEMxiEhQUFFUAM4QNwQxFIEMwBMQQNjY2RDDgUjDFDiBGqKBgqAPYwNBQlxSw0S4uDGVAITBgT4EykIQSGGAAADM2C4mnOuTsAAAAAElFTkSuQmCC"); + background-size: 100%; +} + + svg.svg-icon.lucide-zoom-out{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGFBMVEUAAAD///8zZv8EBASZzP8AAICAAAD/AAD5potjAAAAAXRSTlMAQObYZgAAAExJREFUCNdjYGBQUgISIFpQEMxiEhQUFFFAZigKAoEziCEaGhqIYMClYIoNQAwXQUEXA7CBLi7GyWCjjY0ZyoBCYMCeDGUgCSUwwAAAD6kKzYSZbBMAAAAASUVORK5CYII="); +background-size: 100%; +} + + svg.svg-icon.lucide-plus{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAFVBMVEUAAAD///8AAACGhobMzMwA/wAAgADko50aAAAAAXRSTlMAQObYZgAAAEZJREFUCNdjwATGxsZGYIahoKATnAEUNYAxjFAYLi5KSk5ABhCoBkEYSqpJSmCGamhoEISRmpaEkDJxAQLVJCcGJSiAWw4AEo4QxF6jaBIAAAAASUVORK5CYII="); +background-size: 100%; +} + +svg.svg-icon.help{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAOVBMVEUAAACAAIDMAMwAAABmAGbAwMCZAJn/mf/n59aZmZn//wDWAJNmZmaZZjPMZsytqZD/zDOGhobMmTM1eNxEAAAAAXRSTlMAQObYZgAAAG5JREFUGNNVzVEOhSAMRFGHtjzoE1H3v1iHWDFOwse5IekSgyyf4ZdUvk4pRwq3poDKtLufLCJhbneFYNp9b5AVYSojy1p5HQAPZD76GKEa0+1OMxTr4P+jGs3w30oxQ+3DY6pMbOGZwm8Kv+nxBbR5A2SXmbJNAAAAAElFTkSuQmCC"); +background-size: 100%; +} + +svg.svg-icon.sidebar-left, svg.svg-icon.lucide-layout-list{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAElBMVEUAAAAAAAAzZv8zmf+Z//8zzP8tl8U0AAAAAXRSTlMAQObYZgAAAEFJREFUCNdjwAeUlBgYwQwVRwZFCMOQyRHKUHFUUgQxjFxcXAzBIqbGxhCGsKGgIJjBaAhWrGzIIAhmAIUZGfACAO96Bp+OcnygAAAAAElFTkSuQmCC"); +background-size: 120%; +} + +svg.svg-icon.sidebar-right{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAFVBMVEUAAAAAAAAzZv8zmf+Z///M//8zzP9q4PQDAAAAAXRSTlMAQObYZgAAAENJREFUCNdjwA8UGJSUwAxFBhVHMENNQMUQSCkpqSaCGaqhoW4mIIaasXESWERQUFgRyAABIQEoQ5BBGcIQAErjsxAADBsHCzPYvG8AAAAASUVORK5CYII="); +background-size: 120%; +} + +svg.svg-icon.lucide-folder-closed{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjklEQVQ4jb1T2w2AIAw8jRuxk52pzATDMMH5ISSC8tLES0gI7T0gBfiIJW1UwbIokvdUoQqGEEi6uJSk0rmdwF04S6AKGrM3Dby3tzORM9kGAD2BvO5hrSAmW7ZrYQhF2zpF8gDMGwFzIU8lKJ2nE5TOwwlqzg/vvA6RKmQgDlLzGhWkMU9z/kak/0d+wQEBDz4+oW4zdQAAAABJRU5ErkJggg=="); + background-size: 100%; +} + +svg.svg-icon.lucide-folder-open{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAFVBMVEUAAAD//5mZmQAAAAD4+Pj/zJnMzGbOFUBaAAAAAXRSTlMAQObYZgAAAFlJREFUCNdjQAAmJSUIQ8XFRQEs4Cgo6KSkpABmCLq4JIMYIJDMoAQGickMKkBuYJgZmBEoKmYGURMYqqwMZIiKioYmKwMNDAwMDU0yZoBqAzKYjcGAAQMAAFJmD+Pc+RvGAAAAAElFTkSuQmCC"); + background-size: 100%; +} + +svg.svg-icon.lucide-settings{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAFVBMVEUAAAAAAACAgACAgID//////wDAwMA8dePgAAAAAXRSTlMAQObYZgAAAG5JREFUCNdNyDsOgzAQhOEhkVJ7l4R+F+cAkVfpEZjevHrg/ncASxT8zXwa3HuGC9a7PI/6H8r6hJ9t53h+3Fl4Dw6qre3lQvB+tMCxAWskqpKAxcdpFsHvk3TjnoAvazOoy2ChjLUq0ouQKwi3DgVsDkwV1wBDAAAAAElFTkSuQmCC"); + background-size: 100%; +} + +.workspace-tab-header-inner-icon svg.svg-icon.lucide-bookmark{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAHlBMVEUAAAD//5nMzGaZmQAAAAD/zJn//8wAAP8AAIDx8fFA+GAaAAAAAXRSTlMAQObYZgAAAFRJREFUCNdjQABjYwMwzTwtURjMMFJSUjI2NmZgMEsDASEHBjNBEAgCMwpLRSEiEoKBYBHx8nKYSCBERLS0VBTECASCUCDDSAkMHBhYXMDAgQEDAACaWRRACZ2ZugAAAABJRU5ErkJggg=="); + background-size: 110%; +} +.clickable-icon.mod-filled svg{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAD//wAAAACAgACAW77wAAAAAXRSTlMAQObYZgAAAEBJREFUCNdjgIIGGMGcACN4IxgY7L+GrWDgDA1NYGAKDQVKTw0DSlwFEsxhVxsYmCNUGxh4F3AlMPAxMCwAmwMAznsNJni8KusAAAAASUVORK5CYII="); + fill: transparent; + background-size: 115%; +} +.menu-item-icon svg.svg-icon.lucide-bookmark, svg.svg-icon.lucide-bookmark-plus{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAD1BMVEUAAAD//wAAAAAAvwCAgAArDRlMAAAAAXRSTlMAQObYZgAAAGpJREFUKM+1jMENgDAMA1HpAskEaSZAYgEqdf+ZKCVuxAPyws/z2cufySGoRwAycQAqkbyD3FojIlbVWVtkPo7gF8rjBYIrENxgGABSDNhCl1RIHFxl6mDd7gWPThkgmasGPHvPN8AkAGFOzLgM46tAbEgAAAAASUVORK5CYII="); + background-size: 100%; + +} + +svg.svg-icon.lucide-layout-grid{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAIVBMVEUAAAD///8AAAAzZv/MzMwAAP/n59YAM5kAAICGhoYzmf80iujOAAAAAXRSTlMAQObYZgAAAEJJREFUCNdjgINQCAhiiDIGAyOGDghoYpgoCAZODBOFDQWBCMQQFwQiIEO8PBGIgAzBtEQgIk7NFBcwcGJQggK4KwCayh1JjAo++wAAAABJRU5ErkJggg=="); +} + +svg.svg-icon.lucide-file-search{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWBAMAAAA2mnEIAAAAMFBMVEUAAAD///8AAACGhob//5nMzMwzmcyZ//8zZpmZzP/MAAAzzP/M////mQD/AABNTU1+jNGuAAAAAXRSTlMAQObYZgAAAIpJREFUGNNjQAbMxiAAZQsCgbACElsIiS2oAGWLiAgpKUHZjo6OoUEQtggIQNgg4WBjI5i4qNnMJJh48ESZCgUQG6jYTFC8ogkqbil4fEYSVNzyePmOJKi4WfnsjCaoePDubRlKUHHXb2lNrxSAbLCtSlr3FgHZoWAQtBYowaQEAVy3FBCeVULxOgCUKSNgSvUSVQAAAABJRU5ErkJggg=="); + background-size: 110%; +} + +svg.svg-icon.lucide-book-open{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAElBMVEUAAACAgAAAAACAgIDAwMD///8eqVfnAAAAAXRSTlMAQObYZgAAAFFJREFUCNctycENgDAMQ9GUDZoskNAJiFgACSbo/rvg1PXp61mw5sKZstrVWdY7agHmBRTC8A33KRoFr4plAB5cM6NAxjezQA5UwSoAC8Aq+AGycgrTo9r4bQAAAABJRU5ErkJggg=="); + background-size: 100%; +} + +svg.svg-icon.lucide-edit-3{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAD1BMVEUAAAAAAAD//////wCAgABGKkibAAAAAXRSTlMAQObYZgAAAC5JREFUCNdjQAOMMIaQAFRAGcoQMhSACQhABRjRBQTRBdDMEHGEmi4IMx1CIwAA1R0DDYNNT2cAAAAASUVORK5CYII="); + background-size: 100%; +} + +svg.svg-icon.lucide-trash-2{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAMFBMVEUAAACGhobMzMzn59ZNTU34+PgAgAAAAABmZmZVVVXAwMCtqZAzmTN3d3dmmWYpKSllg4LiAAAAAXRSTlMAQObYZgAAAH5JREFUCNdjYGAQFAQSIHpiqCCYLp8pDWaJhldO3ARiCakGzpRWUhVhEDZSCp24KRDIMLY5FBoq2MLAaJxlmKUoAWTYpC1LVuwoYWC0yjI21u0oYGAQPpWcJNECYpilPZJwZwAapJys1AJisDgpKbkAZUAsRZcPDGCWSzkDAwDc/RyD0VXO3gAAAABJRU5ErkJggg=="); +} +svg.svg-icon.lucide-tags{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAD1BMVEUAAAAAAAD//////wCAgICrksu7AAAAAXRSTlMAQObYZgAAADpJREFUCNdjgAMWAShDgAXKcGDEIyIIAgJAESMQMGRgFFEGAUUGBiFHiAiDsCBMxAgqwghTwwDVjgEA6UwIGe0T1Y8AAAAASUVORK5CYII="); + background-size: 100%; +} +svg.svg-icon.lucide-code-2{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAElBMVEUAAAD////AwMCAgIAAAAAAgIAc7xoSAAAAAXRSTlMAQObYZgAAAFhJREFUCNddjdENgDAIBYm6QI0OIHYC6QAYXYH9V/GIJia9r8uDByJiIDAqpB0F1JE1olQmG8HsKRGBdEnxr/VLTeHwubzLtbE90LmokaTs+UK1mSHTncgDIpcPpryXiYoAAAAASUVORK5CYII="); +} +svg.svg-icon.lucide-mic{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAIVBMVEUAAAAAAACAgID///8AgIAAmczAwMBVVVVfX18A///MzJnREucMAAAAAXRSTlMAQObYZgAAAF1JREFUCNdjAAOlDgjNpKxWAGEYLYIwOLSEBMAMj0R1MIPFtFwQLOAsCJFgMQxkgAiIToQImApKKikAGWqBDIzGIEWKAgxMZkAGkyAQKwIZQBpCgGSZkgSgDCMBBgALlQmNW1fl6AAAAABJRU5ErkJggg=="); + background-size: 100%; +} +svg.svg-icon.lucide-folder-plus{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAHlBMVEUAAAD/zADMAADMmQBmZgD//5kEBAT//8yZAAD///+rdvGcAAAAAXRSTlMAQObYZgAAAFhJREFUCNdjAAMmBgRAFVEAIxcXBiYmoBDL1NAEBg2wgIuTUmcTE4NrKBCARFzFxQWFhJiAjMJCQUMzBgWgiKCwsBEDUAQoYGwGYgAFIAygAJiRBgZI9gIAkj4PggzxT+sAAAAASUVORK5CYII="); + background-size: 100%; +} + +svg.svg-icon.lucide-edit{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAJ1BMVEUAAAAAAADAwMD/+/CAgID////q6urx8fHn59bMzAAAAMwAAP///wD/aHs6AAAAAXRSTlMAQObYZgAAAHhJREFUCNdjYBAAAQYGBsYQIAgEMlyFQUCAi8HV2NzY3EhgNZBhbJ5cJLWVwUkJBKSiGVyLzczTigR3AaXSyyw6BaUgUnMmCjK4JqdXZB6aIsDgalZmNidTkAEkpSkoKMAA1FUm2NEEYqRZVIAYUAOBDEZBIACqBQDTnhxDQpGUvgAAAABJRU5ErkJggg=="); + background-size: 100%; +} +svg.svg-icon.lucide-wand-2{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGFBMVEUAAAD///8AAACAgIAAAP//AAD//wAAvwDx28/ZAAAAAXRSTlMAQObYZgAAAFJJREFUCNdjAANjAzDFbCyoAOYaCikZgGhBJTCfOU0Joo4pTRkEgCJCYKDAwKwIAspAhiAICIMYgYKO4iCGqKiIiDi6iAuIgVBsDAZAW5TAQAEA+fYL/LAAC7cAAAAASUVORK5CYII="); +} + +svg.svg-icon.lucide-sliders-horizontal{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAD1BMVEUAAACAgIDAwMAAAAD///+w70kVAAAAAXRSTlMAQObYZgAAAC9JREFUCNdjwAcYBYFAGMRwAQIQg0FESUnRACznpAQUAAuBBMBCygwEGczGDHgBAEVoA8k8wzXXAAAAAElFTkSuQmCC"); + background-size: 115%; +} +svg.svg-icon.lucide-folder-tree{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAJFBMVEUAAAD//5kAAAD/////zACGhoZmZgAAAIDMmQDMzMwAM8wAM5lKj+uFAAAAAXRSTlMAQObYZgAAAGxJREFUCNdjCA0NZQCDYGNTBYbyAjDDiIGBHcQQUlLgWl3OEGxoOFOBobqAIVhYWFIBLGVolqYA1iWcKJiWlgYSSRQEAgWQiLOji4cCg5JSookIkAFUlejo4tIBZgAFICIuLi1gESUQADKgAADRkBcLTgPjnwAAAABJRU5ErkJggg=="); +} +svg.svg-icon.lucide-file-down{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAOVBMVEUAAACGhoYAAAB3d3fAwMD4+PjMzMyXl5fd3d3X19egoKTx8fHq6urj4+OysrLMADMA/wBmmQD/AADSUZVFAAAAAXRSTlMAQObYZgAAAHlJREFUGNNNzlkShCAMRdHOSALY0/4X64uWKH/3VKjktR4R3VE9hj2JtjnMgvkaz5hzxEoT1diCr4xMArGKoC3i+3NPoQIGmGX+P+6KxQeomrl7a+gCBKj1aiqQLOmtJuoMiEAASClgVVDvzPgAgPBb5c6TsPLMRSt3w74DMoItmakAAAAASUVORK5CYII="); + background-size: 100%; +} + +svg.svg-icon.lucide-git-fork{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAHlBMVEUAAAD///8AAADAwMCAgIAA/wD/AP+AgAAAgID/AABjp3oLAAAAAXRSTlMAQObYZgAAAHVJREFUKM9joAZgcUEBTgwsxigAKGAoiAxAAqZIQBEkEIwEwAJKSEARwwyIgBkcQFUkwwFUgKAZQFAMBXAV5lAAMwNuCkxAEcUMkIygYDMYwJwOVGIBBooIFbjMgAqA2ZOBAMWllkCAIoDDL5jRwKSECsiIWgBGrkG1BF4YgwAAAABJRU5ErkJggg=="); +} + +svg.svg-icon.lucide-sort-asc{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGFBMVEUAAAD///8EBAQzZv+ZzP+AAADMAAD/AABEb/RjAAAAAXRSTlMAQObYZgAAAEBJREFUCNdjgANjIFBgYGNgMBQUFFFgSE+AMNjSgqAirAz4GCYuLi5ghhIQgBgQAGEwGytAGYIwhgiUwQRWDAcAB3EIpndeGUQAAAAASUVORK5CYII="); + background-size: 100%; +} + +svg.svg-icon.links-going-out, svg.svg-icon.lucide-external-link{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAAAAADAwMCAAABabDR/AAAAAXRSTlMAQObYZgAAAD9JREFUCNdjCA1gYGVYtYRBiiE0MjSVgXHqqkgGxqWhmQyMWauWMjCEhoYAJRhSwUogioHgAArB/wdIMH8AcwHwjRFThfgVWwAAAABJRU5ErkJggg=="); + background-size: 100%; +} + + +svg.svg-icon.lucide-gallery-vertical{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGFBMVEUAAAD///8AAAD//5mGhobMzMyAAAD//8zrvzCcAAAAAXRSTlMAQObYZgAAAEpJREFUCNdjwAZYXFxcHMAMQUFBJxjDUYEhIQ3IEFZSgogYmgYxMABFhIWFg8AihoaGQSA1wqgiDEgihUARMCMUCEAMJiUQgFsNAD9FDV3dD6giAAAAAElFTkSuQmCC"); + background-size: 100%; +} + +svg.svg-icon.lucide-plus-circle, svg.svg-icon.lucide-info{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAALVBMVEUAAAAAAADMzMz///+ZmWb//5nMzJmGhoYzZv///8wAAP9mZjOZ//8zzP8zmf8mc5seAAAAAXRSTlMAQObYZgAAAGNJREFUCNdjQAYsLi4OHSCGs+XMKWdAAhNnpqXdZSgv9xTblubyjqHYZGJ2totjB0Oxp5DYNkFBQYZiQVXFREWg0mKl4CAhMMMUCMCMjoiODlSRVVGrVoEYRUpAAGIIggGSEwCXLxueZhhMpAAAAABJRU5ErkJggg=="); +} + +svg.svg-icon.lucide-git-merge{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAJ1BMVEUAAABVVVUAAP////93d3fMzMzq6uqGhobx8fH/+/CZmZkzMzPn59betX1gAAAAAXRSTlMAQObYZgAAAGBJREFUCNdjcC8vYAADZ+OFUMYM6Q0QhlKUEIQxLVVAQQEsoibABGak9QgogRiuoaECLOXlDAyCgoICLMZWAmANLJaNuyEMI9WFUJG0QKiIUiKEYZZxEMIIDYVIMQLNAAB5ARH8325TSwAAAABJRU5ErkJggg=="); +} + +svg.svg-icon.lucide-link{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYAgMAAACdGdVrAAAACVBMVEUAAAAAAADBwcEtjAGeAAAAAXRSTlMAQObYZgAAACdJREFUCNdjIBuwhogGACmplVlLgFRmaGgmkErJWikJ5UHlYCopBABLYgmn0DGfgAAAAABJRU5ErkJggg=="); +} + +svg.svg-icon.lucide-separator-vertical{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAWElEQVQ4je2SuQ2AQAwEx+g6ogfXdZF7gJrsmkxAbCQwEWLS1T7BQhOBzI59AKwbEPftsYPAbCyYYGZZ4e5Z6e6eQC7P20/+gE8EDICI+seqeqkL0LjyCxy2VEZ0ravdfgAAAABJRU5ErkJggg=="); +} +svg.svg-icon.lucide-separator-horizontal{ +background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAVklEQVQ4je2Syw2AQAhEH2Y7ssE9QQ1aE9SEh7UBwcSL7z6fTAaaCGR25ANgP4B4Lo8TBGajwQRVzQrunkBu9fTF9wYDwMzqDv+Ia8SIwo9vBGhc+QUu/0aBk+6DyCUAAAAASUVORK5CYII="); +} +svg.svg-icon.lucide-picture-in-picture-2{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAgUlEQVQ4jb2SUQqEMAxEX8Qbmfu1+9M7uGdKz5T9ULFVFrUFH4TQQmYmpdCJgHvP+AgwzUB+Pp6/IBA7EkRIKXkLZuaAD+3uC+8JiEhVbQl8rYLxjnPFZ2mq+iBB6Rzq82WCyjnsCTbuCWxbhLXHg0DO//+xmQH7zuW9qiKc3vVlfhScVWu4005UAAAAAElFTkSuQmCC"); +} + +svg.svg-icon.lucide-ruler{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAa0lEQVQ4jdWPwQ2AMAwDjZTBM1TH8E7mQVtVQaD6wQNLfSXnXAEjmZCzf4MlKiL8kgGTEAmvZMKC1AtICNj4zoBV4MzrvZas2uraPlwuR8Q+/FPtCn+vvcTX7jnWEhJobZrV+VYs7ccSZ/kE5+Hi019O0IYAAAAASUVORK5CYII="); +} + +svg.svg-icon.lucide-list-ordered, svg.svg-icon.lucide-list{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAIVBMVEUAAAD///8AAADMzMwzZv8AAP8AAICGhobn59YAM5kzmf+LLtRyAAAAAXRSTlMAQObYZgAAAEVJREFUCNdjgINQCAhiiHIBAyeGNAhIYigUEgQBIyBDxBHKUJEUElIEMSRnNkJEBDsacagRhKkRhKopNgYDIwYlKIC7AgCHVBjTL91VgwAAAABJRU5ErkJggg=="); +} +svg.svg-icon.links-coming-in{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAAAAADAwMCAAABabDR/AAAAAXRSTlMAQObYZgAAAEFJREFUCNdjCA1gYGVYtYRBiiE0MjSVgXHqqkgGxqWhmQyMWauWMjCEhoYAJRhSwUogioHgABAzfwAS/H/AXAQBAPUBEVPO8uBCAAAAAElFTkSuQmCC") ; + background-size: 100%; +} + +svg.svg-icon.lucide-copy, svg.svg-icon.lucide-files{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAG1BMVEUAAAD///+GhoYAAADMzMz//5kAAP8AM5kzZv+BlZDyAAAAAXRSTlMAQObYZgAAAFdJREFUCNdjwARMSkoKEIagoDKUIapoAGaIFxqBZZkCA4OAsiCR8iKQLFhEotHYGCwiKirizMDk4uIUlpbmzMBsbGwkKirqDDYBLAIEQFkXEAMkC9QFAwCEhQ8ImESPBgAAAABJRU5ErkJggg=="); + +} + +svg.svg-icon.lucide-clipboard-check, svg.svg-icon.lucide-clipboard-type{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAOVBMVEUAAAAAAADMzJn///9mZjOGhoatqZDMzMyZmWb//5nMmQDn59b//8wAM8z/zDMAAP+ZZgBmZgB3d3ek0gHOAAAAAXRSTlMAQObYZgAAAHJJREFUGNNtj0EShCAMBJ1kAyayqPv/x25I0Iv2hZqmiyqWd8zsuMfHMVaMMzYzm56ngcqKEM20924H6BKYzKJtjTaiQmWK3BKEyHthJ0X2wsoqDBexvdh3/gHwIt4THUmtLtZA+DtwsSCQmrhIcPH4+B8nSQQAY0IcqwAAAABJRU5ErkJggg=="); +} + +svg.svg-icon.lucide-archive{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAG1BMVEUAAAAAAAAEBATMzGb//5n//8yAgIDAwMD/zJmsfrm6AAAAAXRSTlMAQObYZgAAAGBJREFUCNc9jbENwCAMBA0T5JukTbwBQtmAgjqS+1BRswODxwaRa/w6F0eKA0DGUWvdiPgEMxp5eexbyMfIzDZuEQmu6Ug5h2FS6tPk3/RpojLMBaOtRFlRbY35zosd+ACUvBLvN8qL1AAAAABJRU5ErkJggg=="); +} + +svg.svg-icon.lucide-arrow-down{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAa0lEQVQ4jd2SYQqAMAiFNbqRd1pncmfazvT6sRVC06BBQe+XTv32QIm+FnsFScAR18xu7xLRVYkoxQ5CQPt+FnCjHwBWm9jVDWRrfAlsoxSQSku23F9rfA8jCBSAFKA7i9z5kKfDJ2Rm+B3tU4goxLUNvXgAAAAASUVORK5CYII="); + background-size: 115%; +} + +svg.svg-icon.lucide-arrow-up{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAY0lEQVQ4jd2RSw6AIAwFR+ONuBN3KnfyTM8NmoKCn43GSbqg5E1agE8TogTocdgkBetLxlY42nqAYKIl2QmKMMCc+x2JR76qFXxtTJVg8JO07ror3OXvgpTOBYcvm7n0C++zAHiZLoXUp9tyAAAAAElFTkSuQmCC"); + background-size: 115%; +} + +svg.svg-icon.lucide-search{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAACVBMVEUAAAAAAADAx8gDyHSLAAAAAXRSTlMAQObYZgAAADtJREFUCNdjAAPGAFEgMUESymINCXVgYAtJdWAQDQ0NYIiMTA2BEJKhQCI0JDSEIdWBDUqEOrCGMMABAO1IDK5kWHxVAAAAAElFTkSuQmCC"); + background-size: 100%; +} + +svg.svg-icon.lucide-move-vertical{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAAAAIBI3zrvAAAAAXRSTlMAQObYZgAAAB1JREFUCNdjgABGBgbmBgb2A0AGMgKKAMWBDDgAAEFuApw8CYALAAAAAElFTkSuQmCC"); + background-size: 125%; +} + +svg.svg-icon.lucide-file, svg.svg-icon.lucide-file-plus{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAFVBMVEUAAAD///8AAAD//5mGhobMzMz//8wlzX+PAAAAAXRSTlMAQObYZgAAAD1JREFUCNdjwAJcgADMcBQUFFGAMYSgDCMlBTBDWDgUwjA0NAUzhIWFRcEMQ5wibjAR11AgADGUQEABYTcA+AEL5TaXpPQAAAAASUVORK5CYII="); +} + +svg.svg-icon.lucide-book-up{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAi0lEQVQ4jaVTQQ7AIAgD4sP9eXdwZhVQltiDM0BLIU7kEvqzDjteJeCJwYAdisCXLu+xVsMSAjz55MtkHaOyHKAQgea7wDxCkoJGsUkAyEm6ZQoad8d2hLHG3oc6o42QajIGlg8nIKJ+hE8biH32oK6eNFNxjexA04qPWaI5whQ8OF3Fq0d0+6/UeAA0WDd/oGlX5wAAAABJRU5ErkJggg=="); +} +svg.svg-icon.lucide-file-text{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAD1BMVEUAAAD///+BgYEAAADBwcHsWkoGAAAAAXRSTlMAQObYZgAAAFlJREFUKM+lzsEJwDAIheG3QjpBNR0gkBHa/WeqYF4PFuLB7/jzEAEonXDSlh6DjhCkx3CMcGNOBrpXUCcM/wUH2UI3C5PcMNkfTup/tOof1UUM1/PxMA0BL2PXKaa60kNOAAAAAElFTkSuQmCC"); + background-size: 100%; +} + +svg.svg-icon.lucide-refresh-cw{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAHlBMVEUAAAD4+Pj//5kAAACGhobMzMwzmQAAZmYAmWb///9EkQSpAAAAAXRSTlMAQObYZgAAAFpJREFUCNdjYHABAQYgcBQUFBQxgDAUVSZDGEnCxgZgRppiKIghlJaWJApiqDemKaqCGOJCSUIQEUVFdbCIkFCSOFhEUS2xXRWmCyaiCBGB6nINBQEgwxgMDADwbhZxyVhIOgAAAABJRU5ErkJggg=="); +} + +svg.svg-icon.lucide-box-select{ +background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAD///8AAAAAALbq2WGyAAAAAXRSTlMAQObYZgAAACFJREFUCNdj0Fq1agWDamhoBIRQ////BnGsvxAdCAJsFACj2R0b4+fVWwAAAABJRU5ErkJggg=="); +} + +svg.svg-icon.lucide-x{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGFBMVEUAAACZAAD/AADMAADMMzOZZmb/mTP/ZgBt+AkRAAAAAXRSTlMAQObYZgAAAE1JREFUCNdjwAKCA0CkAQODmSKQNgRiZiUBBmYBBhBLESgABkbCQAGoEFRESAAmoAgREGBgAgmxFAMJBSB2A4kzAbGTAFQPI5hUgNsNAGpQBNLvuymXAAAAAElFTkSuQmCC"); + background-size: 100%; +} + +svg.svg-icon.lucide-layers{ +background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAG1BMVEUAAACAgID/+/DAwMAAAAAAM8wzAJn///9mAP8R0egwAAAAAXRSTlMAQObYZgAAAElJREFUCNdjEAQDBgYGYWMgEAEx0kJbO8CM1HR3dzBDEKpKWAmiCsgAqwIxwKpADLAqMEMJCESAJkMZLi5QBgMDBgNiP4jhAgYAEDURQaxc6oIAAAAASUVORK5CYII="); +background-repeat: no-repeat; +background-position: center; +color: transparent; +} + +svg.svg-icon.lucide-text-select{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAPFBMVEUAAACZmZl3d3f/+/Dn59bMzMxVVVXM//8cHBwAAGYAmf8zM//AwMBmZmYz//8A//9NTU0iIiLq6upfX1//6M6mAAAAAXRSTlMAQObYZgAAAHpJREFUGNNdjtsSwyAIBaWAEC+paf//X3twYpPJvjisO0oKXosvhilEOCCFiXs/SCUEa8dszcxhhHMeA/On2b57J2JRzRDcjMhJAoirAPwsIM5HD9r6WcAMfMt9o1msxWopaP6Cmeu7oFlCwTRLZDAcJkNcRIPjbmpKP5V7BMAGmCiYAAAAAElFTkSuQmCC"); + background-size: 100%; +} +svg.svg-icon.lucide-layout-dashboard{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEUAAAD///8EBAQAM2bMzMwAAP+GhoYAAIAzZv/M///MzP/AwMAAMzMAgAAAzAAzmf8AgICAAAD3moCxAAAAAXRSTlMAQObYZgAAAFFJREFUGNN1zVsKgDAMRNE4baPpS93/ZhUUnFR6/nIJjPwkD5L2jUFWD6ILi08Iry9YNlimcN8dRuFAbw0USkGDcUCtlT9U9VQNk9noQDCQ0QUpkwO59WG8KQAAAABJRU5ErkJggg=="); + background-size: 100%; +} + +svg.svg-icon.lucide-terminal{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAElBMVEUAAAAAAADAwMCAgID///8AAP8JRgk4AAAAAXRSTlMAQObYZgAAAEBJREFUCNdjgAMlKGBQFAQDYQZl01BVVdVQY4QIgiHiKCgCZjiKiEAZQAlHqAiEIQIUEoHpEkLWjrDCGALgrgAAfh0MRyov3jIAAAAASUVORK5CYII="); + background-size: 100%; +} + +svg.svg-icon.lucide-binary{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEUAAABVVVXMzMyAgID/+/D/AACGhoYAAAD///93d3eZmZnx8fHn59YzMzPq6urAwMCysrLX19cN9e+UAAAAAXRSTlMAQObYZgAAAHFJREFUGNNVjEESwyAMA8GO6+IAgf9/tkINBxYuu5pxIuXzh8LwJaHnfsWt555baylZKhfBHiXD33CvPRgMhifYJUMBS5dgUDVddFVhMJ9zPkNdncGSPuAINsaAOsI+6otaGYD1Xis+QmYosoEy5A3CD7abBPbugWlKAAAAAElFTkSuQmCC"); + background-size: 100%; +} + +svg.svg-icon.lucide-layout{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAD///8AAIAAAAAlgsEwAAAAAXRSTlMAQObYZgAAACBJREFUCNdjQACtVatWQAjV1NAICKGe+h8nC0JAdMABABKnE2Z7QO/AAAAAAElFTkSuQmCC"); + background-size: 100%; +} +svg.svg-icon.lucide-scissors{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAWklEQVQ4jbWSwQoAIAhDZ/T/v2ynMsPKEnexQN62CEgSX+5DJeqUCuBlPssFuFX4dncDDgmY9XwGAABIIDao7p0VZwL1s5mgL+ilk8IfyaiwikhquZLtHyxFDTAmHAru+wbvAAAAAElFTkSuQmCC"); + background-size: 115%; +} +svg.svg-icon.lucide-check-square{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAD///+BgYEAAADEVPgKAAAAAXRSTlMAQObYZgAAAC9JREFUCNdjQACuVasaGDhDQ0FELIioBRJX/wKJ71+BxP+rQKIeJBsbClEH0YEKAAp6En6nS+fDAAAAAElFTkSuQmCC"); + background-size: 115%; +} + +.search-input-clear-button{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAD///8AAICAAADEt9qwAAAAAXRSTlMAQObYZgAAADFJREFUCNdjQAJaq1YxMEwNDWNgig+/xsAZf/8ag2r4/zCg0N8wMAssBpYFq4PoQAUAERQSslDy7wcAAAAASUVORK5CYII="); +} + +.search-input-clear-button:hover, .search-input-clear-button:active{ + color: transparent; + +} +svg.svg-icon.lucide-timer{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAALVBMVEUAAACAAAD///8EBAT/AADx8fHMADP/fIAAAIDq6uqAgADAwMD/+/DMZmalACFZgzykAAAAAXRSTlMAQObYZgAAAIBJREFUCNdjYGBgFBQUYADR4iUuiSCWuIuhoIsjUKDMWElJsMyAgdFZSVtJScSAQdxZSQPISGYQN1LS0FINfMwgAmQsigxMBjM6dk8EMxaphgJFZJ21VENDgYoZXZR0QiPFDIAMw9BIwWQDBgYRF0FBN2OQpWJpaUABIGA2NgbSAH2uGCk/k94UAAAAAElFTkSuQmCC"); +} + +svg.svg-icon.lucide-rotate-ccw{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAFVBMVEUAAAAAAAAzZv+Z//8zzP/M//////9WVqL5AAAAAXRSTlMAQObYZgAAAElJREFUCNdjIACUlBQgtLGxIQMDEwOTsaOgswADk4CyowCDiCEDU6KJAFAcyAgFykMYjlCGiwtQStmRgVFQUBDIEIAaKSiAxz4A8NUGq1G/4ZIAAAAASUVORK5CYII="); + background-size: 100%; +} + + +svg.svg-icon.lucide-arrow-up-right{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAMFBMVEUAAACZmQD/zJkAAAD//8z//5kA//+GhoYEBAQAAP/MzGbAwMD///8AAIDx8fGAgAAuOpuWAAAAAXRSTlMAQObYZgAAAG5JREFUCNdjQABBQWEwzfjENcoAxJBatWrVQkFBBgYRp/J2F5dAAwYR9WMnSkMVgYyanOymIJBI2bFtTapgkWyoiPq2HfVgkaCK9p2TQAxVVaVrM4EMQSCQzZxowMBsDATXZhpALObNbIA6oYMBALaoH9E6LFUpAAAAAElFTkSuQmCC"); +} + +svg.svg-icon.lucide-palette{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAHlBMVEUAAAAAAAD//wDAwMD///8AAP+AgID/AP//AAAA/wBujYICAAAAAXRSTlMAQObYZgAAAHhJREFUCNcljdEJwzAQQ3U//bZsLxCO0vbTB6X9Lc0EAQ8QAlkhK2SCQLbNxbkfnR5CAsCAdtL/ri+blQb+j0UDxMFniQSRXxu1k4C8b2ZGz86TdmNy4r4wFshzTeopyHeN1qoi77U6gdi7DnauMKnS9UZh0/HaPgCOXBAfgZgfGgAAAABJRU5ErkJggg=="); +} + +svg.svg-icon.lucide-file-audio{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEUAAAAEBASGhob//5nMzGbq6urAwMCAgAD///9mZgDj4+P//8wzMwCtqZDX19d3d3dfX185OTmafmh9AAAAAXRSTlMAQObYZgAAAHNJREFUGNNVzlsOwyAMRNHOGMzDpI/9b7Z2QmN1fpJ7hASPvbbA+N5dBJP/rdUl+6DWzmxb6jB5ZrRBdfbKaGtiYiB1Q2negq6fHwzxgS9cMMYoUgSABviAEJDPC3whizrj2luOt9Y4kLKfnjIQnYPv/PkC0r0DVnaSjFUAAAAASUVORK5CYII="); +} + +svg.svg-icon.lucide-chevrons-down-up{ + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 16 16' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' xmlns:v='https://vecta.io/nano'%3e%3cuse href='%23A' x='4' y='2' width='7' height='12'/%3e%3cdefs%3e%3cimage id='A' width='7' height='12' href='data:image/png%3bbase64%2ciVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAALElEQVQYlWNkYGD4z4ADMEJpbAoYGZE4yAoY0VXiMmFAAYqD8HqFYCDg9BsAlwgIA%2bThc1YAAAAASUVORK5CYII='/%3e%3c/defs%3e%3c/svg%3e"); +} + +svg.svg-icon.lucide-chevrons-up-down{ + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 16 16' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' xmlns:v='https://vecta.io/nano'%3e%3cuse href='%23A' x='4' y='2' width='7' height='12'/%3e%3cdefs%3e%3cimage id='A' width='7' height='12' href='data:image/png%3bbase64%2ciVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAK0lEQVQYlWNgQAX/kTmMOCQYkSVRdMAUMOKQGDCA10EEvcKARQEjukoMEwCXCAgD5SqRQAAAAABJRU5ErkJggg=='/%3e%3c/defs%3e%3c/svg%3e"); +} + +svg.svg-icon.lucide-chevrons-up-down, svg.svg-icon.lucide-chevrons-down-up{ + mask-repeat: no-repeat; + mask-position: center; + color: transparent; + background-color: var(--text-normal); +} + +svg.svg-icon.lucide-eraser{ + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 16 16' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' xmlns:v='https://vecta.io/nano'%3e%3cuse href='%23A' x='2' y='1' width='14' height='15'/%3e%3cdefs%3e%3cimage id='A' width='14' height='15' href='data:image/png%3bbase64%2ciVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAZUlEQVQokb2TQQ7AIAgEB%2bP/v7y9aIJVgV66JwOMi6gmSXyTAfR3YEhBDIB2KAidPFiBNrhFVZH%2bB3uSv17VFTS7z0zSsVVlEOxnTKGZ92AJGo5mY5G%2bVw%2bBG07m5qEFLHySZecHQmgpIWomWuAAAAAASUVORK5CYII='/%3e%3c/defs%3e%3c/svg%3e"); +} + +svg.svg-icon.lucide-list-plus, svg.svg-icon.lucide-strikethrough, svg.svg-icon.lucide-italic, svg.svg-icon.lucide-bold, svg.svg-icon.lucide-eraser{ + mask-repeat: no-repeat; + mask-position: center; + color: transparent; + background-color: var(--text-muted); +} + +.menu-item.selected:not(.is-label):not(.is-disabled) svg.svg-icon.lucide-eraser, .menu-item.selected:not(.is-label):not(.is-disabled) svg.svg-icon.lucide-bold, .menu-item.selected:not(.is-label):not(.is-disabled) svg.svg-icon.lucide-italic, .menu-item.selected:not(.is-label):not(.is-disabled) svg.svg-icon.lucide-strikethrough, .menu-item.selected:not(.is-label):not(.is-disabled) svg.svg-icon.lucide-list-plus { +background-color: var(--text-on-accent); +} + +svg.svg-icon.lucide-bold{ + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 16 16' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' xmlns:v='https://vecta.io/nano'%3e%3cuse href='%23A' x='4' y='3' width='8' height='9'/%3e%3cdefs%3e%3cimage id='A' width='8' height='9' href='data:image/png%3bbase64%2ciVBORw0KGgoAAAANSUhEUgAAAAgAAAAJCAYAAAAPU20uAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAM0lEQVQYlWP8////fwbcgJGJgYGBEV0Qif2fCY9uBgYGBgayFCC7iRGbAhq4AT0cUNwAAKpKCQ/hDg9MAAAAAElFTkSuQmCC'/%3e%3c/defs%3e%3c/svg%3e"); +} + +svg.svg-icon.lucide-italic{ + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 16 16' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' xmlns:v='https://vecta.io/nano'%3e%3cuse href='%23A' x='3' y='3' width='9' height='9'/%3e%3cdefs%3e%3cimage id='A' width='9' height='9' href='data:image/png%3bbase64%2ciVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAANUlEQVQYlZ2QMRIAQAwByf//7OqgyamM2dkCJcESw/gAgNbZIDncoIhDYfkyVcvJJOxv4qcHbwoKDo1hmMEAAAAASUVORK5CYII='/%3e%3c/defs%3e%3c/svg%3e"); +; +} +svg.svg-icon.lucide-strikethrough{ + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 16 16' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' xmlns:v='https://vecta.io/nano'%3e%3cuse href='%23A' x='1' y='3' width='14' height='9'/%3e%3cdefs%3e%3cimage id='A' width='14' height='9' href='data:image/png%3bbase64%2ciVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAARUlEQVQokWP8//8/AxrAEIACRmQOCw5NjFjE/yOLM%2bEwnSAgWyMLA3Y/4fInXJyFAdU/%2bPyIIj4wfkQGjAyIoEcHKM4HANIBDhT5FauZAAAAAElFTkSuQmCC'/%3e%3c/defs%3e%3c/svg%3e"); +} + +svg.svg-icon.lucide-list-plus{ + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 16 16' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' xmlns:v='https://vecta.io/nano'%3e%3cuse href='%23A' x='3' y='2' width='9' height='11'/%3e%3cdefs%3e%3cimage id='A' width='9' height='11' href='data:image/png%3bbase64%2ciVBORw0KGgoAAAANSUhEUgAAAAkAAAALCAYAAACtWacbAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAMklEQVQYlWNkYGD4z4AbMOKRw1SJzSTiTcBlEukm4AMYbmQipADdDfjCC8MkohRjKAIA7RcJARR43%2bkAAAAASUVORK5CYII='/%3e%3c/defs%3e%3c/svg%3e"); +} + + +.menu-item.is-disabled{ + color:var(--text-normal); + opacity: 0.4; +} + + +.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header:not(.is-active.mod-active){ + background: silver; + box-shadow: inset -1px -1px black, inset 1px 1px silver, inset -2px -2px var(--bg-button-shadow), inset 2px 2px white; +} + +.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header:not(.is-active.mod-active):active{ + box-shadow: inset -2px -2px white, inset 1px 1px var(--bg-button-shadow), inset -1px -1px silver, inset 1px 1px black; +} + +.empty-state-action{ + padding: 0px 7.5px 0 7.5px ; +} +.empty-state-action:hover{ + background: var(--color-accent); + color: var(--text-on-accent); +} + + +.notice, .is-phone .notice { + position: relative; + display: inline-block; + background-color: #fffacd; /* Light yellow color */ + color: black; + border-radius: 2px; + border: 1px solid var(--tooltip-border); /* Black border */ + padding: 5px; + box-sizing: border-box; /* Include border and padding in the element's total width and height */ +} + +.notice::after { + content: ""; + position: absolute; + left: 100%; /* Position it at the right of the .notice */ + top: 50%; + transform: translateY(-50%); + width: 0; + height: 0; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + border-left: 10px solid #fffacd; /* Same as the background color */ +} + +.notice::before { + content: ""; + position: absolute; + left: 100%; /* Position it at the right of the .notice */ + top: 50%; + transform: translateY(-50%); + width: 0; + height: 0; + border-top: 11px solid transparent; + border-bottom: 11px solid transparent; + border-left: 12px solid var(--tooltip-border); /* Black border */ +} + +.pull-action.mod-activated, .pull-action{ + + display: inline-block; + background-color: #fffacd; /* Light yellow color */ + color: black; + border-radius: 2px; + border: 1px solid var(--tooltip-border); /* Black border */ + padding: 5px; + box-sizing: border-box; /* Include border and padding in the element's total width and height */ +} + +.pull-action.mod-activated::before, .pull-action::before{ + content: ""; + position: absolute; + left: 49.75%; /* Position it at the right of the .notice */ + top: 0%; + transform: translateY(-100%); + width: 0; + height: 0; + border-left: 11px solid transparent; + border-right: 11px solid transparent; + border-bottom: 11px solid var(--tooltip-border); /* Black border */ +} + + +.pull-action.mod-activated::after, .pull-action::after{ + content: ""; + position: absolute; + left: 50%; /* Position it at the right of the .notice */ + top: 0%; + transform: translateY(-100%); + width: 0; + height: 0; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-bottom: 10px solid #fffacd; /* Same as the background color */ +} + +.tooltip{ + background-color: #fffacd; + color: black; + border-radius: 2px; + padding: 4px 2px 0px; + border: 1px solid var(--tooltip-border); +} + +.tooltip .tooltip-arrow{ + border-bottom: 5px solid var(--tooltip-border); + border-right: 5px solid transparent; + border-left: 5px solid transparent; +} +.tooltip .tooltip-arrow::before{ + position: absolute; + z-index: 0; + top: 1px; + left: 50%; + width: 0; + margin-left: -5px; + border-bottom: 5px solid #fffacd; + border-right: 5px solid transparent; + border-left: 5px solid transparent; + content: " "; + font-size: 0; + line-height: 0; +} + +.tooltip.mod-right .tooltip-arrow { + top: calc(50% - 5px); + left: -5px; + border-right: 5px solid var(--tooltip-border); + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; +} + +.tooltip.mod-right .tooltip-arrow:before { + top: calc(50% - 5px); + left: 1px; + border-right: 5px solid #fffacd; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; +} + +.tooltip.mod-top .tooltip-arrow { + top: calc(100%); + border-top: 5px solid var(--tooltip-border); +} + +.tooltip.mod-top .tooltip-arrow::before { + top: calc(50%-5px); + border-top: 3px solid #fffacd; + border-right: 3px solid transparent; + border-bottom: 3px solid transparent;} + +img{ + margin-top: 0px; + } + +.prompt{ +background-color: var(--background-secondary); +border-radius: 0px; +box-shadow: inset -1.5px -1.5px black, inset 0px 0px var(--background-secondary), inset -2px -2px var(--bg-button-shadow), inset 2px 2px var(--bg-button-light); +padding: 10px; +padding-top:34px; + +} + +.modal{ +padding-top:34px; +} + +.prompt-results{ + margin-top: 0px; + padding-top: 0px; +} + +.prompt-instructions{ + box-shadow: inset 0px 1px var(--bg-button-shadow), inset 0 2px var(--bg-button-light) ; +} + +input.prompt-input{ + padding: var(--size-2-3); + height: var(--input-height); +} + +.prompt-input-container{ + padding-bottom: 5px; + box-shadow: inset 0 -1px var(--bg-button-light), inset 0 -2px var(--bg-button-shadow) ; +} + +.prompt::before{ + content: "Prompt"; + z-index: 1; + color: var(--text-on-accent); + position: absolute; + background: linear-gradient(to right, var(--color-accent), var(--color-accent), var(--color-accent-2)); + padding-left: 4px; + padding-top: 2px; + display: block; + top: 3px; + width: 1%; + height: 20px; /* Add a height to make it visible */ + left: 3px; + width: 98.4%; +} +.modal:not(.mod-sidebar-layout):before{ + content: ""; + z-index: 1; + color: var(--text-on-accent); + position: absolute; + background: linear-gradient(to right, var(--color-accent), var(--color-accent), var(--color-accent-2)); + padding-left: 4px; + padding-top: 2px; + display: block; + top: 3px; + width: 1%; + height: 25px; /* Add a height to make it visible */ + left: 3px; + width: calc(98.6% - 3px); +} + +textarea, input.metadata-input-text, input[type='date'], input[type='datetime-local'], input[type='text'], input[type='search'], input[type='email'], input[type='password'], input[type='number']{ + border:none; +} + +.workspace-tab-header-new-tab{ + padding-top: 3px; +} +.workspace-tab-header-tab-list{ + height: 32px; +} + +/*phone*/ +.mobile-navbar, .mobile-tab-switcher-menubar{ + background-color: var(--background-secondary); +} + + .workspace-drawer-header-info,.workspace-drawer-header-name-text, .workspace-drawer-header-name-chevron, .is-phone .modal .modal-title { + color: var(--text-on-accent); +} + +.is-phone .workspace-leaf-content{ + background-color: var(--background-primary); +} + +.is-phone .workspace-drawer-active-tab-container, .is-phone .modal.mod-settings .vertical-tab-content, .is-phone .modal.mod-settings .vertical-tab-header, .is-phone .workspace-drawer-active-tab-header{ + background-color: var(--background-secondary); +} + +.is-phone .setting-item{ + padding: 10px; +} + +.is-phone .vertical-tab-header-group{ + background:var(--background-primary); +} + + +.mobile-navbar-actions { + justify-content: space-around; +} + +.is-phone .menu{ + border-radius: 0px; +} + +.is-phone .menu-grabber{ + box-shadow: inset -1px -1px black, inset 1px 1px var(--background-secondary), inset -2px -2px var(--bg-button-shadow), inset 1px 2px var(--bg-button-light); + width: 50%; + +} + +.workspace-drawer-active-tab-chevron{ + color:var(--text-normal) +} +.workspace-drawer-active-tab-header{ + margin:var(--size-4-1); +} + +.mobile-navbar-tabs-action{ + height: 24px; + border: 2px solid var(--text-muted); +} + + +.mobile-tab-switcher-menu-spacer .clickable-icon{ + height:32px +} + + +.mobile-tab-switcher-scroll{ +box-shadow: inset 0 -1px var(--bg-button-light)} + +.mobile-tab.is-active .mobile-tab-preview-empty, .mobile-tab.is-active .mobile-tab-preview-embed, .mobile-tab-preview:before{ + box-shadow: none; +} + +.mobile-tab-preview{ + + border-radius: 0px; + margin:5px; +} + +.is-phone .view-header { + box-shadow: inset -1px -1px black, inset 0px 0px var(--background-secondary), inset -1px -1px var(--bg-button-shadow), inset 1px 1px var(--bg-button-light); +} +.is-phone .workspace-drawer-inner{ + background-color: transparent; +} + +.is-phone .workspace-drawer-header{ + margin-top:2px; +} + +.is-phone .modal .modal-header{ + width: auto; +} + +.is-phone .view-header-title-parent:not(:empty), .is-phone .view-header-title{ + color: var(--text-on-accent) !important; +} +.is-phone .prompt{ + border-radius: 0px; +} + +.is-phone .community-modal-controls{ + background-color: var(--background-secondary); +} + +.is-phone .community-modal-search-results{ + gap: 5px; + margin: 5px; +} + +/*tablet*/ +.is-tablet .workspace-drawer-ribbon{ + background-color: var(--background-secondary); +} + +body.is-tablet .workspace-drawer .workspace-drawer-inner{ + background-color: var(--background-secondary); +} + +.workspace-drawer-active-tab-container .workspace-drawer-active-tab-content{ + background-color: var(--background-primary); + box-shadow: inset 1px 0 var(--bg-button-shadow), inset -1px 0 var(--bg-button-light), inset -2px 0px var(--bg-button-shadow); + border-top: 1px solid black; +} + +.is-tablet .workspace-drawer-active-tab-container{ + background-color: var(--background-secondary); +} + +.menu-item-desc{ + color: var(--text-muted); +} + +.tree-item-self.nav-file-title.tappable.is-clickable.has-focus.is-being-renamed{ + background-color: var(--background-secondary); +} + + + + +/*File Tree Pointer*/ +.tree-item.nav-file, +.tree-item.nav-folder{ + position: relative; +} + +.tree-item.nav-file:before, +.tree-item.nav-folder:before { + content: ''; + position: absolute; +} + +.tree-item.nav-file:before { + height: 1px; + width: 23px; + top: 50%; + margin-inline-start: -5px; + border-bottom: 1px dashed var(--text-normal); +} + +.tree-item.nav-folder:before { + top: 13px; + width: 10px; +} +.nav-files-container > div > .tree-item.nav-file:before, +.nav-files-container > div > .tree-item.nav-folder:before { + content: none; +} + +.tree-item.nav-folder:before { + top: 16px; +} + +button.mod-warning:hover{ + background-color: transparent; +} + +.is-frameless .titlebar-inner{ +color: var(--text-on-accent); +} + +.theme-dark .callout{ + mix-blend-mode: normal; +} + + +/* Style Settings*/ +.setting-item.setting-item-heading.style-settings-heading[data-id="theme-design-utilities"]{ +display: none; +} +.view-content .style-settings-container .setting-item:not(.setting-item-heading){ + background-color: var(--background-secondary); +} + +.workspace-leaf-content[data-type="style-settings"]{ + margin: 1px; + background-color: var(--background-secondary); + box-shadow: inset -1px -1px var(--bg-button-light), inset 1px 1px var(--bg-button-shadow), inset -1px -1px var(--background-secondary), inset 1px 1px black; +} +.style-settings-container { + padding-bottom: 0px; +} + + +.el-pre{ + background-color: var(--background-secondary); + color: var(--text-normal); + padding: 5px; + border-radius: 0px; + box-shadow: inset -1px -1px black, inset 0px 0px var(--background-secondary), inset -2px -2px var(--bg-button-shadow), inset 1px 1px var(--bg-button-light); +} +.markdown-rendered pre{ + box-shadow: inset 1px 0 var(--bg-button-shadow), inset -1px 0 var(--bg-button-light), inset 0 1px var(--bg-button-shadow), inset 2px 0 var(--bg-button-light), inset 0 -1px var(--bg-button-light), inset -2px -2px var(--bg-button-shadow), inset 0 2px var(--bg-button-light); + border-radius: 0px; +} + + + + +/*Callouts*/ +.callout{ + background-color: rgba(var(--callout-color), 0.4); + box-shadow: inset -1px -1px black, inset 0px 0px var(--background-secondary), inset -2px -2px var(--bg-button-shadow), inset 1px 1px var(--bg-button-light); + border-radius: 0px; + padding: 0px; + border-radius: 0px; + + +} +.callout .callout-title{ + padding: 10px; +} + +.callout-content{ + box-shadow: inset 1px 0 var(--bg-button-shadow), inset -1px 0 var(--bg-button-light), inset 0 1px var(--bg-button-shadow), inset 2px 0 var(--bg-button-light), inset 0 -1px var(--bg-button-light), inset -2px -2px var(--bg-button-shadow), inset 0 2px var(--bg-button-light); + padding: 0px 5px 0px 5px; + margin: 0px 5px 5px 5px; +} + +.callout-title{ + padding: 0px 0px 5px 0px; +} +.callout.is-collapsible .callout-title{ + cursor: var(--cursor-link); + +} +.callout.is-collapsible:active { + + translate: 1px 1px; + box-shadow: inset -1px -1px var(--bg-button-light), inset 1px 1px var(--bg-button-shadow), inset -1px -1px var(--background-secondary), inset 1px 1px black; +} diff --git a/.obsidian/themes/Vanilla Palettes/manifest.json b/.obsidian/themes/Vanilla Palettes/manifest.json new file mode 100644 index 00000000..135db9f5 --- /dev/null +++ b/.obsidian/themes/Vanilla Palettes/manifest.json @@ -0,0 +1,7 @@ +{ + "name": "Vanilla Palettes", + "version": "0.0.0", + "minAppVersion": "1.6.0", + "author": "Thibaut de Saivre", + "authorUrl": "https://github.com/GnRlLeclerc" +} diff --git a/.obsidian/themes/Vanilla Palettes/theme.css b/.obsidian/themes/Vanilla Palettes/theme.css new file mode 100644 index 00000000..9245e7b4 --- /dev/null +++ b/.obsidian/themes/Vanilla Palettes/theme.css @@ -0,0 +1,1718 @@ +@charset "UTF-8"; +.theme-dark.color-scheme-atom-one-dark { + --black: #181a1f; + --darkest-gray: #21252b; + --bg0: #282c34; + --bg1: #31353f; + --bg2: #393f4a; + --bg3: #3b3f4c; + --bg-blue: #73b8f1; + --bg-yellow: #ebd09c; + --foreground: #abb2bf; + --grey: #5c6370; + --light-grey: #848b98; + --color-red: #e86671; + --color-orange: #d19a66; + --color-yellow: #e5c07b; + --color-green: #98c379; + --color-cyan: #56b6c2; + --color-blue: #61afef; + --color-purple: #c678dd; + --color-pink: pink; + --background-primary: var(--bg0); + --background-secondary: var(--darkest-gray); + --selection-background-color: var(--bg3); + --border-color-primary: var(--bg2); + --border-color-secondary: var(--bg1); + --text-color: var(--foreground); + --text-color-accent: white; + --text-color-muted-dark: var(--bg2); + --text-color-muted-light: var(--grey); + --accent-color-dark: var(--color-blue); + --accent-color-light: var(--color-cyan); + --accent-color-hover: var(--bg-blue); + --accent-h: 207; + --accent-s: 82%; + --accent-l: 66%; + --canvas-color: 97, 175, 239 !important; + --code-important: var(--color-yellow); + --code-boolean: var(--color-orange); + --code-builtin: var(--color-cyan); + --code-comment: var(--grey); + --code-definition: var(--color-blue); + --code-keyword: var(--color-purple); + --code-operator: var(--color-cyan); + --code-property: var(--color-cyan); + --code-parentheses: var(--light-grey); + --code-string: var(--color-green); + --code-value: var(--color-orange); + --code-variable: var(--text-color); +} + +.theme-dark.color-scheme-catppuccin-frappe { + --rosewater: #f2d5cf; + --flamingo: #eebebe; + --pink: #f4b8e4; + --mauve: #ca9ee6; + --red: #e78284; + --maroon: #ea999c; + --peach: #ef9f76; + --yellow: #e5c890; + --green: #a6d189; + --teal: #81c8be; + --sky: #99d1db; + --sapphire: #85c1dc; + --blue: #8caaee; + --lavender: #babbf1; + --text: #c6d0f5; + --subtext1: #b5bfe2; + --subtext0: #a5adce; + --overlay2: #949cbb; + --overlay1: #838ba7; + --overlay0: #737994; + --surface2: #626880; + --surface1: #51576d; + --surface0: #414559; + --base: #303446; + --mantle: #292c3c; + --crust: #232634; + --color-red: var(--red); + --color-orange: var(--peach); + --color-yellow: var(--yellow); + --color-green: var(--green); + --color-cyan: var(--teal); + --color-blue: var(--blue); + --color-purple: var(--mauve); + --color-pink: var(--pink); + --background-primary: var(--base); + --background-secondary: var(--crust); + --selection-background-color: var(--surface1); + --border-color-primary: var(--surface1); + --border-color-secondary: var(--surface0); + --text-color: var(--text); + --text-color-accent: white; + --text-color-muted-dark: var(--surface0); + --text-color-muted-light: var(--overlay0); + --accent-color-dark: var(--mauve); + --accent-color-light: var(--blue); + --accent-color-hover: var(--maroon); + --accent-h: 277; + --accent-s: 59%; + --accent-l: 76%; + --canvas-color: 202, 158, 230 !important; + --code-important: var(--color-yellow); + --code-boolean: var(--peach); + --code-builtin: var(--peach); + --code-comment: var(--overlay0); + --code-definition: var(--lavender); + --code-keyword: var(--mauve); + --code-operator: var(--sky); + --code-property: var(--lavender); + --code-parentheses: var(--overlay2); + --code-string: var(--green); + --code-value: var(--peach); + --code-variable: var(--text-color); +} + +.theme-dark.color-scheme-catppuccin-macchiato { + --rosewater: #f4dbd6; + --flamingo: #f0c6c6; + --pink: #f5bde6; + --mauve: #c6a0f6; + --red: #ed8796; + --maroon: #ee99a0; + --peach: #f5a97f; + --yellow: #eed49f; + --green: #a6da95; + --teal: #8bd5ca; + --sky: #91d7e3; + --sapphire: #7dc4e4; + --blue: #8aadf4; + --lavender: #b7bdf8; + --text: #cad3f5; + --subtext1: #b8c0e0; + --subtext0: #a5adcb; + --overlay2: #939ab7; + --overlay1: #8087a2; + --overlay0: #6e738d; + --surface2: #5b6078; + --surface1: #494d64; + --surface0: #363a4f; + --base: #24273a; + --mantle: #1e2030; + --crust: #181926; + --color-red: var(--red); + --color-orange: var(--peach); + --color-yellow: var(--yellow); + --color-green: var(--green); + --color-cyan: var(--teal); + --color-blue: var(--blue); + --color-purple: var(--mauve); + --color-pink: var(--pink); + --background-primary: var(--base); + --background-secondary: var(--crust); + --selection-background-color: var(--surface1); + --border-color-primary: var(--surface1); + --border-color-secondary: var(--surface0); + --text-color: var(--text); + --text-color-accent: white; + --text-color-muted-dark: var(--surface0); + --text-color-muted-light: var(--overlay0); + --accent-color-dark: var(--mauve); + --accent-color-light: var(--blue); + --accent-color-hover: var(--maroon); + --accent-h: 267; + --accent-s: 83%; + --accent-l: 80%; + --canvas-color: 198, 160, 246 !important; + --code-important: var(--color-yellow); + --code-boolean: var(--peach); + --code-builtin: var(--peach); + --code-comment: var(--overlay0); + --code-definition: var(--lavender); + --code-keyword: var(--mauve); + --code-operator: var(--sky); + --code-property: var(--lavender); + --code-parentheses: var(--overlay2); + --code-string: var(--green); + --code-value: var(--peach); + --code-variable: var(--text-color); +} + +.theme-dark.color-scheme-catppuccin-mocha { + --rosewater: #f5e0dc; + --flamingo: #f2cdcd; + --pink: #f5c2e7; + --mauve: #cba6f7; + --red: #f38ba8; + --maroon: #eba0ac; + --peach: #fab387; + --yellow: #f9e2af; + --green: #a6e3a1; + --teal: #94e2d5; + --sky: #89dceb; + --sapphire: #74c7ec; + --blue: #89b4fa; + --lavender: #b4befe; + --text: #cdd6f4; + --subtext1: #bac2de; + --subtext0: #a6adc8; + --overlay2: #9399b2; + --overlay1: #7f849c; + --overlay0: #6c7086; + --surface2: #585b70; + --surface1: #45475a; + --surface0: #313244; + --base: #1e1e2e; + --mantle: #181825; + --crust: #11111b; + --color-red: var(--red); + --color-orange: var(--peach); + --color-yellow: var(--yellow); + --color-green: var(--green); + --color-cyan: var(--teal); + --color-blue: var(--blue); + --color-purple: var(--mauve); + --color-pink: var(--pink); + --background-primary: var(--base); + --background-secondary: var(--crust); + --selection-background-color: var(--surface1); + --border-color-primary: var(--surface1); + --border-color-secondary: var(--surface0); + --text-color: var(--text); + --text-color-accent: white; + --text-color-muted-dark: var(--surface0); + --text-color-muted-light: var(--overlay0); + --accent-color-dark: var(--mauve); + --accent-color-light: var(--blue); + --accent-color-hover: var(--maroon); + --accent-h: 267; + --accent-s: 84%; + --accent-l: 81%; + --canvas-color: 203, 166, 247 !important; + --code-important: var(--color-yellow); + --code-boolean: var(--peach); + --code-builtin: var(--peach); + --code-comment: var(--overlay0); + --code-definition: var(--lavender); + --code-keyword: var(--mauve); + --code-operator: var(--sky); + --code-property: var(--lavender); + --code-parentheses: var(--overlay2); + --code-string: var(--green); + --code-value: var(--peach); + --code-variable: var(--text-color); +} + +.theme-dark.color-scheme-dracula { + --bg: #282a36; + --fg: #f8f8f2; + --selection: #44475a; + --comment: #6272a4; + --red: #ff5555; + --orange: #ffb86c; + --yellow: #f1fa8c; + --green: #50fa7b; + --purple: #bd93f9; + --cyan: #8be9fd; + --pink: #ff79c6; + --bright-red: #ff6e6e; + --bright-green: #69ff94; + --bright-yellow: #ffffa5; + --bright-blue: #d6acff; + --bright-magenta: #ff92df; + --bright-cyan: #a4ffff; + --bright-white: #ffffff; + --menu: #21222c; + --visual: #3e4452; + --gutter-fg: #4b5263; + --nontext: #3b4048; + --white: #abb2bf; + --black: #191a21; + --color-red: var(--red); + --color-orange: var(--orange); + --color-yellow: var(--yellow); + --color-green: var(--green); + --color-cyan: var(--cyan); + --color-blue: var(--comment); + --color-purple: var(--purple); + --color-pink: var(--pink); + --h2-color: var(--pink); + --background-primary: var(--bg); + --background-secondary: var(--menu); + --selection-background-color: var(--selection); + --border-color-primary: var(--gutter-fg); + --border-color-secondary: var(--visual); + --text-color: var(--fg); + --text-color-accent: white; + --text-color-muted-dark: var(--nontext); + --text-color-muted-light: var(--gutter-fg); + --accent-color-dark: var(--purple); + --accent-color-light: var(--pink); + --accent-color-hover: var(--green); + --accent-h: 265; + --accent-s: 89%; + --accent-l: 78%; + --canvas-color: 189, 147, 249 !important; + --code-important: var(--color-yellow); + --code-boolean: var(--purple); + --code-builtin: var(--green); + --code-comment: var(--comment); + --code-definition: var(--text-color); + --code-keyword: var(--pink); + --code-operator: var(--pink); + --code-property: var(--green); + --code-parentheses: var(--cyan); + --code-string: var(--yellow); + --code-value: var(--purple); + --code-variable: var(--purple); +} + +.theme-dark.color-scheme-dracula-soft { + --bg: #292a35; + --fg: #f6f6f5; + --selection: #7c7f8a; + --comment: #70747f; + --orange: #fdc38e; + --black: #1c1c1c; + --red: #dd6e6b; + --green: #87e58e; + --yellow: #e8eda2; + --purple: #baa0e8; + --pink: #e48cc1; + --cyan: #a7dfef; + --white: #f6f6f5; + --bright-red: #e1837f; + --bright-green: #97eda2; + --bright-yellow: #f6f6b6; + --bright-blue: #d0b5f3; + --bright-magenta: #e7a1d7; + --bright-cyan: #bcf4f5; + --bright-white: #ffffff; + --menu: #21222c; + --visual: #3e4452; + --gutter-fg: #4b5263; + --nontext: #3b4048; + --color-red: var(--red); + --color-orange: var(--orange); + --color-yellow: var(--yellow); + --color-green: var(--green); + --color-cyan: var(--cyan); + --color-blue: var(--comment); + --color-purple: var(--purple); + --color-pink: var(--pink); + --h2-color: var(--pink); + --background-primary: var(--bg); + --background-secondary: var(--menu); + --selection-background-color: var(--selection); + --border-color-primary: var(--gutter-fg); + --border-color-secondary: var(--visual); + --text-color: var(--fg); + --text-color-accent: white; + --text-color-muted-dark: var(--nontext); + --text-color-muted-light: var(--gutter-fg); + --accent-color-dark: var(--purple); + --accent-color-light: var(--pink); + --accent-color-hover: var(--green); + --accent-h: 262; + --accent-s: 61%; + --accent-l: 77%; + --canvas-color: 186, 160, 232 !important; + --code-important: var(--color-yellow); + --code-boolean: var(--purple); + --code-builtin: var(--green); + --code-comment: var(--comment); + --code-definition: var(--text-color); + --code-keyword: var(--pink); + --code-operator: var(--pink); + --code-property: var(--green); + --code-parentheses: var(--cyan); + --code-string: var(--yellow); + --code-value: var(--purple); + --code-variable: var(--purple); +} + +.theme-dark.color-scheme-gruvbox-soft, .theme-dark.color-scheme-gruvbox-medium, .theme-dark.color-scheme-gruvbox-hard { + --dark0-hard: #1d2021; + --dark0: #282828; + --dark0-soft: #32302f; + --dark1: #3c3836; + --dark2: #504945; + --dark3: #665c54; + --dark4: #7c6f64; + --light0-hard: #f9f5d7; + --light0: #fbf1c7; + --light0-soft: #f2e5bc; + --light1: #ebdbb2; + --light2: #d5c4a1; + --light3: #bdae93; + --light4: #a89984; + --bright-red: #fb4934; + --bright-green: #b8bb26; + --bright-yellow: #fabd2f; + --bright-blue: #83a598; + --bright-purple: #d3869b; + --bright-aqua: #8ec07c; + --bright-orange: #fe8019; + --neutral-red: #cc241d; + --neutral-green: #98971a; + --neutral-yellow: #d79921; + --neutral-blue: #458588; + --neutral-purple: #b16286; + --neutral-aqua: #689d6a; + --neutral-orange: #d65d0e; + --faded-red: #9d0006; + --faded-green: #79740e; + --faded-yellow: #b57614; + --faded-blue: #076678; + --faded-purple: #8f3f71; + --faded-aqua: #427b58; + --faded-orange: #af3a03; + --dark-red-hard: #792329; + --dark-red: #722529; + --dark-red-soft: #7b2c2f; + --light-red-hard: #fc9690; + --light-red: #fc9487; + --light-red-soft: #f78b7f; + --dark-green-hard: #5a633a; + --dark-green: #62693e; + --dark-green-soft: #686d43; + --light-green-hard: #d3d6a5; + --light-green: #d5d39b; + --light-green-soft: #cecb94; + --dark-aqua-hard: #3e4934; + --dark-aqua: #49503b; + --dark-aqua-soft: #525742; + --light-aqua-hard: #e6e9c1; + --light-aqua: #e8e5b5; + --light-aqua-soft: #e1dbac; + --gray: #928374; + --selection-background-color: var(--dark3); + --color-red: var(--neutral-red); + --color-orange: var(--neutral-orange); + --color-yellow: var(--neutral-yellow); + --color-green: var(--neutral-green); + --color-cyan: var(--neutral-aqua); + --color-blue: var(--neutral-blue); + --color-purple: var(--neutral-purple); + --color-pink: pink; + --text-color: var(--light1); + --text-color-accent: white; + --accent-color-dark: var(--neutral-green); + --accent-color-light: var(--neutral-yellow); + --accent-color-hover: var(--bright-green); + --accent-h: 60; + --accent-s: 71%; + --accent-l: 35%; + --canvas-color: 152, 151, 26 !important; + --code-important: var(--color-yellow); + --code-boolean: var(--bright-purple); + --code-builtin: var(--bright-orange); + --code-comment: var(var(--gray)); + --code-definition: var(--light1); + --code-keyword: var(--bright-red); + --code-operator: var(--bright-orange); + --code-property: var(--bright-green); + --code-parentheses: var(--bright-orange); + --code-string: var(--bright-green); + --code-value: var(--bright-purple); + --code-variable: var(--bright-blue); +} +.theme-dark.color-scheme-gruvbox-soft { + --background-primary: var(--dark0-soft); + --background-secondary: var(--dark1); + --border-color-primary: var(--dark3); + --border-color-secondary: var(--dark4); + --text-color-muted-dark: var(--dark3); + --text-color-muted-light: var(--dark4); +} +.theme-dark.color-scheme-gruvbox-medium { + --background-primary: var(--dark0); + --background-secondary: var(--dark0-soft); + --border-color-primary: var(--dark2); + --border-color-secondary: var(--dark3); + --text-color-muted-dark: var(--dark2); + --text-color-muted-light: var(--dark3); +} +.theme-dark.color-scheme-gruvbox-hard { + --background-primary: var(--dark0-hard); + --background-secondary: var(--dark0); + --border-color-primary: var(--dark1); + --border-color-secondary: var(--dark2); + --text-color-muted-dark: var(--dark1); + --text-color-muted-light: var(--dark2); +} + +.theme-dark.color-scheme-horizon { + --blue: #26bbd9; + --cyan: #59e1e3; + --green: #29d398; + --magenta: #ee64ac; + --red: #e95678; + --yellow: #fab795; + --apricot: #f09483; + --cranberry: #e95678; + --gray: #bbbbbb; + --lavender: #b877db; + --rosebud: #fab795; + --tacao: #fac29a; + --turquoise: #25b0bc; + --accent: #2e303e; + --accentAlt: #6c6f93; + --background: #1c1e26; + --backgroundAlt: #232530; + --border: #1a1c23; + --lightText: #d5d8da; + --color-red: var(--red); + --color-orange: var(--apricot); + --color-yellow: var(--yellow); + --color-green: var(--green); + --color-cyan: var(--cyan); + --color-blue: var(--blue); + --color-purple: var(--lavender); + --color-pink: pink; + --background-primary: var(--background); + --background-secondary: var(--backgroundAlt); + --selection-background-color: var(--accent); + --border-color-primary: var(--accent); + --border-color-secondary: var(--accent); + --text-color: var(--lightText); + --text-color-accent: white; + --text-color-muted-dark: var(--accent); + --text-color-muted-light: var(--accentAlt); + --accent-color-dark: var(--cranberry); + --accent-color-light: var(--turquoise); + --accent-color-hover: var(--rosebud); + --accent-h: 345; + --accent-s: 77%; + --accent-l: 62%; + --canvas-color: 233, 83, 120 !important; + --code-important: var(--color-yellow); + --code-boolean: var(--apricot); + --code-builtin: var(--turquoise); + --code-comment: #4c4d53; + --code-definition: var(--cranberry); + --code-keyword: var(--lavender); + --code-operator: var(--gray); + --code-property: var(--turquoise); + --code-parentheses: var(--gray); + --code-string: var(--rosebud); + --code-value: var(--apricot); + --code-variable: var(--cranberry); +} + +.theme-dark.color-scheme-kanagawa-dragon { + --dragonBlack0: #0d0c0c; + --dragonBlack1: #12120f; + --dragonBlack2: #1d1c19; + --dragonBlack3: #181616; + --dragonBlack4: #282727; + --dragonBlack5: #393836; + --dragonBlack6: #625e5a; + --dragonWhite: #c5c9c5; + --dragonGreen: #87a987; + --dragonGreen2: #8a9a7b; + --dragonPink: #a292a3; + --dragonOrange: #b6927b; + --dragonOrange2: #b98d7b; + --dragonGray: #a6a69c; + --dragonGray2: #9e9b93; + --dragonGray3: #7a8382; + --dragonBlue2: #8ba4b0; + --dragonViolet: #8992a7; + --dragonRed: #c4746e; + --dragonAqua: #8ea4a2; + --dragonAsh: #737c73; + --dragonTeal: #949fb5; + --dragonYellow: #c4b28a; + --waveBlue1: #223249; + --color-red: var(--dragonRed); + --color-orange: var(--dragonOrange); + --color-yellow: var(--dragonYellow); + --color-green: var(--dragonGreen2); + --color-cyan: var(--dragonTeal); + --color-blue: var(--dragonTeal); + --color-purple: var(--dragonViolet); + --color-pink: var(--dragonPink); + --background-primary: var(--dragonBlack3); + --background-secondary: var(--dragonBlack4); + --selection-background-color: var(--waveBlue1); + --border-color-primary: var(--dragonBlack5); + --border-color-secondary: var(--dragonBlack6); + --text-color: var(--dragonWhite); + --text-color-accent: white; + --text-color-muted-dark: var(--dragonBlack5); + --text-color-muted-light: var(--dragonBlack6); + --accent-color-dark: var(--dragonTeal); + --accent-color-light: var(--dragonOrange); + --accent-color-hover: var(--dragonPink); + --accent-h: 220; + --accent-s: 18%; + --accent-l: 65%; + --canvas-color: 148, 159, 181 !important; + --code-important: var(--color-yellow); + --code-boolean: var(--dragonOrange); + --code-builtin: var(--dragonTeal); + --code-comment: var(--dragonAsh); + --code-definition: var(--dragonOrange); + --code-keyword: var(--dragonTeal); + --code-operator: var(--dragonRed); + --code-property: var(--dragonWhite); + --code-parentheses: var(--dragonGray2); + --code-string: var(--dragonGreen2); + --code-value: var(--dragonPink); + --code-variable: var(--dragonYellow); +} + +.theme-dark.color-scheme-kanagawa-wave { + --background: #1f1f28; + --background-alt: #2a2a37; + --sumiInk5: #363646; + --sumiInk6: #54546d; + --waveBlue1: #223249; + --fujiWhite: #dcd7ba; + --fujiGray: #727169; + --waveRed: #e46876; + --carpYellow: #e6c384; + --boatYellow2: #c0a36e; + --springGreen: #98bb6c; + --surimiOrange: #ffa066; + --crystalBlue: #7e9cd8; + --oniViolet: #957fb8; + --springViolet2: #9cabca; + --sakuraPink: #d27e99; + --color-red: var(--waveRed); + --color-orange: var(--surimiOrange); + --color-yellow: var(--carpYellow); + --color-green: var(--springGreen); + --color-cyan: var(--crystalBlue); + --color-blue: var(--crystalBlue); + --color-purple: var(--oniViolet); + --color-pink: var(--sakuraPink); + --background-primary: var(--background); + --background-secondary: var(--background-alt); + --selection-background-color: var(--waveBlue1); + --border-color-primary: var(--sumiInk5); + --border-color-secondary: var(--sumiInk6); + --text-color: var(--fujiWhite); + --text-color-accent: white; + --text-color-muted-dark: var(--sumiInk5); + --text-color-muted-light: var(--sumiInk6); + --accent-color-dark: var(--crystalBlue); + --accent-color-light: var(--sakuraPink); + --accent-color-hover: var(--springViolet2); + --accent-h: 220; + --accent-s: 54%; + --accent-l: 67%; + --canvas-color: 126, 156, 216 !important; + --code-important: var(--color-yellow); + --code-boolean: var(--surimiOrange); + --code-builtin: var(--crystalBlue); + --code-comment: var(--fujiGray); + --code-definition: var(--crystalBlue); + --code-keyword: var(--oniViolet); + --code-operator: var(--boatYellow2); + --code-property: var(--carpYellow); + --code-parentheses: var(--springViolet2); + --code-string: var(--springGreen); + --code-value: var(--sakuraPink); + --code-variable: var(--purple); +} + +.theme-dark.color-scheme-nord { + --black: #2e3440; + --dark-gray: #3b4252; + --gray: #434c5e; + --light-gray: #4c566a; + --light-gray-bright: #616e88; + --darkest-white: #d8dee9; + --darker-white: #e5e9f0; + --white: #eceff4; + --teal: #8fbcbb; + --off-blue: #88c0d0; + --glacier: #81a1c1; + --color-red: #bf616a; + --color-orange: #d08770; + --color-yellow: #ebcb8b; + --color-green: #a3be8c; + --color-cyan: #88c0d0; + --color-blue: #5e81ac; + --color-purple: #b48ead; + --color-pink: pink; + --background-primary: var(--black); + --background-secondary: var(--dark-gray); + --selection-background-color: var(--light-gray); + --border-color-primary: var(--gray); + --border-color-secondary: var(--light-gray); + --text-color: var(--darkest-white); + --text-color-accent: var(--white); + --text-color-muted-dark: var(--background-secondary); + --text-color-muted-light: var(--light-gray-bright); + --accent-color-dark: var(--glacier); + --accent-color-light: var(--teal); + --accent-color-hover: var(--off-blue); + --accent-h: 210; + --accent-s: 34%; + --accent-l: 63%; + --canvas-color: 129, 161, 193 !important; + --code-important: var(--color-yellow); + --code-boolean: var(--glacier); + --code-builtin: var(--off-blue); + --code-comment: var(--light-gray-bright); + --code-definition: var(--off-blue); + --code-keyword: var(--glacier); + --code-operator: var(--glacier); + --code-property: var(--off-blue); + --code-parentheses: var(--teal); + --code-string: var(--color-green); + --code-value: var(--color-purple); + --code-variable: var(--text-color); +} + +.theme-dark.color-scheme-rose-pine { + --nc: #16141f; + --base: #191724; + --surface: #1f1d2e; + --overlay: #26233a; + --muted: #6e6a86; + --subtle: #908caa; + --text: #e0def4; + --love: #eb6f92; + --gold: #f6c177; + --rose: #ebbcba; + --pine: #31748f; + --foam: #9ccfd8; + --iris: #c4a7e7; + --highlight-low: #21202e; + --highlight-med: #403d52; + --highlight-high: #524f67; + --color-red: #eb6f92; + --color-orange: #ebbcba; + --color-yellow: #f6c177; + --color-green: #9ccfd8; + --color-cyan: #9ccfd8; + --color-blue: #31748f; + --color-purple: #c4a7e7; + --color-pink: pink; + --background-primary: var(--base); + --background-secondary: var(--surface); + --selection-background-color: var(--overlay); + --border-color-primary: var(--highlight-med); + --border-color-secondary: var(--highlight-high); + --text-color: var(--text); + --text-color-accent: white; + --text-color-muted-dark: var(--overlay); + --text-color-muted-light: var(--muted); + --accent-color-dark: var(--pine); + --accent-color-light: var(--rose); + --accent-color-hover: var(--foam); + --accent-h: 197; + --accent-s: 49%; + --accent-l: 38%; + --canvas-color: 49, 116, 143 !important; + --code-important: var(--color-yellow); + --code-boolean: var(--rose); + --code-builtin: var(--love); + --code-comment: var(--muted); + --code-definition: var(--rose); + --code-keyword: var(--pine); + --code-operator: var(--pine); + --code-property: var(--foam); + --code-parentheses: var(--subtle); + --code-string: var(--gold); + --code-value: var(--rose); + --code-variable: var(--text); +} + +.theme-dark.color-scheme-rose-pine-moon { + --nc: #1f1d30; + --base: #232136; + --surface: #2a273f; + --overlay: #393552; + --muted: #6e6a86; + --subtle: #908caa; + --text: #e0def4; + --love: #eb6f92; + --gold: #f6c177; + --rose: #ea9a97; + --pine: #3e8fb0; + --foam: #9ccfd8; + --iris: #c4a7e7; + --highlight-low: #2a283e; + --highlight-med: #44415a; + --highlight-high: #56526e; + --color-red: #eb6f92; + --color-orange: #ea9a97; + --color-yellow: #f6c177; + --color-green: #9ccfd8; + --color-cyan: #9ccfd8; + --color-blue: #3e8fb0; + --color-purple: #c4a7e7; + --color-pink: pink; + --background-primary: var(--base); + --background-secondary: var(--surface); + --selection-background-color: var(--overlay); + --border-color-primary: var(--highlight-med); + --border-color-secondary: var(--highlight-high); + --text-color: var(--text); + --text-color-accent: white; + --text-color-muted-dark: var(--overlay); + --text-color-muted-light: var(--muted); + --accent-color-dark: var(--pine); + --accent-color-light: var(--rose); + --accent-color-hover: var(--foam); + --accent-h: 197; + --accent-s: 48%; + --accent-l: 47%; + --canvas-color: 62, 143, 176 !important; + --code-important: var(--color-yellow); + --code-boolean: var(--rose); + --code-builtin: var(--love); + --code-comment: var(--muted); + --code-definition: var(--rose); + --code-keyword: var(--pine); + --code-operator: var(--pine); + --code-property: var(--foam); + --code-parentheses: var(--subtle); + --code-string: var(--gold); + --code-value: var(--rose); + --code-variable: var(--text); +} + +.theme-dark.color-scheme-tokyo-night { + --bg: #1a1b26; + --bg-dark: #16161e; + --bg-highlight: #363a4a; + --blue: #7aa2f7; + --blue0: #3d59a1; + --blue1: #2ac3de; + --blue2: #0db9d7; + --blue5: #89ddff; + --blue6: #b4f9f8; + --blue7: #394b70; + --comment: #565f89; + --cyan: #7dcfff; + --dark3: #545c7e; + --dark5: #737aa2; + --fg: #c0caf5; + --fg-dark: #a9b1d6; + --fg-gutter: #3b4261; + --green: #9ece6a; + --green1: #73daca; + --green2: #41a6b5; + --magenta: #bb9af7; + --magenta2: #ff007c; + --orange: #ff9e64; + --purple: #9d7cd8; + --red: #f7768e; + --red1: #db4b4b; + --teal: #1abc9c; + --terminal-black: #414868; + --yellow: #e0af68; + --color-red: var(--red); + --color-orange: var(--orange); + --color-yellow: var(--yellow); + --color-green: var(--green); + --color-cyan: var(--cyan); + --color-blue: var(--blue); + --color-purple: var(--purple); + --color-pink: pink; + --background-primary: var(--bg); + --background-secondary: var(--bg-dark); + --selection-background-color: var(--bg-highlight); + --border-color-primary: var(--fg-gutter); + --border-color-secondary: var(--fg-gutter); + --text-color: var(--fg); + --text-color-accent: white; + --text-color-muted-dark: var(--fg-gutter); + --text-color-muted-light: var(--fg-dark); + --accent-color-dark: var(--purple); + --accent-color-light: var(--blue); + --accent-color-hover: var(--magenta); + --accent-h: 261; + --accent-s: 85%; + --accent-l: 79%; + --canvas-color: 187, 154, 247 !important; + --code-important: var(--color-yellow); + --code-boolean: var(--orange); + --code-builtin: var(--color-cyan); + --code-comment: var(--comment); + --code-definition: var(--color-blue); + --code-keyword: var(--color-purple); + --code-operator: var(--color-cyan); + --code-property: var(--blue); + --code-parentheses: var(--fg-dark); + --code-string: var(--color-green); + --code-value: var(--color-orange); + --code-variable: var(--fg); +} + +.theme-dark.color-scheme-tokyo-night-moon { + --bg: #222436; + --bg-dark: #1e2030; + --bg-highlight: #2f334d; + --blue: #82aaff; + --blue0: #3e68d7; + --blue1: #65bcff; + --blue2: #0db9d7; + --blue5: #89ddff; + --blue6: #b4f9f8; + --blue7: #394b70; + --comment: #636da6; + --cyan: #86e1fc; + --dark3: #545c7e; + --dark5: #737aa2; + --fg: #c8d3f5; + --fg-dark: #828bb8; + --fg-gutter: #3b4261; + --green: #c3e88d; + --green1: #4fd6be; + --green2: #41a6b5; + --magenta: #c099ff; + --magenta2: #ff007c; + --orange: #ff966c; + --purple: #fca7ea; + --red: #ff757f; + --red1: #c53b53; + --teal: #4fd6be; + --terminal-black: #444a73; + --yellow: #ffc777; + --color-red: var(--red); + --color-orange: var(--orange); + --color-yellow: var(--yellow); + --color-green: var(--green); + --color-cyan: var(--cyan); + --color-blue: var(--blue); + --color-purple: var(--purple); + --color-pink: pink; + --background-primary: var(--bg); + --background-secondary: var(--bg-dark); + --selection-background-color: var(--bg-highlight); + --border-color-primary: var(--fg-gutter); + --border-color-secondary: var(--fg-gutter); + --text-color: var(--fg); + --text-color-accent: white; + --text-color-muted-dark: var(--fg-gutter); + --text-color-muted-light: var(--fg-dark); + --accent-color-dark: var(--magenta); + --accent-color-light: var(--blue); + --accent-color-hover: var(--purple); + --accent-h: 263; + --accent-s: 100%; + --accent-l: 80%; + --canvas-color: 192, 153, 255 !important; + --code-important: var(--color-yellow); + --code-boolean: var(--orange); + --code-builtin: var(--color-cyan); + --code-comment: var(--comment); + --code-definition: var(--color-blue); + --code-keyword: var(--color-purple); + --code-operator: var(--color-cyan); + --code-property: var(--blue); + --code-parentheses: var(--fg-dark); + --code-string: var(--color-green); + --code-value: var(--color-orange); + --code-variable: var(--fg); +} + +.theme-dark.color-scheme-tokyo-night-storm { + --bg: #24283b; + --bg-dark: #1f2335; + --bg-highlight: #363a4a; + --blue: #7aa2f7; + --blue0: #3d59a1; + --blue1: #2ac3de; + --blue2: #0db9d7; + --blue5: #89ddff; + --blue6: #b4f9f8; + --blue7: #394b70; + --comment: #565f89; + --cyan: #7dcfff; + --dark3: #545c7e; + --dark5: #737aa2; + --fg: #c0caf5; + --fg-dark: #a9b1d6; + --fg-gutter: #3b4261; + --green: #9ece6a; + --green1: #73daca; + --green2: #41a6b5; + --magenta: #bb9af7; + --magenta2: #ff007c; + --orange: #ff9e64; + --purple: #9d7cd8; + --red: #f7768e; + --red1: #db4b4b; + --teal: #1abc9c; + --terminal-black: #414868; + --yellow: #e0af68; + --color-red: var(--red); + --color-orange: var(--orange); + --color-yellow: var(--yellow); + --color-green: var(--green); + --color-cyan: var(--cyan); + --color-blue: var(--blue); + --color-purple: var(--purple); + --color-pink: pink; + --background-primary: var(--bg); + --background-secondary: var(--bg-dark); + --selection-background-color: var(--bg-highlight); + --border-color-primary: var(--fg-gutter); + --border-color-secondary: var(--fg-gutter); + --text-color: var(--fg); + --text-color-accent: white; + --text-color-muted-dark: var(--fg-gutter); + --text-color-muted-light: var(--fg-dark); + --accent-color-dark: var(--purple); + --accent-color-light: var(--blue); + --accent-color-hover: var(--magenta); + --accent-h: 261; + --accent-s: 85%; + --accent-l: 79%; + --canvas-color: 187, 154, 247 !important; + --code-important: var(--color-yellow); + --code-boolean: var(--orange); + --code-builtin: var(--color-cyan); + --code-comment: var(--comment); + --code-definition: var(--color-blue); + --code-keyword: var(--color-purple); + --code-operator: var(--color-cyan); + --code-property: var(--blue); + --code-parentheses: var(--fg-dark); + --code-string: var(--color-green); + --code-value: var(--color-orange); + --code-variable: var(--fg); +} + +.theme-light.color-scheme-catppuccin-latte { + --rosewater: #dc8a78; + --flamingo: #dd7878; + --pink: #ea76cb; + --mauve: #8839ef; + --red: #d20f39; + --maroon: #e64553; + --peach: #fe640b; + --yellow: #df8e1d; + --green: #40a02b; + --teal: #179299; + --sky: #04a5e5; + --sapphire: #209fb5; + --blue: #1e66f5; + --lavender: #7287fd; + --text: #4c4f69; + --subtext1: #5c5f77; + --subtext0: #6c6f85; + --overlay2: #7c7f93; + --overlay1: #8c8fa1; + --overlay0: #9ca0b0; + --surface2: #acb0be; + --surface1: #bcc0cc; + --surface0: #ccd0da; + --base: #eff1f5; + --mantle: #e6e9ef; + --crust: #dce0e8; + --color-red: var(--red); + --color-orange: var(--peach); + --color-yellow: var(--yellow); + --color-green: var(--green); + --color-cyan: var(--teal); + --color-blue: var(--blue); + --color-purple: var(--mauve); + --color-pink: var(--pink); + --background-primary: var(--base); + --background-secondary: var(--crust); + --selection-background-color: var(--crust); + --border-color-primary: var(--surface0); + --border-color-secondary: var(--surface1); + --text-color: var(--text); + --text-color-accent: white; + --text-color-muted-dark: var(--surface0); + --text-color-muted-light: var(--overlay0); + --accent-color-dark: var(--mauve); + --accent-color-light: var(--blue); + --accent-color-hover: var(--maroon); + --accent-h: 266; + --accent-s: 85%; + --accent-l: 58%; + --canvas-color: 136, 57, 239 !important; + --code-important: var(--color-yellow); + --code-boolean: var(--peach); + --code-builtin: var(--peach); + --code-comment: var(--overlay0); + --code-definition: var(--lavender); + --code-keyword: var(--mauve); + --code-operator: var(--sky); + --code-property: var(--lavender); + --code-parentheses: var(--overlay2); + --code-string: var(--green); + --code-value: var(--peach); + --code-variable: var(--text-color); +} + +.theme-light.color-scheme-gruvbox-soft, .theme-light.color-scheme-gruvbox-medium, .theme-light.color-scheme-gruvbox-hard { + --dark0-hard: #1d2021; + --dark0: #282828; + --dark0-soft: #32302f; + --dark1: #3c3836; + --dark2: #504945; + --dark3: #665c54; + --dark4: #7c6f64; + --light0-hard: #f9f5d7; + --light0: #fbf1c7; + --light0-soft: #f2e5bc; + --light1: #ebdbb2; + --light2: #d5c4a1; + --light3: #bdae93; + --light4: #a89984; + --bright-red: #fb4934; + --bright-green: #b8bb26; + --bright-yellow: #fabd2f; + --bright-blue: #83a598; + --bright-purple: #d3869b; + --bright-aqua: #8ec07c; + --bright-orange: #fe8019; + --neutral-red: #cc241d; + --neutral-green: #98971a; + --neutral-yellow: #d79921; + --neutral-blue: #458588; + --neutral-purple: #b16286; + --neutral-aqua: #689d6a; + --neutral-orange: #d65d0e; + --faded-red: #9d0006; + --faded-green: #79740e; + --faded-yellow: #b57614; + --faded-blue: #076678; + --faded-purple: #8f3f71; + --faded-aqua: #427b58; + --faded-orange: #af3a03; + --dark-red-hard: #792329; + --dark-red: #722529; + --dark-red-soft: #7b2c2f; + --light-red-hard: #fc9690; + --light-red: #fc9487; + --light-red-soft: #f78b7f; + --dark-green-hard: #5a633a; + --dark-green: #62693e; + --dark-green-soft: #686d43; + --light-green-hard: #d3d6a5; + --light-green: #d5d39b; + --light-green-soft: #cecb94; + --dark-aqua-hard: #3e4934; + --dark-aqua: #49503b; + --dark-aqua-soft: #525742; + --light-aqua-hard: #e6e9c1; + --light-aqua: #e8e5b5; + --light-aqua-soft: #e1dbac; + --gray: #928374; + --selection-background-color: var(--light3); + --color-red: var(--neutral-red); + --color-orange: var(--neutral-orange); + --color-yellow: var(--neutral-yellow); + --color-green: var(--neutral-green); + --color-cyan: var(--neutral-aqua); + --color-blue: var(--neutral-blue); + --color-purple: var(--neutral-purple); + --color-pink: pink; + --text-color: var(--dark1); + --text-color-accent: white; + --accent-color-dark: var(--neutral-green); + --accent-color-light: var(--neutral-yellow); + --accent-color-hover: var(--bright-green); + --accent-h: 60; + --accent-s: 71%; + --accent-l: 35%; + --canvas-color: 152, 151, 26 !important; + --code-important: var(--color-yellow); + --code-boolean: var(--faded-purple); + --code-builtin: var(--faded-orange); + --code-comment: var(var(--gray)); + --code-definition: var(--dark1); + --code-keyword: var(--faded-red); + --code-operator: var(--faded-orange); + --code-property: var(--faded-green); + --code-parentheses: var(--faded-orange); + --code-string: var(--faded-green); + --code-value: var(--faded-purple); + --code-variable: var(--faded-blue); +} +.theme-light.color-scheme-gruvbox-soft { + --background-primary: var(--light0-soft); + --background-secondary: var(--light1); + --border-color-primary: var(--light3); + --border-color-secondary: var(--light4); + --text-color-muted-dark: var(--light3); + --text-color-muted-light: var(--light4); +} +.theme-light.color-scheme-gruvbox-medium { + --background-primary: var(--light0); + --background-secondary: var(--light0-soft); + --border-color-primary: var(--light2); + --border-color-secondary: var(--light3); + --text-color-muted-dark: var(--light2); + --text-color-muted-light: var(--light3); +} +.theme-light.color-scheme-gruvbox-hard { + --background-primary: var(--light0-hard); + --background-secondary: var(--light0); + --border-color-primary: var(--light1); + --border-color-secondary: var(--light2); + --text-color-muted-dark: var(--light1); + --text-color-muted-light: var(--light2); +} + +.theme-light.color-scheme-horizon-bright { + --blue: #26bbd9; + --cyan: #59e1e3; + --green: #29d398; + --magenta: #ee64ac; + --red: #e95678; + --yellow: #fab795; + --amethyst: #8a31b9; + --black: #333333; + --crimson: #da103f; + --elm: #1d8991; + --jaffa: #f77d26; + --tango: #f6661e; + --thunderbird: #dc3318; + --accent: #f9cbbe; + --accentAlt: #f9cec3; + --background: #fdf0ed; + --backgroundAlt: #fadad1; + --border: #1a1c23; + --darkText: #06060c; + --color-red: var(--red); + --color-orange: var(--jaffa); + --color-yellow: var(--yellow); + --color-green: var(--green); + --color-cyan: var(--cyan); + --color-blue: var(--blue); + --color-purple: var(--amethyst); + --color-pink: pink; + --background-primary: var(--background); + --background-secondary: var(--backgroundAlt); + --selection-background-color: var(--accent); + --border-color-primary: var(--accent); + --border-color-secondary: var(--accent); + --text-color: var(--black); + --text-color-accent: white; + --text-color-muted-dark: var(--accent); + --text-color-muted-light: var(--accentAlt); + --accent-color-dark: var(--red); + --accent-color-light: var(--elm); + --accent-color-hover: var(--yellow); + --accent-h: 346; + --accent-s: 77%; + --accent-l: 63%; + --canvas-color: 233, 86, 120 !important; + --code-important: var(--color-yellow); + --code-boolean: var(--crimson); + --code-builtin: var(--elm); + --code-comment: #989290; + --code-definition: var(--thunderbird); + --code-keyword: var(--amethyst); + --code-operator: var(--black); + --code-property: var(--elm); + --code-parentheses: var(--black); + --code-string: var(--jaffa); + --code-value: var(--crimson); + --code-variable: var(--thunderbird); +} + +.theme-light.color-scheme-kanagawa-lotus { + --lotusInk1: #545464; + --lotusInk2: #43436c; + --lotusGray: #dcd7ba; + --lotusGray2: #716e61; + --lotusGray3: #8a8980; + --lotusWhite0: #d5cea3; + --lotusWhite1: #dcd5ac; + --lotusWhite2: #e5ddb0; + --lotusWhite3: #f2ecbc; + --lotusWhite4: #e7dba0; + --lotusWhite5: #e4d794; + --lotusViolet1: #a09cac; + --lotusViolet2: #766b90; + --lotusViolet3: #c9cbd1; + --lotusViolet4: #624c83; + --lotusBlue1: #c7d7e0; + --lotusBlue2: #b5cbd2; + --lotusBlue3: #9fb5c9; + --lotusBlue4: #4d699b; + --lotusBlue5: #5d57a3; + --lotusGreen: #6f894e; + --lotusGreen2: #6e915f; + --lotusGreen3: #b7d0ae; + --lotusPink: #b35b79; + --lotusOrange: #cc6d00; + --lotusOrange2: #e98a00; + --lotusYellow: #77713f; + --lotusYellow2: #836f4a; + --lotusYellow3: #de9800; + --lotusYellow4: #f9d791; + --lotusRed: #c84053; + --lotusRed2: #d7474b; + --lotusRed3: #e82424; + --lotusRed4: #d9a594; + --lotusAqua: #597b75; + --lotusAqua2: #5e857a; + --lotusTeal1: #4e8ca2; + --lotusTeal2: #6693bf; + --lotusTeal3: #5a7785; + --lotusCyan: #d7e3d8; + --color-red: var(--lotusRed2); + --color-orange: var(--lotusOrange); + --color-yellow: var(--lotusYellow3); + --color-green: var(--lotusGreen); + --color-cyan: var(--lotusTeal2); + --color-blue: var(--lotusTeal1); + --color-purple: var(--lotusViolet4); + --color-pink: var(--lotusPink); + --background-primary: var(--lotusWhite3); + --background-secondary: var(--lotusWhite4); + --selection-background-color: var(--lotusViolet3); + --border-color-primary: var(--lotusWhite0); + --border-color-secondary: var(--lotusGray3); + --text-color: var(--lotusInk1); + --text-color-accent: white; + --text-color-muted-dark: var(--lotusGray3); + --text-color-muted-light: var(--lotusGray2); + --accent-color-dark: var(--lotusTeal1); + --accent-color-light: var(--lotusRed2); + --accent-color-hover: var(--lotusPink); + --accent-h: 196; + --accent-s: 35%; + --accent-l: 47%; + --canvas-color: 78, 140, 162 !important; + --code-important: var(--color-yellow); + --code-boolean: var(--lotusOrange); + --code-builtin: var(--lotusTeal2); + --code-comment: var(--lotusGray3); + --code-definition: var(--lotusOrange); + --code-keyword: var(--lotusViolet4); + --code-operator: var(--lotusYellow2); + --code-property: var(--lotusInk1); + --code-parentheses: var(--lotusTeal1); + --code-string: var(--lotusGreen); + --code-value: var(--lotusPink); + --code-variable: var(--lotusOrange); +} + +.theme-light.color-scheme-rose-pine-dawn { + --nc: #f8f0e7; + --base: #faf4ed; + --surface: #fffaf3; + --overlay: #f2e9e1; + --muted: #9893a5; + --subtle: #797593; + --text: #575279; + --love: #b4637a; + --gold: #ea9d34; + --rose: #d7827e; + --pine: #286983; + --foam: #56949f; + --iris: #907aa9; + --highlight-low: #f4ede8; + --highlight-med: #dfdad9; + --highlight-high: #cecacd; + --color-red: var(--love); + --color-orange: var(--rose); + --color-yellow: var(--gold); + --color-green: var(--foam); + --color-cyan: var(--foam); + --color-blue: var(--pine); + --color-purple: var(--iris); + --color-pink: pink; + --background-primary: var(--base); + --background-secondary: var(--surface); + --selection-background-color: var(--overlay); + --border-color-primary: var(--highlight-med); + --border-color-secondary: var(--highlight-high); + --text-color: var(--text); + --text-color-accent: var(--text); + --text-color-muted-dark: var(--overlay); + --text-color-muted-light: var(--muted); + --accent-color-dark: var(--pine); + --accent-color-light: var(--rose); + --accent-color-hover: var(--iris); + --accent-h: 3; + --accent-s: 53%; + --accent-l: 67%; + --canvas-color: 215, 130, 126 !important; + --code-important: var(--color-yellow); + --code-boolean: var(--rose); + --code-builtin: var(--love); + --code-comment: var(--muted); + --code-definition: var(--rose); + --code-keyword: var(--pine); + --code-operator: var(--pine); + --code-property: var(--foam); + --code-parentheses: var(--subtle); + --code-string: var(--gold); + --code-value: var(--rose); + --code-variable: var(--text); +} + +.theme-light.color-scheme-tokyo-night-day { + --bg: #d5d6db; + --bg-dark: #cbccd1; + --bg-highlight: #b5b9c9; + --blue: #77a0f7; + --blue0: #7890dd; + --blue1: #23a8c0; + --blue2: #0baeca; + --blue5: #0098bb; + --blue6: #4c8988; + --blue7: #92a6d5; + --comment: #848cb5; + --cyan: #009cd0; + --dark3: #8990b3; + --dark5: #68709a; + --fg: #4c505e; + --fg-dark: #8d98c9; + --fg-gutter: #a8aecb; + --green: #799f50; + --green1: #519c91; + --green2: #48b5c6; + --magenta: #b28af6; + --magenta2: #d20065; + --orange: #e97c00; + --purple: #7847bd; + --red: #f77e94; + --red1: #c64343; + --teal: #18b495; + --terminal-black: #a1a6c5; + --yellow: #ba9155; + --color-red: var(--red); + --color-orange: var(--orange); + --color-yellow: var(--yellow); + --color-green: var(--green); + --color-cyan: var(--cyan); + --color-blue: var(--blue); + --color-purple: var(--purple); + --color-pink: pink; + --background-primary: var(--bg); + --background-secondary: var(--bg-dark); + --selection-background-color: var(--bg-highlight); + --border-color-primary: var(--fg-gutter); + --border-color-secondary: var(--fg-gutter); + --text-color: var(--fg); + --text-color-accent: white; + --text-color-muted-dark: var(--fg-gutter); + --text-color-muted-light: var(--fg-dark); + --accent-color-dark: var(--purple); + --accent-color-light: var(--blue); + --accent-color-hover: var(--magenta); + --accent-h: 265; + --accent-s: 47%; + --accent-l: 51%; + --canvas-color: 120, 71, 189 !important; + --code-important: var(--color-yellow); + --code-boolean: var(--orange); + --code-builtin: var(--color-cyan); + --code-comment: var(--comment); + --code-definition: var(--color-blue); + --code-keyword: var(--color-purple); + --code-operator: var(--color-cyan); + --code-property: var(--blue); + --code-parentheses: var(--fg-dark); + --code-string: var(--color-green); + --code-value: var(--color-orange); + --code-variable: var(--fg); +} + +.theme-light, +.theme-dark { + --accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l)); + --titlebar-background: var(--background-secondary); + --titlebar-background-focused: var(--border-color-primary); + --modal-background: var(--background-secondary); + --border-color: var(--border-color-primary); + --modal-border-color: var(--border-color-primary); + --prompt-border-color: var(--border-color-primary); + --background-modifier-form-field: var(--background-secondary); + --interactive-normal: var(--background-secondary); + --interactive-hover: var(--border-color-primary); + --interactive-accent: var(--accent); + --background-modifier-hover: var(--selection-background-color); + --background-modifier-active-hover: red; + --background-modifier-border: var(--border-color-primary); + --background-modifier-border-focus: var(--border-color-secondary); + --background-modifier-border-hover: var(--border-color-secondary); + --nav-item-color: var(--text-color); + --nav-item-color-active: var(--text-color-accent); + --nav-item-color-hover: var(--text-color-accent); + --nav-item-color-selected: red; + --nav-item-color-highlighted: var(--accent-color-light); + --nav-item-background-hover: var(--selection-background-color); + --nav-item-background-active: var(--accent-color-dark); + --nav-item-background-selected: red; + --tab-background-active: var(--background-primary); + --tab-text-color-focused: var(--text-color); + --tab-text-color-focused-active: var(--text-color); + --tab-divider-color: var(--selection-background-color); + --tab-outline-color: var(--border-color-primary); + --tab-text-color: var(--border-color-primary); + --tab-text-color-active: var(--text-color); + --tab-text-color-focused-highlighted: red; + --h1-color: var(--color-purple); + --h2-color: var(--color-blue); + --h3-color: var(--color-green); + --h4-color: var(--color-yellow); + --h5-color: var(--color-orange); + --h6-color: var(--color-red); + --inline-title-color: var(--text-color); + --text-normal: var(--text-color); + --text-muted: var(--text-color); + --checklist-done-color: var(--text-color-muted-light); + --text-faint: var(--text-color-muted-light); + --text-on-accent: var(--text-color-accent); + --text-on-accent-inverted: var(--background-primary); + --text-accent: var(--accent); + --text-accent-hover: red; + --text-highlight-bg: var(--accent); + --text-success: var(--color-green); + --text-warning: var(--color-yellow); + --text-error: var(--color-red); + --italic-color: var(--accent-color-light); + --bold-color: var(--accent-color-light); + --text-selection: var(--selection-background-color); + --list-marker-color: var(--accent-color-dark); + --blockquote-border-color: var(--accent-color-dark); + --hr-color: var(--text-color-muted-dark); + --indentation-guide-color: var(--text-color-muted-dark); + --indentation-guide-color-active: var(--text-color-muted-light); + --selection-border-color: var(--accent-color-hover); + --link-color: var(--accent-color-dark); + --link-external-color: var(--accent-color-dark); + --link-unresolved-color: var(--red); + --link-color-hover: var(--accent-color-hover); + --link-external-color-hover: var(--accent-color-hover); + --link-unresolved-color-hover: var(--red); + --nav-indentation-guide-color: var(--border-color-secondary); + --nav-collapse-icon-color: var(--border-color-secondary); + --nav-collapse-icon-color-collapsed: var(--border-color-secondary); + --checkbox-color: var(--accent-color-dark); + --checkbox-color-hover: var(--accent-color-hover); + --checkbox-border-color: var(--text-color-muted-light); + --checkbox-border-color-hover: var(--accent-color-hover); + --slider-track-background: var(--background-secondary); + --slider-thumb-border-color: var(--black); + --table-header-color: var(--text-color); + --table-border-color: var(--border-color-primary); + --table-selection: var(--selection-background-color); + --table-selection-border-color: var(--selection-border-color); + --table-drag-handle-color: var(--selection-background-color); + --table-drag-handle-color-active: var(--selection-background-color); + --tag-color: var(--accent-color-dark); + --tag-color-hover: var(--accent-color-dark); + --tag-background: var(--text-color-muted-dark); + --tag-background-hover: var(--text-color-muted-light); + --toggle-thumb-color: var(--text-color-accent); + --metadata-label-text-color: var(--text-color); + --metadata-input-text-color: var(--text-color); + --graph-text: var(--text-color); + --graph-line: var(--border-color-secondary); + --graph-node: var(--accent); + --graph-node-unresolved: var(--border-color-primary); + --graph-node-focused: var(--accent-color-hover); + --graph-node-tag: var(--accent-color-light); + --graph-node-attachment: var(--accent-color-dark); + --code-background: var(--background-secondary); +} + +.theme-light.workspace-tab-header-inner-title { + --tab-text-color-focused-active-current: var(--text-color); +} + +.theme-dark { + --tab-text-color-focused-active-current: var(--text-color-accent); +} + +.cm-hmd-codeblock { + color: var(--code-parentheses); +} + +.cm-atom { + color: var(--code-boolean); + font-weight: bold; +} + +.cm-builtin { + color: var(--code-builtin); + font-style: italic; +} + +.cm-comment { + color: var(--code-comment); + font-style: italic; +} + +.cm-def { + color: var(--code-definition); +} + +.cm-keyword { + color: var(--code-keyword); + font-weight: bold; + font-style: italic; +} + +.cm-number { + color: var(--code-value); +} + +.cm-operator { + color: var(--code-operator); +} + +.cm-property { + color: var(--code-property); +} + +.cm-string { + color: var(--code-string); +} + +.cm-variable { + color: var(--code-variable); +} + +/* @settings + +name: Chameleon Theme +id: obsidian-chameleon-theme +settings: + - + id: color-schemes-light + title: Light Color Scheme + description: Light Color Scheme picker + type: class-select + allowEmpty: false + default: color-scheme-rose-pine-dawn + options: + - + label: Catppuccin Latte + value: color-scheme-catppuccin-latte + - + label: Gruvbox Light Soft + value: color-scheme-gruvbox-soft + - + label: Gruvbox Light Medium + value: color-scheme-gruvbox-medium + - + label: Gruvbox Light Hard + value: color-scheme-gruvbox-hard + - + label: Horizon Bright + value: color-scheme-horizon-bright + - + label: Kanagawa Lotus + value: color-scheme-kanagawa-lotus + - + label: Tokyo Night Day + value: color-scheme-tokyo-night-day + - + label: Rosé Pine Dawn + value: color-scheme-rose-pine-dawn + - + id: color-schemes-dark + title: Dark Color Scheme + description: Dark Color Scheme picker + type: class-select + allowEmpty: false + default: color-scheme-nord + options: + - + label: Atom One Dark + value: color-scheme-atom-one-dark + - + label: Catppuccin Frappe + value: color-scheme-catppuccin-frappe + - + label: Catppuccin Macchiato + value: color-scheme-catppuccin-macchiato + - + label: Catppuccin Mocha + value: color-scheme-catppuccin-mocha + - + label: Dracula + value: color-scheme-dracula + - + label: Dracula Soft + value: color-scheme-dracula-soft + - + label: Gruvbox Dark Soft + value: color-scheme-gruvbox-soft + - + label: Gruvbox Dark Medium + value: color-scheme-gruvbox-medium + - + label: Gruvbox Dark Hard + value: color-scheme-gruvbox-hard + - + label: Horizon + value: color-scheme-horizon + - + label: Kanagawa Dragon + value: color-scheme-kanagawa-dragon + - + label: Kanagawa Wave + value: color-scheme-kanagawa-wave + - + label: Nord + value: color-scheme-nord + - + label: Rosé Pine + value: color-scheme-rose-pine + - + label: Rosé Pine Moon + value: color-scheme-rose-pine-moon + - + label: Tokyo Night + value: color-scheme-tokyo-night + - + label: Tokyo Night Moon + value: color-scheme-tokyo-night-moon + - + label: Tokyo Night Storm + value: color-scheme-tokyo-night-storm +*/