Skip to main content

BwColor | bw-color

Overview

The color component is used to change the text and background color of the slotted content. It can have seperate colors for light and dark mode.

Properties

PropertyAttributeDescriptionTypeDefault
backgroundbackgroundThe color to apply to the background. If the value is auto, the color will be determined by the lightBackground and darkBackground propertiesstringundefined
colorcolorThe color to apply to the text. If the value is auto, the color will be determined by the lightColor and darkColor propertiesstringundefined
darkBackgrounddark-backgroundWhenever the background is auto, this property will be used when the theme is dark modestringundefined
darkColordark-colorWhenever the color is auto, this property will be used when the theme is dark modestringundefined
lightBackgroundlight-backgroundWhenever the background is auto, this property will be used when the theme is light modestringundefined
lightColorlight-colorWhenever the color is auto, this property will be used when the theme is light modestringundefined
shadowshadowShadow will make the component apply the color to the text and background using CSS variables. This is useful when you want to change the color of another component that relies on --color for color changes and --background for background color changes.booleanfalse

Dependencies

Used by

Graph


© 2025 United Systems & Software - All Rights Reserved.