CupThread React Native & Expo SDK - v0.1.0
    Preparing search index...

    Interface ThemeColors

    Color design tokens used across all CupThread React Native components and screens.

    import { ThemeColors, lightTheme } from '@cupthread/react-native';

    const customColors: ThemeColors = {
      ...lightTheme,
      primary: '#6366f1',
      accent: '#818cf8',
    };
    interface ThemeColors {
        accent: string;
        background: string;
        border: string;
        card: string;
        cardBorder: string;
        chipBg: string;
        chipText: string;
        divider: string;
        inputBg: string;
        inputBorder: string;
        primary: string;
        primaryHover: string;
        primaryText: string;
        textMuted: string;
        textPrimary: string;
        textSecondary: string;
        voteActiveBg: string;
        voteActiveText: string;
        voteInactiveBg: string;
        voteInactiveText: string;
    }
    Index
    accent background border card cardBorder chipBg chipText divider inputBg inputBorder primary primaryHover primaryText textMuted textPrimary textSecondary voteActiveBg voteActiveText voteInactiveBg voteInactiveText
    accent: string

    Vibrant accent color for icons, indicators, and links.

    background: string

    Main screen background color.

    border: string

    Generic hairline border and separator color.

    card: string

    Card, modal sheet, or container surface background color.

    cardBorder: string

    Outline and divider color for cards and container surfaces.

    chipBg: string

    Background color for category chips, tag pills, and badges.

    chipText: string

    Text color inside category chips, tag pills, and badges.

    divider: string

    Horizontal divider rule color.

    inputBg: string

    Background color for text input fields and text areas.

    inputBorder: string

    Border color for idle text input fields.

    primary: string

    Primary brand / call-to-action color for buttons, active tabs, and highlights.

    primaryHover: string

    Hover/press highlight tint for primary actions.

    primaryText: string

    Contrasting text color rendered on top of primary button backgrounds.

    textMuted: string

    Low-contrast muted text color for timestamps, counters, and placeholders.

    textPrimary: string

    High-contrast primary text color for headers, titles, and body content.

    textSecondary: string

    Medium-contrast secondary text color for subtitles and descriptions.

    voteActiveBg: string

    Background fill for active/voted state on VoteButton.

    voteActiveText: string

    Text and arrow color for active/voted state on VoteButton.

    voteInactiveBg: string

    Background fill for unvoted state on VoteButton.

    voteInactiveText: string

    Text and arrow color for unvoted state on VoteButton.

    Settings
    Member Visibility

    On This Page
    Properties