Files
DemonGatanjieu-Anomalous_Mo…/web/styles.css
T
DemonGatanjieuandClaude Opus 5.5 7b363bdac8 Light theme: follow ComfyUI, dark, light or Abyssal Scarlet
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>
2026-10-07 17:27:02 +08:00

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");