Struct re_viewer::external::re_ui::DesignTokens

pub struct DesignTokens {
    pub json: Value,
    pub color_table: ColorTable,
    pub top_bar_color: Color32,
    pub bottom_bar_color: Color32,
    pub bottom_bar_stroke: Stroke,
    pub bottom_bar_corner_radius: CornerRadius,
    pub shadow_gradient_dark_start: Color32,
    pub tab_bar_color: Color32,
    pub native_frame_stroke: Stroke,
}

The look and feel of the UI.

Not everything is covered by this. A lot of other design tokens are put straight into the [egui::Style]

Fields

json: Value

color_table: ColorTable

Color table for all colors used in the UI.

Loaded at startup from design_tokens.json.

top_bar_color: Color32

bottom_bar_color: Color32

bottom_bar_stroke: Stroke

bottom_bar_corner_radius: CornerRadius

shadow_gradient_dark_start: Color32

tab_bar_color: Color32

native_frame_stroke: Stroke

Implementations

impl DesignTokens

pub fn load() -> DesignTokens

Load design tokens from data/design_tokens.json.

pub fn color(&self, token: ColorToken) -> Color32

Get the egui::Color32 corresponding to the provided ColorToken.

pub fn welcome_screen_h1() -> TextStyle

pub fn welcome_screen_h2() -> TextStyle

pub fn welcome_screen_example_title() -> TextStyle

pub fn welcome_screen_body() -> TextStyle

pub fn welcome_screen_tag() -> TextStyle

pub fn view_padding() -> i8

Margin on all sides of views.

pub fn panel_margin() -> Margin

pub fn window_corner_radius() -> f32

pub fn normal_corner_radius() -> f32

pub fn small_corner_radius() -> f32

pub fn table_line_height() -> f32

pub fn table_header_height() -> f32

pub fn top_bar_margin() -> Margin

pub fn text_to_icon_padding() -> f32

pub fn top_bar_height() -> f32

Height of the top-most bar.

pub fn title_bar_height() -> f32

Height of the title row in the blueprint view and selection view, as well as the tab bar height in the viewport view.

pub fn list_item_height() -> f32

pub fn native_window_corner_radius() -> u8

pub fn top_panel_frame() -> Frame

pub fn bottom_panel_margin() -> Margin

pub fn bottom_panel_frame() -> Frame

For the streams view (time panel)

pub fn small_icon_size() -> Vec2

pub fn setup_table_header(_header: &mut TableRow<'_, '_>)

pub fn setup_table_body(body: &mut TableBody<'_>)

pub fn collapsing_triangle_area() -> Vec2

Layout area to allocate for the collapsing triangle.

Note that this is not the size of the collapsing triangle (which is defined by crate::UiExt::paint_collapsing_triangle), but how much screen real-estate should be allocated for it. It’s set to the same size as the small icon size so that everything is properly aligned in crate::list_item::ListItem.

pub fn section_collapsing_header_color(&self) -> Color32

The color for the background of crate::SectionCollapsingHeader.

pub fn loop_selection_color() -> Color32

The color we use to mean “loop this selection”

pub fn loop_everything_color() -> Color32

The color we use to mean “loop all the data”

pub fn thumbnail_background_color(&self) -> Color32

Used by the “add view or container” modal.

pub fn drop_target_container_stroke(&self) -> Stroke

Stroke used to indicate that a UI element is a container that will receive a drag-and-drop payload.

Sometimes this is the UI element that is being dragged over (e.g., a view receiving a new entity). Sometimes this is a UI element not under the pointer, but whose content is being hovered (e.g., a container in the blueprint tree)

pub fn text(&self, text: impl Into<String>, token: ColorToken) -> RichText

Trait Implementations

impl Debug for DesignTokens

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

Formats the value using the given formatter.