/* j3w1 theme 4.0.0, default profile, for Obsidian. * Generated from ports/obsidian/mapping.json by npm run generate; do not edit. * MIT; dark only; no font files or runtime dependencies. */ .theme-dark { --background-primary: #000000; --background-primary-alt: #0d0707; --background-secondary: #0d0707; --settings-background: #0d0707; --setting-items-background: #0d0707; --modal-sidebar-background: #0d0707; --search-result-background: #0d0707; --background-secondary-alt: #140b0b; --menu-background: #140b0b; --suggestion-background: #140b0b; --prompt-background: #140b0b; --background-modifier-message: #140b0b; --raised-background: #140b0b; --modal-background: #1c1010; --background-modifier-form-field: #000000; --background-modifier-form-field-hover: #000000; --dropdown-background: #000000; --ribbon-background: #000000; --ribbon-background-collapsed: #000000; --titlebar-background: #000000; --tab-container-background: #000000; --status-bar-background: #000000; --file-header-background: #000000; --titlebar-background-focused: #140b0b; --file-header-background-focused: #140b0b; --background-modifier-cover: rgb(0 0 0 / 65%); --text-normal: #e99499; --nav-item-color: #e99499; --nav-heading-color: #e99499; --titlebar-text-color-focused: #e99499; --metadata-input-text-color: #e99499; --italic-color: #ffa2a7; --inline-title-color: #f4eeee; --setting-group-heading-color: #ffa2a7; --h1-color: #f4eeee; --h2-color: #f4eeee; --h3-color: #f4eeee; --h4-color: #f4eeee; --h5-color: #f4eeee; --h6-color: #f4eeee; --text-muted: #d4868b; --titlebar-text-color: #d4868b; --status-bar-text-color: #d4868b; --tab-text-color: #d4868b; --tab-text-color-focused: #d4868b; --metadata-label-text-color: #d4868b; --nav-heading-color-collapsed: #d4868b; --nav-tag-color: #d4868b; --text-faint: #bd787d; --list-marker-color: #bd787d; --input-placeholder-color: #bd787d; --text-accent: #f73f35; --color-accent: #f73f35; --nav-item-color-highlighted: #f73f35; --tab-text-color-focused-highlighted: #f73f35; --link-color: #f73f35; --link-external-color: #f73f35; --link-unresolved-color: #f73f35; --link-color-hover: #f4eeee; --link-external-color-hover: #f4eeee; --text-accent-hover: #f4eeee; --background-modifier-border: #c81a1a; --checkbox-border-color: #c81a1a; --slider-thumb-border-color: #c81a1a; --background-modifier-border-hover: #e53935; --checkbox-border-color-hover: #e53935; --divider-color-hover: #e53935; --divider-color: #482b2b; --tab-divider-color: #482b2b; --status-bar-border-color: #482b2b; --hr-color: #482b2b; --table-border-color: #482b2b; --metadata-divider-color: #482b2b; --code-border-color: #482b2b; --tab-outline-color: #482b2b; --modal-border-color: #c81a1a; --menu-border-color: #c81a1a; --prompt-border-color: #c81a1a; --background-modifier-border-focus: #e53935; --nav-item-background-active: #531310; --nav-item-background-selected: #531310; --tab-background-active: #531310; --table-selection: #531310; --nav-item-color-active: #f4eeee; --nav-item-color-selected: #f4eeee; --tab-text-color-focused-active: #f4eeee; --tab-text-color-focused-active-current: #f4eeee; --tab-text-color-active: #e99499; --text-selection: #420f0c; --background-modifier-hover: #1c1010; --nav-item-background-hover: #1c1010; --dropdown-background-hover: #1c1010; --background-modifier-active-hover: #420f0c; --scrollbar-bg: #000000; --scrollbar-thumb-bg: #986f72; --scrollbar-active-thumb-bg: #d4868b; --interactive-accent: #7d1310; --checkbox-color: #7d1310; --text-on-accent: #ffa2a7; --checkbox-marker-color: #ffa2a7; --toggle-thumb-color: #ffa2a7; --interactive-accent-hover: #911410; --checkbox-color-hover: #911410; --interactive-normal: rgb(0 0 0 / 0%); --interactive-hover: #630f0d; --icon-color: #e99499; --icon-color-hover: #e99499; --icon-color-focused: #e99499; --icon-color-active: #f73f35; --text-error: #f07178; --callout-error: #f07178; --callout-fail: #f07178; --callout-bug: #f07178; --background-modifier-error: #dc282e; --background-modifier-error-hover: #dc282e; --text-warning: #e5c07b; --callout-warning: #e5c07b; --text-success: #82d9a0; --callout-success: #82d9a0; --background-modifier-success: #0f1a0e; --callout-info: #82b4ff; --code-background: #000000; --caret-color: #ffa2a7; --text-highlight-bg: #630f0d; --indentation-guide-color: #482b2b; --indentation-guide-color-active: #482b2b; --code-normal: #e99499; --code-comment: #bd787d; --code-function: #82b4ff; --code-important: #e5c07b; --code-keyword: #c7a0e8; --code-operator: #e99499; --code-property: #78d4d4; --code-punctuation: #d4868b; --code-string: #82d9a0; --code-tag: #f07178; --code-value: #e5c07b; --font-interface-theme: "SauceCodePro NFM", "Source Code Pro", "Cascadia Mono", "Consolas", "Liberation Mono", "DejaVu Sans Mono", monospace; --font-text-theme: "SauceCodePro NFM", "Source Code Pro", "Cascadia Mono", "Consolas", "Liberation Mono", "DejaVu Sans Mono", monospace; --font-monospace-theme: "SauceCodePro NFM", "Source Code Pro", "Cascadia Mono", "Consolas", "Liberation Mono", "DejaVu Sans Mono", monospace; --font-normal: 400; --font-bold: 700; --border-width: 1px; --input-border-width: 1px; --divider-width: 1px; --modal-border-width: 1px; --menu-border-width: 1px; --prompt-border-width: 1px; --code-border-width: 1px; --slider-thumb-border-width: 1px; --radius-s: 0px; --radius-m: 0px; --radius-l: 0px; --radius-xl: 0px; --input-radius: 0px; --search-input-radius: 0px; --button-radius: 0px; --checkbox-radius: 0px; --toggle-radius: 0px; --toggle-thumb-radius: 0px; --slider-thumb-radius: 0px; --modal-radius: 0px; --menu-radius: 0px; --tab-radius: 0px; --tab-radius-active: 0px; --tab-curve: 0px; --nav-item-radius: 0px; --nav-tag-radius: 0px; --code-radius: 0px; --tag-radius: 0px; --pill-radius: 0px; --status-bar-radius: 0px; --scrollbar-radius: 0px; --callout-radius: 0px; --metadata-property-radius: 0px; --metadata-property-radius-hover: 0px; --metadata-property-radius-focus: 0px; --setting-items-radius: 0px; --touch-radius-xxs: 0px; --touch-radius-xs: 0px; --touch-radius-s: 0px; --touch-radius-m: 0px; --touch-radius-xl: 0px; --bold-color: inherit; --input-shadow: none; --input-shadow-hover: none; --shadow-xs: none; --shadow-s: none; --shadow-l: none; --menu-shadow: none; --raised-shadow: none; --slider-thumb-shadow: none; --slider-thumb-shadow-hover: none; --slider-thumb-shadow-active: none; --raised-blur: none; --prompt-backdrop-filter: none; --suggestion-backdrop-filter: none; --menu-backdrop-filter: none; --raised-mask-display: none; --link-decoration: underline; --link-decoration-hover: underline; --link-external-decoration: underline; --link-external-decoration-hover: underline; --link-unresolved-opacity: 1; --icon-opacity: 1; } /* Preserve mapped roles where native dark mobile roots redeclare them. */ .theme-dark.is-mobile { --search-result-background: #0d0707; --background-modifier-form-field: #000000; --background-modifier-cover: rgb(0 0 0 / 65%); --background-modifier-hover: #1c1010; --background-modifier-message: #140b0b; --modal-border-color: #c81a1a; --settings-background: #0d0707; --setting-items-background: #0d0707; --modal-background: #1c1010; --interactive-normal: rgb(0 0 0 / 0%); --interactive-hover: #630f0d; } .theme-dark.is-mobile.is-tablet { --settings-background: #0d0707; } .theme-dark.is-tablet { --titlebar-background: #000000; --titlebar-background-focused: #140b0b; } .theme-dark.is-phone { --modal-sidebar-background: #0d0707; } /* Phone raised Search clears the field fill; restore the approved input surface behind its placeholder. */ .theme-dark.is-phone .search-input-container.mod-raised input { background-color: #000000; } /* Mobile drawer Search clears its field fill; restore the approved input surface behind its placeholder. */ .theme-dark .workspace-drawer .search-input-container input { background-color: #000000; } /* Metadata multi-select inputs are directly transparent; restore the approved input surface behind their placeholders. */ .theme-dark .metadata-property-value .multi-select-container input { background-color: #000000; } /* Bases Search clears its field fill in a side dock; restore the approved input surface behind its placeholder. */ .theme-dark .bases-search-row .search-input-container input { background-color: #000000; } /* Reading View root uses --text-normal, also used by UI; set only note content color. */ .theme-dark .markdown-preview-view { color: #e99499; } /* CM6 content root separates prose from interface widgets. */ .theme-dark .markdown-source-view.mod-cm6 .cm-content { color: #e99499; } /* CM6 scroller contains both content and the sibling drawn-selection layer; scope editor selection above both. */ .theme-dark .markdown-source-view.mod-cm6 .cm-scroller { --text-selection: #420f0c; } /* File preview popovers use the canvas variable locally; raised content requires a scoped value. */ .theme-dark .popover { --background-primary: #140b0b; } /* Native tooltip hardcodes white text and has no border variables. */ .theme-dark .tooltip { color: #e99499; border-color: #c81a1a; border-width: 1px; border-style: solid; box-shadow: none; } /* Native error tooltip fills with --background-modifier-error and needs its own on-fill text. */ .theme-dark .tooltip.mod-error { color: #f9faf9; } /* Native prompt field needs a fill and border; compact start padding preserves the native clear-button end reservation. */ .theme-dark .prompt input.prompt-input { background-color: #000000; border-color: #c81a1a; border-width: 1px; padding-block: 4px; padding-inline-start: 8px; min-height: 32px; height: auto; border-style: solid; } /* Native prompt suppresses input focus shadows; add exactly one inset dashed ring. */ .theme-dark .prompt input.prompt-input:focus-visible { outline: 1px dashed #e53935; outline-offset: -2px; box-shadow: none; } /* Native suggestions have fixed padding but no density or selection indicator variable. */ .theme-dark .prompt .suggestion-item { min-height: 28px; padding-block: 4px; padding-inline: 8px; border-inline-start-width: 2px; border-inline-start-style: solid; border-inline-start-color: transparent; } /* Separate selection and its indicator; local text variables keep notes, flair, faint text and actions readable on the selected fill. */ .theme-dark .prompt .suggestion-item.is-selected { background-color: #531310; color: #f4eeee; border-inline-start-color: #e53935; --text-muted: #f4eeee; --text-faint: #f4eeee; --text-accent: #f4eeee; } /* Menus consume general hover fill; local strong hover keeps other surfaces restrained. */ .theme-dark .menu { --background-modifier-hover: #1c1010; } /* Reserve the selected tree indicator in every state so labels do not move. */ .theme-dark .tree-item-self { border-inline-start-width: 2px; border-inline-start-style: solid; border-inline-start-color: transparent; } /* Native navigation active fill has no selected-indicator variable. */ .theme-dark .tree-item-self.is-active { border-inline-start-color: #e53935; border-inline-start-width: 2px; border-inline-start-style: solid; } /* Native navigation selected fill has no selected-indicator variable. */ .theme-dark .tree-item-self.is-selected { border-inline-start-color: #e53935; border-inline-start-width: 2px; border-inline-start-style: solid; } /* Reserve the tab indicator in every state so main and sidebar tab labels do not move. */ .theme-dark .workspace-tab-header-container .workspace-tab-header { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: transparent; } /* Sidebar tabs use hover fill and main tabs lack an indicator; one named-state override covers both. */ .theme-dark .workspace-tab-header-container .workspace-tab-header.is-active { background-color: #531310; border-bottom-color: #e53935; border-bottom-width: 2px; border-bottom-style: solid; } /* Native standard buttons use shadow as their boundary; supply a real outline edge after removing decorative shadows. */ .theme-dark button:not(.clickable-icon) { border-width: 1px; border-color: #986f72; --text-color: #ffa2a7; border-style: solid; } /* Recolor the existing native button focus shadow on primary fills; do not add another indicator. */ .theme-dark button.mod-cta { --background-modifier-border-focus: #ffa2a7; border-color: #9e231f; --text-color: #ffa2a7; } /* Recolor the existing toggle outline on primary fill. */ .theme-dark .checkbox-container.is-enabled { --background-modifier-border-focus: #ffa2a7; } /* Recolor the native checkbox focus shadow when checked. */ .theme-dark input[type="checkbox"]:checked { --background-modifier-border-focus: #ffa2a7; } /* Recolor the native radio focus shadow when checked. */ .theme-dark input[type="radio"]:checked { --background-modifier-border-focus: #ffa2a7; } /* Restore plain destructive text and border after the standard-button rule; confirmation variants override the text below. */ .theme-dark button.mod-destructive { border-color: #e53935; --text-color: #f07178; } /* Destructive hover uses its canonical fill and on-fill text; recolor the single native focus shadow on that fill. */ @media (hover: hover) { .theme-dark button.mod-destructive:hover { background-color: #dc282e; --text-color: #f9faf9; --background-modifier-border-focus: #f9faf9; } } /* Native mobile-tap otherwise borrows the secondary hover fill with unsafe danger text; retain destructive meaning with its hover pair. */ .theme-dark button.mod-destructive.mobile-tap { background-color: #dc282e; --text-color: #f9faf9; --background-modifier-border-focus: #f9faf9; } /* Native warning buttons keep desktop error fills and the mobile neutral fill; recolor desktop text and the existing focus shadow. */ .theme-dark button.mod-warning { border-color: #e53935; --text-color: #f9faf9; --background-modifier-border-focus: #f9faf9; } /* Native destructive confirmation fill requires on-danger text and native focus shadow color. */ .theme-dark button.mod-destructive.mod-cta { border-color: #e53935; --text-color: #f9faf9; --background-modifier-border-focus: #f9faf9; } /* Native select uses decorative input shadow as its edge; replace with a real control border. */ .theme-dark select { border-width: 1px; border-color: #c81a1a; border-style: solid; } /* Native dropdown uses input shadow as its edge; replace with a real control border. */ .theme-dark .dropdown { border-width: 1px; border-color: #c81a1a; border-style: solid; } /* Native combobox button uses input shadow as its edge; replace with a real control border. */ .theme-dark .combobox-button { border-width: 1px; border-color: #c81a1a; border-style: solid; } /* Native disabled button uses opacity; explicit disabled roles retain contrast accounting. */ .theme-dark button:not(.clickable-icon)[disabled] { --text-color: #a3676b; color: #a3676b; background-color: #0d0707; border-color: #482b2b; opacity: 1; } /* Native disabled button uses opacity; explicit disabled roles retain contrast accounting. */ .theme-dark button:not(.clickable-icon)[aria-disabled="true"] { --text-color: #a3676b; color: #a3676b; background-color: #0d0707; border-color: #482b2b; opacity: 1; } /* Native prompt hover forces transparency and its bottom border; retain field fill and visible boundary. */ @media (hover: hover) { .theme-dark .prompt input.prompt-input:hover { background-color: #000000; border-color: #e53935; } } /* Native sidebar active hover borrows hover fill; selection takes precedence. */ @media (hover: hover) { .theme-dark .workspace-tab-header-container .workspace-tab-header.is-active:hover { background-color: #531310; } } /* Native tabs have inactive text but no inactive fill or indicator variables. */ .theme-dark:not(.is-focused) .workspace-tab-header-container .workspace-tab-header.is-active { background-color: #420f0c; border-bottom-color: #9e231f; } /* Native actions use the primary fill as text; use the text accent, whose selected-row scope supplies readable on-selection text. */ .theme-dark .prompt .suggestion-action { color: var(--text-accent); } @media (forced-colors: active) { .theme-dark { --background-modifier-border-focus: Highlight; } .theme-dark button.mod-cta, .theme-dark button.mod-warning, .theme-dark button.mod-destructive.mod-cta, .theme-dark button.mod-destructive:hover, .theme-dark button.mod-destructive.mobile-tap, .theme-dark .checkbox-container.is-enabled, .theme-dark input[type="checkbox"]:checked, .theme-dark input[type="radio"]:checked { --background-modifier-border-focus: Highlight; } .theme-dark .prompt input.prompt-input:focus-visible { outline-color: Highlight; } }