diff --git a/0.16.0 scss/_full-palette.scss b/0.16.0 scss/_full-palette.scss index e117864..9c4cdfa 100644 --- a/0.16.0 scss/_full-palette.scss +++ b/0.16.0 scss/_full-palette.scss @@ -1,7 +1,7 @@ .theme-dark:not(.ctp-accent-blue, .ctp-accent-flamingo, .ctp-accent-green, .ctp-accent-lavender, .ctp-accent-maroon, .ctp-accent-mauve, .ctp-accent-peach, .ctp-accent-pink, .ctp-accent-red, .ctp-accent-rosewater, .ctp-accent-sapphire, .ctp-accent-sky, .ctp-accent-teal, .ctp-accent-yellow), .theme-light:not(.ctp-accent-blue, .ctp-accent-flamingo, .ctp-accent-green, .ctp-accent-lavender, .ctp-accent-maroon, .ctp-accent-mauve, .ctp-accent-peach, .ctp-accent-pink, .ctp-accent-red, .ctp-accent-rosewater, .ctp-accent-sapphire, .ctp-accent-sky, .ctp-accent-teal, .ctp-accent-yellow) { --blockquote-border-color: rgb(var(--ctp-lavender)); - --color-accent: var(--ctp-rosewater); + --ctp-accent: var(--ctp-lavender); --divider-color-hover: rgb(var(--ctp-blue)); --hr-color: rgb(var(--ctp-blue)); --indentation-guide-color: rgb(var(--ctp-surface1)); @@ -79,7 +79,7 @@ background-color: rgb(var(--ctp-lavender)); color: var(--text-on-accent); - & .suggestion-flair { + &:hover .suggestion-flair { color: var(--text-on-accent); } } @@ -87,10 +87,21 @@ /* * Search */ - .search-suggest-item.is-selected:not(.mod-group) { - background-color: rgb(var(--ctp-lavender)); + .suggestion .suggestion-item.mod-group { + background-color: inherit; + color: var(--text-muted); + font-size: var(--font-ui-medium); + font-variant: all-small-caps; + } + + .search-suggest-item.is-selected { + background-color: rgb(var(--ctp-accent)); color: var(--text-on-accent); + .list-item-part.clickable-icon { + color: var(--text-muted); + } + .search-suggest-info-text { color: var(--text-on-accent); } diff --git a/0.16.0 scss/_icons.scss b/0.16.0 scss/_icons.scss index 858ee84..85db47b 100644 --- a/0.16.0 scss/_icons.scss +++ b/0.16.0 scss/_icons.scss @@ -38,7 +38,8 @@ .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container, .workspace-tab-header-inner-close-button:hover, .workspace-tab-header.is-active .workspace-tab-header-inner-close-button:hover, -.workspace-tab-header-inner-close-button:hover { +.workspace-tab-header-inner-close-button:hover, +.suggestion :hover.list-item-part.clickable-icon[aria-label="Clear search history"] { background-color: rgb(var(--ctp-red)); box-shadow: 0 0 0 1px rgb(var(--ctp-crust)); color: rgb(var(--ctp-base)); diff --git a/0.16.0 scss/_search.scss b/0.16.0 scss/_search.scss index 23de90c..f865340 100644 --- a/0.16.0 scss/_search.scss +++ b/0.16.0 scss/_search.scss @@ -3,7 +3,7 @@ color: var(--text-on-accent); } -.search-suggest-item.is-selected:not(.mod-group) { +.search-suggest-item.is-selected { background-color: rgb(var(--ctp-accent)); color: var(--text-on-accent); @@ -12,11 +12,41 @@ } } -.search-result-file-matched-text { +.suggestion .suggestion-item.mod-group { + background-color: inherit; + color: var(--text-muted); + font-size: var(--font-ui-medium); + font-variant: all-small-caps; +} + +.search-suggest-item.is-selected { + background-color: rgb(var(--ctp-accent)); color: var(--text-on-accent); + + .list-item-part.clickable-icon { + color: var(--text-muted); + } + + .search-suggest-info-text { + color: var(--text-on-accent); + } +} + +.list-item-part.clickable-icon:hover, +.list-item-part.clickable-icon:active { + background-color: rgb(var(--ctp-accent)); } .search-result-file-match:hover { + background-color: rgb(var(--ctp-yellow)); + color: var(--text-on-accent); +} + +.search-result-file-match:hover .search-result-file-matched-text { + color: var(--text-on-accent); +} + +.search-result-file-matched-text { color: var(--text-on-accent); } diff --git a/0.16.0 scss/_shame.scss b/0.16.0 scss/_shame.scss index 7ccb38f..39a4061 100644 --- a/0.16.0 scss/_shame.scss +++ b/0.16.0 scss/_shame.scss @@ -71,7 +71,7 @@ body { /* Collapse icons */ --collapse-icon-color: var(--text-faint); - --collapse-icon-color-collapsed: var(--text-accent); + --collapse-icon-color-collapsed: var(--text-muted); /* Cursor */ --cursor: default; @@ -215,7 +215,7 @@ body { --icon-m-stroke-width: 1.75px; --icon-l-stroke-width: 1.75px; --icon-color: var(--text-muted); - --icon-color-hover: var(--text-muted); + --icon-color-hover: var(--text-on-accent); --icon-color-active: var(--text-accent); --icon-color-focused: var(--text-normal); --icon-opacity: 0.8; diff --git a/0.16.0 scss/base.scss b/0.16.0 scss/base.scss index 09df9f3..f916428 100644 --- a/0.16.0 scss/base.scss +++ b/0.16.0 scss/base.scss @@ -1,8 +1,8 @@ -@use "ctp-style-settings"; @use "shame"; +@use "ctp-style-settings"; +@use "full-palette"; @use "callouts"; @use "cmd-palette"; -@use "full-palette"; @use "icons"; @use "search"; @use "settings"; diff --git a/0.16.0 scss/ctp-style-settings.scss b/0.16.0 scss/ctp-style-settings.scss index 4c30531..afcf847 100644 --- a/0.16.0 scss/ctp-style-settings.scss +++ b/0.16.0 scss/ctp-style-settings.scss @@ -373,3 +373,5 @@ input[type="number"]:focus-visible { text-decoration-line: none; } } + + diff --git a/assets/screenshot.png b/assets/screenshot.png index bdd7e38..a1bd8a6 100644 Binary files a/assets/screenshot.png and b/assets/screenshot.png differ diff --git a/theme.css b/theme.css index 093723f..1ffa485 100644 --- a/theme.css +++ b/theme.css @@ -1,4 +1,491 @@ @charset "UTF-8"; +body { + /* + List of variables is placed in body rather than :root so + that we can combine all property types including colors + and sort alphabetically to maximize readability in + the compiled app.css file. + ----------------------------------------------------- */ + /* Animations */ + --anim-duration-none: 0; + --anim-duration-superfast: 70ms; + --anim-duration-fast: 140ms; + --anim-duration-moderate: 300ms; + --anim-duration-slow: 560ms; + --anim-motion-smooth: cubic-bezier(0.45, 0.05, 0.55, 0.95); + --anim-motion-delay: cubic-bezier(0.65, 0.05, 0.36, 1); + --anim-motion-jumpy: cubic-bezier(0.68, -0.55, 0.27, 1.55); + --anim-motion-swing: cubic-bezier(0, 0.55, 0.45, 1); + /* Blockquotes */ + --blockquote-border-thickness: 2px; + --blockquote-border-color: rgb(var(--ctp-accent)); + --blockquote-font-style: normal; + --blockquote-color: inherit; + --blockquote-background-color: transparent; + /* Bold */ + --bold-weight: var(--font-semibold); + --bold-color: inherit; + /* Borders */ + --border-width: 1px; + /* Buttons */ + --button-radius: var(--input-radius); + /* Callouts */ + --callout-border-width: 0.25px; + --callout-border-opacity: 0.2; + --callout-padding: var(--size-4-3) var(--size-4-3) var(--size-4-3) var(--size-4-6); + --callout-radius: var(--radius-s); + --callout-blend-mode: var(--highlight-mix-blend-mode); + --callout-title-padding: 0; + --callout-title-size: inherit; + --callout-content-padding: 0; + /* Checkboxes */ + --checkbox-radius: var(--radius-s); + --checkbox-size: 15px; + --checkbox-marker-color: var(--background-primary); + --checkbox-color: var(--interactive-accent); + --checkbox-color-hover: var(--interactive-accent-hover); + --checkbox-border-color: var(--text-faint); + --checkbox-border-color-hover: var(--text-muted); + --checklist-done-decoration: line-through; + --checklist-done-color: rgb(var(--ctp-accent)); + /* Code */ + --code-size: var(--font-smaller); + --code-background: var(--background-primary-alt); + --code-normal: var(--text-muted); + --code-comment: var(--text-faint); + --code-function: var(--color-yellow); + --code-important: var(--color-orange); + --code-keyword: var(--color-pink); + --code-property: var(--color-cyan); + --code-punctuation: var(--text-muted); + --code-string: var(--color-green); + --code-tag: var(--color-red); + --code-value: var(--color-purple); + /* Collapse icons */ + --collapse-icon-color: var(--text-faint); + --collapse-icon-color-collapsed: var(--text-muted); + /* Cursor */ + --cursor: default; + --cursor-link: pointer; + /* Dialogs - e.g. small modals, confirmations */ + --dialog-width: 560px; + --dialog-max-width: 80vw; + --dialog-max-height: 85vh; + /* Dividers — between panes */ + --divider-color: var(--background-modifier-border); + --divider-color-hover: var(--interactive-accent); + --divider-width: 1px; + --divider-width-hover: 2px; + --divider-vertical-height: calc(100% - var(--header-height)); + /* Dragging */ + --drag-ghost-background: rgba(0, 0, 0, 85%); + --drag-ghost-text-color: var(--text-normal); + /* Embeds */ + --embed-background: inherit; + --embed-border-left: 2px solid var(--interactive-accent); + --embed-border-right: none; + --embed-border-top: none; + --embed-border-bottom: none; + --embed-padding: 0 0 0 var(--size-4-6); + --embed-font-style: inherit; + /* Blocks */ + --embed-block-shadow-hover: + 0 0 0 1px var(--background-modifier-border), + inset 0 0 0 1px var(--background-modifier-border); + /* File layout */ + --file-line-width: 54ch; + --file-folding-offset: 24px; + --file-margins: var(--size-4-8); + --file-header-font-size: var(--font-ui-small); + --file-header-font-weight: 400; + --file-header-border: var(--border-width) solid transparent; + --file-header-justify: center; + /* Relative font sizes */ + --font-smallest: 0.8em; + --font-smaller: 0.875em; + --font-small: 0.933em; + /* UI font sizes */ + --font-ui-smaller: 12px; + --font-ui-small: 13px; + --font-ui-medium: 15px; + --font-ui-large: 20px; + /* Font weights */ + --font-thin: 100; + --font-extralight: 200; + --font-light: 300; + --font-normal: 400; + --font-medium: 500; + --font-semibold: 600; + --font-bold: 700; + --font-extrabold: 800; + --font-black: 900; + /* Footnotes */ + --footnote-size: var(--font-smaller); + /* Graphs */ + --graph-controls-width: 240px; + --graph-text: var(--text-normal); + --graph-line: var(--color-base-35, var(--background-modifier-border-focus)); + --graph-node: var(--text-muted); + --graph-node-unresolved: var(--text-faint); + --graph-node-focused: var(--text-accent); + --graph-node-tag: var(--color-green); + --graph-node-attachment: var(--color-yellow); + /* Headings */ + --heading-formatting: var(--text-faint); + --h1-color: inherit; + --h2-color: inherit; + --h3-color: inherit; + --h4-color: inherit; + --h5-color: inherit; + --h6-color: inherit; + --h1-font: inherit; + --h2-font: inherit; + --h3-font: inherit; + --h4-font: inherit; + --h5-font: inherit; + --h6-font: inherit; + --h1-line-height: 1.2; + --h2-line-height: 1.2; + --h3-line-height: 1.3; + --h4-line-height: 1.4; + --h5-line-height: var(--line-height-normal); + --h6-line-height: var(--line-height-normal); + --h1-size: 2em; + --h2-size: 1.6em; + --h3-size: 1.37em; + --h4-size: 1.25em; + --h5-size: 1.12em; + --h6-size: 1.12em; + --h1-style: normal; + --h2-style: normal; + --h3-style: normal; + --h4-style: normal; + --h5-style: normal; + --h6-style: normal; + --h1-variant: normal; + --h2-variant: normal; + --h3-variant: normal; + --h4-variant: normal; + --h5-variant: normal; + --h6-variant: normal; + --h1-weight: 700; + --h2-weight: 600; + --h3-weight: 600; + --h4-weight: 600; + --h5-weight: 600; + --h6-weight: 600; + /* View header */ + --header-height: 40px; + /* Horizontal rules */ + --hr-color: var(--background-modifier-border); + --hr-thickness: 2px; + /* Icons */ + --icon-size: var(--icon-m); + --icon-stroke: var(--icon-m-stroke-width); + --icon-xs: 14px; + --icon-s: 16px; + --icon-m: 18px; + --icon-l: 18px; + --icon-xs-stroke-width: 2px; + --icon-s-stroke-width: 2px; + --icon-m-stroke-width: 1.75px; + --icon-l-stroke-width: 1.75px; + --icon-color: var(--text-muted); + --icon-color-hover: var(--text-on-accent); + --icon-color-active: var(--text-accent); + --icon-color-focused: var(--text-normal); + --icon-opacity: 0.8; + --icon-opacity-hover: 1; + --icon-opacity-active: 1; + --clickable-icon-radius: var(--radius-s); + /* Indentation guide */ + /* Inline title */ + --inline-title-color: var(--h1-color); + --inline-title-font: var(--h1-font); + --inline-title-line-height: var(--h1-line-height); + --inline-title-size: var(--h1-size); + --inline-title-style: var(--h1-style); + --inline-title-variant: var(--h1-variant); + --inline-title-weight: var(--h1-weight); + /* Inputs */ + --input-height: 30px; + --input-radius: 5px; + --input-font-weight: var(--font-normal); + --input-border-width: 1px; + /* Italic */ + --italic-color: inherit; + /* Z-index */ + --layer-cover: 5; + --layer-sidedock: 10; + --layer-status-bar: 15; + --layer-popover: 30; + --layer-slides: 45; + --layer-modal: 50; + --layer-notice: 60; + --layer-menu: 65; + --layer-tooltip: 70; + --layer-dragged-item: 80; + /* Line heights */ + --line-height-normal: 1.45; + --line-height-tight: 1.25; + /* Links */ + --link-color: rgb(var(--ctp-blue)); + --link-color-hover: rgb(var(--ctp-blue)); + --link-decoration: none; + --link-decoration-hover: underline; + --link-decoration-thickness: 2px; + --link-external-color: rgb(var(--ctp-teal)); + --link-external-color-hover: rgb(var(--ctp-teal)); + --link-external-decoration: none; + --link-external-decoration-hover: underline; + --link-external-filter: none; + --link-unresolved-color: rgb(var(--ctp-maroon)); + --link-unresolved-opacity: 1; + --link-unresolved-filter: none; + --link-unresolved-decoration-style: solid; + --link-unresolved-decoration-color: rgb(var(--ctp-red)); + /* Lists */ + --list-indent: 2em; + --list-spacing: 0.1em; + --list-marker-color: rgb(var(--ctp-accent)); + --list-marker-color-hover: var(--text-muted); + --list-marker-color-collapsed: var(--text-accent); + --list-bullet-border: 0; + --list-bullet-radius: 50%; + --list-bullet-size: 6px; + --list-bullet-transform: none; + /* File navigator */ + --nav-item-size: var(--font-ui-small); + --nav-item-color: var(--text-muted); + --nav-item-color-hover: var(--text-normal); + --nav-item-color-active: var(--text-normal); + --nav-item-color-selected: var(--text-normal); + --nav-item-color-highlighted: var(--text-accent-hover); + --nav-item-background-hover: var(--background-modifier-hover); + --nav-item-background-active: var(--background-modifier-hover); + --nav-item-background-selected: hsla(var(--color-accent-hsl), 0.2); + --nav-item-padding: var(--size-4-1) var(--size-4-2); + --nav-item-weight: inherit; + --nav-item-weight-hover: inherit; + --nav-item-weight-active: inherit; + --nav-item-white-space: nowrap; + --nav-indentation-guide-width: var(--indentation-guide-width); + --nav-indentation-guide-color: var(--indentation-guide-color); + --nav-collapse-icon-color: var(--collapse-icon-color); + --nav-collapse-icon-color-collapsed: var(--text-faint); + /* Modals - e.g. settings, community themes, community plugins */ + --modal-background: var(--background-primary); + --modal-width: 90vw; + --modal-height: 85vh; + --modal-max-width: 1100px; + --modal-max-height: 1000px; + --modal-max-width-narrow: 800px; + --modal-border-width: var(--border-width); + --modal-border-color: var(--color-base-40, var(--background-modifier-border-focus)); + --modal-radius: var(--radius-l); + --modal-community-sidebar-width: 280px; + /* Popovers - file previews */ + --popover-width: 450px; + --popover-height: 400px; + --popover-max-height: 70vh; + --popover-pdf-width: 600px; + --popover-pdf-height: 800px; + --popover-font-size: var(--font-text-size); + /* Prompts - e.g. quick switcher, command palette */ + --prompt-width: 700px; + --prompt-max-width: 80vw; + --prompt-max-height: 70vh; + --prompt-border-width: var(--border-width); + --prompt-border-color: var(--color-base-40, var(--background-modifier-border-focus)); + /* Radiuses */ + --radius-s: 4px; + --radius-m: 8px; + --radius-l: 10px; + --radius-xl: 16px; + /* Ribbon */ + --ribbon-background: var(--background-secondary); + --ribbon-background-collapsed: var(--background-primary); + --ribbon-width: 44px; + --ribbon-padding: var(--size-4-2) var(--size-4-1) var(--size-4-3); + /* Scrollbars */ + --scrollbar-active-thumb-bg: rgba(var(--mono-rgb-100), 0.2); + --scrollbar-bg: rgba(var(--mono-rgb-100), 0.05); + --scrollbar-thumb-bg: rgba(var(--mono-rgb-100), 0.1); + /* Search */ + --search-clear-button-color: var(--text-muted); + --search-clear-button-size: 13px; + --search-icon-color: var(--text-muted); + --search-icon-size: 18px; + --search-result-background: var(--background-primary); + /* Layout sizing - for padding and margins */ + --size-2-1: 2px; + --size-2-2: 4px; + --size-2-3: 6px; + --size-4-1: 4px; + --size-4-2: 8px; + --size-4-3: 12px; + --size-4-4: 16px; + --size-4-5: 20px; + --size-4-6: 24px; + --size-4-8: 32px; + --size-4-9: 36px; + --size-4-12: 48px; + --size-4-16: 64px; + --size-4-18: 72px; + /* Sidebar */ + --sidebar-markdown-font-size: calc(var(--font-text-size) * 0.9); + --sidebar-tab-text-display: none; + /* Sliders */ + --slider-thumb-border-width: 1px; + --slider-thumb-border-color: var(--background-modifier-border-hover); + --slider-thumb-height: 18px; + --slider-thumb-width: 18px; + --slider-thumb-y: -6px; + --slider-thumb-radius: 50%; + --slider-s-thumb-size: 15px; + --slider-s-thumb-position: -5px; + --slider-track-background: var(--background-modifier-border); + --slider-track-height: 3px; + /* Status bar */ + --status-bar-background: var(--background-secondary); + --status-bar-border-color: var(--divider-color); + --status-bar-border-width: 1px 0 0 1px; + --status-bar-font-size: var(--font-ui-smaller); + --status-bar-text-color: var(--text-muted); + --status-bar-position: fixed; + --status-bar-radius: var(--radius-m) 0 0 0; + /* Swatch for color inputs */ + --swatch-radius: 14px; + --swatch-height: 24px; + --swatch-width: 24px; + --swatch-shadow: inset 0 0 0 1px rgba(var(--mono-rgb-100), 0.15); + /* Tabs */ + --tab-background-active: var(--background-primary); + --tab-text-color: var(--text-faint); + --tab-text-color-focused: var(--text-muted); + --tab-text-color-focused-active: var(--text-normal); + --tab-font-size: var(--font-ui-small); + --tab-font-weight: inherit; + --tab-container-background: var(--background-secondary); + --tab-divider-color: var(--background-modifier-border-hover); + --tab-outline-color: var(--divider-color); + --tab-outline-width: 1px; + --tab-curve: 6px; + --tab-radius: var(--radius-s); + --tab-radius-active: 6px 6px 0 0; + --tab-width: 200px; + --tab-max-width: 320px; + /* Stacked tabs */ + --tab-stacked-pane-width: 700px; + --tab-stacked-header-width: var(--header-height); + --tab-stacked-font-size: var(--font-ui-small); + --tab-stacked-font-weight: 400; + --tab-stacked-text-align: left; + --tab-stacked-text-transform: rotate(0deg); + --tab-stacked-text-writing-mode: vertical-lr; + --tab-stacked-shadow: -8px 0 8px 0 rgba(0, 0, 0, 5%); + /* Tables */ + --table-background: transparent; + --table-border-width: 1px; + --table-border-color: var(--background-modifier-border); + --table-white-space: normal; + --table-header-background: var(--table-background); + --table-header-background-hover: inherit; + --table-header-border-width: var(--table-border-width); + --table-header-border-color: var(--table-border-color); + --table-header-font: inherit; + --table-header-size: var(--font-smaller); + --table-header-weight: var(--font-normal); + --table-header-color: var(--text-muted); + --table-text-size: inherit; + --table-text-color: inherit; + --table-column-max-width: none; + --table-column-alt-background: var(--table-background); + --table-column-first-border-width: var(--table-border-width); + --table-column-last-border-width: var(--table-border-width); + --table-row-background-hover: var(--table-background); + --table-row-alt-background: var(--table-background); + --table-row-last-border-width: var(--table-border-width); + /* Tags */ + --tag-size: var(--font-smaller); + --tag-color: rgb(var(--ctp-peach)); + --tag-color-hover: rgb(var(--ctp-peach)); + --tag-decoration: none; + --tag-decoration-hover: underline; + --tag-background: rgb(var(--ctp-mauve), 0.4); + --tag-background-hover: rgb(var(--ctp-mauve), 0.6); + --tag-border-color: hsla(var(--interactive-accent-hsl), 0.1); + --tag-border-color-hover: hsla(var(--interactive-accent-hsl), 0.15); + --tag-border-width: 0; + --tag-padding-x: 0.45em; + --tag-padding-y: 0.25em; + --tag-radius: 0.4em; + /* Window frame */ + --titlebar-background: var(--background-secondary); + --titlebar-background-focused: var(--background-secondary-alt); + --titlebar-border-width: 0; + --titlebar-border-color: var(--background-modifier-border); + --titlebar-text-color: var(--text-muted); + --titlebar-text-color-focused: var(--text-normal); + --titlebar-text-color-highlighted: var(--text-accent-hover); + --titlebar-text-weight: var(--font-bold); + /* Toggles */ + --toggle-border-width: 2px; + --toggle-width: 40px; + --toggle-radius: 18px; + --toggle-thumb-color: var(--text-normal); + --toggle-thumb-radius: 18px; + --toggle-thumb-height: 18px; + --toggle-thumb-width: 18px; + --toggle-s-border-width: 2px; + --toggle-s-width: 34px; + --toggle-s-thumb-height: 15px; + --toggle-s-thumb-width: 15px; + /* Vault name */ + --vault-name-font-size: var(--font-ui-small); + --vault-name-font-weight: var(--font-medium); + --vault-name-color: var(--text-normal); + /* Workspace */ + --workspace-background-translucent: rgba(var(--mono-rgb-0), 0.6); + /* Color mappings ------------------------ */ + /* Accent HSL values */ + --accent-h: 254; + --accent-s: 80%; + --accent-l: 68%; + /* Backgrounds */ + --background-primary: var(--color-base-00); + --background-primary-alt: var(--color-base-10); + --background-secondary: var(--color-base-20); + --background-modifier-hover: rgba(var(--mono-rgb-100), 0.075); + --background-modifier-active-hover: hsla(var(--interactive-accent-hsl), 0.15); + --background-modifier-border: var(--color-base-30); + --background-modifier-border-hover: var(--color-base-35); + --background-modifier-border-focus: var(--color-base-40); + --background-modifier-error-rgb: var(--color-red-rgb); + --background-modifier-error: var(--color-red); + --background-modifier-error-hover: var(--color-red); + --background-modifier-success-rgb: var(--color-green-rgb); + --background-modifier-success: var(--color-green); + --background-modifier-message: rgba(0, 0, 0, 90%); + /* Inputs */ + --background-modifier-form-field: var(--color-base-00); + /* Text */ + --text-normal: var(--color-base-100); + --text-muted: var(--color-base-70); + --text-faint: var(--color-base-50); + --text-on-accent: var(--text-normal); + --text-error: var(--color-red); + --text-success: var(--color-green); + --text-selection: hsla(var(--color-accent-hsl) 0.2); + --text-accent: var(--color-accent); + --text-accent-hover: var(--color-accent-2); + --interactive-normal: var(--color-base-00); + --interactive-hover: var(--color-base-10); + --interactive-accent-hsl: var(--color-accent-hsl); + --interactive-accent: var(--color-accent-1); + --interactive-accent-hover: var(--color-accent-2); +} + /* @settings name: Catppuccin id: catppuccin-theme-settings @@ -364,606 +851,10 @@ input[type=number]:focus-visible { text-decoration-line: none; } -body { - /* - List of variables is placed in body rather than :root so - that we can combine all property types including colors - and sort alphabetically to maximize readability in - the compiled app.css file. - ----------------------------------------------------- */ - /* Animations */ - --anim-duration-none: 0; - --anim-duration-superfast: 70ms; - --anim-duration-fast: 140ms; - --anim-duration-moderate: 300ms; - --anim-duration-slow: 560ms; - --anim-motion-smooth: cubic-bezier(0.45, 0.05, 0.55, 0.95); - --anim-motion-delay: cubic-bezier(0.65, 0.05, 0.36, 1); - --anim-motion-jumpy: cubic-bezier(0.68, -0.55, 0.27, 1.55); - --anim-motion-swing: cubic-bezier(0, 0.55, 0.45, 1); - /* Blockquotes */ - --blockquote-border-thickness: 2px; - --blockquote-border-color: rgb(var(--ctp-accent)); - --blockquote-font-style: normal; - --blockquote-color: inherit; - --blockquote-background-color: transparent; - /* Bold */ - --bold-weight: var(--font-semibold); - --bold-color: inherit; - /* Borders */ - --border-width: 1px; - /* Buttons */ - --button-radius: var(--input-radius); - /* Callouts */ - --callout-border-width: 0.25px; - --callout-border-opacity: 0.2; - --callout-padding: var(--size-4-3) var(--size-4-3) var(--size-4-3) var(--size-4-6); - --callout-radius: var(--radius-s); - --callout-blend-mode: var(--highlight-mix-blend-mode); - --callout-title-padding: 0; - --callout-title-size: inherit; - --callout-content-padding: 0; - /* Checkboxes */ - --checkbox-radius: var(--radius-s); - --checkbox-size: 15px; - --checkbox-marker-color: var(--background-primary); - --checkbox-color: var(--interactive-accent); - --checkbox-color-hover: var(--interactive-accent-hover); - --checkbox-border-color: var(--text-faint); - --checkbox-border-color-hover: var(--text-muted); - --checklist-done-decoration: line-through; - --checklist-done-color: rgb(var(--ctp-accent)); - /* Code */ - --code-size: var(--font-smaller); - --code-background: var(--background-primary-alt); - --code-normal: var(--text-muted); - --code-comment: var(--text-faint); - --code-function: var(--color-yellow); - --code-important: var(--color-orange); - --code-keyword: var(--color-pink); - --code-property: var(--color-cyan); - --code-punctuation: var(--text-muted); - --code-string: var(--color-green); - --code-tag: var(--color-red); - --code-value: var(--color-purple); - /* Collapse icons */ - --collapse-icon-color: var(--text-faint); - --collapse-icon-color-collapsed: var(--text-accent); - /* Cursor */ - --cursor: default; - --cursor-link: pointer; - /* Dialogs - e.g. small modals, confirmations */ - --dialog-width: 560px; - --dialog-max-width: 80vw; - --dialog-max-height: 85vh; - /* Dividers — between panes */ - --divider-color: var(--background-modifier-border); - --divider-color-hover: var(--interactive-accent); - --divider-width: 1px; - --divider-width-hover: 2px; - --divider-vertical-height: calc(100% - var(--header-height)); - /* Dragging */ - --drag-ghost-background: rgba(0, 0, 0, 85%); - --drag-ghost-text-color: var(--text-normal); - /* Embeds */ - --embed-background: inherit; - --embed-border-left: 2px solid var(--interactive-accent); - --embed-border-right: none; - --embed-border-top: none; - --embed-border-bottom: none; - --embed-padding: 0 0 0 var(--size-4-6); - --embed-font-style: inherit; - /* Blocks */ - --embed-block-shadow-hover: - 0 0 0 1px var(--background-modifier-border), - inset 0 0 0 1px var(--background-modifier-border); - /* File layout */ - --file-line-width: 54ch; - --file-folding-offset: 24px; - --file-margins: var(--size-4-8); - --file-header-font-size: var(--font-ui-small); - --file-header-font-weight: 400; - --file-header-border: var(--border-width) solid transparent; - --file-header-justify: center; - /* Relative font sizes */ - --font-smallest: 0.8em; - --font-smaller: 0.875em; - --font-small: 0.933em; - /* UI font sizes */ - --font-ui-smaller: 12px; - --font-ui-small: 13px; - --font-ui-medium: 15px; - --font-ui-large: 20px; - /* Font weights */ - --font-thin: 100; - --font-extralight: 200; - --font-light: 300; - --font-normal: 400; - --font-medium: 500; - --font-semibold: 600; - --font-bold: 700; - --font-extrabold: 800; - --font-black: 900; - /* Footnotes */ - --footnote-size: var(--font-smaller); - /* Graphs */ - --graph-controls-width: 240px; - --graph-text: var(--text-normal); - --graph-line: var(--color-base-35, var(--background-modifier-border-focus)); - --graph-node: var(--text-muted); - --graph-node-unresolved: var(--text-faint); - --graph-node-focused: var(--text-accent); - --graph-node-tag: var(--color-green); - --graph-node-attachment: var(--color-yellow); - /* Headings */ - --heading-formatting: var(--text-faint); - --h1-color: inherit; - --h2-color: inherit; - --h3-color: inherit; - --h4-color: inherit; - --h5-color: inherit; - --h6-color: inherit; - --h1-font: inherit; - --h2-font: inherit; - --h3-font: inherit; - --h4-font: inherit; - --h5-font: inherit; - --h6-font: inherit; - --h1-line-height: 1.2; - --h2-line-height: 1.2; - --h3-line-height: 1.3; - --h4-line-height: 1.4; - --h5-line-height: var(--line-height-normal); - --h6-line-height: var(--line-height-normal); - --h1-size: 2em; - --h2-size: 1.6em; - --h3-size: 1.37em; - --h4-size: 1.25em; - --h5-size: 1.12em; - --h6-size: 1.12em; - --h1-style: normal; - --h2-style: normal; - --h3-style: normal; - --h4-style: normal; - --h5-style: normal; - --h6-style: normal; - --h1-variant: normal; - --h2-variant: normal; - --h3-variant: normal; - --h4-variant: normal; - --h5-variant: normal; - --h6-variant: normal; - --h1-weight: 700; - --h2-weight: 600; - --h3-weight: 600; - --h4-weight: 600; - --h5-weight: 600; - --h6-weight: 600; - /* View header */ - --header-height: 40px; - /* Horizontal rules */ - --hr-color: var(--background-modifier-border); - --hr-thickness: 2px; - /* Icons */ - --icon-size: var(--icon-m); - --icon-stroke: var(--icon-m-stroke-width); - --icon-xs: 14px; - --icon-s: 16px; - --icon-m: 18px; - --icon-l: 18px; - --icon-xs-stroke-width: 2px; - --icon-s-stroke-width: 2px; - --icon-m-stroke-width: 1.75px; - --icon-l-stroke-width: 1.75px; - --icon-color: var(--text-muted); - --icon-color-hover: var(--text-muted); - --icon-color-active: var(--text-accent); - --icon-color-focused: var(--text-normal); - --icon-opacity: 0.8; - --icon-opacity-hover: 1; - --icon-opacity-active: 1; - --clickable-icon-radius: var(--radius-s); - /* Indentation guide */ - /* Inline title */ - --inline-title-color: var(--h1-color); - --inline-title-font: var(--h1-font); - --inline-title-line-height: var(--h1-line-height); - --inline-title-size: var(--h1-size); - --inline-title-style: var(--h1-style); - --inline-title-variant: var(--h1-variant); - --inline-title-weight: var(--h1-weight); - /* Inputs */ - --input-height: 30px; - --input-radius: 5px; - --input-font-weight: var(--font-normal); - --input-border-width: 1px; - /* Italic */ - --italic-color: inherit; - /* Z-index */ - --layer-cover: 5; - --layer-sidedock: 10; - --layer-status-bar: 15; - --layer-popover: 30; - --layer-slides: 45; - --layer-modal: 50; - --layer-notice: 60; - --layer-menu: 65; - --layer-tooltip: 70; - --layer-dragged-item: 80; - /* Line heights */ - --line-height-normal: 1.45; - --line-height-tight: 1.25; - /* Links */ - --link-color: rgb(var(--ctp-blue)); - --link-color-hover: rgb(var(--ctp-blue)); - --link-decoration: none; - --link-decoration-hover: underline; - --link-decoration-thickness: 2px; - --link-external-color: rgb(var(--ctp-teal)); - --link-external-color-hover: rgb(var(--ctp-teal)); - --link-external-decoration: none; - --link-external-decoration-hover: underline; - --link-external-filter: none; - --link-unresolved-color: rgb(var(--ctp-maroon)); - --link-unresolved-opacity: 1; - --link-unresolved-filter: none; - --link-unresolved-decoration-style: solid; - --link-unresolved-decoration-color: rgb(var(--ctp-red)); - /* Lists */ - --list-indent: 2em; - --list-spacing: 0.1em; - --list-marker-color: rgb(var(--ctp-accent)); - --list-marker-color-hover: var(--text-muted); - --list-marker-color-collapsed: var(--text-accent); - --list-bullet-border: 0; - --list-bullet-radius: 50%; - --list-bullet-size: 6px; - --list-bullet-transform: none; - /* File navigator */ - --nav-item-size: var(--font-ui-small); - --nav-item-color: var(--text-muted); - --nav-item-color-hover: var(--text-normal); - --nav-item-color-active: var(--text-normal); - --nav-item-color-selected: var(--text-normal); - --nav-item-color-highlighted: var(--text-accent-hover); - --nav-item-background-hover: var(--background-modifier-hover); - --nav-item-background-active: var(--background-modifier-hover); - --nav-item-background-selected: hsla(var(--color-accent-hsl), 0.2); - --nav-item-padding: var(--size-4-1) var(--size-4-2); - --nav-item-weight: inherit; - --nav-item-weight-hover: inherit; - --nav-item-weight-active: inherit; - --nav-item-white-space: nowrap; - --nav-indentation-guide-width: var(--indentation-guide-width); - --nav-indentation-guide-color: var(--indentation-guide-color); - --nav-collapse-icon-color: var(--collapse-icon-color); - --nav-collapse-icon-color-collapsed: var(--text-faint); - /* Modals - e.g. settings, community themes, community plugins */ - --modal-background: var(--background-primary); - --modal-width: 90vw; - --modal-height: 85vh; - --modal-max-width: 1100px; - --modal-max-height: 1000px; - --modal-max-width-narrow: 800px; - --modal-border-width: var(--border-width); - --modal-border-color: var(--color-base-40, var(--background-modifier-border-focus)); - --modal-radius: var(--radius-l); - --modal-community-sidebar-width: 280px; - /* Popovers - file previews */ - --popover-width: 450px; - --popover-height: 400px; - --popover-max-height: 70vh; - --popover-pdf-width: 600px; - --popover-pdf-height: 800px; - --popover-font-size: var(--font-text-size); - /* Prompts - e.g. quick switcher, command palette */ - --prompt-width: 700px; - --prompt-max-width: 80vw; - --prompt-max-height: 70vh; - --prompt-border-width: var(--border-width); - --prompt-border-color: var(--color-base-40, var(--background-modifier-border-focus)); - /* Radiuses */ - --radius-s: 4px; - --radius-m: 8px; - --radius-l: 10px; - --radius-xl: 16px; - /* Ribbon */ - --ribbon-background: var(--background-secondary); - --ribbon-background-collapsed: var(--background-primary); - --ribbon-width: 44px; - --ribbon-padding: var(--size-4-2) var(--size-4-1) var(--size-4-3); - /* Scrollbars */ - --scrollbar-active-thumb-bg: rgba(var(--mono-rgb-100), 0.2); - --scrollbar-bg: rgba(var(--mono-rgb-100), 0.05); - --scrollbar-thumb-bg: rgba(var(--mono-rgb-100), 0.1); - /* Search */ - --search-clear-button-color: var(--text-muted); - --search-clear-button-size: 13px; - --search-icon-color: var(--text-muted); - --search-icon-size: 18px; - --search-result-background: var(--background-primary); - /* Layout sizing - for padding and margins */ - --size-2-1: 2px; - --size-2-2: 4px; - --size-2-3: 6px; - --size-4-1: 4px; - --size-4-2: 8px; - --size-4-3: 12px; - --size-4-4: 16px; - --size-4-5: 20px; - --size-4-6: 24px; - --size-4-8: 32px; - --size-4-9: 36px; - --size-4-12: 48px; - --size-4-16: 64px; - --size-4-18: 72px; - /* Sidebar */ - --sidebar-markdown-font-size: calc(var(--font-text-size) * 0.9); - --sidebar-tab-text-display: none; - /* Sliders */ - --slider-thumb-border-width: 1px; - --slider-thumb-border-color: var(--background-modifier-border-hover); - --slider-thumb-height: 18px; - --slider-thumb-width: 18px; - --slider-thumb-y: -6px; - --slider-thumb-radius: 50%; - --slider-s-thumb-size: 15px; - --slider-s-thumb-position: -5px; - --slider-track-background: var(--background-modifier-border); - --slider-track-height: 3px; - /* Status bar */ - --status-bar-background: var(--background-secondary); - --status-bar-border-color: var(--divider-color); - --status-bar-border-width: 1px 0 0 1px; - --status-bar-font-size: var(--font-ui-smaller); - --status-bar-text-color: var(--text-muted); - --status-bar-position: fixed; - --status-bar-radius: var(--radius-m) 0 0 0; - /* Swatch for color inputs */ - --swatch-radius: 14px; - --swatch-height: 24px; - --swatch-width: 24px; - --swatch-shadow: inset 0 0 0 1px rgba(var(--mono-rgb-100), 0.15); - /* Tabs */ - --tab-background-active: var(--background-primary); - --tab-text-color: var(--text-faint); - --tab-text-color-focused: var(--text-muted); - --tab-text-color-focused-active: var(--text-normal); - --tab-font-size: var(--font-ui-small); - --tab-font-weight: inherit; - --tab-container-background: var(--background-secondary); - --tab-divider-color: var(--background-modifier-border-hover); - --tab-outline-color: var(--divider-color); - --tab-outline-width: 1px; - --tab-curve: 6px; - --tab-radius: var(--radius-s); - --tab-radius-active: 6px 6px 0 0; - --tab-width: 200px; - --tab-max-width: 320px; - /* Stacked tabs */ - --tab-stacked-pane-width: 700px; - --tab-stacked-header-width: var(--header-height); - --tab-stacked-font-size: var(--font-ui-small); - --tab-stacked-font-weight: 400; - --tab-stacked-text-align: left; - --tab-stacked-text-transform: rotate(0deg); - --tab-stacked-text-writing-mode: vertical-lr; - --tab-stacked-shadow: -8px 0 8px 0 rgba(0, 0, 0, 5%); - /* Tables */ - --table-background: transparent; - --table-border-width: 1px; - --table-border-color: var(--background-modifier-border); - --table-white-space: normal; - --table-header-background: var(--table-background); - --table-header-background-hover: inherit; - --table-header-border-width: var(--table-border-width); - --table-header-border-color: var(--table-border-color); - --table-header-font: inherit; - --table-header-size: var(--font-smaller); - --table-header-weight: var(--font-normal); - --table-header-color: var(--text-muted); - --table-text-size: inherit; - --table-text-color: inherit; - --table-column-max-width: none; - --table-column-alt-background: var(--table-background); - --table-column-first-border-width: var(--table-border-width); - --table-column-last-border-width: var(--table-border-width); - --table-row-background-hover: var(--table-background); - --table-row-alt-background: var(--table-background); - --table-row-last-border-width: var(--table-border-width); - /* Tags */ - --tag-size: var(--font-smaller); - --tag-color: rgb(var(--ctp-peach)); - --tag-color-hover: rgb(var(--ctp-peach)); - --tag-decoration: none; - --tag-decoration-hover: underline; - --tag-background: rgb(var(--ctp-mauve), 0.4); - --tag-background-hover: rgb(var(--ctp-mauve), 0.6); - --tag-border-color: hsla(var(--interactive-accent-hsl), 0.1); - --tag-border-color-hover: hsla(var(--interactive-accent-hsl), 0.15); - --tag-border-width: 0; - --tag-padding-x: 0.45em; - --tag-padding-y: 0.25em; - --tag-radius: 0.4em; - /* Window frame */ - --titlebar-background: var(--background-secondary); - --titlebar-background-focused: var(--background-secondary-alt); - --titlebar-border-width: 0; - --titlebar-border-color: var(--background-modifier-border); - --titlebar-text-color: var(--text-muted); - --titlebar-text-color-focused: var(--text-normal); - --titlebar-text-color-highlighted: var(--text-accent-hover); - --titlebar-text-weight: var(--font-bold); - /* Toggles */ - --toggle-border-width: 2px; - --toggle-width: 40px; - --toggle-radius: 18px; - --toggle-thumb-color: var(--text-normal); - --toggle-thumb-radius: 18px; - --toggle-thumb-height: 18px; - --toggle-thumb-width: 18px; - --toggle-s-border-width: 2px; - --toggle-s-width: 34px; - --toggle-s-thumb-height: 15px; - --toggle-s-thumb-width: 15px; - /* Vault name */ - --vault-name-font-size: var(--font-ui-small); - --vault-name-font-weight: var(--font-medium); - --vault-name-color: var(--text-normal); - /* Workspace */ - --workspace-background-translucent: rgba(var(--mono-rgb-0), 0.6); - /* Color mappings ------------------------ */ - /* Accent HSL values */ - --accent-h: 254; - --accent-s: 80%; - --accent-l: 68%; - /* Backgrounds */ - --background-primary: var(--color-base-00); - --background-primary-alt: var(--color-base-10); - --background-secondary: var(--color-base-20); - --background-modifier-hover: rgba(var(--mono-rgb-100), 0.075); - --background-modifier-active-hover: hsla(var(--interactive-accent-hsl), 0.15); - --background-modifier-border: var(--color-base-30); - --background-modifier-border-hover: var(--color-base-35); - --background-modifier-border-focus: var(--color-base-40); - --background-modifier-error-rgb: var(--color-red-rgb); - --background-modifier-error: var(--color-red); - --background-modifier-error-hover: var(--color-red); - --background-modifier-success-rgb: var(--color-green-rgb); - --background-modifier-success: var(--color-green); - --background-modifier-message: rgba(0, 0, 0, 90%); - /* Inputs */ - --background-modifier-form-field: var(--color-base-00); - /* Text */ - --text-normal: var(--color-base-100); - --text-muted: var(--color-base-70); - --text-faint: var(--color-base-50); - --text-on-accent: var(--text-normal); - --text-error: var(--color-red); - --text-success: var(--color-green); - --text-selection: hsla(var(--color-accent-hsl) 0.2); - --text-accent: var(--color-accent); - --text-accent-hover: var(--color-accent-2); - --interactive-normal: var(--color-base-00); - --interactive-hover: var(--color-base-10); - --interactive-accent-hsl: var(--color-accent-hsl); - --interactive-accent: var(--color-accent-1); - --interactive-accent-hover: var(--color-accent-2); -} - -.callout { - --callout-color: var(--ctp-accent); - --callout-icon: lucide-pencil; -} - -.callout[data-callout=abstract], -.callout[data-callout=summary], -.callout[data-callout=tldr] { - --callout-color: var(--ctp-accent); - --callout-icon: lucide-clipboard-list; -} - -.callout[data-callout=info], -.callout[data-callout=todo] { - --callout-color: var(--ctp-green); -} - -.callout[data-callout=info] { - --callout-icon: lucide-info; -} - -.callout[data-callout=todo] { - --callout-icon: lucide-check-circle-2; -} - -.callout[data-callout=tip], -.callout[data-callout=hint], -.callout[data-callout=important] { - --callout-color: var(--ctp-maroon); - --callout-icon: lucide-flame; -} - -.callout[data-callout=success], -.callout[data-callout=check], -.callout[data-callout=done] { - --callout-color: var(--ctp-green); - --callout-icon: lucide-check; -} - -.callout[data-callout=question], -.callout[data-callout=help], -.callout[data-callout=faq] { - --callout-color: var(--ctp-mauve); - --callout-icon: help-circle; -} - -.callout[data-callout=warning], -.callout[data-callout=caution], -.callout[data-callout=attention] { - --callout-color: var(--ctp-red); - --callout-icon: lucide-alert-triangle; -} - -.callout[data-callout=failure], -.callout[data-callout=fail], -.callout[data-callout=missing] { - --callout-color: var(--ctp-red); - --callout-icon: lucide-x; -} - -.callout[data-callout=danger], -.callout[data-callout=error] { - --callout-color: var(--ctp-red); - --callout-icon: lucide-zap; -} - -.callout[data-callout=bug] { - --callout-color: 245, 0, 87; - --callout-icon: lucide-bug; -} - -.callout[data-callout=example] { - --callout-color: 124, 77, 255; - --callout-icon: lucide-list; -} - -.callout[data-callout=quote], -.callout[data-callout=cite] { - --callout-color: 158, 158, 158; - --callout-icon: quote-glyph; -} - -.prompt { - --prompt-border-color: rgb(var(--ctp-surface1)); -} -.prompt .prompt-input[type=text] { - border: 0; -} -.prompt .prompt-results { - background-color: var(--background-secondary); - box-shadow: inset 0 0 10px rgb(var(--ctp-crust)), inset 0 0 12px rgb(var(--ctp-base)); -} -.prompt:hover .suggestion-hotkey { - box-shadow: inset 0 0 2px rgb(var(--ctp-crust)), inset 0 0 4px rgb(var(--ctp-base)); -} - -.suggestion-item.is-selected { - background-color: rgb(var(--ctp-accent)); - color: var(--text-on-accent); -} -.suggestion-item.is-selected .suggestion-flair { - color: var(--text-on-accent); -} - -.suggestion-item.mod-complex .suggestion-hotkey { - background-color: rgb(var(--ctp-surface0)); - color: var(--text-normal); -} - .theme-dark:not(.ctp-accent-blue, .ctp-accent-flamingo, .ctp-accent-green, .ctp-accent-lavender, .ctp-accent-maroon, .ctp-accent-mauve, .ctp-accent-peach, .ctp-accent-pink, .ctp-accent-red, .ctp-accent-rosewater, .ctp-accent-sapphire, .ctp-accent-sky, .ctp-accent-teal, .ctp-accent-yellow), .theme-light:not(.ctp-accent-blue, .ctp-accent-flamingo, .ctp-accent-green, .ctp-accent-lavender, .ctp-accent-maroon, .ctp-accent-mauve, .ctp-accent-peach, .ctp-accent-pink, .ctp-accent-red, .ctp-accent-rosewater, .ctp-accent-sapphire, .ctp-accent-sky, .ctp-accent-teal, .ctp-accent-yellow) { --blockquote-border-color: rgb(var(--ctp-lavender)); - --color-accent: var(--ctp-rosewater); + --ctp-accent: var(--ctp-lavender); --divider-color-hover: rgb(var(--ctp-blue)); --hr-color: rgb(var(--ctp-blue)); --indentation-guide-color: rgb(var(--ctp-surface1)); @@ -1088,17 +979,28 @@ body { background-color: rgb(var(--ctp-lavender)); color: var(--text-on-accent); } -.theme-dark:not(.ctp-accent-blue, .ctp-accent-flamingo, .ctp-accent-green, .ctp-accent-lavender, .ctp-accent-maroon, .ctp-accent-mauve, .ctp-accent-peach, .ctp-accent-pink, .ctp-accent-red, .ctp-accent-rosewater, .ctp-accent-sapphire, .ctp-accent-sky, .ctp-accent-teal, .ctp-accent-yellow) .suggestion-item.is-selected .suggestion-flair, -.theme-light:not(.ctp-accent-blue, .ctp-accent-flamingo, .ctp-accent-green, .ctp-accent-lavender, .ctp-accent-maroon, .ctp-accent-mauve, .ctp-accent-peach, .ctp-accent-pink, .ctp-accent-red, .ctp-accent-rosewater, .ctp-accent-sapphire, .ctp-accent-sky, .ctp-accent-teal, .ctp-accent-yellow) .suggestion-item.is-selected .suggestion-flair { +.theme-dark:not(.ctp-accent-blue, .ctp-accent-flamingo, .ctp-accent-green, .ctp-accent-lavender, .ctp-accent-maroon, .ctp-accent-mauve, .ctp-accent-peach, .ctp-accent-pink, .ctp-accent-red, .ctp-accent-rosewater, .ctp-accent-sapphire, .ctp-accent-sky, .ctp-accent-teal, .ctp-accent-yellow) .suggestion-item.is-selected:hover .suggestion-flair, +.theme-light:not(.ctp-accent-blue, .ctp-accent-flamingo, .ctp-accent-green, .ctp-accent-lavender, .ctp-accent-maroon, .ctp-accent-mauve, .ctp-accent-peach, .ctp-accent-pink, .ctp-accent-red, .ctp-accent-rosewater, .ctp-accent-sapphire, .ctp-accent-sky, .ctp-accent-teal, .ctp-accent-yellow) .suggestion-item.is-selected:hover .suggestion-flair { color: var(--text-on-accent); } -.theme-dark:not(.ctp-accent-blue, .ctp-accent-flamingo, .ctp-accent-green, .ctp-accent-lavender, .ctp-accent-maroon, .ctp-accent-mauve, .ctp-accent-peach, .ctp-accent-pink, .ctp-accent-red, .ctp-accent-rosewater, .ctp-accent-sapphire, .ctp-accent-sky, .ctp-accent-teal, .ctp-accent-yellow) .search-suggest-item.is-selected:not(.mod-group), -.theme-light:not(.ctp-accent-blue, .ctp-accent-flamingo, .ctp-accent-green, .ctp-accent-lavender, .ctp-accent-maroon, .ctp-accent-mauve, .ctp-accent-peach, .ctp-accent-pink, .ctp-accent-red, .ctp-accent-rosewater, .ctp-accent-sapphire, .ctp-accent-sky, .ctp-accent-teal, .ctp-accent-yellow) .search-suggest-item.is-selected:not(.mod-group) { - background-color: rgb(var(--ctp-lavender)); +.theme-dark:not(.ctp-accent-blue, .ctp-accent-flamingo, .ctp-accent-green, .ctp-accent-lavender, .ctp-accent-maroon, .ctp-accent-mauve, .ctp-accent-peach, .ctp-accent-pink, .ctp-accent-red, .ctp-accent-rosewater, .ctp-accent-sapphire, .ctp-accent-sky, .ctp-accent-teal, .ctp-accent-yellow) .suggestion .suggestion-item.mod-group, +.theme-light:not(.ctp-accent-blue, .ctp-accent-flamingo, .ctp-accent-green, .ctp-accent-lavender, .ctp-accent-maroon, .ctp-accent-mauve, .ctp-accent-peach, .ctp-accent-pink, .ctp-accent-red, .ctp-accent-rosewater, .ctp-accent-sapphire, .ctp-accent-sky, .ctp-accent-teal, .ctp-accent-yellow) .suggestion .suggestion-item.mod-group { + background-color: inherit; + color: var(--text-muted); + font-size: var(--font-ui-medium); + font-variant: all-small-caps; +} +.theme-dark:not(.ctp-accent-blue, .ctp-accent-flamingo, .ctp-accent-green, .ctp-accent-lavender, .ctp-accent-maroon, .ctp-accent-mauve, .ctp-accent-peach, .ctp-accent-pink, .ctp-accent-red, .ctp-accent-rosewater, .ctp-accent-sapphire, .ctp-accent-sky, .ctp-accent-teal, .ctp-accent-yellow) .search-suggest-item.is-selected, +.theme-light:not(.ctp-accent-blue, .ctp-accent-flamingo, .ctp-accent-green, .ctp-accent-lavender, .ctp-accent-maroon, .ctp-accent-mauve, .ctp-accent-peach, .ctp-accent-pink, .ctp-accent-red, .ctp-accent-rosewater, .ctp-accent-sapphire, .ctp-accent-sky, .ctp-accent-teal, .ctp-accent-yellow) .search-suggest-item.is-selected { + background-color: rgb(var(--ctp-accent)); color: var(--text-on-accent); } -.theme-dark:not(.ctp-accent-blue, .ctp-accent-flamingo, .ctp-accent-green, .ctp-accent-lavender, .ctp-accent-maroon, .ctp-accent-mauve, .ctp-accent-peach, .ctp-accent-pink, .ctp-accent-red, .ctp-accent-rosewater, .ctp-accent-sapphire, .ctp-accent-sky, .ctp-accent-teal, .ctp-accent-yellow) .search-suggest-item.is-selected:not(.mod-group) .search-suggest-info-text, -.theme-light:not(.ctp-accent-blue, .ctp-accent-flamingo, .ctp-accent-green, .ctp-accent-lavender, .ctp-accent-maroon, .ctp-accent-mauve, .ctp-accent-peach, .ctp-accent-pink, .ctp-accent-red, .ctp-accent-rosewater, .ctp-accent-sapphire, .ctp-accent-sky, .ctp-accent-teal, .ctp-accent-yellow) .search-suggest-item.is-selected:not(.mod-group) .search-suggest-info-text { +.theme-dark:not(.ctp-accent-blue, .ctp-accent-flamingo, .ctp-accent-green, .ctp-accent-lavender, .ctp-accent-maroon, .ctp-accent-mauve, .ctp-accent-peach, .ctp-accent-pink, .ctp-accent-red, .ctp-accent-rosewater, .ctp-accent-sapphire, .ctp-accent-sky, .ctp-accent-teal, .ctp-accent-yellow) .search-suggest-item.is-selected .list-item-part.clickable-icon, +.theme-light:not(.ctp-accent-blue, .ctp-accent-flamingo, .ctp-accent-green, .ctp-accent-lavender, .ctp-accent-maroon, .ctp-accent-mauve, .ctp-accent-peach, .ctp-accent-pink, .ctp-accent-red, .ctp-accent-rosewater, .ctp-accent-sapphire, .ctp-accent-sky, .ctp-accent-teal, .ctp-accent-yellow) .search-suggest-item.is-selected .list-item-part.clickable-icon { + color: var(--text-muted); +} +.theme-dark:not(.ctp-accent-blue, .ctp-accent-flamingo, .ctp-accent-green, .ctp-accent-lavender, .ctp-accent-maroon, .ctp-accent-mauve, .ctp-accent-peach, .ctp-accent-pink, .ctp-accent-red, .ctp-accent-rosewater, .ctp-accent-sapphire, .ctp-accent-sky, .ctp-accent-teal, .ctp-accent-yellow) .search-suggest-item.is-selected .search-suggest-info-text, +.theme-light:not(.ctp-accent-blue, .ctp-accent-flamingo, .ctp-accent-green, .ctp-accent-lavender, .ctp-accent-maroon, .ctp-accent-mauve, .ctp-accent-peach, .ctp-accent-pink, .ctp-accent-red, .ctp-accent-rosewater, .ctp-accent-sapphire, .ctp-accent-sky, .ctp-accent-teal, .ctp-accent-yellow) .search-suggest-item.is-selected .search-suggest-info-text { color: var(--text-on-accent); } .theme-dark:not(.ctp-accent-blue, .ctp-accent-flamingo, .ctp-accent-green, .ctp-accent-lavender, .ctp-accent-maroon, .ctp-accent-mauve, .ctp-accent-peach, .ctp-accent-pink, .ctp-accent-red, .ctp-accent-rosewater, .ctp-accent-sapphire, .ctp-accent-sky, .ctp-accent-teal, .ctp-accent-yellow) select:focus, @@ -1199,6 +1101,115 @@ body { box-shadow: inset 0 0 0 1px rgba(var(--mono-rgb-100), 0.25), 0 0 0 2px rgb(var(--ctp-surface1)); } +.callout { + --callout-color: var(--ctp-accent); + --callout-icon: lucide-pencil; +} + +.callout[data-callout=abstract], +.callout[data-callout=summary], +.callout[data-callout=tldr] { + --callout-color: var(--ctp-accent); + --callout-icon: lucide-clipboard-list; +} + +.callout[data-callout=info], +.callout[data-callout=todo] { + --callout-color: var(--ctp-green); +} + +.callout[data-callout=info] { + --callout-icon: lucide-info; +} + +.callout[data-callout=todo] { + --callout-icon: lucide-check-circle-2; +} + +.callout[data-callout=tip], +.callout[data-callout=hint], +.callout[data-callout=important] { + --callout-color: var(--ctp-maroon); + --callout-icon: lucide-flame; +} + +.callout[data-callout=success], +.callout[data-callout=check], +.callout[data-callout=done] { + --callout-color: var(--ctp-green); + --callout-icon: lucide-check; +} + +.callout[data-callout=question], +.callout[data-callout=help], +.callout[data-callout=faq] { + --callout-color: var(--ctp-mauve); + --callout-icon: help-circle; +} + +.callout[data-callout=warning], +.callout[data-callout=caution], +.callout[data-callout=attention] { + --callout-color: var(--ctp-red); + --callout-icon: lucide-alert-triangle; +} + +.callout[data-callout=failure], +.callout[data-callout=fail], +.callout[data-callout=missing] { + --callout-color: var(--ctp-red); + --callout-icon: lucide-x; +} + +.callout[data-callout=danger], +.callout[data-callout=error] { + --callout-color: var(--ctp-red); + --callout-icon: lucide-zap; +} + +.callout[data-callout=bug] { + --callout-color: 245, 0, 87; + --callout-icon: lucide-bug; +} + +.callout[data-callout=example] { + --callout-color: 124, 77, 255; + --callout-icon: lucide-list; +} + +.callout[data-callout=quote], +.callout[data-callout=cite] { + --callout-color: 158, 158, 158; + --callout-icon: quote-glyph; +} + +.prompt { + --prompt-border-color: rgb(var(--ctp-surface1)); +} +.prompt .prompt-input[type=text] { + border: 0; +} +.prompt .prompt-results { + background-color: var(--background-secondary); + box-shadow: inset 0 0 10px rgb(var(--ctp-crust)), inset 0 0 12px rgb(var(--ctp-base)); +} +.prompt:hover .suggestion-hotkey { + box-shadow: inset 0 0 2px rgb(var(--ctp-crust)), inset 0 0 4px rgb(var(--ctp-base)); +} + +.suggestion-item.is-selected { + background-color: rgb(var(--ctp-accent)); + color: var(--text-on-accent); +} +.suggestion-item.is-selected .suggestion-flair { + color: var(--text-on-accent); +} + +.suggestion-item.mod-complex .suggestion-hotkey { + background-color: rgb(var(--ctp-surface0)); + color: var(--text-normal); +} + .clickable-icon, .mod-left-split .workspace-tab-header, .mod-right-split .workspace-tab-header { @@ -1248,7 +1259,8 @@ body { .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container, .workspace-tab-header-inner-close-button:hover, .workspace-tab-header.is-active .workspace-tab-header-inner-close-button:hover, -.workspace-tab-header-inner-close-button:hover { +.workspace-tab-header-inner-close-button:hover, +.suggestion :hover.list-item-part.clickable-icon[aria-label="Clear search history"] { background-color: rgb(var(--ctp-red)); box-shadow: 0 0 0 1px rgb(var(--ctp-crust)); color: rgb(var(--ctp-base)); @@ -1259,11 +1271,43 @@ body { color: var(--text-on-accent); } -.search-suggest-item.is-selected:not(.mod-group) { +.search-suggest-item.is-selected { background-color: rgb(var(--ctp-accent)); color: var(--text-on-accent); } -.search-suggest-item.is-selected:not(.mod-group) .search-suggest-info-text { +.search-suggest-item.is-selected .search-suggest-info-text { + color: var(--text-on-accent); +} + +.suggestion .suggestion-item.mod-group { + background-color: inherit; + color: var(--text-muted); + font-size: var(--font-ui-medium); + font-variant: all-small-caps; +} + +.search-suggest-item.is-selected { + background-color: rgb(var(--ctp-accent)); + color: var(--text-on-accent); +} +.search-suggest-item.is-selected .list-item-part.clickable-icon { + color: var(--text-muted); +} +.search-suggest-item.is-selected .search-suggest-info-text { + color: var(--text-on-accent); +} + +.list-item-part.clickable-icon:hover, +.list-item-part.clickable-icon:active { + background-color: rgb(var(--ctp-accent)); +} + +.search-result-file-match:hover { + background-color: rgb(var(--ctp-yellow)); + color: var(--text-on-accent); +} + +.search-result-file-match:hover .search-result-file-matched-text { color: var(--text-on-accent); } @@ -1271,10 +1315,6 @@ body { color: var(--text-on-accent); } -.search-result-file-match:hover { - color: var(--text-on-accent); -} - .is-flashing { color: var(--text-on-accent); } diff --git a/theme.css.map b/theme.css.map index 34aa1e7..12f645c 100644 --- a/theme.css.map +++ b/theme.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["0.16.0%20scss/ctp-style-settings.scss","0.16.0%20scss/_shame.scss","0.16.0%20scss/_callouts.scss","0.16.0%20scss/_cmd-palette.scss","0.16.0%20scss/_full-palette.scss","0.16.0%20scss/_icons.scss","0.16.0%20scss/_search.scss","0.16.0%20scss/_settings.scss","0.16.0%20scss/_sidebar.scss","0.16.0%20scss/_tabs.scss","0.16.0%20scss/_typography.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmFA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAEA;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AACA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;AAEA;EACE;EAEA;;AAGF;EACE;;;AAIJ;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAkBE;;;AAGF;EACE;;;AAIA;EACE;;AAGF;EACE;EACA;;;ACpXJ;AACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;AAAA;AAAA;AAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;AAEA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC/hBF;EACE;EACA;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AC/EF;EACE;;AAEA;EACE;;AAGF;EACE;EACA,YACE;;AAIJ;EACE,YACE;;;AAKN;EACE;EACA;;AAEA;EACE;;;AAKF;EACE;EACA;;;ACjCJ;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAOA;AAAA;AAAA;AAiBA;AAAA;AAAA;AAuCA;AAAA;AAAA;AAaA;AAAA;AAAA;AAYA;AAAA;AAAA;AA8BA;AAAA;AAAA;AAyCA;AAAA;AAAA;AAQA;AAAA;AAAA;;AArKA;AAAA;EACE;EACA;;AAOF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;AAAA;EACE;EACA;;AAOF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAKE,YACE;EAEF;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;;AAOF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAQJ;AAAA;EACE;EACA;;AAEA;AAAA;EACE;;AAOJ;AAAA;EACE;EACA;;AAEA;AAAA;EACE;;AAQJ;AAAA;AAAA;AAAA;EAEE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAkBE;;AAMF;AAAA;EACE;EACA;EACA,YACE;;AAGF;AAAA;EACE;;AAIJ;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;EACA;;AAIJ;AAAA;AAAA;AAAA;EAEE;EACA;;AAGF;AAAA;AAAA;AAAA;EAEE;;AAEA;AAAA;AAAA;AAAA;EACE;;AAOJ;AAAA;EACE;EACA;;AAOA;AAAA;EACE;;AAGF;AAAA;EACE;;;AC1LN;AAAA;AAAA;EAGE;;AAEA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;EACE;;;AAIJ;AAAA;AAAA;AAAA;AAAA;EAKE,YACE;EAEF;;AAEA;AAAA;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;;;AAIJ;AAAA;AAAA;AAAA;EAIE;EACA;EACA;;;AC3CF;EACE;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;ACtBA;EACE;;AAGF;EACE;;AAGF;EACE;EAEA;;AAGF;EACE;EAEA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAIJ;EACE;;;AC3DF;AAAA;EAEE;;;AAGF;AAAA;EAEE;EACA;;;AAGF;AAAA;EAEE;;AAEA;AAAA;EACE;;;AAIJ;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE,YACE;;;AC1DJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;;ACTJ;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA","file":"theme.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["0.16.0%20scss/_shame.scss","0.16.0%20scss/ctp-style-settings.scss","0.16.0%20scss/_full-palette.scss","0.16.0%20scss/_callouts.scss","0.16.0%20scss/_cmd-palette.scss","0.16.0%20scss/_icons.scss","0.16.0%20scss/_search.scss","0.16.0%20scss/_settings.scss","0.16.0%20scss/_sidebar.scss","0.16.0%20scss/_tabs.scss","0.16.0%20scss/_typography.scss"],"names":[],"mappings":";AAAA;AACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;AAAA;AAAA;AAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;AAEA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC/hBF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmFA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAEA;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AACA;AAAA;E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","file":"theme.css"} \ No newline at end of file