Is your feature request related to a problem? Please describe.
Colors are used directly across many parts of the application without a central reference point. This makes maintenance, theme updates, and visual consistency across different parts of the product harder to manage.
Describe the solution you'd like
The component library should export a standardized color palette object (e.g. colors or palette) containing all color tokens used by the components. This allows consumers to reference the same colors without hardcoding values.
Proposed API / Usage Example
// Importing the palette from the lib
import { colors } from '@bigbluebutton/ui-components';
const StyledDiv = styled.div`
color: ${colors.text.primary};
background: ${colors.surface.default};
`;
Additional context
The exported tokens must be the same ones used internally by the library components, ensuring full consistency.
Is your feature request related to a problem? Please describe.
Colors are used directly across many parts of the application without a central reference point. This makes maintenance, theme updates, and visual consistency across different parts of the product harder to manage.
Describe the solution you'd like
The component library should export a standardized color palette object (e.g. colors or palette) containing all color tokens used by the components. This allows consumers to reference the same colors without hardcoding values.
Proposed API / Usage Example
Additional context
The exported tokens must be the same ones used internally by the library components, ensuring full consistency.