dsh-custom-ui

The built-in appearance preference in DSH is capped at light, dark, or system, so switching to a brand-inspired look usually means hunting through source code and tweaking CSS variables one by one. dsh-custom-ui folds all of that into a single settings panel: 23 curated themes (14 brand-adapted, 9 original) rendered as a color-swatch gallery. One click applies the theme; each one maps roughly 110 --dsw-* variables spanning backgrounds, semantic colors, button states, scrollbars, side panels, and font stacks. To change a color you edit one single-source file in lib/themes/ and run a validation script to keep all three layers in sync, instead of searching the whole project for variables.

Beyond presets, the plugin integrates Material You dynamic theming. Upload a wallpaper and it extracts a seed color, generates five reference palettes in both light and dark system variants, and exports tokens that follow MD3 naming conventions, ready to drop into a native Material 3 project. A three-step global corner-radius control (theme-follow, sharp, unified 12 px) takes effect the moment you save, with no page reload required.

Every choice, theme ID, color-extraction seed, and radius setting, persists to the dshp-inx-custom-ui namespace in settings.yaml and survives restarts. The host-side whitelist only accepts the 23 registered theme IDs plus a virtual photo:custom entry; unknown IDs are rejected outright. Built for DSH users who care about interface aesthetics, want to hop between brand styles in seconds, or prefer to drive an entire color scheme from a single image without writing code, and for developers who need DSH surface tokens aligned to the Material 3 token ecosystem.