Skip to content

Export a standardized color palette #32

@Arthurk12

Description

@Arthurk12

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request
    No fields configured for Feature.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions