Struct Theme 

pub struct Theme {

    pub bg_primary: u32,
    pub bg_secondary: u32,
    pub bg_input: u32,
    pub bg_input_hover: u32,
    pub bg_hover: u32,
    pub bg_section_header: u32,
    pub bg_section_header_hover: u32,
    pub bg_white: u32,
    pub bg_light_hover: u32,
    pub text_primary: u32,
    pub text_label: u32,
    pub text_section_header: u32,
    pub text_value: u32,
    pub text_muted: u32,
    pub text_placeholder: u32,
    pub text_dimmed: u32,
    pub text_icon: u32,
    pub text_dark: u32,
    pub text_black: u32,
    pub border_default: u32,
    pub border_checkbox: u32,
    pub border_input: u32,
    pub border_menu: u32,
    pub border_focus: u32,
    pub border_focus_on_color: u32,
    pub border_error: u32,
    pub primary: u32,
    pub primary_hover: u32,
    pub primary_active: u32,
    pub accent: u32,
    pub success: u32,
    pub error: u32,
    pub warning: u32,
    pub error_text: u32,
    pub tooltip_bg: u32,
    pub tooltip_border: u32,
    pub tooltip_text: u32,
    pub selection: u32,
    pub disabled_bg: u32,
    pub disabled_text: u32,
    pub secondary_bg: u32,
    pub secondary_bg_hover: u32,
    pub secondary_bg_active: u32,
    pub secondary_border: u32,
    pub bg_tab_hover: u32,
    pub border_tab_active: u32,
    pub delete_bg: u32,
    pub delete_bg_hover: u32,
    pub bg_path_hover: u32,
}

Theme configuration for widgets

All colors are stored as u32 hex values (0xRRGGBB format). Use with GPUI’s rgb() macro: rgb(theme.bg_primary)

Fields

bg_primary: u32

Main application background (darkest)

bg_secondary: u32

Panel/section background (slightly lighter)

bg_input: u32

Input field background

bg_input_hover: u32

Input field background when hovered

bg_hover: u32

Button/interactive element hover background

bg_section_header: u32

Section header background

bg_section_header_hover: u32

Section header hover background

bg_white: u32

White background for light-themed elements

bg_light_hover: u32

Light hover background

text_primary: u32

Primary text color

text_label: u32

Label text color

text_section_header: u32

Section header text color

text_value: u32

Value/content text color

text_muted: u32

Muted/secondary text color

text_placeholder: u32

Placeholder text color

text_dimmed: u32

Dimmed/disabled text color

text_icon: u32

Icon text color

text_dark: u32

Dark text (on light backgrounds)

text_black: u32

Black text

border_default: u32

Standard border color

border_checkbox: u32

Checkbox/radio button border

border_input: u32

Input field border

border_menu: u32

Menu/dropdown border

border_focus: u32

Focus/active border

border_focus_on_color: u32

Focus border for colored backgrounds (e.g., primary buttons) Should contrast with primary/accent colored elements

border_error: u32

Error border

primary: u32

Primary accent color (buttons, checkboxes)

primary_hover: u32

Primary hover state

primary_active: u32

Primary active/pressed state

accent: u32

Accent color (focus rings, selections)

success: u32

Success/positive color (green)

error: u32

Error/negative color (red)

warning: u32

Warning color (orange)

error_text: u32

Validation error text

tooltip_bg: u32

Tooltip background

tooltip_border: u32

Tooltip border

tooltip_text: u32

Tooltip text

selection: u32

disabled_bg: u32

Disabled button background

disabled_text: u32

Disabled button text

secondary_bg: u32

Secondary button background

secondary_bg_hover: u32

Secondary button hover background

secondary_bg_active: u32

Secondary button active background

secondary_border: u32

Secondary button border

bg_tab_hover: u32

Tab hover background

border_tab_active: u32

Active tab border

delete_bg: u32

Delete button background

delete_bg_hover: u32

Delete button hover background

bg_path_hover: u32

Path display hover background

Implementations

impl Theme

pub fn dark() -> Self

Create a dark theme (default)

pub fn light() -> Self

Create a light theme

pub fn from_palette(palette: Palette) -> Self

Create a theme from a minimal color palette

This derives all 52 theme colors from just 7 seed colors, making it easy to create cohesive custom themes.

Example

use ccf_gpui_widgets::{Theme, Palette};

// Use preset palettes
let dark_theme = Theme::from_palette(Palette::dark());
let light_theme = Theme::from_palette(Palette::light());

