Settings -> Appearance -> Theme (and the ComfyUI setting Anomalous.ModelBrowser.Theme, which replaces the Abyssal Scarlet switch) picks Follow ComfyUI (default), Dark, Light or Abyssal Scarlet. Following ComfyUI watches the dark-theme class ComfyUI sets on <html> for a dark palette and repaints at once; an older Abyssal switch reads as Abyssal. The light theme is html.amb-theme-light with its own --amb-* values. Hard coded colors were turned into tokens whose dark values are the colors they replace (checked: every stylesheet resolves to the same dark values): rgba(var(--amb-ink-rgb), a) for tints, status shades, tooltip, float, dialog, sunken, scrim and note tokens. Older rules and inline styles that wrote a dark color now write var(--amb-lt-<role>, <that color>); the --amb-lt-* tokens exist only in the light theme. Inside the plugin's windows ComfyUI's palette variables (--bg-color, --fg-color ...) follow the plugin's theme when the two differ. Surfaces over images stay dark, and the image viewer gets the dark tokens back. The ready banner on a recipe reads green instead of pink. Stylesheet cache versions are bumped. Checked on a test ComfyUI in light and dark: home, models, gallery and its viewer, workflows and a recipe's tabs, combos and a combo, prompts and the docked drawer, voices, audio library, settings, scan, Model Check, current node and its model picker, a model's detail with notes, share, save recipe, update guide, versions, GPT-SoVITS settings and the prompt dialog; light with a dark ComfyUI, and Abyssal Scarlet. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
26 lines
1.6 KiB
CSS
26 lines
1.6 KiB
CSS
@import url("./styles/00-foundation-models.css?v=20261007-theme-1");
|
|
@import url("./styles/01-shell-tools.css?v=20261007-theme-1");
|
|
@import url("./styles/02-notebooks.css?v=20261007-theme-1");
|
|
@import url("./styles/03-gallery-recipes.css?v=20261007-theme-1");
|
|
@import url("./styles/04-dialogs-materials.css?v=20261007-theme-1");
|
|
@import url("./styles/05-recipe-studio-overrides.css?v=20261007-theme-1");
|
|
@import url("./styles/06-material-workbench.css?v=20261007-theme-1");
|
|
@import url("./styles/07-prompt-studio.css?v=20261007-theme-1");
|
|
@import url("./styles/08-theme-gallery-overrides.css?v=20261007-theme-1");
|
|
@import url("./styles/09-prompt-drawers.css?v=20261007-theme-1");
|
|
@import url("./styles/10-model-sources.css?v=20261007-theme-1");
|
|
@import url("./styles/11-audio-studio.css?v=20261007-theme-1");
|
|
@import url("./styles/12-tts-setup.css?v=20261007-theme-1");
|
|
@import url("./styles/13-script-director.css?v=20261007-theme-1");
|
|
@import url("./styles/14-version-manager.css?v=20261007-theme-1");
|
|
@import url("./styles/15-shell-rail.css?v=20261007-theme-1");
|
|
@import url("./styles/16-activity.css?v=20261007-theme-1");
|
|
@import url("./styles/17-model-types.css?v=20261007-theme-1");
|
|
@import url("./styles/18-scan-page.css?v=20261007-theme-1");
|
|
@import url("./styles/19-model-doctor.css?v=20261007-theme-1");
|
|
@import url("./styles/20-current-node.css?v=20261007-theme-1");
|
|
@import url("./styles/21-prompt-studio.css?v=20261007-theme-1");
|
|
@import url("./styles/22-model-download.css?v=20261007-theme-1");
|
|
@import url("./styles/23-combo-structure.css?v=20261007-theme-1");
|
|
@import url("./styles/24-backup.css?v=20261007-theme-1");
|