@samatawy/diagrams
    Preparing search index...

    Interface DiagramTheme

    The full set of CSS custom properties used by all diagram editor UI components. All fields are optional; themes only need to supply the values they want to override.

    interface DiagramTheme {
        controlGap?: string;
        groupGap?: string;
        toolbarGap?: string;
        controlPaddingX?: string;
        controlPaddingY?: string;
        panelPadding?: string;
        controlRadius?: string;
        panelRadius?: string;
        controlHeight?: string;
        paletteButtonSize?: string;
        paletteButtonPadding?: string;
        iconSize?: string;
        borderWidth?: string;
        surface?: string;
        surfaceElevated?: string;
        text?: string;
        textMuted?: string;
        border?: string;
        borderStrong?: string;
        hoverBg?: string;
        accent?: string;
        accentContrast?: string;
        shadowColor?: string;
        fontFamily?: string;
        fontSize?: string;
        labelFontSize?: string;
        transitionFast?: string;
        focusRing?: string;
    }
    Index

    Properties

    controlGap? groupGap? toolbarGap? controlPaddingX? controlPaddingY? panelPadding? controlRadius? panelRadius? controlHeight? paletteButtonSize? paletteButtonPadding? iconSize? borderWidth? surface? surfaceElevated? text? textMuted? border? borderStrong? hoverBg? accent? accentContrast? shadowColor? fontFamily? fontSize? labelFontSize? transitionFast? focusRing?

    Properties

    controlGap?: string

    Gap between items inside a compact control (e.g. trigger icon + chevron).

    groupGap?: string

    Gap between items inside a menu or option list.

    toolbarGap?: string

    Gap between controls inside a toolbar row.

    controlPaddingX?: string

    Horizontal padding inside a trigger/button control.

    controlPaddingY?: string

    Vertical padding inside a trigger/button control.

    panelPadding?: string

    Inner padding of dropdown panels and menus.

    controlRadius?: string

    Border radius applied to individual controls and trigger buttons.

    panelRadius?: string

    Border radius applied to dropdown panels, menus, and group containers.

    controlHeight?: string

    Target height for single-line controls.

    paletteButtonSize?: string

    Width and height of tool palette buttons.

    paletteButtonPadding?: string

    Padding inside tool palette buttons.

    iconSize?: string

    Width/height of icons inside tool buttons.

    borderWidth?: string

    Width of borders on controls and panels.

    surface?: string

    Background of control triggers and surfaces.

    surfaceElevated?: string

    Background of elevated elements such as dropdown menus.

    Optionaltext

    text?: string

    Primary text and icon color.

    textMuted?: string

    Muted/secondary text and label color.

    border?: string

    Default border color.

    borderStrong?: string

    Border color on hover and focus.

    hoverBg?: string

    Hover and selected-row fill inside menus.

    accent?: string

    Accent color for active/selected state (button fill, active tool, etc).

    accentContrast?: string

    Text/icon color when rendered on the accent background.

    shadowColor?: string

    Shadow color used in drop-shadows on menus and panels.

    fontFamily?: string

    Font family used across all editor controls.

    fontSize?: string

    Primary control font size.

    labelFontSize?: string

    Smaller label font size used for units, captions, and secondary text.

    transitionFast?: string

    Transition shorthand applied to hover/active state changes on controls.

    focusRing?: string

    Focus-visible outline or ring style applied to interactive controls.

    Settings

    Member Visibility

    On This Page

    Properties