bevy-ui-theming
Installation
SKILL.md
Bevy UI theming
When to use
Load this when many nodes should share colors or a widget style. Store the palette in one resource and copy it onto each node's color components.
ECS shape
- Per-node colors:
BackgroundColor,BorderColor,BorderRadius,BoxShadow,BackgroundGradient. - Editor widgets:
bevy::feathersis a collection of styled widgets for editors and inspectors. Game HUDs useNodeplus the color components below. - Window chrome:
WindowThemeonWindowpicks the OS window variant (LightorDark). That is window chrome, not a UI skin. - Systems: one system writes the color components from the palette resource. A second system, chained before it, swaps the palette.
A panel carries fill, border, radius, and one drop shadow. The palette is the only color source.
#[derive(Component)]
struct Panel;