Interface UIKitColors

Hierarchy

  • UIKitColors

Properties

background error onBackground01 onBackground02 onBackground03 onBackground04 onBackgroundReverse01 onBackgroundReverse02 onBackgroundReverse03 onBackgroundReverse04 primary secondary text ui

Properties

background

background: string

error

error: string

onBackground01

onBackground01: string

onBackground02

onBackground02: string

onBackground03

onBackground03: string

onBackground04

onBackground04: string

onBackgroundReverse01

onBackgroundReverse01: string

onBackgroundReverse02

onBackgroundReverse02: string

onBackgroundReverse03

onBackgroundReverse03: string

onBackgroundReverse04

onBackgroundReverse04: string

primary

primary: string

secondary

secondary: string

text

text: string

ui

ui: {
    badge: ComponentColors<"Badge">;
    button: ComponentColors<"Button">;
    dateSeparator: ComponentColors<"DateSeparator">;
    dialog: ComponentColors<"Dialog">;
    groupChannelMessage: ComponentColors<"GroupChannelMessage">;
    groupChannelPreview: ComponentColors<"GroupChannelPreview">;
    header: ComponentColors<"Header">;
    input: ComponentColors<"Input">;
    openChannelMessage: ComponentColors<"OpenChannelMessage">;
    openChannelPreview: ComponentColors<"OpenChannelPreview">;
    placeholder: ComponentColors<"Placeholder">;
    profileCard: ComponentColors<"ProfileCard">;
    reaction: ComponentColors<"Reaction">;
    voiceMessageInput: ComponentColors<"VoiceMessageInput">;
}

UI Colors has below structure Component.{Variant}.{State}.{ColorPart}

Type declaration

Example

 const { colors } = useUIKitTheme();
 colors.ui.button.contained.disabled.backgroundColor

Settings

Member Visibility

Theme

On This Page

Generated using TypeDoc