body { --ltr-icons: .lucide-check, .lucide-help-circle, .sidebar-left, .sidebar-right; } .iconic-icon > .iconic-emoji { display: inline-flex; flex-wrap: wrap; align-content: center; justify-content: center; overflow: clip; overflow-clip-margin: 5px; width: var(--icon-size); height: var(--icon-size); font-size: calc(var(--icon-size) * 0.9); } /* RGB converter */ .iconic-rgb-converter { display: none; } /* Window controls */ .titlebar-button.iconic-icon { padding: 0 13px; } /* Tabs */ .workspace .mod-root .workspace-tab-header[data-type="markdown"] .workspace-tab-header-inner-icon, .workspace .mod-root .workspace-tab-header[data-type="empty"] .workspace-tab-header-inner-icon { display: flex; } .workspace .mod-stacked .iconic-emoji { transform: rotate(-90deg); } .iconic-bigger-icons .mod-root .workspace-tab-header-inner-icon.iconic-icon > * { --icon-size: var(--icon-s); --icon-stroke: var(--icon-s-stroke-width); } .iconic-clickable-icons .mod-root .workspace-tab-header-inner-icon.iconic-icon:hover { cursor: var(--cursor-link); filter: contrast(200%); } /* List items */ .tree-item-self > .iconic-icon > .iconic-emoji { --icon-size: var(--icon-xs); } .tree-item-self > .tree-item-icon.collapse-icon.iconic-icon > .svg-icon { width: var(--icon-size); height: var(--icon-size); stroke-width: var(--icon-stroke); color: unset; transform: unset; } .mod-rtl .tree-item-self > .tree-item-icon.collapse-icon.iconic-icon > .svg-icon:not(var(--ltr-icons)) { transform: scale(-1, 1); } .tree-item-self > .iconic-sidekick { display: flex; align-self: center; width: var(--size-4-4); margin-inline-end: var(--size-4-1); opacity: var(--icon-opacity); --icon-size: var(--icon-xs); --icon-stroke: var(--icon-s-stroke-width); } .iconic-bigger-icons .tree-item-self > .iconic-icon > .svg-icon { --icon-size: var(--icon-s); --icon-stroke: var(--icon-s-stroke-width); } .iconic-bigger-icons .tree-item-self > .iconic-icon > .iconic-emoji { --icon-size: var(--icon-s); } .iconic-bigger-icons .iconic-item > .tree-item-self > .tree-item-inner { margin-inline-start: 1.5px; } .is-mobile .iconic-bigger-icons .tree-item.iconic-item > .tree-item-self > .tree-item-inner { margin-inline-start: 3px; } .iconic-clickable-icons .tree-item-self > .iconic-icon:hover { cursor: var(--cursor-link); filter: contrast(200%); } /* Tags */ a.tag { --icon-size: var(--icon-xs); display: inline-flex; vertical-align: middle; align-items: center; gap: var(--size-4-1); } .multi-select-pill > .iconic-icon { display: flex; margin-inline-start: var(--size-4-2); margin-inline-end: var(--size-4-1); } .multi-select-pill > .iconic-icon + .multi-select-pill-content { margin-inline-start: 0; } .multi-select-pill > .iconic-icon + .multi-select-pill-content + .multi-select-pill-remove-button { color: inherit; } .iconic-clickable-icons .tag > .iconic-icon:hover, .iconic-clickable-icons .multi-select-pill > .iconic-icon:hover { cursor: var(--cursor-link); filter: contrast(200%); } /* Properties editor */ .iconic-clickable-icons .metadata-property-icon.iconic-icon:hover { cursor: var(--cursor-link); filter: contrast(200%); } /* Ribbon */ .side-dock-ribbon-action.iconic-icon > .iconic-emoji { --icon-size: var(--icon-l); } .mobile-option-setting-item-option-icon.iconic-icon { cursor: var(--cursor-link); } /* Icon picker */ .is-mobile .mod-confirmation > .modal.iconic-icon-picker { background-color: var(--modal-background); } .iconic-icon-picker .callout + .setting-item { border-top: none; } .iconic-icon-picker .setting-item-control input[type="color"] { height: auto; width: auto; } .iconic-icon-picker .setting-item-control input[type="text"] { width: 100%; } .iconic-icon-picker .setting-item-control .search-input-container { width: 100%; } .theme-dark .iconic-icon-picker .iconic-mode-selected { color: var(--interactive-accent-hover); } .theme-light .iconic-icon-picker .iconic-mode-selected { color: var(--interactive-accent); } .is-mobile .iconic-button-row { display: flex; flex-direction: row; gap: var(--size-4-3); } .is-phone .iconic-button-row > button { width: 100%; } .is-tablet .iconic-button-row > button:not(.mod-destructive) { margin-inline-start: auto; } /* Search results container */ .iconic-search-results { overflow-x: scroll; } .iconic-search-results > .setting-item-info { display: none; } .iconic-search-results > .setting-item-control { justify-content: center; } .is-phone .iconic-search-results { flex-direction: row !important; } .is-phone .iconic-search-results > .setting-item-control { width: auto !important; } /* Search result */ .iconic-search-result > * { height: var(--icon-size); --icon-size: calc(var(--icon-l) * 1.25); --icon-stroke: calc(var(--icon-l-stroke-width) * 6/7); } .iconic-bigger-search-results .iconic-search-result > * { --icon-size: var(--icon-xl); --icon-stroke: var(--icon-xl-stroke-width); } .is-mobile .iconic-search-result > * { --icon-size: var(--icon-l); --icon-stroke: var(--icon-l-stroke-width); } .is-mobile.iconic-bigger-search-results .iconic-search-result > * { --icon-size: var(--icon-xl); --icon-stroke: var(--icon-l-stroke-width); } /* Rule picker */ .is-mobile .mod-confirmation > .modal.iconic-rule-picker { background-color: var(--modal-background); } .setting-item > .iconic-rule-icon { padding: var(--size-2-2); margin-inline-end: var(--size-4-2); } .setting-item > .setting-item-info > .iconic-rule-name { width: fit-content; min-width: var(--size-4-4); overflow-wrap: anywhere; } .setting-item > .setting-item-info > .iconic-rule-name:hover, .setting-item > .setting-item-info > .iconic-rule-name[contenteditable="true"] { border: var(--input-border-width) solid var(--background-modifier-border); border-radius: var(--input-radius); margin: calc(-1 * var(--size-4-1) - var(--input-border-width)) calc(-1 * var(--size-4-2) - var(--input-border-width)); padding: var(--size-4-1) var(--size-4-2); background: var(--background-modifier-form-field); color: var(--text-normal); } .iconic-drag-handle:hover { cursor: grab; } .iconic-drag-handle:active { cursor: grabbing; } .iconic-add > .setting-item-control { justify-content: flex-start; } .drag-reorder-ghost > .iconic-rule, .drag-reorder-ghost > .iconic-condition { padding: 0.75em 0; } .iconic-rule-picker .drag-ghost-hidden + .setting-item, .iconic-rule-editor .drag-ghost-hidden + .setting-item { border-top-color: transparent; } /* Rule editor */ .is-mobile .mod-confirmation > .modal.iconic-rule-editor { background-color: var(--modal-background); } .iconic-rule-editor .setting-item:first-child input[type="text"] { width: 100%; } .iconic-condition input[type="time"] { border: var(--input-border-width) solid var(--background-modifier-border); border-radius: var(--input-radius); padding: var(--size-4-1) var(--size-4-2); background: var(--background-modifier-form-field); color: var(--text-normal); font-size: var(--font-ui-small); font-family: inherit; } .iconic-condition > .setting-item-control > select.dropdown { width: 0; flex: 1 1 fit-content; height: var(--input-height); } .iconic-condition > .setting-item-control > input { width: 0; flex: 1 1 fit-content; } .iconic-condition .iconic-control-column > input { height: var(--input-height); } .iconic-condition .iconic-control-column { display: flex; flex-direction: column; gap: var(--size-4-2); width: 100%; } .iconic-condition .iconic-dropdown-row { display: flex; flex-direction: row; gap: var(--size-4-2); width: 100%; } .is-phone .iconic-condition input { text-align: center; } /* Rule checker */ .is-mobile .mod-confirmation > .modal.iconic-rule-checker { background-color: var(--modal-background); } .iconic-matches { padding-top: 0.75em; border-top: 1px solid var(--background-modifier-border); margin: 0; } .iconic-match { padding: var(--size-4-1); } .iconic-highlight-tree .iconic-match-tree, .iconic-highlight-name .iconic-match-name, .iconic-highlight-extension .iconic-match-extension { color: var(--text-accent); } /* Indicators */ .iconic-indicator { pointer-events: none; } /* Invisibility */ .iconic-invisible { visibility: hidden; } .is-phone .iconic-reset-color.iconic-invisible { display: none; } /* Colorless settings */ .iconic-uncolor-hover .workspace-tab-header:hover .iconic-icon > .svg-icon, .iconic-uncolor-hover .tree-item-self:hover > .tree-item-icon.iconic-icon > .svg-icon, .iconic-uncolor-hover .side-dock-ribbon-action.iconic-icon:hover > .svg-icon, .iconic-uncolor-hover .iconic-search-result:hover > .svg-icon { color: currentColor !important; } .iconic-uncolor-drag > .drag-ghost .svg-icon { color: currentColor !important; } .iconic-uncolor-select .workspace-tab-header.is-active .iconic-icon > .svg-icon, .iconic-uncolor-select .tree-item-self.is-active > .tree-item-icon.iconic-icon > .svg-icon { color: currentColor !important; } /* Theme: Blue Topaz */ .iconic-theme-btopaz .workspace-leaf-content[data-type="file-explorer"] .tree-item-icon:not(.collapse-icon) { margin-inline-start: 0; } .iconic-theme-btopaz .workspace-leaf-content[data-type="file-explorer"] .nav-file-title-content { margin-inline-start: var(--size-4-5); } .iconic-theme-btopaz .workspace-leaf-content[data-type="file-explorer"] .nav-file-title .nav-file-title-content:not(.mk-tree-text)::before { display: none; } .iconic-theme-btopaz .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title:has(.collapse-icon.iconic-icon) > .collapse-icon::before { display: none; } .iconic-theme-btopaz .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title:has(.collapse-icon.iconic-icon) > .collapse-icon > svg { display: flex; } /* Theme: Border */ .iconic-theme-border .workspace-leaf-content:is([data-type="file-explorer"], [data-type="bookmarks"]) .nav-file-title::before { display: none; } .iconic-theme-border .workspace-leaf-content:is([data-type="file-explorer"], [data-type="bookmarks"]) .tree-item > .tree-item-self.mod-collapsible > .collapse-icon { -webkit-mask-image: none; background-color: transparent; } .iconic-theme-border .workspace-leaf-content:is([data-type="file-explorer"], [data-type="bookmarks"]) .tree-item-self.mod-collapsible > .collapse-icon > .svg-icon { color: unset; } .iconic-theme-border .workspace-leaf-content[data-type="file-explorer"] .tree-item > .tree-item-self:is(.nav-file-title, .nav-folder.mod-root > .nav-folder-title)::before { display: none; } /* Theme: Catppuccin */ .iconic-theme-cat .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title-content::before { display: none; } /* Theme: Cyber Glow */ .iconic-theme-cglow .workspace-leaf-content[data-type="file-explorer"] .tree-item-self > .tree-item-inner::before { display: none; } .iconic-theme-cglow .workspace-leaf-content[data-type="file-explorer"] .tree-item-icon.collapse-icon.nav-folder-collapse-indicator { display: flex; } /* Theme: Discordian */ .iconic-theme-discord .workspace-leaf-content[data-type="file-explorer"] .nav-file-title > .tree-item-icon { margin-inline-start: 0; } .iconic-theme-discord .workspace-leaf-content[data-type="file-explorer"] .nav-file-title-content { margin-inline-start: var(--size-4-5); } /* Theme: ITS Theme */ .iconic-theme-its .tree-item-self > .tree-item-icon { margin-right: 6px; } .iconic-theme-its .workspace-leaf-content[data-type="file-explorer"] .tree-item-icon { position: absolute; } .iconic-theme-its .workspace-leaf-content[data-type="file-explorer"] .nav-file-title-content { margin-inline-start: var(--size-4-5); } .iconic-theme-its .workspace-leaf-content[data-type="file-explorer"] .nav-file-title-content::before, .iconic-theme-its .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title-content::before { display: none; } .iconic-theme-its .workspace-leaf-content[data-type="file-explorer"] .nav-folder-collapse-indicator { display: flex; } .iconic-theme-its .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title:not(:has(.iconic-sidekick)) > .nav-folder-title-content { margin-inline-start: var(--size-4-5); } .iconic-theme-its .workspace-leaf-content[data-type="file-explorer"] .iconic-sidekick { margin-inline-start: var(--size-4-5); } /* Theme: LYT Mode */ .iconic-theme-lyt .workspace-leaf-content:is([data-type="file-explorer"], [data-type="bookmarks"]) .tree-item-inner { padding-inline-start: var(--size-4-2); } .iconic-theme-lyt .workspace-leaf-content:is([data-type="file-explorer"], [data-type="bookmarks"]) .iconic-sidekick { margin-inline-start: var(--size-4-2); margin-inline-end: 0; } .iconic-theme-lyt .workspace-leaf-content:is([data-type="file-explorer"], [data-type="bookmarks"]) .tree-item-icon:not(.collapse-icon) { margin-inline-start: calc(-0.5 * var(--size-4-5)); } .iconic-theme-lyt .workspace-leaf-content:is([data-type="file-explorer"], [data-type="bookmarks"]) .mod-collapsible:not(:has(.iconic-sidekick)) > .tree-item-inner { padding-inline-start: var(--size-4-2); margin-inline-start: var(--size-4-2); } .iconic-theme-lyt .workspace-leaf-content:is([data-type="file-explorer"], [data-type="bookmarks"]) :not(.mod-collapsible) > .tree-item-inner { margin-inline-start: var(--size-4-2); } .iconic-theme-lyt .workspace-leaf-content > :is(.nav-files-container, .view-content).node-insert-event { padding: var(--size-4-1) var(--size-4-3) var(--size-4-6) var(--size-4-3); } /* Theme: Mado Miniflow */ .iconic-theme-mflow .workspace-leaf-content:is([data-type="file-explorer"], [data-type="bookmarks"]) .tree-item:not(.mod-collapsible) { margin-inline-start: var(--size-4-2); } .iconic-theme-mflow .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title > .collapse-icon { display: flex; } /* Theme: Sanctum */ .iconic-theme-sanctum .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title:has(.iconic-sidekick) > .nav-folder-title-content::before { display: none; } /* Theme: Shiba Inu */ .iconic-theme-shiba.theme-light:not(.default-light-theme, .lily-light, .ivory-light, .sky-light, .stone-light) { --color-red: rgb(240, 68, 114); --color-orange: rgb(249, 102, 50); --color-yellow: rgb(228, 147, 32); --color-green: rgb(64, 155, 40); --color-cyan: rgb(23, 146, 153); --color-blue: rgb(71, 143, 238); --color-purple: rgb(176, 110, 201); --color-pink: rgb(215, 125, 146); } .iconic-theme-shiba.theme-dark:not(.default-dark-theme, .Lilac-dark, .pure-dark, .warm-dark) { --color-red: rgb(255, 98, 107); --color-orange: rgb(247, 157, 124); --color-yellow: rgb(249, 226, 175); --color-green: rgb(56, 198, 141); --color-cyan: rgb(104, 188, 204); --color-blue: rgb(147, 183, 245); --color-purple: rgb(196, 167, 231); --color-pink: rgb(243, 137, 143); } .iconic-theme-shiba .workspace-leaf-content[data-type="file-explorer"] .nav-file-title-content::before { display: none; } /* Theme: Shimmering Focus */ .iconic-theme-shimmer :is(.style-settings-collapse-indicator, .collapse-icon) > .svg-icon.svg-icon.svg-icon.svg-icon { width: var(--icon-xs); stroke-width: var(--icon-xs-stroke-width); height: unset; margin-left: unset; } .iconic-theme-shimmer.iconic-bigger-icons :is(.style-settings-collapse-indicator, .collapse-icon) > .svg-icon.svg-icon.svg-icon.svg-icon { width: var(--icon-s); stroke-width: var(--icon-s-stroke-width); } /* Theme: Sodalite */ .iconic-theme-sodalite .workspace-leaf-content[data-type="file-explorer"] .nav-files-container { padding-inline-start: var(--size-4-3); padding-inline-end: var(--size-4-3); } .iconic-theme-sodalite .workspace-leaf-content[data-type="file-explorer"] .tree-item-inner::before { display: none; } /* Theme: Spectrum */ .iconic-theme-spectrum .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title > .nav-folder-title-content::before { display: none; } /* Theme: Terminal */ .iconic-theme-terminal .workspace-leaf-content:is([data-type="file-explorer"], [data-type="bookmarks"]) .collapse-icon.iconic-icon::before { display: none; } /* Theme: Ukiyo */ .iconic-theme-ukiyo .workspace-leaf > .workspace-leaf-content[data-type="file-explorer"] > .nav-files-container.node-insert-event { padding: var(--size-4-1) var(--size-4-3) var(--size-4-6) var(--size-4-3); }