// Customize brand colors
let custom = Theme::from_palette(
    Palette::dark()
        .with_primary(0xe94560)
        .with_accent(0x0f3460)
);

pub fn with_accent(self, color: u32) -> Self

Set the accent color

pub fn with_primary(self, color: u32) -> Self

Set the primary color

pub fn with_primary_hover(self, color: u32) -> Self

Set the primary hover color

pub fn with_border_focus(self, color: u32) -> Self

Set the focus border color

pub fn with_border_focus_on_color(self, color: u32) -> Self

Set the focus border color for colored backgrounds

pub fn with_success(self, color: u32) -> Self

Set the success color

pub fn with_error(self, color: u32) -> Self

Set the error color

pub fn with_warning(self, color: u32) -> Self

Set the warning color

pub fn with_bg_primary(self, color: u32) -> Self

Set the primary background color

pub fn with_bg_input(self, color: u32) -> Self

Set the input background color

pub fn with_text_primary(self, color: u32) -> Self

Set the primary text color

pub fn with_bg_secondary(self, color: u32) -> Self

Set the secondary background color

pub fn with_bg_input_hover(self, color: u32) -> Self

Set the input hover background color

pub fn with_bg_hover(self, color: u32) -> Self

Set the hover background color

pub fn with_bg_section_header(self, color: u32) -> Self

Set the section header background color

pub fn with_bg_section_header_hover(self, color: u32) -> Self

Set the section header hover background color

pub fn with_bg_white(self, color: u32) -> Self

Set the white background color

pub fn with_bg_light_hover(self, color: u32) -> Self

Set the light hover background color

pub fn with_text_label(self, color: u32) -> Self

Set the label text color

pub fn with_text_section_header(self, color: u32) -> Self

Set the section header text color

pub fn with_text_value(self, color: u32) -> Self

Set the value text color

pub fn with_text_muted(self, color: u32) -> Self

Set the muted text color

pub fn with_text_placeholder(self, color: u32) -> Self

Set the placeholder text color

pub fn with_text_dimmed(self, color: u32) -> Self

Set the dimmed text color

pub fn with_text_icon(self, color: u32) -> Self

Set the icon text color

pub fn with_text_dark(self, color: u32) -> Self

Set the dark text color

pub fn with_text_black(self, color: u32) -> Self

Set the black text color

pub fn with_border_default(self, color: u32) -> Self

Set the default border color

pub fn with_border_checkbox(self, color: u32) -> Self

Set the checkbox border color

pub fn with_border_input(self, color: u32) -> Self

Set the input border color

pub fn with_border_menu(self, color: u32) -> Self

Set the menu border color

pub fn with_border_error(self, color: u32) -> Self

Set the error border color

pub fn with_primary_active(self, color: u32) -> Self

Set the primary active color

pub fn with_error_text(self, color: u32) -> Self

Set the error text color

pub fn with_tooltip_bg(self, color: u32) -> Self

Set the tooltip background color

pub fn with_tooltip_border(self, color: u32) -> Self

Set the tooltip border color

pub fn with_tooltip_text(self, color: u32) -> Self

Set the tooltip text color

pub fn with_selection(self, color: u32) -> Self

Set the selection highlight color

pub fn with_disabled_bg(self, color: u32) -> Self

Set the disabled button background color

pub fn with_disabled_text(self, color: u32) -> Self

Set the disabled button text color

pub fn with_secondary_bg(self, color: u32) -> Self

Set the secondary button background color

pub fn with_secondary_bg_hover(self, color: u32) -> Self

Set the secondary button hover background color

pub fn with_secondary_bg_active(self, color: u32) -> Self

Set the secondary button active background color

pub fn with_secondary_border(self, color: u32) -> Self

Set the secondary button border color

pub fn with_bg_tab_hover(self, color: u32) -> Self

Set the tab hover background color

pub fn with_border_tab_active(self, color: u32) -> Self

Set the active tab border color

pub fn with_delete_bg(self, color: u32) -> Self

Set the delete button background color

pub fn with_delete_bg_hover(self, color: u32) -> Self

Set the delete button hover background color

pub fn with_bg_path_hover(self, color: u32) -> Self

Set the path display hover background color

Trait Implementations

impl Clone for Theme

fn clone(&self) -> Theme

Returns a duplicate of the value.

fn clone_from(&mut self, source: &Self)

Performs copy-assignment from source.

impl Debug for Theme

fn fmt(&self, f: &mut Formatter<'_>) -> Result

Formats the value using the given formatter.

impl Default for Theme

fn default() -> Self

Returns the “default value” for a type.

impl Copy for Theme

impl Global for Theme