mod-macos.is-hidden-frameless:not(.is-popout-window) .workspace .workspace-tabs.mod-top-right-space .workspace-tab-header-container, .mod-macos.is-hidden-frameless:not(.is-popout-window) .sidebar-toggle-button.mod-right, .mod-root .sidebar-toggle-button.mod-right { z-index: 0 !important; background: none !important; padding: 0px; margin-top: 8px; margin-right: 0px; margin-bottom: 7px; } .mod-macos.is-hidden-frameless:not(.is-popout-window) .sidebar-toggle-button.mod-left, .mod-root .sidebar-toggle-button.mod-left { z-index: 0 !important; background: none !important; } .mod-macos.is-hidden-frameless:not(.is-popout-window) .workspace .workspace-tabs.mod-top-right-space .workspace-tab-header-container, .mod-root .workspace-tabs.mod-top-right-space .workspace-tab-header-container{ padding-right: 0px !important; } .is-flashing { background: none !important; } .is-flashing .tree-item-inner.nav-folder-title-content { content: "HEY!"; transition: all 0.25s ease-in-out; color: var(--color-base-highlight); mix-blend-mode:none; } body { /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* Variables (Global) */ /* ================================================================================================= */ /* Variables (Global) - Fonts */ /* ---------------------------------------------------------------------------------- */ /* Variables (Global) - Fonts - UI Sizes */ --font-ui-unreadable: 8px; --font-ui-teeny: 10px; --font-ui-smaller: 12px; --font-ui-small: 13px; --font-ui-medium: 15px; --font-ui-large: 20px; --vault-name-font-size: var(--font-ui-smaller); --tab-font-size: var(--font-ui-teeny); --tab-stacked-font-size: var(--font-ui-teeny); --p-spacing: 0.5rem; --p-spacing-empty: 0.2rem; --h1-size: 2rem; --h2-size: 1.7rem; --h3-size: 1.5rem; --h4-size: 1.3rem; --h5-size: 1.15rem; --h6-size: 1rem; --h1-line-height: 1.2; --h2-line-height: 1.2; --h3-line-height: 1.2; --h4-line-height: 1.2; --h5-line-height: var(--line-height-normal); --h6-line-height: var(--line-height-normal); --h1-font: SFPro-Ultralight, -apple-system, BlinkMacSystemFont, sans-serif; --h2-font: SFPro-Light, -apple-system, BlinkMacSystemFont, sans-serif; --h3-font: SFPro-Mediu, -apple-system, BlinkMacSystemFont, sans-serif; --h4-font: SFPro-Semibold, -apple-system, BlinkMacSystemFont, sans-serif; --h5-font: SFPro-Bold, -apple-system, BlinkMacSystemFont, sans-serif; --h6-font: SFPro-Black, -apple-system, BlinkMacSystemFont, sans-serif; --h1-weight: 100; --h2-weight: 200; --h3-weight: 300; --h4-weight: 400; --h5-weight: 600; --h6-weight: 800; /* ---------------------------------------------------------------------------------- */ /* Variables (Global) - Fonts - Typeface */ /* If you don't have these then get from https://developer.apple.com/fonts/ */ --font-monospace-default: SFMono-Regular, Menlo, Consolas, "Roboto Mono", 'Source Code Pro', monospace; --font-text-theme: SFPro-Regular; --font-default: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei Light", sans-serif; /* ---------------------------------------------------------------------------------- */ /* Variables (Global) - Fonts - Colours */ --text-faint: var(--color-base-60); --vault-name-color: var(--color-base-70); /*--nav-item-color-hover: */ /* ================================================================================================= */ /* Variables (Global) - Sizes */ /* ---------------------------------------------------------------------------------- */ /* Variables (Global) - Sizes - TO BE SORTED */ --header-height: 50px; --file-line-width: 100%; /*--frame-left-space: 0px; <- BREAKS */ --background-modifier-border-focus: var(--color-base-lowlight); --icon-color-active: var(--color-base-highlight); --divider-color-hover: var(--divider-color); --interactive-accent: var(--color-base-highlight); --tab-container-background: var(--color-base-17); --collapse-icon-color: var(--color-base-70); --collapse-icon-color-collapsed: var(--color-base-highlight); --divider-width: 0.5px; --background-secondary: var(--color-base-17); --icon-m-stroke-width: 1.25px; --icon-l-stroke-width: 1.25px; /* ---------------------------------------------------------------------------------- */ /* Variables (Global) - Sizes - Radius */ --radius-none: 0px; --radius-xs: 1px; --radius-s: 2px; --radius-m: 4px; --radius-l: 8px; --radius-xl: 13px; --radius-round: 50%; --button-radius: 5px; --tab-radius: var(--radius-m); --clickable-icon-radius: var(--radius-m); --codeblock-radius: var(--radius-m); /* ---------------------------------------------------------------------------------- */ /* Variables - Checkbox - Size */ --checkbox-size: 18px; --checkbox-radius: var(--radius-round); /* ---------------------------------------------------------------------------------- */ /* Variables - Checkbox - Colour */ --checkbox-border-color: var(--color-base-50); --checkbox-border-color-hover: var(--color-base-50); /* ---------------------------------------------------------------------------------- */ /* Variables - Toggles - Dimensions (Large) */ --toggle-width: 25px; --toggle-radius: 13px; --toggle-thumb-radius: 13px; --toggle-thumb-height: 13px; --toggle-thumb-width: 13px; /* ---------------------------------------------------------------------------------- */ /* Variables - Toggles - Dimensions (Small) */ --toggle-s-width: 25px; --toggle-s-thumb-height: 13px; --toggle-s-thumb-width: 13px; /* ---------------------------------------------------------------------------------- */ /* Variables - Toggles - Styling */ --toggle-thumb-color: var(--color-base-100); --toggle-s-border-width: 1px; --toggle-border-width: 1px; /* ---------------------------------------------------------------------------------- */ /* Variables - Bullets/list-ul - Size */ --list-bullet-size: 0.4em; /* ---------------------------------------------------------------------------------- */ /* Variables - Bullets/list-ul - Colours */ --list-marker-color: var(--color-base-80); --list-marker-color-hover: var(--color-base-highlight); --list-marker-color-collapsed: var(--color-base-highlight); /* ================================================================================================= */ /* Variables (Global) - Colours */ --titlebar-background: var(--color-base-17); --tab-container-background: var(--color-base-17); /* ---------------------------------------------------------------------------------- */ /* Variables - Ribbon - Hide SS */ --ribbon-width: 0px; /* ---------------------------------------------------------------------------------- */ /* Variables - Ribbon - Colour */ } /*end body*/ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* Variables (theme-light) */ .theme-light { color-scheme: light; /* ================================================================================================= */ /* Variables (theme-light) - Colours */ /* ---------------------------------------------------------------------------------- */ /* Variables (theme-light) - Colours - Foundations */ --color-base-00: #FFFFFF; --color-base-05: #FAFAFA; --color-base-10: #FFFFFF; --color-base-15: #F8F2F1; --color-base-17: #F0E8E6; --color-base-20: #ECE6E5; --color-base-25: #ECE6E4; --color-base-30: #DFD7D7; --color-base-35: #EBE5E5; --color-base-40: #DFD9D7; /*hover dark*/ --color-base-50: #E0DAD8; --color-base-51: #C6C0BE; --color-base-60: #B8B2B1; --color-base-70: #6E6966; --color-base-80: #464545ff; --color-base-90: #D5D5D5; --color-base-100: #4C4949; --color-base-101: #000000; --divider-color: #D8D2D2; --color-base-warn: #EA5A47; --color-fakeclose-inner: #FE5F57; --color-fakeclose-outer: #DF544C; --code-normal: var(--color-base-100); --code-comment: var(--color-base-60); --code-background: var(--color-base-05); --color-scrollbar-1: #C2C2C2; --color-scrollbar-2: #B4AFAE; --color-scrollbar-3: #E2E2E2; --link-color: var(--color-base-highlight); --link-color-hover: var(--color-base-100); --link-decoration: underline; --link-decoration-color: var(--color-base-highlight); --link-decoration-hover: underline; --link-decoration-thickness: auto; --link-external-color: var(--color-base-100); --link-external-color-hover: var(--color-base-100); --link-external-decoration-color: #35B649; --link-external-decoration: underline; --link-external-decoration-hover: underline; --link-unresolved-color: var(--color-base-warn); --link-unresolved-opacity: 0.7; --link-unresolved-decoration-style: solid; --link-unresolved-decoration-color: hsla(var(--color-base-warn), 0.3); --ribbon-background: var(--color-base-17); --background-modifier-border: var(--divider-color); --background-modifier-border-hover: var(--divider-color); --background-modifier-border-focus: var(--color-base-highlight); --interactive-normal: var(--color-base-00); --interactive-hover: var(--color-base-05); --text-highlight-bg: var(--color-base-verylowlight); /* ---------------------------------------------------------------------------------- */ /* Variables (theme-light) - Colours - highlight definitions */ /*--color-base-highlight: #4D89FF;/* #6C31E3FF; --color-base-lowlight: #B1D2FBFF;/* #CEB5F4FF; --color-base-verylowlight: #E0EFFDFF;*/ --color-base-highlight: var(--color-accent); --color-base-lowlight: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 20%)); --color-base-verylowlight: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 28%)); --color-base-darklight: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 40%)); } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* Variables (theme-dark) */ .theme-dark { color-scheme: dark; --color-base-00: #1E1E1E; --color-base-05: #1E1D1E; --color-base-10: #959595; --color-base-17: #262626; --color-base-15: #363636; --color-base-20: #000000; --color-base-25: #1E1E1E; --color-base-30: #2F2F2F; --color-base-35: #282828; --color-base-40: #605852; --color-base-50: #2F2F2F; --color-base-51: #6E665F; --color-base-60: #B8B2B1; --color-base-70: #959595; --color-base-80: #464545ff; --color-base-90: #414141; --color-base-100: #E4E4E4; --color-base-101: #000000; --divider-color: var(--color-base-101); --divider-color-tabv: #524845; --color-base-warn: #EA5A47; --color-fakeclose-inner: #FE5F57; --color-fakeclose-outer: #DF544C; --code-normal: var(--color-base-100); --code-comment: var(--color-base-60); --code-background: #171818; --color-base-icons: #95908E; /*???*/ --color-scrollbar-1: #959595; --color-scrollbar-2: #959595; --color-scrollbar-3: #6B6B6B; --color-base-highlight: hsl(var(--accent-h), 80%, 55%); /*var(--color-accent);*/ --color-base-lowlight: hsl(var(--accent-h), 50%, 50%); --color-base-verylowlight: hsl(var(--accent-h), 50%, 20%); --color-base-darklight: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 40%)); --link-color: var(--color-base-lowlight); --link-color-hover: var(--color-base-100); --link-decoration: underline; --link-decoration-color: var(--color-base-lowlight); --link-decoration-hover: underline; --link-decoration-thickness: auto; --link-external-color: var(--color-base-100); --link-external-color-hover: var(--color-base-100); --link-external-decoration-color: #288133; --link-external-decoration: underline; --link-external-decoration-hover: underline; --link-unresolved-color: var(--color-base-warn); --link-unresolved-opacity: 0.7; --link-unresolved-decoration-style: solid; --link-unresolved-decoration-color: hsla(var(--color-base-warn), 0.3); --ribbon-background: var(--color-base-17); --background-modifier-border: var(--color-base-00); --background-modifier-border-hover: var(--color-base-30); --background-modifier-border-focus: var(--color-base-highlight); --interactive-normal: var(--color-base-00); --interactive-hover: var(--color-base-05); --text-highlight-bg: var(--color-base-verylowlight); } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* Editor Frame */ /* ================================================================================================= */ /* Editor Frame - Styling */ /* ---------------------------------------------------------------------------------- */ /* Editor Frame - Styling - Sizing */ .markdown-source-view.mod-cm6.is-readable-line-width .cm-sizer { max-width: 700px; /* SS */ } .view-content > .markdown-source-view.mod-cm6 > .cm-editor > .cm-scroller { padding: 50px; } /* ---------------------------------------------------------------------------------- */ /* Editor Frame - Styling - Colour and Layout */ .view-header-title-container .view-header-title { color: var(--text-muted); } .view-header { border-bottom: var(--divider-width) solid var(--divider-color); height: 42px; } .workspace-split.mod-vertical.mod-root .view-header-title-container { justify-content: left; } .workspace-split.mod-vertical.mod-root .view-header-title-parent, .workspace-split.mod-vertical.mod-root .view-header-breadcrumb-separator, .workspace-split.mod-vertical.mod-root .view-header-title { font-size: var(--font-ui-teeny); } .workspace-split.mod-vertical.mod-root .view-header-title-parent .view-header-breadcrumb { text-decoration-line: none; } .workspace-split.mod-vertical.mod-root .view-header-title-parent .view-header-breadcrumb:hover { background: none; text-decoration-line: none; color: var(--text-normal); font-weight: normal; } /* ================================================================================================= */ /* Editor Frame - Breadcrumbs */ /* ---------------------------------------------------------------------------------- */ /* Editor Frame - Breadcrumbs - Divider */ .view-header-breadcrumb { top: 2px; padding-left: 2px; padding-right: 2px; position: relative; display: inline-block; } .view-header-breadcrumb-separator { visibility: hidden; font-size: 0px; } .view-header-breadcrumb-separator:after { content: " "; position: relative; display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(110, 105, 102)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-right'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E"); visibility: visible; top: 2px; height: 14px; width: 14px; color: var(--text-faint); opacity: 0.5; } /* ---------------------------------------------------------------------------------- */ /* Editor Frame - Breadcrumbs - normal folder */ .theme-light .workspace-split.mod-vertical.mod-root .view-header-title-parent .view-header-breadcrumb:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(110, 105, 102)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-folder-closed'%3E%3Cpath d='M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z'/%3E%3Cpath d='M2 10h20'/%3E%3C/svg%3E"); } .theme-dark .workspace-split.mod-vertical.mod-root .view-header-title-parent .view-header-breadcrumb:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149 149 149)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-folder-closed'%3E%3Cpath d='M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z'/%3E%3Cpath d='M2 10h20'/%3E%3C/svg%3E"); } .workspace-split.mod-vertical.mod-root .view-header-title-parent .view-header-breadcrumb:before { background-size: contain; background-repeat: no-repeat; background-position: center center; content: " "; position: relative; display: inline-block; top: 2px; margin-right: 6px; height: 13px; width: 13px; margin-top: -3px; } /* ---------------------------------------------------------------------------------- */ /* Editor Frame - Breadcrumbs - folder notes */ .theme-light .workspace-split.mod-vertical.mod-root .view-header-title-parent .view-header-breadcrumb.has-folder-note:before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgb(110, 105, 102)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-folder-edit'%3E%3Cpath d='M8.42 10.61a2.1 2.1 0 1 1 2.97 2.97L5.95 19 2 20l.99-3.95 5.43-5.44Z'/%3E%3Cpath d='M2 11.5V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-9.5'/%3E%3C/svg%3E"); } .theme-dark .workspace-split.mod-vertical.mod-root .view-header-title-parent .view-header-breadcrumb.has-folder-note:before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgb(149 149 149)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-folder-edit'%3E%3Cpath d='M8.42 10.61a2.1 2.1 0 1 1 2.97 2.97L5.95 19 2 20l.99-3.95 5.43-5.44Z'/%3E%3Cpath d='M2 11.5V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-9.5'/%3E%3C/svg%3E"); } /* ---------------------------------------------------------------------------------- */ /* Editor Frame - Breadcrumbs - files */ .theme-light .workspace-split.mod-vertical.mod-root .view-header-title:before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(110, 105, 102)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-file'%3E%3Cpath d='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E"); } .theme-dark .workspace-split.mod-vertical.mod-root .view-header-title:before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149 149 149)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-file'%3E%3Cpath d='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E"); } .workspace-split.mod-vertical.mod-root .view-header-title:before { background-size: contain; background-repeat: no-repeat; background-position: center center; content: " "; position: relative; display: inline-block; top: -1px; margin-right: 6px; height: 14px; width: 13px; margin-top: -3px; } /* ---------------------------------------------------------------------------------- */ /* Editor Frame - Breadcrumbs - Template Folder */ .theme-light .workspace-split.mod-vertical.mod-root .view-header-title-parent .view-header-breadcrumb[data-path*="template"]:before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(110, 105, 102)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-folder-plus'%3E%3Cpath d='M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z'/%3E%3Cline x1='12' x2='12' y1='10' y2='16'/%3E%3Cline x1='9' x2='15' y1='13' y2='13'/%3E%3C/svg%3E"); } .theme-dark .workspace-split.mod-vertical.mod-root .view-header-title-parent .view-header-breadcrumb[data-path*="template"]:before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149 149 149)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-folder-plus'%3E%3Cpath d='M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z'/%3E%3Cline x1='12' x2='12' y1='10' y2='16'/%3E%3Cline x1='9' x2='15' y1='13' y2='13'/%3E%3C/svg%3E"); } /* ---------------------------------------------------------------------------------- */ /* Editor Frame - Breadcrumbs - Template files */ .theme-light .workspace-split.mod-vertical.mod-root .view-header-title-parent[data-path*="template"] + .view-header-title:before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(110, 105, 102)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-file-plus'%3E%3Cpath d='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='12' x2='12' y1='18' y2='12'/%3E%3Cline x1='9' x2='15' y1='15' y2='15'/%3E%3C/svg%3E"); } .theme-dark .workspace-split.mod-vertical.mod-root .view-header-title-parent[data-path*="template"] + .view-header-title:before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149 149 149)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-file-plus'%3E%3Cpath d='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='12' x2='12' y1='18' y2='12'/%3E%3Cline x1='9' x2='15' y1='15' y2='15'/%3E%3C/svg%3E"); } /* ---------------------------------------------------------------------------------- */ /* Editor Frame - Breadcrumbs - Attachments Folder */ .theme-light .workspace-split.mod-vertical.mod-root .view-header-title-parent .view-header-breadcrumb[data-path*="attachment"]:before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(110, 105, 102)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-paperclip'%3E%3Cpath d='m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E"); } .theme-dark .workspace-split.mod-vertical.mod-root .view-header-title-parent .view-header-breadcrumb[data-path*="attachment"]:before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149 149 149)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-paperclip'%3E%3Cpath d='m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E"); } /* ---------------------------------------------------------------------------------- */ /* Editor Frame - Breadcrumbs - Attachment files */ /* Not possible :( */ /* ================================================================================================= */ /* Editor Frame - Search and Replace */ /* ---------------------------------------------------------------------------------- */ /* Editor Frame - Search and Replace - Search/Replace Pane */ .cm-s-obsidian .document-search-container { margin-left: 0px; margin-right: 0px; background-color: var(--color-base-verylowlight); } .cm-s-obsidian .document-replace-buttons, .cm-s-obsidian .document-search-buttons { width: 170px; } .cm-s-obsidian .document-search-buttons .document-search-button { width: 40px; } .cm-s-obsidian .document-replace-buttons .document-search-button { width: 80px; }; /* ---------------------------------------------------------------------------------- */ /* Editor Frame - Search and Replace - Inline Highliting */ .cm-s-obsidian span.obsidian-search-match-highlight, .cm-s-obsidian span.obsidian-search-match-highlight .cm-inline-code, .cm-s-obsidian span.obsidian-search-match-highlight > * { box-shadow: 0 0 0px 1px var(--text-accent); border-radius: var(--radius-xs); background-color: var(--color-base-highlight) !important; color: var(--color-base-00); } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* Editor Content */ /* ================================================================================================= */ /* Editor Content - Blank Page */ /* ---------------------------------------------------------------------------------- */ /* Editor Content - Blank Page - General Styling */ .empty-state { justify-content: flex-start; } .empty-state-container { margin-top: 150px; } .empty-state-action { color: var(--color-base-highlight); line-height: 18px; margin-top: 8px; } .empty-state-action:hover{ text-decoration: underline; cursor: pointer; } /* ================================================================================================= */ /* Editor Content - Inline-Title */ /* ---------------------------------------------------------------------------------- */ /* Editor Content - Inline-Title - General */ .inline-title { color: var(--color-base-highlight); font-weight: 900; font-size: 3em; margin-bottom: 0px; } /* ---------------------------------------------------------------------------------- */ /* Editor Content - Inline-Title - Active/Inactive */ /* cant use special characters */ .cm-editor .inline-title{ color: var(--color-base-80); transition: none; } .workspace-leaf.mod-active .cm-editor .inline-title{ color: var(--color-base-highlight); transition: none; } /* ================================================================================================= */ /* Editor Content - YAML */ /* ---------------------------------------------------------------------------------- */ /* Editor Content - YAML - opening/closing lines (cm-def) */ .cm-line .cm-def.cm-hmd-frontmatter { visibility: collapse; font-size: 12px; color: var(--color-base-highlight); } .cm-def.cm-hmd-frontmatter { padding-left: 0px; } /* visible only when line is active */ .cm-active.cm-line .cm-def.cm-hmd-frontmatter { visibility: visible; } /* ---------------------------------------------------------------------------------- */ /* Editor Content - YAML - key (cm-atom) */ .cm-atom.cm-hmd-frontmatter { padding-left: 0px; } .cm-active.cm-line .cm-atom.cm-hmd-frontmatter, .cm-active.cm-line .cm-hmd-frontmatter.cm-meta { color: var(--color-base-highlight); } .cm-line .cm-atom.cm-hmd-frontmatter, .cm-line .cm-hmd-frontmatter.cm-meta { font-weight: bold; font-style: normal; } .cm-line .cm-hmd-frontmatter { color: var(--text-normal); font-size: var(--font-ui-teeny); line-height: 10px; } /* ================================================================================================= */ /* Editor Content - Embed (General) */ /* ---------------------------------------------------------------------------------- */ /* Editor Content - Embed (General) - Remove ugly border shadow */ .markdown-source-view.mod-cm6 .cm-embed-block:hover { box-shadow: none; border: none; border-radius: var(--radius-none); } /* ---------------------------------------------------------------------------------- */ /* Editor Content - Embed (General) - Move edit button to left margin and stretch content to full (remaining) width*/ .markdown-source-view.mod-cm6 .cm-embed-block { display: flex; padding-left: 10px; left: -40px; width: calc(100% + 40px); } .markdown-source-view.mod-cm6 .edit-block-button{ order: -1; align-items: center; height: 30px; top:0px; position:relative; padding-top: 4px; } /* ================================================================================================= */ /* Editor Content - Embed (Callouts/Admonitions) */ /* ---------------------------------------------------------------------------------- */ /* Editor Content - Embed (Callouts/Admonitions) - Custom Metadata Callout */ .callout[data-callout="metadata"] { --callout-icon: package; } /* ---------------------------------------------------------------------------------- */ /* Editor Content - Embed (Callouts/Admonitions) - Size */ .cm-embed-block.cm-callout { width: calc(100%); } .cm-embed-block.cm-callout .markdown-rendered.show-indentation-guide { /*width: fit-content;*/ width: 100%; min-width: 150px; } /* ---------------------------------------------------------------------------------- */ /* Editor Content - Embed (Callouts/Admonitions) - Styling */ .callout { border-width: 1px; border-radius: var(--radius-m); padding: 12px; } .callout-icon svg.svg-icon { height: 14px; width: 14px; } .callout-content p, .callout-content ul, .callout-content ol { margin-top: 3px; margin-bottom: 0px; padding-right: 0px; } .callout-content { font-size: 0.85em; } .callout-content p a { color: var(--text-normal); background-image: none; text-decoration:underline; text-decoration-color: var(--link-external-decoration-color); } .callout-title { margin-bottom: 4px; } .cm-s-obsidian span.cm-formatting-quote { color: var(--color-base-highlight); } /* ---------------------------------------------------------------------------------- */ /* Editor Content - Embed (Callouts/Admonitions) - Collapsed Size */ .callout.is-collapsible.is-collapsed { padding: 6px; width:fit-content; font-size: var(--font-ui-smaller); } .callout.is-collapsible.is-collapsed .callout-title { margin-bottom: 0px; } .callout.is-collapsible.is-collapsed .callout-fold { padding-right: 0px; } .callout-fold .svg-icon { margin-top: -1px; height: 1.2em; } /* ---------------------------------------------------------------------------------- */ /* Editor Content - Embed (Callouts/Admonitions) - Animation */ .markdown-source-view.mod-cm6 .callout { transition: all 250ms 0ms; } /* ================================================================================================= */ /* Editor Content - Embed (Tables) */ /* ---------------------------------------------------------------------------------- */ /* Editor Content - Embed (Tables) - Source Spacing */ .markdown-source-view.mod-cm6 .cm-table-widget table { margin: 0px; } /* ---------------------------------------------------------------------------------- */ /* Editor Content - Embed (Tables) - Rendered Spacing */ .markdown-rendered table { margin-block-start: 0px; margin-block-end: 0px; } .markdown-rendered td, .markdown-rendered th { border-top: none; border-left: none; border-right: none; } /* ---------------------------------------------------------------------------------- */ /* Editor Content - Embed - */ /* ================================================================================================= */ /* Editor Content - Codeblocks */ .el-pre > pre{ border: var(--divider-width) solid var(--color-base-30);; border-radius: var(--codeblock-radius); } /* ---------------------------------------------------------------------------------- */ /* Editor Content - Codeblocks - sizing */ .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock { width:fit-content; min-width: 100%; } /* ---------------------------------------------------------------------------------- */ /* Editor Content - Codeblocks - Scroll text in reader mode */ /*.HyperMD-codeblock { white-space: nowrap; }*/ /* ---------------------------------------------------------------------------------- */ /* Editor Content - Codeblocks - Code Styling */ .cm-comment.cm-hmd-codeblock { color: var(--code-comment); font-size: 0.9em; font-style: italic; } .cm-def { color: var(--color-base-highlight); } /* ---------------------------------------------------------------------------------- */ /* Editor Content - Codeblocks - highlight opening/closing block */ .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock-begin .cm-hmd-codeblock, .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock-end .cm-hmd-codeblock { color: var(--color-base-highlight); } /* ---------------------------------------------------------------------------------- */ /* Editor Content - Codeblocks - Borders */ .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock-begin { border-top-color: var(--color-base-30); border-top-width: 1px; border-top-style: solid; border-top-left-radius: var(--codeblock-radius); border-top-right-radius: var(--codeblock-radius); } .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock-end { border-bottom-color: var(--color-base-30); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-right-radius: var(--codeblock-radius); border-bottom-left-radius: var(--codeblock-radius); } .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock { border-left-color: var(--color-base-30); border-left-width: 1px; border-left-style: solid; border-right-color: var(--color-base-30); border-right-width: 1px; border-right-style: solid; } /* ---------------------------------------------------------------------------------- */ /* Editor Content - Codeblocks - Language Flair/Copy block */ .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock .code-block-flair { top: 0px; right: 0px; font-size: 8px; color: var(--color-base-highlight); } .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock .code-block-flair svg { height: 12px; width: 12px; } /* ================================================================================================= */ /* Editor Content - Checkbox */ .checkbox-container { background-color: var(--color-base-90); transition: all 150ms 0ms; box-shadow: none; } .checkbox-container.is-enabled { background-color: var(--color-base-highlight); transition: all 150ms 0ms; } .theme-light .checkbox-container, .theme-light .checkbox-container.is-enabled { border: 1px solid rgba(0, 0, 0, .04); } .theme-dark .checkbox-container, .theme-dark .checkbox-container.is-enabled { border: 1px solid rgba(255, 255, 255, .04); } .checkbox-container:after { top: -1px; left: -1px; } .theme-dark .checkbox-container:after { background-color: #E4E4E4; } .theme-light .checkbox-container:after { background-color: #ffffff; } @media (hover: hover) { .checkbox-container:hover { box-shadow: none; } } /* ---------------------------------------------------------------------------------- */ /* Editor Content - Checkbox - Styling */ .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="x"], .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="X"] { text-decoration: none; } .markdown-source-view.mod-cm6 .task-list-item-checkbox{ border-radius: 50%; } .checkbox-container:focus-within { outline: none; } input[type=checkbox]:checked:after { left: -1.5px; -webkit-mask-size: 80%; -webkit-mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='matrix(0.931139,-0.364664,0.364664,0.931139,-3.36731,5.16787)'%3E%3Cpath d='M19.493,8.908L9,17L6.388,10.798'/%3E%3C/g%3E%3C/svg%3E"); } input[type=checkbox]:checked { font-family: var(--font-monospace-default); } @media (hover: hover) { input[type=checkbox]:checked:hover { background: var(--color-base-highlight); border-color: var(--color-base-highlight); } } /* ================================================================================================= */ /* Editor Content - lists */ /* ---------------------------------------------------------------------------------- */ /* Editor Content - lists - General */ .cm-s-obsidian .is-collapsed ~ .cm-formatting-list { color: var(--color-base-highlight); } .cm-indent::before { border-right: var(--divider-width) solid var(--color-base-verylowlight); } /* ---------------------------------------------------------------------------------- */ /* Editor Content - lists - Bullets/list-ul */ .markdown-source-view.mod-cm6 .cm-formatting-list-ul { padding-right: 3px; } /* ================================================================================================= */ /* Editor Content - Number list/list-ol */ /* ---------------------------------------------------------------------------------- */ /* Editor Content - Number list/list-ol - Styling */ .markdown-source-view.mod-cm6 .cm-formatting-list-ol { padding-right: 3px; } /* ================================================================================================= */ /* Editor Content - Inline Code */ .cm-s-obsidian span.cm-inline-code{ color: var(--text-normal); font-size: 0.82em; } /* ================================================================================================= */ /* Editor Content - Headings */ /* ---------------------------------------------------------------------------------- */ /* Editor Content - Headings - Collapse */ .markdown-source-view.mod-cm6 .cm-foldPlaceholder{ color: var(--color-base-highlight); margin-left: 0px; font-weight: bold; } .cm-formatting.cm-formatting-header { color: var(--color-base-highlight); } .HyperMD-header:has(.cm-fold-indicator.is-collapsed) .cm-header { text-decoration: underline; text-decoration-color: var(--color-base-highlight); } /* ---------------------------------------------------------------------------------- */ /* Editor Content - Headings - Specific Headings */ h1, .markdown-rendered h1, .HyperMD-header-1 { border-bottom: 1px solid var(--color-base-highlight); font-size: var(--h1-size) !important; } .HyperMD-header.HyperMD-header-1.cm-line { padding-top: 30px ; } h2, .HyperMD-header .cm-header-2, .markdown-rendered h2, .HyperMD-header-2 { font-size: var(--h2-size) !important; } h3, .HyperMD-header .cm-header-3, .markdown-rendered h3, .HyperMD-header-3 { font-size: var(--h3-size) !important; } h4, .HyperMD-header .cm-header-4, .markdown-rendered h4, .HyperMD-header-4 { font-size: var(--h4-size) !important; } h5, .HyperMD-header .cm-header-5, .markdown-rendered h5, .HyperMD-header-5 { font-size: var(--h5-size) !important; } h6, .HyperMD-header .cm-header-6, .markdown-rendered h6, .HyperMD-header-6 { font-size: var(--h6-size) !important; } /* ================================================================================================= */ /* Editor Content - Tags/Hashtags */ /* ---------------------------------------------------------------------------------- */ /* Editor Content - Tags/Hashtags - General */ .cm-hashtag.cm-hashtag-begin { border-top-left-radius: var(--radius-m); border-bottom-left-radius: var(--radius-m); border-right: none; border-left: var(--divider-width) solid var(--color-base-lowlight); padding-left: 4px; } .cm-hashtag.cm-hashtag-end { border-top-right-radius: var(--radius-m); border-bottom-right-radius: var(--radius-m); border-left: none; border-right: var(--divider-width) solid var(--color-base-lowlight); padding-right: 4px; } .cm-hashtag { color: var(--tag-color); background-color: var(--color-base-verylowlight); border: var(--divider-width) solid var(--color-base-lowlight); font-size: var(--tag-size); vertical-align: baseline; border-left: none; border-right: none; padding-top: var(--tag-padding-y); padding-bottom: var(--tag-padding-y); } /* ---------------------------------------------------------------------------------- */ /* Editor Content - Tags/Hashtags - Specific */ .callout-content > p > a.tag { border-radius: var(--radius-m); color: var(--tag-color); background-color: var(--color-base-verylowlight); border: var(--divider-width) solid var(--color-base-lowlight); padding-left: 2px; padding-bottom: 1px; padding-top: 1px; padding-right: 2px; vertical-align: baseline; text-decoration: none; } /* ================================================================================================= */ /* Outgoing links - Missing top border */ .workspace-leaf-content[data-type="outgoing-link"] .view-content { position:relative; top: 8px; border-top: var(--divider-width) solid var(--divider-color); } .mod-root .workspace-leaf-content[data-type="outgoing-link"] .view-content { top: 0px; border-top: none; } /* ================================================================================================= */ /* Backlinks - Missing top border */ .mod-root .workspace-leaf-content[data-type="backlink"] .nav-header { margin-top: 0px; border-top: none; } .embedded-backlinks .nav-header { top: 0px; border-top: none; } .embedded-backlinks .nav-buttons-container { border-bottom: none; } .embedded-backlinks .backlink-pane .search-result-container { margin-top: 20px; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* Graph */ /* ================================================================================================= */ /* Graph - Controls */ /* ---------------------------------------------------------------------------------- */ /* Graph - Controls - Styling */ .workspace-leaf-content[data-type="localgraph"] .view-content { top: 8px; border-top: var(--divider-width) solid var(--divider-color); background-color: var(--color-base-05); } .workspace-split:not(.mod-root) .graph-controls.is-close { background-color: var(--color-base-17); padding: 0px; right: 6px; top: 6px; } .graph-controls:not(.is-close) { box-shadow: none; border: var(--divider-width) solid var(--divider-color); margin-top: -1px; background-color: var(--color-base-17); } .mod-horizontal .graph-controls:not(.is-close) { width: 100%; top: 0px; left: 0px; right: 0px; border-radius: var(--radius-none); } /* ================================================================================================= */ /* Graph - Lines */ /* ---------------------------------------------------------------------------------- */ /* Graph - Lines - Styling */ .graph-view.color-line { color: var(--color-base-100); } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* Scrollbars */ /* ================================================================================================= */ /* Scrollbars - Editor Panes */ /* ---------------------------------------------------------------------------------- */ /* Scrollbars - Editor Panes - Styling */ ::-webkit-scrollbar { background-color: none; width: 13px; height: 0px; /* no horizontal scrollbars eep!*/ } ::-webkit-scrollbar:horizontal { display: none; } ::-webkit-scrollbar-thumb { background-color: var(--color-scrollbar-1); min-height: 45px; background-clip: padding-box; border-radius: 7px; border: 3px solid transparent; position: absolute; } .cm-scroller::-webkit-scrollbar-thumb { background-color: var(--color-scrollbar-3); } /* ---------------------------------------------------------------------------------- */ /* Scrollbars - Editor Panes - Inactive styling */ .workspace-split.mod-vertical.mod-root .workspace-tabs .workspace-leaf .workspace-leaf-content .cm-editor .cm-scroller::-webkit-scrollbar-thumb { background-color: var(--color-scrollbar-3); border: 3px solid transparent; } /* ---------------------------------------------------------------------------------- */ /* Scrollbars - Editor Panes - Active styling */ .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-active .workspace-leaf .workspace-leaf-content .cm-editor .cm-scroller::-webkit-scrollbar-thumb, .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-top-left-space.mod-active .workspace-leaf .workspace-leaf-content .cm-editor .cm-scroller::-webkit-scrollbar-thumb, .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-top.mod-active .workspace-leaf .workspace-leaf-content .cm-editor .cm-scroller::-webkit-scrollbar-thumb { background-color: var(--color-scrollbar-1);; border: 3px solid transparent; } /* ================================================================================================= */ /* Scrollbars - Sidebar Leafs */ /* ---------------------------------------------------------------------------------- */ /* Scrollbars - Sidebar Leafs - Styling */ .nav-files-container::-webkit-scrollbar-thumb { background-color: var(--color-scrollbar-2); } .nav-files-container::-webkit-scrollbar-thumb { background-color: var(--color-scrollbar-2); } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* GUI Elements */ /* ================================================================================================= */ /* GUI Elements - Ribbon */ body.is-focused .workspace-ribbon.mod-left, .workspace-ribbon { --titlebar-background: var(--color-base-17); border: none; padding: 0px; } .workspace-ribbon.mod-left.is-collapsed, .workspace-ribbon.mod-left:before, .workspace-ribbon.mod-left.is-collapsed:before, .workspace-ribbon.mod-left{ background-color: var(--color-base-17); } .workspace-ribbon.mod-left:before { border: 0px; height: calc(var(--header-height) - var(--tab-outline-width) + 1px); } /* ---------------------------------------------------------------------------------- */ /* GUI Elements - Ribbon - Icon Colours*/ .workspace-ribbon .clickable-icon { color: var(--color-base-highlight); } /* ================================================================================================= */ /* GUI Elements - Status Bar */ /* ---------------------------------------------------------------------------------- */ /* GUI Elements - Status Bar - Hide */ .status-bar { visibility: collapse; width: 0px; height: 0px; padding: 0px; margin: 0px; min-height: unset; } /* ================================================================================================= */ /* GUI Elements - Command Pallete/Quick Switcher */ /* ---------------------------------------------------------------------------------- */ /* GUI Elements - Command Pallete/Quick Switcher - Styling */ .prompt { border-radius: var(--radius-m); background-color: var(--color-base-15); } input.prompt-input:active, input.prompt-input:hover, input.prompt-input:focus, input.prompt-input:focus-visible, input.prompt-input { font-size: var(--font-ui-small); box-shadow: none; background-color: var(--color-base-15); border-bottom: var(--divider-width) solid var(--divider-color); color: var(--color-base-100); } .prompt-instructions { border-top: var(--divider-width) solid var(--divider-color); } .suggestion-item { font-size: var(--font-ui-small); border-radius: var(--radius-m); padding-left: 8px; padding-right: 8px; color: var(--color-base-100); } .suggestion-item.is-selected { background-color: var(--color-base-30); } /* ================================================================================================= */ /* GUI Elements - Input (text) */ /* ---------------------------------------------------------------------------------- */ /* GUI Elements - Input (text) - Styling */ .cm-s-obsidian input[type='text'] { border: 0.5px solid var(--color-base-00); height: 24px; } /* ================================================================================================= */ /* GUI Elements - Button */ /* ---------------------------------------------------------------------------------- */ /* GUI Elements - Button - Styling */ .cm-s-obsidian button:not(.clickable-icon) { height: 24px; border-radius: var(--button-radius); box-shadow: none; border: 0.5px solid var(--color-base-00); font-size: var(--font-ui-teeny); background-color: var(--color-base-00); } button { height: 22px; border-radius: var(--button-radius); box-shadow: none; border: 0.5px solid var(--color-base-00); font-size: var(--font-ui-smaller); transition: none; } button:not(.clickable-icon) { box-shadow: none; } .theme-light button { background-color: #ffffff; border-color: #DADADA; } .theme-dark button { background-color:#606060; border-color: var(--background-modifier-border); } button .svg-icon { height: 14px; } .theme-dark button:active, .theme-light button:active { background-color: var(--color-base-20); } button.mod-cta { background-color: var(--color-base-highlight); border-color: var(--color-base-verylowlight); } .theme-dark button.mod-cta { color: var(--color-base-100); } .theme-light button.mod-cta { color: var(--color-base-00); } button.mod-cta:hover { background-color: var(--color-base-highlight); } button.mod-cta:active { background-color: var(--color-base-darklight); } button.mod-warning { background-color: var(--color-base-warn); color: var(--color-base-00); } button.clickable-icon { border: none; background: none; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* Interface Leafs */ /* ================================================================================================= */ /* Interface Leafs - Search */ /* ---------------------------------------------------------------------------------- */ /* Interface Leafs - Search - Search Pop out */ .suggestion-container.mod-search-suggestion .suggestion { background-color: var(--color-base-17); } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* Plugins */ /* ================================================================================================= */ /* Plugins - Dataview */ /* ---------------------------------------------------------------------------------- */ /* Plugins - Dataview - Embeds */ .block-language-dataview.node-insert-event:has(.dataview.list-view-ul), .block-language-dataview.node-insert-event:has(.dataview.table-view-table) { /*width:100%; SS*/ width: fit-content; border: 1px dashed var(--color-base-verylowlight); border-radius: var(--radius-m); padding-block-start: 12px; padding-block-end: 12px; padding-inline-start: 12px; padding-inline-end: 12px; background-color: rgb(255 255 255 / 1%); } /* ---------------------------------------------------------------------------------- */ /* Plugins - Dataview - Tables */ .dataview .table-view-table { margin: 0px; } .table-view-table > thead > tr > th { font-size: 14px; border-bottom-width: 1px; font-weight: 600; } .table-view-table > tbody > tr > td { border-bottom-width: 1px; border-bottom-style: solid; } /* ---------------------------------------------------------------------------------- */ /* Plugins - Dataview - List */ .dataview.list-view-ul { margin: 0px; padding-left: 16px; } /* ================================================================================================= */ /* Plugins - Templater */ /* ---------------------------------------------------------------------------------- */ /* Plugins - Templater - Remove ugly background highlights*/ .cm-s-obsidian .templater-inline .cm-templater-command, .templater-command-bg.cm-line { background: var(--code-background); } /* ================================================================================================= */ /* Plugins - Folder Notes */ /* ---------------------------------------------------------------------------------- */ /* Plugins - Folder Notes - Embeds */ .markdown-source-view.mod-cm6 .cm-embed-block .block-language-folder-overview .folder-overview { width: fit-content; border: 1px dashed var(--color-base-verylowlight); border-radius: var(--radius-m); padding-block-start: 12px; padding-block-end: 12px; padding-inline-start: 12px; padding-inline-end: 12px; background-color: rgb(255 255 255 / 1%); } .markdown-source-view.mod-cm6 .cm-embed-block .block-language-folder-overview .folder-overview ul.folder-overview-list { padding-left: 16px; } .folder-overview-list::marker { color: var(--color-base-80); } .markdown-rendered h1.folder-overview-title { margin-top: 0px; margin-bottom: 6px; } /* ---------------------------------------------------------------------------------- */ /* Plugins - Folder Notes - File Browser Styling */ .tree-item.nav-folder .nav-folder-title.has-folder-note .tree-item-inner.nav-folder-title-content { text-decoration-thickness: 1px; text-decoration-color: var(--color-base-highlight); } .tree-item.nav-folder .nav-folder-title.has-folder-note .tree-item-inner.nav-folder-title-content:before { background-size: contain; background-repeat: no-repeat; background-position: center center; content: " "; position: relative; display: inline-block; top: 3px; margin-right: 4px; height: 16px; width: 16px; } /* ---------------------------------------------------------------------------------- */ /* Plugins - Folder Notes - File Browser Folder Icons */ .theme-dark .tree-item.nav-folder .nav-folder-title.has-folder-note .tree-item-inner.nav-folder-title-content:before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgb(149 149 149)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-folder-edit'%3E%3Cpath d='M8.42 10.61a2.1 2.1 0 1 1 2.97 2.97L5.95 19 2 20l.99-3.95 5.43-5.44Z'/%3E%3Cpath d='M2 11.5V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-9.5'/%3E%3C/svg%3E"); } .theme-light .tree-item.nav-folder .nav-folder-title.has-folder-note .tree-item-inner.nav-folder-title-content:before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgb(110, 105, 102)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-folder-edit'%3E%3Cpath d='M8.42 10.61a2.1 2.1 0 1 1 2.97 2.97L5.95 19 2 20l.99-3.95 5.43-5.44Z'/%3E%3Cpath d='M2 11.5V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-9.5'/%3E%3C/svg%3E"); } /* ---------------------------------------------------------------------------------- */ /* Plugins - Folder Notes - Draw the selection box for Folders with Folder Notes */ .nav-folder-title.has-folder-note.is-active .tree-item-inner.nav-folder-title-content { border-radius: var(--radius-m); width:100%; background-color: var(--color-base-30) !important; position: relative; } /* ================================================================================================= */ /* Plugins - Advanced Tables */ .advanced-tables-buttons .nav-buttons-container { margin: 0px; padding-left: 0px; padding-right: 0px; } .advanced-tables-buttons .nav-header { margin-top: -17px; } .advanced-tables-row-label { font-size: var(--font-ui-small); color: var(--nav-item-color); } .advanced-tables-buttons div:has(.title) { visibility: collapse; display: none; } .advanced-tables-button.nav-action-button .widget-icon:hover { fill: var(--color-base-highlight); } /* ---------------------------------------------------------------------------------- */ /* Plugins - Advanced Tables - Missing top border */ .view-content:has(.advanced-tables-buttons) { position: relative; top: 8px; border-top: var(--divider-width) solid var(--divider-color); } .mod-root .view-content:has(.advanced-tables-buttons) { top: 0px; border-top: none; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* Workspace Splits */ /* ================================================================================================= */ /* Workspace Splits - Resize Handlers */ .workspace-leaf-resize-handle:hover { background-color: var(--color-base-lowlight); border-color: var(--color-base-lowlight); } /* ================================================================================================= */ /* Workspace Splits - General */ /* Workspace Splits - General - Size and Position */ .mod-left-split .workspace-tab-header-container-inner, .mod-right-split .workspace-tab-header-container-inner { padding-left: 12px; padding-right: 12px; padding-top: 4px; padding-bottom: 4px; margin-top: 10px; margin-left: 0px; margin-right: 0px; border-radius: var(--radius-none); width: 100%; height: 38px; display: flex; } .workspace-tab-header-container { background: none; } /* ---------------------------------------------------------------------------------- */ /* Workspace Splits - General - Colours */ /* override some stupid focus colour changing */ body.is-focused .sidebar-toggle-button, body.is-focused .workspace-tabs.mod-top, .sidebar-toggle-button, .workspace-tabs.mod-top { --tab-container-background: var(--color-base-17); } .mod-left-split .workspace-tab-header-container, .mod-right-split .workspace-tab-header-container { background-color: var(--color-base-17); } /* ================================================================================================= */ /* Workspace Splits - Left Specific */ .workspace-tabs.mod-top.mod-top-left-space .sidebar-toggle-button.mod-left { width: 34px; height: 30px; position: absolute; left: 90px; top: 10px; padding: 0px; } .mod-top-left-space .workspace-tab-header-container { border-right: 0px solid var(--divider-color) } /* shift the first set of module 'tabs' down (left side) */ .workspace.is-left-sidedock-open .workspace-tabs.mod-top.mod-top-left-space .workspace-tab-header-container { height: 87.5px; padding: 0px; } .workspace.is-left-sidedock-open .workspace-tabs.mod-top.mod-top-left-space .workspace-tab-header-container-inner { background-color: none; margin-top: 49px; width:100%; } /* ================================================================================================= */ /* Workspace Splits - Middle Specific */ .mod-horizontal .workspace-tab-header-container { border-bottom: 0px; } .mod-root .workspace-tab-header-container { background-color: var(--color-base-15); } /* ================================================================================================= */ /* Workspace Splits - Right Specific */ .workspace.is-right-sidedock-open .workspace-split.mod-horizontal.mod-right-split .mod-top-right-space .workspace-tab-header-container { height: 87.5px; padding: 0px; } .workspace.is-right-sidedock-open .workspace-split.mod-horizontal.mod-right-split .mod-top-right-space .workspace-tab-header-container-inner { background-color: none; margin-top: 49px; width:100%; padding-left: 12px; padding-right: 12px; padding-top: 4px; padding-bottom: 4px; margin-left: 0px; margin-right: 0px; border-radius: var(--radius-none); width: 100%; height: 38px; display: flex; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* Workspace Leafs */ /* ================================================================================================= */ /* Workspace Leafs - Files */ /* ---------------------------------------------------------------------------------- */ /* Workspace Leafs - Files - Vault Name */ .tree-item.nav-folder .nav-folder-title[data-path$="/"] { padding-left: 8px; } .tree-item.nav-folder .nav-folder-title[data-path$="/"] .tree-item-inner.nav-folder-title-content { color: var(--vault-name-color); font-size: var(--font-ui-smaller); font-weight: bold; } .tree-item.nav-folder .nav-folder-title[data-path$="/"] .tree-item-inner.nav-folder-title-content:before { content: none; } .nav-folder-title[data-path$="/"]:hover { color: var(--vault-name-color) } /* ---------------------------------------------------------------------------------- */ /* Workspace Leafs - Files - General */ body:not(.is-grabbing) .nav-file-title, body:not(.is-grabbing) .nav-folder-title, .tree-item-children.nav-folder-children .tree-item.nav-file .nav-file-title, .nav-folder-title { background: none; } /* folder or note HOVER */ body:not(.is-grabbing) .tree-item-self.is-clickable:hover, body:not(.is-grabbing) .nav-file-title:hover, body:not(.is-grabbing) .nav-folder-title:hover, .tree-item-children.nav-folder-children .tree-item.nav-file .nav-file-title:hover, .nav-folder-title:hover { background: none; color: var(--nav-item-color-hover); font-weight:400; } .workspace-leaf.mod-active .tree-item-self.has-focus { box-shadow: none; } .workspace-leaf.mod-active .tree-item-self.has-focus .tree-item-inner.nav-file-title-content { position: relative; box-shadow: 0 0 0 2px var(--color-base-highlight); } .tree-item.nav-folder .nav-file-title .tree-item-inner.nav-file-title-content, .tree-item.nav-folder .nav-folder-title .tree-item-inner.nav-folder-title-content { padding-left: 8px; margin-left: -4px; } /* ---------------------------------------------------------------------------------- */ /* Workspace Leafs - Files - Folders specifically */ /* ---------------------------------------------------------------------------------- */ /* Workspace Leafs - Files - Files specifically */ /* Highlight active note */ .nav-file-title.is-active .tree-item-inner.nav-file-title-content{ padding-bottom: 4px; margin-bottom: -4px; padding-top: 2px; margin-top: -2px; border-radius: var(--radius-m); width:100%; background-color: var(--color-base-30); } /* ---------------------------------------------------------------------------------- */ /* Workspace Leafs - Files - Icons (Folders) */ .theme-light .nav-folder .nav-folder-title-content:before, .theme-light .nav-folder.is-collapsed .nav-folder-title-content:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(110, 105, 102)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-folder-closed'%3E%3Cpath d='M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z'/%3E%3Cpath d='M2 10h20'/%3E%3C/svg%3E"); } .theme-dark .nav-folder .nav-folder-title-content:before, .theme-dark .nav-folder.is-collapsed .nav-folder-title-content:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149 149 149)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-folder-closed'%3E%3Cpath d='M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z'/%3E%3Cpath d='M2 10h20'/%3E%3C/svg%3E"); } .nav-folder .nav-folder-title-content:before, .nav-folder.is-collapsed .nav-folder-title-content:before { background-size: contain; background-repeat: no-repeat; background-position: center center; content: " "; position: relative; display: inline-block; top: 3px; margin-right: 4px; height: 16px; width: 16px; } /* ---------------------------------------------------------------------------------- */ /* Workspace Leafs - Files - Icons (Template Folder) */ .theme-light .nav-folder .nav-folder-title[data-path*="template"] .nav-folder-title-content:before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(110, 105, 102)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-folder-plus'%3E%3Cpath d='M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z'/%3E%3Cline x1='12' x2='12' y1='10' y2='16'/%3E%3Cline x1='9' x2='15' y1='13' y2='13'/%3E%3C/svg%3E"); } .theme-dark .nav-folder .nav-folder-title[data-path*="template"] .nav-folder-title-content:before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149 149 149)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-folder-plus'%3E%3Cpath d='M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z'/%3E%3Cline x1='12' x2='12' y1='10' y2='16'/%3E%3Cline x1='9' x2='15' y1='13' y2='13'/%3E%3C/svg%3E"); } /* ---------------------------------------------------------------------------------- */ /* Workspace Leafs - Files - Icons (Template File) */ .theme-light .nav-folder .nav-file-title[data-path*="template"] .nav-file-title-content:before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(110, 105, 102)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-file-plus'%3E%3Cpath d='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='12' x2='12' y1='18' y2='12'/%3E%3Cline x1='9' x2='15' y1='15' y2='15'/%3E%3C/svg%3E"); } .theme-dark .nav-folder .nav-file-title[data-path*="template"] .nav-file-title-content:before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149 149 149)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-file-plus'%3E%3Cpath d='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='12' x2='12' y1='18' y2='12'/%3E%3Cline x1='9' x2='15' y1='15' y2='15'/%3E%3C/svg%3E"); } /* ---------------------------------------------------------------------------------- */ /* Workspace Leafs - Files - Icons (Attachment Folder) */ .theme-light .nav-folder .nav-folder-title[data-path*="attachment"] .nav-folder-title-content:before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(110, 105, 102)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-paperclip'%3E%3Cpath d='m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E"); } .theme-dark .nav-folder .nav-folder-title[data-path*="attachment"] .nav-folder-title-content:before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149 149 149)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-paperclip'%3E%3Cpath d='m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E"); } /* ---------------------------------------------------------------------------------- */ /* Workspace Leafs - Files - Icons (Files) */ .theme-light .nav-file-title-content:before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(110, 105, 102)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-file'%3E%3Cpath d='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E"); } .theme-dark .nav-file-title-content:before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149 149 149)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-file'%3E%3Cpath d='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E"); } .nav-file-title-content:before { background-size: contain; background-repeat: no-repeat; background-position: center center; content: " "; position: relative; display: inline-block; top: 3px; margin-right: 4px; height: 16px; width: 16px; } /* ---------------------------------------------------------------------------------- */ /* Workspace Leafs - Files - Icons (non md files) */ .theme-light .nav-file-title[data-path$="png"] .nav-file-title-content:before, .theme-light .nav-file-title[data-path$="jpg"] .nav-file-title-content:before, .theme-light .nav-file-title[data-path$="jpeg"] .nav-file-title-content:before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgb(110, 105, 102)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-file-image'%3E%3Cpath d='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Ccircle cx='10' cy='13' r='2'/%3E%3Cpath d='m20 17-1.09-1.09a2 2 0 0 0-2.82 0L10 22'/%3E%3C/svg%3E"); } .theme-dark .nav-file-title[data-path$="png"] .nav-file-title-content:before, .theme-dark .nav-file-title[data-path$="jpg"] .nav-file-title-content:before, .theme-dark .nav-file-title[data-path$="jpeg"] .nav-file-title-content:before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgb(149 149 149)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-file-image'%3E%3Cpath d='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Ccircle cx='10' cy='13' r='2'/%3E%3Cpath d='m20 17-1.09-1.09a2 2 0 0 0-2.82 0L10 22'/%3E%3C/svg%3E"); } .nav-file-title[data-path$="png"] .nav-file-title-content:before, .nav-file-title[data-path$="jpg"] .nav-file-title-content:before, .nav-file-title[data-path$="jpeg"] .nav-file-title-content:before { background-size: contain; background-repeat: no-repeat; background-position: center center; content: " "; position: relative; display: inline-block; top: 3px; margin-right: 4px; height: 16px; width: 16px; } .theme-light .nav-file-title[data-path$="docx"] .nav-file-title-content:before, .theme-light .nav-file-title[data-path$="pdf"] .nav-file-title-content:before, .theme-light .nav-file-title[data-path$="doc"] .nav-file-title-content:before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgb(110, 105, 102)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-file-text'%3E%3Cpath d='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' x2='8' y1='13' y2='13'/%3E%3Cline x1='16' x2='8' y1='17' y2='17'/%3E%3Cline x1='10' x2='8' y1='9' y2='9'/%3E%3C/svg%3E"); } .theme-dark .nav-file-title[data-path$="docx"] .nav-file-title-content:before, .theme-dark .nav-file-title[data-path$="pdf"] .nav-file-title-content:before, .theme-dark .nav-file-title[data-path$="doc"] .nav-file-title-content:before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgb(149 149 149)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-file-text'%3E%3Cpath d='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' x2='8' y1='13' y2='13'/%3E%3Cline x1='16' x2='8' y1='17' y2='17'/%3E%3Cline x1='10' x2='8' y1='9' y2='9'/%3E%3C/svg%3E"); } .nav-file-title[data-path$="docx"] .nav-file-title-content:before, .nav-file-title[data-path$="pdf"] .nav-file-title-content:before, .nav-file-title[data-path$="doc"] .nav-file-title-content:before { background-size: contain; background-repeat: no-repeat; background-position: center center; content: " "; position: relative; display: inline-block; top: 3px; margin-right: 4px; height: 16px; width: 16px; } /* ---------------------------------------------------------------------------------- */ /* Workspace Leafs - Files - Little labels for non md files */ .nav-file-tag { margin: 0px; vertical-align: baseline; margin-top:0px; font-size: var(--font-ui-unreadable); font-family: var(--font-monospace-default); text-transform: lowercase; letter-spacing: -0.2px; color: var(--color-base-60); background: none; } /* ================================================================================================= */ /* Workspace Leafs - Search */ /* ---------------------------------------------------------------------------------- */ /* Workspace Leafs - Search - Missing top border */ .workspace-leaf-content:has(.search-row) { position: relative; top: 8px; border-top: var(--divider-width) solid var(--divider-color); } /* ↑↑↑↑↑↑↑↑↑↑ Workspace Leafs: Search [ALL] */ /* ================================================================================================= */ /* Workspace Leafs - Outline */ /* ---------------------------------------------------------------------------------- */ /* Workspace Leafs - Outline - Missing top border */ .view-content:has(.outline) { position: relative; top: 8px; border-top: var(--divider-width) solid var(--divider-color); } .mod-root .view-content:has(.outline) { top: 0px; border-top: none; } /* ================================================================================================= */ /* Workspace Leafs - Navigation Pane (Common) */ /* ---------------------------------------------------------------------------------- */ /* Workspace Leafs - Navigation Pane (Common) - General */ .nav-header { padding-left: 0px; padding-right: 0px; margin-top: 8px; padding-top: 0px; border-top: var(--divider-width) solid var(--divider-color); } .nav-buttons-container { justify-content: left; margin-left: 0px; border-bottom: var(--divider-width) solid var(--divider-color); margin-left: 12px; margin-right: 12px; border-radius: var(--radius-none); padding: 5px; } /* ---------------------------------------------------------------------------------- */ /* Workspace Leafs - Navigation Pane (Common) - Icons */ .clickable-icon.nav-action-button.is-active, .clickable-icon.nav-action-button:hover { background-color: var(--background-modifier-hover); color: var(--color-base-highlight) } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* File Tabs */ /* ================================================================================================= */ /* File Tabs - When at Top */ /* ---------------------------------------------------------------------------------- */ /* File Tabs - When at Top - Size and Position*/ .workspace-split.mod-vertical.mod-root .workspace-tab-header-container-inner { flex-grow: 1; } .mod-macos.is-hidden-frameless:not(.is-popout-window) .workspace .mod-horizontal .workspace-tabs.mod-top-right-space .workspace-tab-header-container { height: 87.5px; } .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-top-right-space .workspace-tab-header-container, .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-top-left-space .workspace-tab-header-container, .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-top .workspace-tab-header-container { height: 96px; transition: none; padding-right: 0px; padding-left: 0px; border-bottom: none; } .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-top-left-space .workspace-tab-header-container .workspace-tab-header-new-tab, .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-top-left-space .workspace-tab-header-container .workspace-tab-header-tab-list, .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-top .workspace-tab-header-container .workspace-tab-header-new-tab, .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-top .workspace-tab-header-container .workspace-tab-header-tab-list { margin-top: 65px; border-top: var(--divider-width) solid var(--divider-color); } .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-top-right-space .workspace-tab-header-container-inner, .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-top-left-space .workspace-tab-header-container .workspace-tab-header-container-inner, .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-top .workspace-tab-header-container .workspace-tab-header-container-inner { padding-top: 65px; margin-top: 0px; padding-left:0px; padding-right:0px; margin-left: 0px; margin-right: 0px; transition: none; } .workspace-split.mod-vertical.mod-root .workspace-tabs .workspace-tab-header-container { height: 31px; padding-right: 0px; } .workspace-split.mod-vertical.mod-root .workspace-tabs .workspace-tab-header-spacer { visibility: collapse; width: 0px; display: none; } /* ================================================================================================= */ /* File Tabs - All tabs */ /* ---------------------------------------------------------------------------------- */ /* File Tabs - All tabs - Tab Sizing */ .workspace .mod-root .workspace-tab-header { width: 100%; min-width: 42px; max-width: 100%; padding: 0px; height: 31px; } /* ---------------------------------------------------------------------------------- */ /* File Tabs - All tabs - get rid of after/before spacers */ .workspace .mod-root .workspace-tab-header-inner::after { width: 0px; visibility: collapse; } .workspace-tab-header::before, .workspace-tab-header::after { border-radius: var(--radius-none); width: 0px; height: 0xp; visibility: collapse; display: none; } /* ---------------------------------------------------------------------------------- */ /* File Tabs - All tabs - General Styling*/ .mod-root .workspace-tab-header-inner-title { text-align: center } .mod-root .workspace-tab-header-inner { padding-right: 6px; height: 30px; border-radius: var(--radius-none); } .workspace-split.mod-vertical.mod-root .workspace-tabs .workspace-tab-header-container .workspace-tab-header-container-inner { padding-top: 0px; margin-top: 0px; padding-left:0px; padding-right:0px; margin-left: 0px; margin-right: 0px; transition: none; } .workspace-split.mod-vertical.mod-root .workspace-tabs .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header-inner { padding-left: 8px; padding-right: 8px; } .workspace-split.mod-vertical.mod-root .workspace-tabs .workspace-tab-header-container .workspace-tab-header-new-tab, .workspace-split.mod-vertical.mod-root .workspace-tabs .workspace-tab-header-container .workspace-tab-header-tab-list { margin-top: 0px; background-color: var(--color-base-25); justify-content: center; width: 30px; margin-right: 0px; border-bottom: var(--divider-width) solid var(--divider-color); padding-right: 0px; padding-left: 0px; } .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-top-left-space .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header, .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-top .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header { background-color: var(--color-base-25); border-bottom: var(--divider-width) solid var(--divider-color); border-top: var(--divider-width) solid var(--divider-color); border-left: var(--divider-width) solid var(--divider-color); border-radius: 0%; box-shadow: none; padding: 0px; } .workspace-split.mod-vertical.mod-root .workspace-tabs .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header { background-color: var(--color-base-25); color: var(--tab-text-color); border-bottom: var(--divider-width) solid var(--divider-color); border-top: none; border-left: var(--divider-width) solid var(--divider-color); border-radius: 0%; box-shadow: none; padding: 0px; } /* ---------------------------------------------------------------------------------- */ /* File Tabs - All tabs - Active Styling */ .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-top .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header.is-active, .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-top.mod-active .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header.is-active { border-top: var(--divider-width) solid var(--color-base-15); } .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-active .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header.is-active, .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-top-left-space.mod-active .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header.is-active, .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-top.mod-active .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header.is-active { background-color: var(--color-base-15); border-bottom: var(--divider-width) solid var(--divider-color); font-style: normal; } .workspace-split.mod-vertical.mod-root .workspace-tabs .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header.is-active, .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-top-left-space .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header.is-active, .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-top .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header.is-active { background-color: var(--color-base-15); color: var(--color-base-60); font-style: italic; } /* ---------------------------------------------------------------------------------- */ /* File Tabs - All tabs - Hover */ .workspace-tab-header:not(.is-active):hover .workspace-tab-header { background-color: var(--color-base-40); } /* ---------------------------------------------------------------------------------- */ /* File Tabs - All tabs - Close Button */ /* hide by default */ .workspace-tab-header .workspace-tab-header-inner-close-button { --icon-size: 12px; padding-top: 3px; order: -1; visibility:hidden; } /* show close button on tab hover */ .workspace-tab-header.is-active .workspace-tab-header-inner:hover .workspace-tab-header-inner-close-button, .workspace-tab-header .workspace-tab-header-inner:hover .workspace-tab-header-inner-close-button { visibility: visible; } .mod-root .workspace-tab-header.is-active.mod-active .workspace-tab-header-inner-close-button:hover { background-color: var(--color-base-50); } /* ================================================================================================= */ /* File Tabs - Function Buttons */ /* ---------------------------------------------------------------------------------- */ /* File Tabs - Function Buttons - Tab List/new Tab*/ .workspace-tab-header-tab-list { order: -1; } .workspace-tab-header-tab-list .clickable-icon, .workspace-tab-header-new-tab .clickable-icon { --icon-size: 15px; width: 30px; height: 31px; margin-top: -1px; } @media (hover: hover) { .workspace-tab-header-tab-list .clickable-icon:hover, .workspace-tab-header-new-tab .clickable-icon:hover { background-color: var(--color-base-30); border-radius: 0px; } } .workspace-tab-header-new-tab { border-left: var(--divider-width) solid var(--divider-color); border-right: 0px; margin-left: 0px; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* Stacked Tabs */ .view-header-title-container:not(.mod-at-end):after { background: none; } .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-leaf { border-left: var(--divider-width) solid var(--divider-color); } .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-leaf.is-hidden { border-left: var(--divider-width) solid red; position:relative; left: 99px; margin-left:35px; } /* ================================================================================================= */ /* Stacked Tabs - General */ .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header { max-width: 36px; min-width: 36px; height: unset; width: 36px; writing-mode: var(--tab-stacked-text-writing-mode); text-orientation: sideways; background-color: none; padding: 0; border-radius: 0; --no-tooltip: true; height: 100%; border-bottom: none; box-shadow: -1px 0 0 0 var(--tab-outline-color); } .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-container .workspace-tab-header-container-inner { width: 100%; } .workspace .mod-root .workspace-tabs.mod-stacked.mod-top .workspace-tab-header-container { height: 95px; } .workspace .mod-root .workspace-tabs.mod-stacked.mod-top .workspace-tab-header-container .workspace-tab-header-container-inner { padding-top: 0px; } .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header:hover { background-color: var(--color-base-30); } .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.mod-active.is-active:hover { background-color: var(--color-base-15); } .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner { border-bottom: var(--divider-width) solid var(--divider-color); border-top: var(--divider-width) solid var(--divider-color); padding: 0px; height: 100%; background-color: var(--color-base-25); vertical-align: middle; border-bottom: none; } .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.mod-active.is-active .workspace-tab-header-inner { background-color: var(--color-base-15); border-top: var(--divider-width) solid var(--color-base-15); } .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner .workspace-tab-header-inner-icon{ visibility: collapse; width: 0px; height: 0px; padding: 0px; margin: 0px; } /* ================================================================================================= */ /* Stacked Tabs - Function Buttons */ /* ---------------------------------------------------------------------------------- */ /* Stacked Tabs - Function Buttons - General */ .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-stacked .workspace-tab-header-container .workspace-tab-header-new-tab { order: 99; } .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-stacked .workspace-tab-header-container .workspace-tab-header-tab-list { order: 98; } .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-stacked .workspace-tab-header-tab-list .clickable-icon, .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-stacked .workspace-tab-header-new-tab .clickable-icon { color: var(--icon-color); width: 24px; height: 24px; } .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-stacked .workspace-tab-header-container .workspace-tab-header-new-tab, .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-stacked .workspace-tab-header-container .workspace-tab-header-tab-list { background-color: var(--color-base-15); justify-content: center; margin-top: 3.5px; width: 24px; height: 24px; border: none; padding: 0px; margin-right: 3px; } .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-stacked .workspace-tab-header-container .workspace-tab-header-new-tab:hover, .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-stacked .workspace-tab-header-container .workspace-tab-header-tab-list:hover { border-radius: var(--radius-m); background-color: var(--color-base-30); } .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-stacked .workspace-tab-header-tab-list .clickable-icon:hover, .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-stacked .workspace-tab-header-new-tab .clickable-icon:hover { background: none; } /* ---------------------------------------------------------------------------------- */ /* Stacked Tabs - Function Buttons - Top Specific */ .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-stacked.mod-top .workspace-tab-header-container .workspace-tab-header-new-tab, .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-stacked.mod-top .workspace-tab-header-container .workspace-tab-header-tab-list { margin-top: 53px; width: 34px; height: 30px; padding: 0px; } .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-stacked.mod-top .workspace-tab-header-tab-list .clickable-icon, .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-stacked.mod-top .workspace-tab-header-new-tab .clickable-icon { color: var(--icon-color); width: 34px; height: 30px; padding-top: 6px; padding-bottom: 6px; padding-right: 8px; padding-left: 8px; } .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-stacked.mod-top .workspace-tab-header-container .workspace-tab-header-new-tab { margin-right: 12px; margin-left: 3px; } /* ---------------------------------------------------------------------------------- */ /* Stacked Tabs - All tabs - Close Button */ .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner .workspace-tab-header-inner-close-button { --icon-size: 12px; padding-top: 2px; visibility: visible; top: 7px; margin-bottom: 12px; } .workspace .mod-root .workspace-tab-header:not(.is-active) .workspace-tab-header-inner-close-button { display: flex; } .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-close-button:hover { background: none; } .workspace .mod-root .workspace-tab-header.is-active.mod-active .workspace-tab-header-inner-close-button:hover { background-color: var(--color-base-50); } /* END file tabs! */ .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-leaf .workspace-leaf-content .view-header { border-top: var(--divider-width) solid var(--divider-color); height: 42px; padding-bottom: 0px; } /* top nav bar icon hover (inactive) */ .mod-left-split .workspace-tab-header, .mod-right-split .workspace-tab-header { box-shadow: none; background-color: transparent; padding: 0; margin: 0; border-radius: var(--tab-radius); } .workspace-tab-header:not(.is-active):hover { background-color: var(--color-base-30); } .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner-icon { color: var(--color-base-highlight); transition: all 100ms 0ms; } /* top nav bar icon hover (active) */ @media (hover: hover) { .mod-left-split .workspace-tab-header.has-active-menu:hover, .mod-right-split .workspace-tab-header.has-active-menu:hover, .mod-left-split .workspace-tab-header.is-active:hover, .mod-right-split .workspace-tab-header.is-active:hover { background-color: var(--color-base-highlight); } } .mod-left-split .workspace-tab-header.has-active-menu, .mod-right-split .workspace-tab-header.has-active-menu, .mod-left-split .workspace-tab-header.is-active, .mod-right-split .workspace-tab-header.is-active { background-color: var(--color-base-highlight); border-radius: var(--tab-radius); } /* top nav bar icon color (active) */ /* just uses default */ /* top nav bar icon color (active) */ .theme-light .mod-left-split .is-focused .mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-icon, .theme-light .mod-right-split .is-focused .mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-icon, .theme-light .mod-left-split .workspace-tab-header.has-active-menu .workspace-tab-header-inner-icon, .theme-light .mod-right-split .workspace-tab-header.has-active-menu .workspace-tab-header-inner-icon, .theme-light .mod-left-split .workspace-tab-header.is-active .workspace-tab-header-inner-icon, .theme-light .mod-right-split .workspace-tab-header.is-active .workspace-tab-header-inner-icon { color: var(--color-base-00); } .theme-dark .mod-left-split .is-focused .mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-icon, .theme-dark .mod-right-split .is-focused .mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-icon, .theme-dark .mod-left-split .workspace-tab-header.has-active-menu .workspace-tab-header-inner-icon, .theme-dark .mod-right-split .workspace-tab-header.has-active-menu .workspace-tab-header-inner-icon, .theme-dark .mod-left-split .workspace-tab-header.is-active .workspace-tab-header-inner-icon, .theme-dark .mod-right-split .workspace-tab-header.is-active .workspace-tab-header-inner-icon { color: var(--color-base-100); } /* Tables */ /* Tables: Edit button*/ .markdown-source-view.mod-cm6 .cm-embed-block:hover .edit-block-button:hover { color: var(--color-base-highlight); } .markdown-source-view.mod-cm6 .edit-block-button{ color: var(--color-base-lowlight); } .markdown-source-view.mod-cm6 .block-language-dataview + .edit-block-button:after { color: var(--color-base-lowlight); } /* Table: pretty view */ .markdown-rendered table{ font-size: var(--font-smaller); } .markdown-rendered thead { background-color: var(--color-base-verylowlight); } .markdown-rendered thead tr > th { border-top-width: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--color-base-lowlight); } .theme-dark .markdown-rendered thead tr > th { color: var(--color-base-100); } .markdown-rendered td, .markdown-rendered th { border-color: var(--color-base-lowlight); } .markdown-rendered th { color: var(--color-base-highlight); } /* rounded corners */ .markdown-rendered thead tr > th:first-child { border-top-left-radius: var(--radius-s); } .markdown-rendered thead tr > th:last-child { border-top-right-radius: var(--radius-s); } /* Table: Dataview [Colors Light] */ .table-view-table > tbody > tr:hover { background-color: var(--color-base-00) !important; } .table-view-table > tbody > tr > td { border-bottom-color: var(--color-base-lowlight); } /* Table: Edit Mode */ .cm-s-obsidian .HyperMD-table-row span.cm-hmd-table-sep, .cm-s-obsidian .HyperMD-table-row-1 { color: var(--color-base-lowlight); } /* ↓↓↓↓↓↓↓↓↓↓ Hierarchy Browsers [Colours Light] */ /* ↑↑↑↑↑↑↑↑↑↑ Hierarchy Browsers: tree lines [Colours Light] */ /* ↓↓↓↓↓↓↓↓↓↓ Hierarchy Browsers: items [Colours Light] */ .collapse-icon.is-collapsed svg.svg-icon { color: var(--color-base-highlight); } /* ↑↑↑↑↑↑↑↑↑↑ Hierarchy Browsers: items [Colours Light] */ /* ↑↑↑↑↑↑↑↑↑↑ Hierarchy Browsers [Colours Light] */ /* ↓↓↓↓↓↓↓↓↓↓ CALLOUT [Colours Light]] */ /* ↓↓↓↓↓↓↓↓↓↓ CALLOUT: Custom (metadata) [Colours Light]] */ .callout[data-callout="metadata"] { --callout-color: 200, 200, 200; } /* ↑↑↑↑↑↑↑↑↑↑ CALLOUT: Custom (metadata) [Colours Light]] */ /* ↑↑↑↑↑↑↑↑↑↑ CALLOUT [Colours Light]] */ /* ↓↓↓↓↓↓↓↓↓↓ EMBEDS [ALL]*/ .markdown-embed { border: 1px dashed var(--color-base-lowlight); padding-top: 6px; padding-bottom: 6px; } .cm-preview-code-block.cm-embed-block.markdown-rendered { padding-top: 6px; padding-bottom: 6px; } /* EMBED: Transclusion */ .internal-embed.markdown-embed.inline-embed.is-loaded { border: none; display: flex; padding-left: 10px; left: -40px; width: calc(100% + 40px); } .internal-embed.markdown-embed.inline-embed.is-loaded .embed-title.markdown-embed-title { display: none; } .internal-embed.markdown-embed.inline-embed.is-loaded .markdown-embed-link{ visibility: hidden; order: -1; justify-content: center; align-items: center; height: 30px; width: 30px; top: 0px; position: relative; padding-top: 4px; color: var(--color-base-highlight); } .internal-embed.markdown-embed.inline-embed.is-loaded:hover .markdown-embed-link { visibility: visible; } .internal-embed.markdown-embed.inline-embed.is-loaded .markdown-embed-content{ width: fit-content; border: 1px dashed var(--color-base-verylowlight); border-radius: var(--radius-m); padding-block-start: 4px; padding-block-end: 12px; padding-inline-start: 12px; padding-inline-end: 12px; background-color: rgb(255 255 255 / 1%); } /* end transcusion /* EMBEDS: search */ .internal-query{ border-top: none; } .internal-query-header { padding-top: 4px; padding-bottom: 4px; } .internal-query-header .internal-query-header-title { font-family: var(--font-monospace-default); font-size: 0.8em; } .internal-query .search-result-container { width: fit-content; border: 1px dashed var(--color-base-verylowlight); border-radius: var(--radius-m); padding-block-start: 12px; padding-block-end: 12px; padding-inline-start: 12px; padding-inline-end: 12px; background-color: rgb(255 255 255 / 1%); } .internal-query .search-result-file-matches, .internal-query .tree-item-flair-outer, .internal-query .tree-item-icon { display: none; } .internal-query .search-result-file-title { padding-left: 0px; } .internal-query .search-result-container .tree-item-inner { text-decoration-line: underline !important; text-decoration: solid; text-decoration-color: var(--color-base-highlight); cursor: var(--cursor-link); } .theme-light .internal-query .search-result-file-title :before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(110, 105, 102)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-file'%3E%3Cpath d='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E"); } .theme-dark .internal-query .search-result-file-title :before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149 149 149)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-file'%3E%3Cpath d='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E"); } .internal-query .search-result-file-title :before { background-size: contain; background-repeat: no-repeat; background-position: center center; content: " "; position: relative; display: inline-block; top: 3px; margin-right: 4px; height: 16px; width: 16px; } /* search */ /* ↓↓↓↓↓↓↓↓↓↓ EMBEDS: Pictures [ALL]*/ .internal-embed.image-embed { display: flex; } .internal-embed img:not([width]) { max-width: 50vw; max-height: 50vh; } .image-embed img { border: 0.5px solid var(--color-base-30); border-radius: var(--radius-s); } /* ↓↓↓↓↓↓↓↓↓↓ LINKS [Colours Light]] */ .markdown-source-view.mod-cm6 .cm-link .cm-underline, .markdown-source-view.mod-cm6 .cm-url .cm-underline { color: var(--text-normal); text-decoration:underline; text-decoration-color: var(--link-external-decoration-color); } .markdown-rendered .external-link:after, .markdown-source-view.mod-cm6 .cm-link .cm-underline:after, .markdown-source-view.mod-cm6 .cm-url .cm-underline:after { content: '\2197'; visibility: visible; color: var(--link-external-decoration-color); } .cm-s-obsidian span.cm-formatting-link.cm-url, .cm-s-obsidian span.cm-url, .cm-string.cm-url { color: var(--link-external-decoration-color); } /* Image amd Embed Links */ /* .cm-s-obsidian span.cm-hmd-internal-link { color: #35B649ff; } */ .cm-s-obsidian span.cm-hmd-internal-link.cm-link-alias { color: var(--text-normal); } /* Image Link */ .cm-s-obsidian .markdown-source-view.mod-cm6 .cm-link { color: var(--text-normal); text-decoration: none; } /* Link - Unresolved */ .cm-s-obsidian span.cm-hmd-internal-link .is-unresolved .cm-underline { color: var(--link-unresolved-color); } /* Link - Internal */ .cm-s-obsidian .cm-hmd-internal-link.cm-link-alias-pipe { color: var(--text-faint); } .cm-s-obsidian .cm-hmd-internal-link.cm-link-alias { color: var(--text-normal); } .cm-s-obsidian.span .cm-hmd-internal-link { color: var(--color-base-highlight); } .cm-s-obsidian span.cm-hmd-internal-link:hover { text-decoration: none; } .cm-hmd-internal-link.cm-link-alias:hover { color: var(--text-normal); text-decoration: none; } .cm-formatting.cm-formatting-link-string.cm-string.cm-url { color: var(--text-faint); } .cm-formatting.cm-formatting-link.cm-link { color: var(--text-faint); } .cm-s-obsidian span.cm-link { text-decoration: none; } .cm-s-obsidian span.cm-link:hover { text-decoration: none; } .external-link:hover, .markdown-source-view.mod-cm6 .cm-link .cm-underline:hover, .markdown-source-view.mod-cm6 .cm-url .cm-underline:hover { color: var(--text-normal); text-decoration: underline; text-decoration-color: var(--link-external-decoration-color); } .cm-link ~ .cm-url.external-link { visibility: collapse; width:0px; height:0px; padding: 0px; } .markdown-rendered .internal-link, .cm-hmd-internal-link .cm-underline { color: var(--text-normal); text-decoration-color: var(--link-color); } .markdown-rendered .internal-link:hover, .cm-hmd-internal-link .cm-underline:hover { color: var(--text-normal); text-decoration-color: var(--link-color); } .external-link, a { background-image: none; padding-right: 0px; } /* ↑↑↑↑↑↑↑↑↑↑ LINKS [Colours Light]] */ /* ↓↓↓↓↓↓↓↓↓↓ Settings [Colours Light] */ /* ↓↓↓↓↓↓↓↓↓↓ Settings [Position etc.] */ .modal-close-button { right: unset; left: 10px; top: 10px; font-size: unset; line-height: unset; } .modal-close-button:after { content: '\25cf'; font-size: 15px; color: var(--color-fakeclose-inner); position: relative; } .modal-close-button:before { content: ''; } @media (hover: hover) { .modal-close-button:hover { background: none; color: var(--text-normal); } } .modal-button-container, .modal-content p{ font-size: var(--font-ui-small); margin-top: 3px; } /* ↓↓↓↓↓↓↓↓↓↓ Settings: Background Dim [Colours Light] */ .modal-bg { background-color: rgb(0 0 0 / 50%); } /* ↑↑↑↑↑↑↑↑↑↑ Settings: Background Dim [Colours Light] */ /* ↓↓↓↓↓↓↓↓↓↓ Settings: Left Pane [Colours Light] */ /* Folder Notes */ .modal-container.mod-dim .vertical-tab-content .setting-item .setting-item-info[style] { color: var(--color-base-warn) !important; font-size: var(--font-ui-smaller) !important; } .modal-title { margin-top: 20px; } /* buttons */ .setting-item-control .clickable-icon { border-radius: var(--radius-m); height: auto; width: auto; box-shadow: none; border: 0px solid var(--color-base-50); font-size: 12px; } .setting-item-control .clickable-icon:hover { color: var(--color-base-highlight); } .setting-item { border-top: none; } .theme-dark .setting-item { border-bottom: 1px solid #353535; } .theme-light .setting-item { border-bottom: 1px solid #E7E7E7; } /* ↓↓↓↓↓↓↓↓↓↓ Settings: Left Bar [Position etc.] */ .modal.mod-settings .vertical-tab-header, .vertical-tab-header { background-color: var(--color-base-17); margin-top: 40px; padding-top: 0px; border-right: none; } .theme-dark .modal.mod-settings .vertical-tab-header, .theme-dark .vertical-tab-header { } .modal.mod-sidebar-layout .modal-content { display: flex; background-color: var(--color-base-17); border-right: var(--divider-width) solid var(--divider-color); } .setting-item-info, .vertical-tab-header-group-title { font-size: var(--font-ui-teeny); font-style: normal; } .setting-item-info { color: var(--text-normal) !important; font-style: italic; } .vertical-tab-nav-item { font-size: 13px; } .vertical-tab-content { font-size: var(--font-ui-teeny); font-style: normal; border-left: var(--divider-width) solid var(--divider-color); } .theme-dark .vertical-tab-content { background-color: var(--color-base-35); } .vertical-tab-content .setting-item-info, .vertical-tab-content h3, .vertical-tab-content h2, .vertical-tab-content h1 { font-size: 16px; } .setting-item-name { font-size: 13px; font-style: normal; } .setting-item-description { font-style: normal; } /* ↓↓↓↓↓↓↓↓↓↓ Settings: Right Pane */ .vertical-tab-content { background-color: var(--color-base-15); padding-top:60px; padding-bottom:35px; } .modal { background-color: var(--color-base-15); } .modal-sidebar { padding-top:34px; } /* ↑↑↑↑↑↑↑↑↑↑ Settings: Background Dim [Position etc.] */ /* Settings: Dropdowns */ .setting-item-control select { width:auto; } .dropdown { height: 24px; box-shadow: none; background-size: 12px; transition: all 250ms; border: none; text-align: right; } @media (hover: hover){ select:hover, .dropdown:hover { box-shadow: none; } } .theme-dark .dropdown { background-color: var(--color-base-35); background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(218, 221, 220)' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevrons-up-down'%3E%3Cpath d='m7 15 5 5 5-5'/%3E%3Cpath d='m7 9 5-5 5 5'/%3E%3C/svg%3E"); } .theme-dark .dropdown:hover { background-color: #606060; border-color: var(--background-modifier-border); } .theme-light .dropdown:hover { background-color: #ffffff; border: 1px solid #DADADA; } .theme-light .dropdown { background-color: var(--color-base-15); background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevrons-up-down'%3E%3Cpath d='m7 15 5 5 5-5'/%3E%3Cpath d='m7 9 5-5 5 5'/%3E%3C/svg%3E"); border: 1px solid var(--color-base-15); } /* Settings: buttons */ /*Caret [Colour Light]*/ .markdown-source-view.mod-cm6 .cm-content { caret-color: var(--color-base-highlight); } /* Tag Pane */ .tree-item-flair { font-size: var(--font-ui-teeny); color: var(--text-faint); line-height: 1; border-radius: var(--radius-s); } .cm-comment { color: var(--color-base-50); font-size: 0.7em; font-style: italic; } /* ================================================================================================= */ /* GUI Buttons */ .clickable-icon { padding: 0px; width: 34px; height: 30px; } .sidebar-toggle-button { transition: none; } /* MOBILE */ .is-mobile { --border-width: 1pt; --divider-width: 1pt; --tab-outline-width: 0.5pt; --modal-header-height: 30px; --modal-community-sidebar-width: 100%; --nav-item-size: var(--font-ui-large); --p-spacing: 0.5rem; --font-text-size: 0.9em; } .is-mobile .workspace-drawer.mod-left { border-right: 2px solid var(--color-base-highlight); right: -2px; } .is-mobile .workspace-drawer.mod-right { border-left: 2px solid var(--color-base-highlight); left: -2px; } .is-mobile.theme-dark { --color-base-00: #1D1E1E; --color-base-10: #CFCCCB; --color-base-20: #3C2E27; --background-secondary: #141414; --background-primary: #202020; --tag-background: hsla(var(--interactive-accent-hsl), 0.2); --modal-background: var(--background-primary); --search-result-background: var(--background-primary); --background-modifier-form-field: var(--background-modifier-border); --background-modifier-cover: rgba(0, 0, 0, 0.5); --background-modifier-hover: rgba(var(--mono-rgb-100), 0.15); --settings-home-background: var(--background-primary); --interactive-accent: var(--text-normal); } .is-mobile.theme-light { --background-secondary: var(--color-base-00); --background-primary: #F2F2F6; --tag-background: hsla(var(--interactive-accent-hsl), 0.2); --modal-background: var(--background-primary); --search-result-background: var(--background-primary); --background-modifier-form-field: var(--background-modifier-border); --background-modifier-cover: rgba(0, 0, 0, 0.5); --background-modifier-hover: rgba(var(--mono-rgb-100), 0.15); --settings-home-background: var(--background-primary); --interactive-accent: var(--text-normal); } .is-mobile .markdown-preview-view { background-color: var(--background-primary); } .is-mobile .inline-title { display: none; } .is-mobile .workspace-leaf-content[data-mode="preview"] .view-header { } .is-mobile .markdown-preview-view, .is-mobile .cm-line { font-size: 1em; } .is-mobile .markdown-rendered .heading-collapse-indicator { display: none; } .is-mobile .cm-line.HyperMD-codeblock { font-size: 0.8em; } .is-mobile .cm-line .cm-hmd-frontmatter { font-size: 0.8em; } .is-mobile .cm-line .cm-def.cm-hmd-frontmatter { visibility: visible; } .is-mobile .view-action { margin-left: 8px; background: none; } .is-mobile button .svg-icon { height: 24px; } .is-mobile .view-header-breadcrumb.has-folder-note { top: 0px; padding-top: 0px; padding-bottom: 0px; line-height: unset; margin-top: unset; } .is-mobile .workspace-split.mod-vertical.mod-root .view-header-title-parent .view-header-breadcrumb:before { margin-top: unset; } .is-mobile .view-content:has(.advanced-tables-buttons) { border-top: none; } .is-mobile .workspace-leaf-content[data-type="advanced-tables-toolbar"] .nav-header{ margin-top: unset; } .is-mobile .modal.mod-settings .vertical-tab-header { margin-top: unset; } .is-mobile .modal.mod-sidebar-layout .modal-close-button { /*display: none;*/ z-index: 999; } .is-mobile .modal.mod-settings .vertical-tab-header { } .is-mobile .modal.mod-settings .vertical-tab-header, .is-mobile .modal.mod-settings { background-color: var(--background-primary); } .is-mobile .modal.mod-settings .vertical-tab-nav-item { background-color: #ffffff; } .is-mobile .mod-root .workspace-tabs .workspace-leaf { /*background-color: var(--background-secondary);*/ } .is-mobile .modal.mod-sidebar-layout .modal-title { border-bottom-width: 1px; font-size: var(--font-ui-large); top:0px; position: relative; } .is-mobile .modal-close-button { padding: 0px; height:30px; width:30px; } .is-mobile .modal-close-button:after { content: none; } .is-mobile button.view-action.mod-left-split-toggle { display: none; } .is-mobile.theme-light .modal-close-button:before { content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 24 24' fill='rgb(217 217 219)' stroke='rgb(123 123 127)' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-x-circle'%3E%3Ccircle stroke-width='0' cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='m9 9 6 6'/%3E%3C/svg%3E"); } .is-mobile.theme-dark .modal-close-button:before { content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 24 24' fill='rgb(53 53 53)' stroke='rgb(162 162 169)' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-x-circle'%3E%3Ccircle stroke-width='0' cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='m9 9 6 6'/%3E%3C/svg%3E"); } .is-mobile .modal-close-button:before { display: inline-block; position: relative; width: 30px; height: 30px; } .is-mobile.theme-light .modal-close-button:after { content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='24' viewBox='0 0 30 24' fill='none' stroke='rgb(180 180 182)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-minus'%3E%3Cpath d='M0 12h30'/%3E%3C/svg%3E"); } .is-mobile.theme-dark .modal-close-button:after { content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='24' viewBox='0 0 35 24' fill='none' stroke='rgb(93 93 96)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-minus'%3E%3Cpath d='M0 12h30'/%3E%3C/svg%3E"); } .is-mobile.theme-dark .modal.mod-settings .vertical-tab-header{ background-color: #202020; } .is-mobile.theme-dark .modal.mod-settings .vertical-tab-content { background-color: #202020; } .is-mobile.theme-dark .modal.mod-settings .vertical-tab-nav-item { background-color: #2c2c2e; } .is-mobile .modal-close-button:after { display: inline-block; position: relative; width: 40px; height: 24px; top:-20px; left:0px; right:0px; margin: 0px; margin-left: calc(-50vw - 10px); margin-right: -50vw; pointer-events: none; padding: 0px; } .is-mobile .modal-setting-back-button-icon { display: none; } .is-mobile .modal-setting-back-button:before { content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(110, 105, 102)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-left'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E"); display: inline-block; position: absolute; top: -25px; left: 12px; padding: 0px; height:24px; width:24px; } .is-mobile .modal-setting-back-button:after { content: "Settings"; font-size: var(--font-ui-large); color: var(--color-base-highlight); display: inline-block; top: -23px; left: 35px; position: absolute; padding: 0px; height:auto; width:auto; max-width: calc(100vw - 100px); text-align: left; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; } .is-mobile .modal.mod-sidebar-layout .modal-title { margin: 0px; height: 65px; padding-bottom: 0px; padding-top: 25px; } .is-mobile.theme-dark .modal.mod-sidebar-layout .modal-title { background-color: #262626; } .is-mobile .modal.mod-lg .modal-close-button, .is-mobile .modal.mod-sidebar-layout .modal-close-button { top: 10px; right: 10px; left: unset; } .is-mobile .vertical-tab-header-group-title { padding-bottom: 3px; text-transform: uppercase; font-size: var(--font-ui-small); color: #85858A; font-weight: 600; padding-left: 12px; } .is-mobile .modal.mod-settings .vertical-tab-header-group-items { border-radius: var(--radius-xl); } .is-mobile .modal.mod-settings .vertical-tab-nav-item { font-size: var(--font-ui-medium); font-weight: 500; } .is-mobile .modal.mod-settings .vertical-tab-nav-item { height: 50px; } .is-mobile .cm-editor .inline-title { color: var(--color-base-highlight); } .is-mobile .modal.mod-settings .vertical-tab-header:after { content: ""; display: block; position: relative; height: 120px; } .is-mobile .nav-buttons-container{ border-bottom: none; } .is-mobile .nav-header { border-top: none; } .is-mobile .workspace-drawer.mod-left, .is-mobile .workspace-drawer.mod-right { border-radius: 0px; } .is-mobile .workspace-drawer { --mobile-sidebar-width: calc(100vw + 2px); --mobile-sidebar-max-width: calc(100vw + 2px); } .is-mobile .workspace-drawer-active-tab-icon:last-child { display: none; } .is-mobile.theme-light .setting-item-control button.mod-cta { color:var(--color-base-00); } .is-mobile.theme-light .setting-item-control button { background-color: var(--color-base-00); color:var(--color-base-100); } .is-mobile.theme-dark .setting-item-control button { background-color: #2c2c2e; color:var(--color-base-100); } .is-mobile .setting-item-control button.mod-cta { background-color: var(--color-base-highlight); border-color: var(--color-base-verylowlight); } .is-mobile .workspace-drawer, .is-mobile .workspace-drawer-inner { background-color: var(--background-primary); } .is-mobile .graph-controls:not(.is-close) { background-color: var(--background-primary); border: none; } .is-mobile .graph-control-section { border-bottom: 1px solid var(--divider-color); } .is-mobile.theme-dark .setting-item-control input { background-color: #2c2c2e; color:var(--color-base-100); } .is-mobile .setting-item-control button { font-size: var(--font-ui-medium); font-weight: 500; border-radius: var(--radius-l); height: 40px; border-width: 1px; width: fit-content; } .is-mobile .modal .modal-nav-action.mod-secondary { font-size: var(--font-ui-medium); font-weight: 500; border-radius: var(--radius-l); height: 40px; border-width: 1px; background-color: var(--color-base-00); margin: 8px; min-width: 80px; } .is-mobile button.mod-cta, .is-mobile .modal .modal-nav-action.mod-cta { font-size: var(--font-ui-medium); font-weight: 500; border-radius: var(--radius-l); height: 40px; border-width: 1px; margin: 8px; color: var(--color-base-00); min-width: 80px; width: unset; } .is-mobile .modal-button-container { padding: 0px; } .is-mobile button.mod-warning { font-size: var(--font-ui-medium); font-weight: 500; border-radius: var(--radius-l); height: 40px; border-width: 1px; margin: 0px; color: var(--color-base-00); min-width: 80px; } .is-mobile .setting-item-control select, .is-mobile .setting-item-control input, .is-mobile .setting-item-control button { border-radius: var(--radius-l); border-width: 1px; } .is-mobile .setting-item-control .clickable-icon { background: none; } .is-mobile.theme-light .setting-item-control select { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(0 0 0)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevrons-up-down'%3E%3Cpath d='m7 15 5 5 5-5'/%3E%3Cpath d='m7 9 5-5 5 5'/%3E%3C/svg%3E"); } .is-mobile.theme-dark .setting-item-control select { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255 255 255)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevrons-up-down'%3E%3Cpath d='m7 15 5 5 5-5'/%3E%3Cpath d='m7 9 5-5 5 5'/%3E%3C/svg%3E"); } .is-mobile .setting-item-control select { font-size: var(--font-ui-medium); font-weight: 500; border-radius: var(--radius-l); height: 40px; border-width: 1px; background-size:20px; background-repeat: no-repeat; background-position: left 97% bottom 50%; background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevrons-up-down'%3E%3Cpath d='m7 15 5 5 5-5'/%3E%3Cpath d='m7 9 5-5 5 5'/%3E%3C/svg%3E"); } .is-mobile .checkbox-container.is-enabled { background-color: #33C759; } .is-mobile .graph-controls-button.mod-close, .is-mobile .graph-controls-button.mod-reset { color: var(--interactive-accent); } .is-mobile .graph-controls-button.mod-reset { color: var(--color-base-warn); margin-right: 18px; } .is-mobile .graph-controls-button .svg-icon { stroke-width: 2px; } .is-mobile.theme-dark .nav-file-title.is-active .tree-item-inner.nav-file-title-content { background-color: #2c2c2e; box-shadow: 0 0 0 2px var(--color-base-highlight); } .is-mobile.theme-light .nav-file-title.is-active .tree-item-inner.nav-file-title-content { background-color: #ffffff; box-shadow: 0 0 0 2px var(--color-base-highlight); } .is-mobile .setting-item-name, .is-mobile .setting-item-description { font-size: var(--font-ui-medium); } .is-mobile .suggestion-item.is-selected { background-color: #2c2c2e; } .is-mobile .suggestion-item, .is-mobile input.prompt-input:active, .is-mobile input.prompt-input:hover, .is-mobile input.prompt-input:focus, .is-mobile input.prompt-input:focus-visible, .is-mobile input.prompt-input { font-size: var(--font-ui-large); } .is-mobile .modal-bg { background-color: rgb(0 0 0 / 80%); } .is-mobile .prompt { border-radius: var(--radius-xl); margin-top: 20px; background-color: #202020; } .is-mobile .workspace-leaf-content[data-type="localgraph"] .view-content { top: 0px; border-top: none; } .is-mobile .graph-controls { width: 100%; top: 0px; left: 0px; right: 0px; border-radius: var(--radius-none); } .is-mobile .graph-controls.is-close .graph-controls-button.mod-open { } .is-mobile .graph-controls .mod-cta { background: none; height: 40px; font-size: var(--font-ui-small); border-radius: var(--radius-l); } .is-mobile .checkbox-container.mod-small { height: calc(var(--toggle-thumb-height) + var(--toggle-border-width) * 2); -webkit-app-region: no-drag; cursor: var(--cursor); border-radius: var(--toggle-radius); display: inline-block; flex-shrink: 0; height: calc(var(--toggle-thumb-height) + var(--toggle-border-width) * 2); position: relative; user-select: none; width: var(--toggle-width); } .is-mobile .checkbox-container.mod-small:after { pointer-events: none; content: ''; display: block; position: absolute; background-color: var(--toggle-thumb-color); width: var(--toggle-thumb-width); height: var(--toggle-thumb-height); margin: var(--toggle-border-width) 0 0 0; border-radius: var(--toggle-thumb-radius); transition: transform 0.15s ease-in-out, width 0.1s ease-in-out, left 0.1s ease-in-out; } .is-mobile .checkbox-container.mod-small.is-enabled:after { transform: translate3d(calc(var(--toggle-width) - var(--toggle-thumb-width) - var(--toggle-border-width)), 0, 0); } .is-mobile .checkbox-container { background-color: var(--color-base-90); } .is-mobile .checkbox-container.is-enabled { background-color: #33C759; } .is-mobile .checkbox-container.mod-small:focus-within { outline: none; } .is-mobile.theme-light input[type='text'] { background-color: var(--color-base-00); } .is-mobile.theme-dark input[type='text'] { background-color: #2c2c2e; } .is-mobile input[type='text'] { border-radius: var(--radius-l); border-width: 1px; height: 40px; } .is-mobile .workspace-split.mod-vertical.mod-root .view-header-title-container { justify-content: left; } .is-mobile .view-header { /*background-color: var(--background-secondary);*/ } .is-mobile .workspace-split.mod-vertical.mod-root .view-header-title, .is-mobile .view-header-title { color: var(--text-normal); font-size: var(--font-ui-medium); font-weight: 500; opacity: 100%; } .is-mobile .workspace-split.mod-vertical.mod-root .view-header-title:before { height: 18px; width: 18px; } .is-mobile.theme-light .workspace-split.mod-vertical.mod-root .view-header-title:before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(110, 105, 102)' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-file'%3E%3Cpath d='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E"); } .is-mobile.theme-dark .workspace-split.mod-vertical.mod-root .view-header-title:before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(228, 228, 228)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-file'%3E%3Cpath d='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E"); } .is-mobile .view-header-title-parent { display: none; } .is-mobile .workspace-split.mod-root .view-content { background-color: var(--background-secondary); } .is-mobile .workspace-split.mod-root, .is-mobile .workspace, .is-mobile .app-container { /*background-color: var(--background-secondary);*/ } .mobile-navbar { border-top: 1px solid var(--divider-color); /*background-color: var(--background-secondary);*/ } .is-mobile .workspace-drawer-backdrop { display: none; } .is-mobile .view-header-title-container { padding-left: 0px; } .is-mobile .workspace-drawer.mod-right .workspace-drawer-header { display: none; } .is-mobile .workspace-split.mod-vertical.mod-root .view-header-title:before { top: 0px; } .is-mobile .view-content > .markdown-source-view.mod-cm6 > .cm-editor > .cm-scroller { padding-top: 40px; padding-bottom: 8px; padding-left: 40px; padding-right: 40px; } .markdown-preview-view { padding-top: 14px; padding-bottom: 8px; padding-left: 20px; padding-right: 20px; } .is-mobile .modal.mod-settings.mod-sidebar-layout { margin-top: calc(env(safe-area-inset-top) + 20px); border-radius: var(--radius-xl); } .is-mobile .collapse-icon svg.svg-icon { height: 13px; width: 13px; } .is-mobile .tree-item .tree-item-self { margin-bottom: 3px; } .is-mobile .nav-folder .nav-file-title-content:before, .is-mobile .tree-item.nav-folder .nav-folder-title.has-folder-note .tree-item-inner.nav-folder-title-content:before, .is-mobile .nav-folder .nav-folder-title-content:before{ height: 20px; width: 20px; } .is-mobile .callout-content, .is-mobile .cm-comment { font-size: 1em; } .is-mobile.theme-dark .setting-item-control select { background-color: #2c2c2e; } .is-mobile.theme-dark .checkbox-container:after { background-color: #ffffff; } .is-mobile.theme-dark .modal { background-color: #202020; } .is-mobile .setting-item-control button { } .is-mobile .internal-embed img:not([width]) { max-width: 100vw; } .is-mobile.theme-dark button, .is-mobile.theme-light button, .is-mobile.theme-dark button:hover, .is-mobile.theme-light button:hover { background: none; } .is-mobile .block-language-dataview.node-insert-event:has(.dataview.list-view-ul), .is-mobile .block-language-dataview.node-insert-event:has(.dataview.table-view-table) { max-width: 100%; } .is-mobile.theme-dark .dropdown { background-color: #606060; border-color: var(--background-modifier-border); background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(218, 221, 220)' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevrons-up-down'%3E%3Cpath d='m7 15 5 5 5-5'/%3E%3Cpath d='m7 9 5-5 5 5'/%3E%3C/svg%3E"); text-align: left; } .is-mobile.theme-light .dropdown { background-color: #ffffff; border: 1px solid #DADADA; background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevrons-up-down'%3E%3Cpath d='m7 15 5 5 5-5'/%3E%3Cpath d='m7 9 5-5 5 5'/%3E%3C/svg%3E"); text-align: left; }