Struct LayoutTheme 

pub struct LayoutTheme {

    pub spacing: Pixels,
    pub radius: Pixels,
    pub field_radius: Pixels,
    pub border_width: Pixels,
    pub field_border_width: Pixels,
    pub disabled_opacity: f32,
    pub ring_offset_width: Pixels,
    pub surface_shadow: Vec<BoxShadow>,
    pub overlay_shadow: Vec<BoxShadow>,
    pub field_shadow: Vec<BoxShadow>,
    pub skeleton_animation: SkeletonAnimation,
    pub tooltip_delay_ms: u64,
    pub tooltip_close_delay_ms: u64,
    pub overlay_hairline: Option<Hsla>,
    pub cursor_interactive: CursorStyle,
    pub tabs_hover_opacity: f32,
    pub tooltip_cooldown_ms: u64,
    pub long_press_ms: u64,
    pub hover_fade_ms: u64,
}

Spacing, radius, border and shadow tokens shared by all components.

Fields

spacing: Pixels

--spacing: 0.25rem

radius: Pixels

--radius: 0.5rem — the base every other radius is calculated from.

field_radius: Pixels

--field-radius: calc(var(--radius) * 1.5)

border_width: Pixels

--border-width: 1px

field_border_width: Pixels

--field-border-width: 0px

disabled_opacity: f32

--disabled-opacity: 0.5

ring_offset_width: Pixels

--ring-offset-width: 2px

surface_shadow: Vec<BoxShadow>

--surface-shadow — cards, accordions and other inline containers.

overlay_shadow: Vec<BoxShadow>

--overlay-shadow — tooltips, popovers, modals and menus.

field_shadow: Vec<BoxShadow>

--field-shadow — inputs and other form controls.

skeleton_animation: SkeletonAnimation

--skeleton-animation

tooltip_delay_ms: u64

--tooltip-delay: 1500ms

tooltip_close_delay_ms: u64

--tooltip-close-delay: 500ms

overlay_hairline: Option<Hsla>

The hairline a floating panel draws instead of a border.

v3 gives its panels no border at all: light mode separates them with --overlay-shadow, and dark mode adds 0 0 1px 0 rgba(255,255,255,.3) **inset** – a one-pixel highlight just inside the edge. gpui has no inset shadow, so the closest reproduction is a one-pixel border in that colour, and in light mode there is none.

cursor_interactive: CursorStyle

The cursor an interactive control shows while the pointer is over it.

v3 gives every clickable control cursor: pointer, so the default is gpui::CursorStyle::PointingHand — the variant GPUI’s own Styled::cursor_pointer() sets, which keeps stock rendering identical. A theme that wants the platform arrow everywhere sets gpui::CursorStyle::Arrow once here instead of restyling components.

tabs_hover_opacity: f32

The opacity a hovered Tabs item drops to.

v3 hardcodes opacity: 0.7 on an unselected .tabs__tab:hover; this port names it so a theme can soften or disable the dim. Not a v3 CSS variable, and not consumed by Link: its root hover draws an underline.

tooltip_cooldown_ms: u64

The warm window after the pointer leaves a tooltip during which the next tip opens without its delay.

The cooldown starts when the tooltip is dismissed (hover exit) and lasts max(this, close_delay), so a per-tooltip close delay extends the window. React Aria uses the same 500 ms.

long_press_ms: u64

How long a DropdownTrigger::LongPress waits before it opens.

React Aria uses 500 ms.

hover_fade_ms: u64

The background fade duration anim::hover_fade eases between two colors. The default is the button’s own 100ms (anim::TRANSITION_MS); zero resolves immediately, like reduced motion.

Implementations

impl LayoutTheme

pub fn light() -> Self

pub fn dark() -> Self

pub fn radius_xs(&self) -> Pixels

--radius-xs: calc(var(--radius) * 0.25)

pub fn radius_sm(&self) -> Pixels

--radius-sm: calc(var(--radius) * 0.5)

pub fn radius_md(&self) -> Pixels

--radius-md: calc(var(--radius) * 0.75)

pub fn radius_lg(&self) -> Pixels

--radius-lg: calc(var(--radius) * 1)

pub fn radius_xl(&self) -> Pixels

--radius-xl: calc(var(--radius) * 1.5)

pub fn radius_2xl(&self) -> Pixels

--radius-2xl: calc(var(--radius) * 2)

pub fn radius_3xl(&self) -> Pixels

--radius-3xl: calc(var(--radius) * 3)

pub fn radius_4xl(&self) -> Pixels

--radius-4xl: calc(var(--radius) * 4)

pub fn capped(&self, radius: Pixels) -> Pixels

A radius capped the way v3 caps its own: min(32px, ..).

v3 wraps every rounded-* and rounded-full in min() so a theme with an oversized --radius cannot distort a component — the corner stops growing before it swallows the box.

Trait Implementations

impl Clone for LayoutTheme

fn clone(&self) -> LayoutTheme

Returns a duplicate of the value.

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

Performs copy-assignment from source.

impl Debug for LayoutTheme

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

Formats the value using the given formatter.

impl Default for LayoutTheme

fn default() -> Self

Returns the “default value” for a type.