|
TachyonUI 0.1.0
High-performance UI for building tools.
|
The library's styles, icons and theme metrics, the defaults the controls draw with. More...
#include <gui_controls/gui_theme.h>
Public Member Functions | |
| void | InitializeDefaultStyles (StyleManager &styleManager, ITextSystem *textSystem) |
| Registers the styles built in code (fieldElementGroupStyleRef, the empty*StyleRefs) and the built-in icons; textSystem must be valid. | |
| bool | LoadTheme (StyleManager &styleManager, ITextSystem *textSystem, const std::string &themePath, std::span< const std::string > styleFiles, float fontScale) |
| Parses the palette file themePath followed by styleFiles (in order; relative paths are next to the palette file) and registers every class, the palette colors and, when textSystem is given, the @font-face families. | |
| StyleRef | GetStyle (std::string_view cssClass) const |
| The style of a CSS class from the loaded style files (library or app); an invalid style, with a warning once per class, when no file defines it. | |
| Result< StyleRef > | FindStyle (std::string_view cssClass) const |
| As GetStyle, but a class no file defines is a NotFound error. | |
| color4f | GetColor (std::string_view varName, color4f fallback={}) const |
| A palette color by custom-property name ("--node-input"), or fallback when the loaded theme doesn't define it. | |
| void | ComputeRowMetrics (StyleManager &styleManager, ITextSystem &textSystem) |
| Measures the font-dependent metrics above. Call after every LoadTheme. | |
Public Attributes | |
| ControlStyles | regularControls {} |
| .button, .toggle, .textbox, .number-field, .menu-trigger | |
| ControlStyles | toolbarControls {} |
| the .toolbar-* variants of those | |
| const ControlStyles * | controls = ®ularControls |
| the bundle in use | |
| StyleRef | emptyHorzStyleRef |
| horizontal flex, no wrap; groups elements without drawing anything | |
| StyleRef | emptyHorzWrapStyleRef |
| horizontal flex, wrap | |
| StyleRef | emptyVertStyleRef |
| vertical flex, no wrap | |
| StyleRef | emptyVertWrapStyleRef |
| vertical flex, wrap | |
| StyleRef | fieldElementGroupStyleRef |
| Built in code: an undecorated, growing, wrapping flex row (a multi-value drag field). | |
| StyleRef | toolbarSideHorzStyleRef {} |
| toolbar side bin, top / bottom: row + flex-wrap | |
| StyleRef | toolbarSideVertStyleRef {} |
| toolbar side bin, left / right: column + flex-wrap | |
| StyleRef | toolbarItemHorzStyleRef {} |
| toolbar on a horizontal side: row, thumb left of body | |
| StyleRef | toolbarItemVertStyleRef {} |
| toolbar on a vertical side: column, thumb above body | |
| StyleRef | toolbarThumbHorzStyleRef {} |
| a toolbar's drag thumb on a horizontal side | |
| StyleRef | toolbarThumbVertStyleRef {} |
| a toolbar's drag thumb on a vertical side | |
| StyleRef | toolbarSideHorzEmptyStyleRef {} |
| Zero-thickness top / bottom side bin for an empty side, used only while no drag is in flight (during a drag the full bin is used, so the side can be hit). | |
| StyleRef | toolbarSideVertEmptyStyleRef {} |
| the same, for left / right | |
| StyleRef | toolbarFloatingWindowStyleRef {} |
| floating tear-off window content host (no padding) | |
| StyleRef | viewContentStyleRef {} |
| the central content placeholder | |
| StyleRef | panelDropVisualizationStyleRef {} |
| overlay showing where a dragged panel or toolbar docks | |
| StyleRef | ghostWindowStyleRef {} |
| BeginGhostWindow's default: the window following a drag. | |
| StyleRef | ghostIconStyleRef {} |
| the icon in a drag ghost | |
| StyleRef | textStyleRef {} |
| .text-style: rich text | |
| StyleRef | staticTextStyleRef {} |
| plain non-interactive text | |
| StyleRef | imageStyleRef {} |
| default box for the Image() element | |
| StyleRef | labelStyleRef {} |
| Label()'s default. | |
| StyleRef | iconLabelStyleRef {} |
| inline icon + text, centered (e.g. command cells) | |
| StyleRef | iconLabelNoIconStyleRef {} |
| icon-label with no icon, left-padded to align under icon'd siblings | |
| StyleRef | dragLabelStyleRef {} |
| DragLabel()'s default. | |
| StyleRef | dashedStyleRef {} |
| a box with a dashed border | |
| StyleRef | firstIconStyleRef {} |
| .first-icon | |
| StyleRef | iconLeftStyleRef {} |
| icon left, text right | |
| StyleRef | iconRightStyleRef {} |
| text left, icon right | |
| StyleRef | iconTopStyleRef {} |
| icon above, text below | |
| StyleRef | iconBottomStyleRef {} |
| text above, icon below | |
| StyleRef | knobStyleRef {} |
| .knob | |
| StyleRef | sliderFieldTrackStyleRef {} |
| SliderField: the track holding the parts below. | |
| StyleRef | sliderFieldBgStyleRef {} |
| unfilled half painted by the slider's custom-draw | |
| StyleRef | sliderFieldFillStyleRef {} |
| filled half painted by the slider's custom-draw | |
| StyleRef | sliderFieldTextStyleRef {} |
| label text overlaid on the track | |
| StyleRef | sliderFieldValueStyleRef {} |
| value text overlaid on the track | |
| StyleRef | sliderFieldEdgeStyleRef {} |
| the line ending the fill | |
| StyleRef | sliderStyleRef {} |
| Slider: a groove and knob, no value text. | |
| StyleRef | sliderGrooveStyleRef {} |
| Slider: groove line painted by the custom-draw. | |
| StyleRef | sliderFillStyleRef {} |
| Slider: the groove's filled part, up to the knob. | |
| StyleRef | sliderKnobStyleRef {} |
| Slider: knob painted by the custom-draw. | |
| StyleRef | switchStyleRef {} |
| Switch: the control (track + label). | |
| StyleRef | switchTrackStyleRef {} |
| Switch: the track; its knob is painted by the custom-draw. | |
| StyleRef | switchKnobStyleRef {} |
| Switch: the knob. | |
| StyleRef | switchLabelStyleRef {} |
| Switch: the label after the track. | |
| int | scrollbarThickness = 12 |
| .scrollbar-vertical width (read from CSS, at the UI scale) | |
| StyleRef | colorSwatchStyleRef {} |
| ColorField: the swatch. | |
| StyleRef | colorFieldStyleRef {} |
| ColorField: swatch, hex and alpha in a row. | |
| StyleRef | colorHexStyleRef {} |
| ColorField: the hex field. | |
| StyleRef | colorAlphaStyleRef {} |
| ColorField: the alpha box (value and %). | |
| StyleRef | colorAlphaInputStyleRef {} |
| ColorField: the alpha value in its box. | |
| StyleRef | colorAlphaUnitStyleRef {} |
| ColorField: the % after it. | |
| StyleRef | colorAlphaCaptionStyleRef {} |
| ColorField: the "A" before it. | |
| StyleRef | colorPickerStyleRef {} |
| color picker: the window | |
| StyleRef | dialogHeaderStyleRef {} |
| dialog: the title row | |
| StyleRef | dialogTitleStyleRef {} |
| dialog: its title | |
| StyleRef | dialogContextStyleRef {} |
| dialog: what's being edited, after the title | |
| StyleRef | colorPickerHdrValueStyleRef {} |
| color picker: the intensity value | |
| StyleRef | dialogCloseStyleRef {} |
| dialog: the close button | |
| StyleRef | dialogFooterStyleRef {} |
| dialog: status and buttons | |
| StyleRef | dialogStatusStyleRef {} |
| dialog: the footer's status text | |
| StyleRef | dialogStatusDotStyleRef {} |
| dialog: the dot before it | |
| StyleRef | dialogButtonStyleRef {} |
| dialog: a secondary button (Cancel) | |
| StyleRef | dialogPrimaryButtonStyleRef {} |
| dialog: the primary button (OK); .dialog-button-primary | |
| StyleRef | dialogDangerButtonStyleRef {} |
| dialog: a destructive button (Quit, Delete); .dialog-button-danger | |
| StyleRef | messageBoxStyleRef {} |
| MessageDialog: the window. | |
| StyleRef | messageBoxCloseStyleRef {} |
| MessageDialog: the close button, top right. | |
| StyleRef | messageBoxBodyStyleRef {} |
| MessageDialog: the icon and text row. | |
| StyleRef | messageBoxWarningStyleRef {} |
| MessageDialog: severity circle, warning / quit. | |
| StyleRef | messageBoxQuestionStyleRef {} |
| MessageDialog: severity circle, question / info. | |
| StyleRef | messageBoxErrorStyleRef {} |
| MessageDialog: severity circle, error. | |
| StyleRef | messageBoxTextStyleRef {} |
| MessageDialog: title, message and extras. | |
| StyleRef | messageBoxTitleStyleRef {} |
| MessageDialog: the title. | |
| StyleRef | messageBoxMessageStyleRef {} |
| MessageDialog: the message. | |
| StyleRef | messageBoxWellStyleRef {} |
| MessageDialog: the affected items. | |
| StyleRef | messageBoxItemStyleRef {} |
| MessageDialog: an affected item's row. | |
| StyleRef | messageBoxItemDotStyleRef {} |
| MessageDialog: an affected item's dot. | |
| StyleRef | messageBoxItemNameStyleRef {} |
| MessageDialog: an affected item's name. | |
| StyleRef | messageBoxItemMetaStyleRef {} |
| MessageDialog: an affected item's extra info. | |
| StyleRef | messageBoxDetailsToggleStyleRef {} |
| MessageDialog: "Details" with its chevron. | |
| StyleRef | messageBoxDetailsStyleRef {} |
| MessageDialog: the details, monospace in a well. | |
| StyleRef | checkboxStyleRef {} |
| Checkbox: the control. | |
| StyleRef | checkboxBoxStyleRef {} |
| Checkbox: the box. | |
| StyleRef | checkboxLabelStyleRef {} |
| Checkbox: its label. | |
| StyleRef | colorPickerBodyStyleRef {} |
| color picker: planes and controls | |
| StyleRef | colorPickerPlanesStyleRef {} |
| color picker: square and strips | |
| StyleRef | colorPickerSquareStyleRef {} |
| color picker: the saturation/value square | |
| StyleRef | colorPickerStripStyleRef {} |
| color picker: the hue and alpha strips | |
| StyleRef | colorPickerControlsStyleRef {} |
| color picker: the right column | |
| StyleRef | colorPickerPreviewGroupStyleRef {} |
| color picker: preview and captions | |
| StyleRef | colorPickerCaptionsStyleRef {} |
| color picker: New / Original | |
| StyleRef | colorPickerCaptionStyleRef {} |
| color picker: a small caption | |
| StyleRef | colorPickerModeRowStyleRef {} |
| color picker: space, Linear, range | |
| StyleRef | colorPickerRangeStyleRef {} |
| color picker: the 0-255 / 0-1 toggle | |
| StyleRef | colorPickerChannelsStyleRef {} |
| color picker: the channel rows | |
| StyleRef | colorPickerChannelStyleRef {} |
| color picker: one channel row | |
| StyleRef | colorPickerChannelLabelStyleRef {} |
| color picker: R, G, B, A ... | |
| StyleRef | colorPickerTrackStyleRef {} |
| color picker: a channel's track | |
| StyleRef | colorPickerChannelValueStyleRef {} |
| color picker: a channel's value | |
| StyleRef | colorPickerFieldRowStyleRef {} |
| color picker: Hex / HDR rows | |
| StyleRef | colorPickerRowLabelStyleRef {} |
| color picker: Hex, HDR | |
| StyleRef | colorPickerHdrStyleRef {} |
| color picker: the intensity box | |
| StyleRef | colorPickerSwatchesStyleRef {} |
| color picker: swatches and recent | |
| StyleRef | colorPickerSwatchRowStyleRef {} |
| color picker: one swatch row | |
| StyleRef | colorPickerSectionLabelStyleRef {} |
| color picker: Swatches, Recent | |
| StyleRef | colorPickerSwatchStyleRef {} |
| color picker: a swatch | |
| StyleRef | colorPickerRecentStyleRef {} |
| color picker: a recent color | |
| StyleRef | colorPickerPreviewStyleRef {} |
| color picker: the color preview | |
| StyleRef | colorPickerNewStyleRef {} |
| color picker: the add-swatch button | |
| StyleRef | gradientSwatchStyleRef {} |
| GradientField: the swatch. | |
| StyleRef | gradientEditorStyleRef {} |
| gradient editor: the window | |
| StyleRef | gradientEditorBarStyleRef {} |
| gradient editor: the gradient bar with its stops | |
| StyleRef | dialogSmallButtonStyleRef {} |
| dialog: a short button (Save preset, Reverse) | |
| StyleRef | dialogIconButtonStyleRef {} |
| dialog: a small borderless icon button (previous / next) | |
| StyleRef | dialogSquareButtonStyleRef {} |
| dialog: a small bordered icon button (duplicate) | |
| StyleRef | dialogDeleteButtonStyleRef {} |
| dialog: the same, in the error color | |
| StyleRef | gradientEditorPresetsStyleRef {} |
| gradient editor: the presets row | |
| StyleRef | gradientEditorSectionLabelStyleRef {} |
| gradient editor: Presets | |
| StyleRef | gradientEditorPresetStyleRef {} |
| gradient editor: a preset chip | |
| StyleRef | gradientEditorBadgeStyleRef {} |
| gradient editor: the selected stop's location | |
| StyleRef | gradientEditorColumnsStyleRef {} |
| gradient editor: the two columns | |
| StyleRef | gradientEditorColumnStyleRef {} |
| gradient editor: the left column | |
| StyleRef | gradientEditorRowStyleRef {} |
| gradient editor: a labeled row | |
| StyleRef | gradientEditorHeadingStyleRef {} |
| gradient editor: Color stop | |
| StyleRef | gradientEditorCountStyleRef {} |
| gradient editor: 2 / 3 | |
| StyleRef | gradientEditorLabelStyleRef {} |
| gradient editor: a row's label | |
| StyleRef | gradientEditorLocationStyleRef {} |
| gradient editor: the location box | |
| StyleRef | gradientEditorLocationInputStyleRef {} |
| gradient editor: its value | |
| StyleRef | gradientEditorLocationUnitStyleRef {} |
| gradient editor: its % | |
| StyleRef | gradientEditorDividerStyleRef {} |
| gradient editor: a divider line | |
| StyleRef | gradientEditorActionsStyleRef {} |
| gradient editor: Reverse, Distribute | |
| StyleRef | gradientEditorTableStyleRef {} |
| gradient editor: the stops table | |
| StyleRef | gradientEditorTableHeadStyleRef {} |
| gradient editor: its header row | |
| StyleRef | gradientEditorTableRowStyleRef {} |
| gradient editor: a stop's row | |
| StyleRef | gradientEditorTypeCellStyleRef {} |
| gradient editor: Type | |
| StyleRef | gradientEditorSwatchCellStyleRef {} |
| gradient editor: the stop's color | |
| StyleRef | gradientEditorHeadCellStyleRef {} |
| gradient editor: a header caption | |
| StyleRef | gradientEditorHeadLocationStyleRef {} |
| gradient editor: Location | |
| StyleRef | gradientEditorValueCellStyleRef {} |
| gradient editor: the stop's hex | |
| StyleRef | gradientEditorLocationCellStyleRef {} |
| gradient editor: the stop's location | |
| StyleRef | tableStyleRef {} |
| Table: the table. | |
| StyleRef | tableFillStyleRef {} |
| Table bounded to its flex container (flex-basis:0): it doesn't grow, its rows scroll. | |
| StyleRef | tableHeaderSectionStyleRef {} |
| Header grid, a sibling of the body so it doesn't scroll with the rows. | |
| StyleRef | tableBodiesRowStyleRef {} |
| row holding the table's body sections, bounded to the table | |
| StyleRef | tableScrollableBodyStyleRef {} |
| a scrolling section body | |
| StyleRef | tableFitContentBodyStyleRef {} |
| SectionSizing::FitContent section body. | |
| StyleRef | tableRowStyleRef {} |
| row backdrop (odd rows) | |
| StyleRef | tableRowAltStyleRef {} |
| row backdrop (even rows) | |
| StyleRef | tableRowBarStyleRef {} |
| accent bar on a selected row's left | |
| StyleRef | listRowStyleRef {} |
| rounded row without stripes (tree views, TableState::rowStyle) | |
| StyleRef | treeTableCellRowModeStyleRef {} |
| Row-mode tree cell: transparent hover/selected, so the row backdrop shows them. | |
| StyleRef | treeTableArrowGlyphStyleRef {} |
| The arrow's NoInput glyph, inside a full-row-height hit wrapper (treeTableArrowStyleRef) for forgiving clicks. | |
| StyleRef | treeTableTextEditStyleRef {} |
| Inline-rename editor. | |
| StyleRef | tableHeaderStyleRef {} |
| a column header | |
| StyleRef | tableHeaderLockedStyleRef {} |
| Locked column headers: default cursor, since they can't be dragged. | |
| StyleRef | tableSizerStyleRef {} |
| a column's resize handle | |
| StyleRef | tableSeparatorStyleRef {} |
| the divider between table sections | |
| StyleRef | tableCellStyleRef {} |
| a cell | |
| StyleRef | tableCellNumberStyleRef {} |
| right-aligned number cell (TableColumn::cellStyle) | |
| StyleRef | tableCellCompactStyleRef {} |
| tighter-padded cell for dense tables (opt-in via VirtualTable cellStyle) | |
| StyleRef | nodeViewStyleRef {} |
| NodeView: the canvas. | |
| StyleRef | viewBackgroundStyleRef {} |
| solid backdrop (–bg-app) for the View panel's toolbar dock | |
| StyleRef | nodeStyleRef {} |
| single node container (vertical column with border + bg) | |
| StyleRef | nodeRerouteStyleRef {} |
| a reroute node's square (the dot is drawn on it) | |
| StyleRef | nodeHeaderStyleRef {} |
| node title bar (distinct background, sits at top of node) | |
| StyleRef | nodeCategoryStyleRef {} |
| the category square in a node header | |
| StyleRef | nodeTitleStyleRef {} |
| a node header's title | |
| StyleRef | nodeCaptionStyleRef {} |
| a node header's category name, right-aligned | |
| StyleRef | nodeViewOverlayStyleRef {} |
| panel floating over the node view (breadcrumb, zoom bar) | |
| StyleRef | nodeViewOverlayButtonStyleRef {} |
| flat button in such a panel | |
| StyleRef | nodeViewMinimapStyleRef {} |
| the node view's minimap | |
| StyleRef | breadcrumbStyleRef {} |
| the breadcrumb path bar | |
| StyleRef | breadcrumbSegmentStyleRef {} |
| a clickable path segment | |
| StyleRef | breadcrumbCurrentStyleRef {} |
| the last segment | |
| StyleRef | breadcrumbSeparatorStyleRef {} |
| between two segments | |
| StyleRef | axisLabelStyleRefs [4] {} |
| vector fields: the label of each component (X, Y, Z, W) | |
| int32_t | axisLabelWidth = 0 |
| Width shared by the component labels: the widest name (X..W, R..A) with its label's padding and border, in pixels. | |
| StyleRef | vectorComponentStyleRef {} |
| a vector component's field | |
| StyleRef | statusBarStyleRef {} |
| BeginStatusBar's default. | |
| StyleRef | statusTextStyleRef {} |
| text in the status bar | |
| StyleRef | nodeRowStyleRef {} |
| node property row (socket | body | socket) | |
| StyleRef | nodeBodyCenterStyleRef {} |
| centered body for full-body content (image previews) | |
| StyleRef | nodeSocketStyleRef {} |
| A socket's hit target; overflow:visible so the dot and its hover halo aren't clipped. | |
| int | socketSize = 12 |
| .node-socket box size in pixels (read from CSS); the custom-drawn dot and the on-border insets derive from it. | |
| StyleRef | nodeTextLeftStyleRef {} |
| text-only property body, left-aligned (left dot only) | |
| StyleRef | nodeTextCenterStyleRef {} |
| text-only property body, centered (both dots) | |
| StyleRef | nodeTextRightStyleRef {} |
| text-only property body, right-aligned (right dot only) | |
| StyleRef | itemListStyleRef {} |
| a bordered scrolling list box | |
| StyleRef | itemStyleRef {} |
| an item in it | |
| StyleRef | mainWindowStyleRef {} |
| a window without padding, its content in a column | |
| StyleRef | windowStyleRef {} |
| BeginWindow's default. | |
| StyleRef | dockWindowStyleRef {} |
| floating dock window - no internal padding | |
| StyleRef | dockWindowLeafStyleRef {} |
| a torn-off window's root leaf: the title bar over the panel | |
| StyleRef | dockWindowPanelStyleRef {} |
| the panel inset under a torn-off window's title bar | |
| StyleRef | dockWindowBodyStyleRef {} |
| a torn-off window's split layout, inset the same | |
| StyleRef | titleBarTabBarStyleRef {} |
| the tab strip in a torn-off window's title bar | |
| StyleRef | titleBarTabStyleRef {} |
| a tab in it | |
| StyleRef | titleBarGripStyleRef {} |
| the grip before it | |
| StyleRef | titleBarTitleStyleRef {} |
| the window's name when the tabs aren't in the bar | |
| StyleRef | titleBarTextButtonStyleRef {} |
| a text button in a title bar (Dock) | |
| StyleRef | listAreaStyleRef {} |
| undecorated scrolling column (BeginArea) | |
| StyleRef | collectionAreaStyleRef {} |
| card-like well behind the list & dictionary Field() helpers | |
| StyleRef | typedFieldStyleRef {} |
| TypedField: the box. | |
| StyleRef | typedFieldInputStyleRef {} |
| TypedField: the value. | |
| StyleRef | typedFieldTypeStyleRef {} |
| TypedField: the type tag. | |
| StyleRef | collectionListStyleRef {} |
| list field: the rows | |
| StyleRef | collectionRowStyleRef {} |
| list field: a row | |
| StyleRef | collectionIndexStyleRef {} |
| list field: a row's index | |
| StyleRef | collectionRemoveStyleRef {} |
| list / dictionary: remove | |
| StyleRef | collectionAddStyleRef {} |
| list field: Add item | |
| StyleRef | collectionAddEntryStyleRef {} |
| dictionary: Add entry | |
| StyleRef | collectionEntryStyleRef {} |
| dictionary: a row | |
| StyleRef | collectionValueStyleRef {} |
| dictionary: a value | |
| StyleRef | collectionHeaderStyleRef {} |
| dictionary: the header row | |
| StyleRef | collectionHeaderCellStyleRef {} |
| dictionary: Key / Value | |
| StyleRef | collectionHeaderCaptionStyleRef {} |
| dictionary: the caption | |
| StyleRef | collectionHeaderTypeStyleRef {} |
| dictionary: the type | |
| StyleRef | groupLabelTopStyleRef {} |
| Label with a caption: the container. | |
| StyleRef | groupLabelTitleStyleRef {} |
| Label with a caption: the title. | |
| StyleRef | groupLabelCaptionStyleRef {} |
| Label with a caption: the caption. | |
| StyleRef | iconButtonStyleRef {} |
| compact flat icon button (a list / dictionary row's remove) | |
| StyleRef | iconButtonEndStyleRef {} |
| the same, end-aligned (the trailing add button) | |
| StyleRef | menuStyleRef {} |
| a menu's window | |
| StyleRef | menuItemStyleRef {} |
| a menu item | |
| StyleRef | menuScrollButtonStyleRef {} |
| the scroll up / down arrows of a menu taller than the screen | |
| StyleRef | menuBarStyleRef {} |
| horizontal strip at the top of the main window | |
| StyleRef | menuBarTriggerStyleRef {} |
| flat top-level trigger inside the menu bar | |
| StyleRef | titleBarStyleRef {} |
| a window's own title bar (BeginTitleBar) | |
| StyleRef | titleBarButtonStyleRef {} |
| its minimize and maximize buttons | |
| StyleRef | titleBarCloseButtonStyleRef {} |
| its close button | |
| StyleRef | menuSeparatorStyleRef {} |
| a divider between menu items | |
| StyleRef | menuHeaderStyleRef {} |
| a section's name in a menu | |
| StyleRef | reorderDropSlotStyleRef {} |
| a list row's drop slot while it's dragged | |
| StyleRef | reorderLiftedStyleRef {} |
| the dragged row itself, under its parts | |
| StyleRef | reorderLiftedRingStyleRef {} |
| the dragged row's ring, over its parts | |
| StyleRef | menuItemDestructiveLabelStyleRef {} |
| a destructive item's label (.menu-item-label-destructive) | |
| StyleRef | menuItemDestructiveIconStyleRef {} |
| a destructive item's icon (.menu-item-icon-destructive) | |
| StyleRef | menuItemRowStyleRef {} |
| interactive row: icon slot + label + trailing shortcut/arrow | |
| StyleRef | menuItemIconStyleRef {} |
| fixed icon slot inside a menu item row | |
| StyleRef | menuItemLabelStyleRef {} |
| grow:1 label inside a menu item row | |
| StyleRef | menuItemShortcutStyleRef {} |
| dim trailing keyboard-shortcut text | |
| StyleRef | menuItemArrowStyleRef {} |
| dim trailing submenu arrow | |
| StyleRef | tooltipFrameStyleRef {} |
| a tooltip's window: see-through, with room for the arrow | |
| StyleRef | tooltipStyleRef {} |
| the tooltip's box | |
| StyleRef | tooltipTextStyleRef {} |
| its text | |
| StyleRef | tooltipShortcutStyleRef {} |
| a shortcut chip after the text | |
| StyleRef | tooltipRichStyleRef {} |
| property help's box, on the popup surface | |
| StyleRef | tooltipTitleStyleRef {} |
| its title | |
| StyleRef | tooltipDescriptionStyleRef {} |
| its description | |
| StyleRef | tooltipFooterStyleRef {} |
| its footer, under a line | |
| StyleRef | tooltipExpandStyleRef {} |
| text cut short, shown whole over itself: the box | |
| StyleRef | tooltipExpandTextStyleRef {} |
| its text's colors (the font is the cut text's) | |
| StyleRef | tooltipErrorStyleRef {} |
| a value that isn't accepted: the box, error border | |
| StyleRef | tooltipErrorTextStyleRef {} |
| its message | |
| StyleRef | tooltipLinesStyleRef {} |
| a tooltip of a few lines: a disabled control's, a pin's | |
| StyleRef | tooltipNoteStyleRef {} |
| a muted line: why it's disabled, where a pin's value comes from | |
| StyleRef | tooltipPinRowStyleRef {} |
| a pin's first line: its name, type and value | |
| StyleRef | tooltipPinTypeStyleRef {} |
| ... its type, muted and monospace | |
| StyleRef | tooltipPinValueStyleRef {} |
| ... its value, monospace, at the end | |
| StyleRef | labelHelpStyleRef {} |
| a Label() with property help: underlined, dotted | |
| StyleRef | groupLabelHelpStyleRef {} |
| the same inside a label group | |
| StyleRef | dragLabelHelpStyleRef {} |
| a DragLabel() with property help | |
| StyleRef | groupDragLabelHelpStyleRef {} |
| the same inside a label group | |
| StyleRef | groupLabelStyleRef {} |
| Label() inside a label group. | |
| StyleRef | groupDragLabelStyleRef {} |
| DragLabel() inside a label group. | |
| StyleRef | collectionStyleRef {} |
| BeginArea / BeginCached default. | |
| StyleRef | listViewStyleRef {} |
| BeginListView's default. | |
| StyleRef | listItemStyleRef {} |
| ListItem's default. | |
| StyleRef | listItemRowStyleRef {} |
| reorderable list item outer container | |
| StyleRef | listItemDragKnobHorzStyleRef {} |
| reorderable list item drag handle (horizontal list - drag along x) | |
| StyleRef | listItemDragKnobVertStyleRef {} |
| reorderable list item drag handle (vertical list - drag along y) | |
| StyleRef | listItemBodyStyleRef {} |
| reorderable list item text/icon body | |
| StyleRef | treeViewStyleRef {} |
| a tree view | |
| StyleRef | gridViewStyleRef {} |
| BeginGridView's default. | |
| StyleRef | gridViewItemStyleRef {} |
| a grid view cell, by default | |
| StyleRef | gridViewScrollStyleRef {} |
| virtualized grid scroll viewport (column) | |
| StyleRef | gridViewRowStyleRef {} |
| one row strip of cells in the virtual grid | |
| StyleRef | gridViewListItemStyleRef {} |
| list-mode cell: icon left, name right, one line | |
| StyleRef | gridViewRenameItemStyleRef {} |
| rename-mode cell: icon above inline editor | |
| StyleRef | gridViewRenameListItemStyleRef {} |
| rename-mode list row: icon left of editor | |
| StyleRef | gridViewRenameIconStyleRef {} |
| the icon child of a renaming cell | |
| StyleRef | gridViewRenameEditStyleRef {} |
| grid-mode inline editor (full cell width) | |
| StyleRef | flexFillRowStyleRef {} |
| horizontal flex bounded to its parent (flex-basis:0) | |
| StyleRef | flexFillColStyleRef {} |
| vertical flex bounded to its parent (flex-basis:0) | |
| StyleRef | flatButtonStyleRef {} |
| button that reads as plain left-aligned text (no chrome) | |
| StyleRef | searchRowStyleRef {} |
| full-width row hosting a top-of-panel SearchField (bottom spacing) | |
| Style | gridViewItemBaseStyle {} |
| Parsed .grid-view-item, for cloning with another iconSize (registering is deduped). | |
| int32_t | gridViewItemLineHeight = 0 |
| Line height of a grid view cell's name in pixels, measured in ComputeRowMetrics so names never clip. | |
| int32_t | gridViewListRowHeight = 0 |
| a list-mode grid view row, in pixels (ComputeRowMetrics) | |
| StyleRef | dockContainerStyleRef {} |
| a docking container | |
| StyleRef | dockContainerMainStyleRef {} |
| a main window's docking area, with a side gutter | |
| StyleRef | dockSplitHorzStyleRef {} |
| horizontal flex row (split into left / right) | |
| StyleRef | dockSplitVertStyleRef {} |
| vertical flex column (split into top / bottom) | |
| StyleRef | dockSizerHorzStyleRef {} |
| vertical bar between left / right panes | |
| StyleRef | dockSizerVertStyleRef {} |
| horizontal bar between top / bottom panes | |
| StyleRef | dockLeafStyleRef {} |
| vertical flex: [tab bar][content] | |
| StyleRef | dockContentStyleRef {} |
| content area holding the selected panel's draw() | |
| StyleRef | settingsPageSelectionRef {} |
| the settings page list (.settings-page-selection) | |
| StyleRef | settingsPageStyleRef {} |
| settings page body - dock-content layout + left padding off the sizer | |
| tachyon::VisualColorStyleIndex | lineGrayStyle |
| –text-3 | |
| tachyon::VisualColorStyleIndex | lineYellowStyle |
| –warn | |
| tachyon::VisualColorStyleIndex | lineWhiteStyle |
| –text-1 | |
| tachyon::VisualColorStyleIndex | lineDarkStyle |
| –bg-app | |
| tachyon::VisualColorStyleIndex | treeGuideLineStyle |
| –line-node: tree guide lines | |
| tachyon::VisualColorStyleIndex | dividerHoverLineStyle |
| a hovered divider drawn as a line (label sizer) | |
| tachyon::VisualColorStyleIndex | nanTextColor |
| a number field's NaN | |
| tachyon::color4b | scrim {} |
| dims a window under its modal dialog (fading in and out) | |
| float | disabledOpacity = 0.4f |
| –disabled-opacity: a disabled control, with all its parts, is drawn this opaque, unless its style sets an opacity for :disabled. | |
| tachyon::color4b | invalidColor {} |
| An invalid control's border color (–error) and the halo around it (–invalid-halo). | |
| tachyon::VisualShadow | invalidHalo {} |
| tachyon::LinkStyle | linkStyle {} |
| The .link class: its color, :hover color and cursor, for a ContentRun's linkStyle. | |
| tachyon::VisualColorStyleIndex | checkerAColor |
| tachyon::VisualColorStyleIndex | checkerBColor |
| transparency checkerboard | |
| tachyon::VisualColorStyleIndex | alphaTrackColor |
| tachyon::VisualColorStyleIndex | alphaFillColor |
| a color's alpha bar | |
| tachyon::VisualColorStyleIndex | accentColor |
| tachyon::VisualColorStyleIndex | panelColor |
| a selected swatch's ring and gap | |
| tachyon::VisualColorStyleIndex | treeDropIndicatorStyle |
| drop indicator lines + closed-branch outline | |
| tachyon::VisualColorStyleIndex | marqueeFillColorStyle |
| selection-marquee fill (fixed translucent blue) | |
| tachyon::VisualColorStyleIndex | tooltipArrowFill |
| –tooltip-bg: a tooltip's arrow | |
| tachyon::VisualColorStyleIndex | tooltipArrowLine |
| –tooltip-border: its edges | |
| tachyon::VisualColorStyleIndex | popupArrowFill |
| –bg-popup: property help's arrow | |
| tachyon::VisualColorStyleIndex | popupArrowLine |
| –line-strong: its edges | |
| tachyon::VisualColorStyleIndex | invalidLine |
| –error: an error tooltip's arrow edges, a field's error icon | |
| int32_t | tableRowHeight = 0 |
| Table row height in pixels, measured from real font metrics in ComputeRowMetrics. | |
| int32_t | nodeGridSize = 0 |
| Node-view grid pitch: half a property row, measured in ComputeRowMetrics. | |
Button and toggle groups | |
Tight-packed button/toggle group: the container and its items' style. Used by BeginButtonGroup / BeginToggleGroup; the items' :first-child and :last-child rules shape the group's ends. | |
| StyleRef | buttonGroupStyleRef {} |
| .group-button | |
| StyleRef | groupButtonStyleRef {} |
| .group-button | |
| StyleRef | toggleGroupStyleRef {} |
| .group-button | |
| StyleRef | groupToggleStyleRef {} |
| .group-toggle | |
Scrollbars | |
Per axis: the track element, and the thumb custom-drawn on top of it. Tracks: .scrollbar-vertical / .scrollbar-horizontal; thumbs: the same + -thumb. | |
| StyleRef | scrollbarVerticalTrackStyleRef {} |
| StyleRef | scrollbarVerticalThumbStyleRef {} |
| StyleRef | scrollbarHorizontalTrackStyleRef {} |
| StyleRef | scrollbarHorizontalThumbStyleRef {} |
Tree table cells | |
Tree column: [indent][arrow|spacer][icon? ][text], guide lines custom-drawn. | |
| StyleRef | treeTableCellStyleRef {} |
| StyleRef | treeTableIndentStyleRef {} |
| StyleRef | treeTableArrowStyleRef {} |
| StyleRef | treeTableIconStyleRef {} |
| StyleRef | treeTableTextStyleRef {} |
Command search | |
Command search: the box, its hint and keycap, the list of matches and its highlighted row. | |
| StyleRef | commandSearchStyleRef {} |
| StyleRef | commandSearchHintStyleRef {} |
| StyleRef | commandSearchKeyStyleRef {} |
| StyleRef | commandSearchListStyleRef {} |
| StyleRef | commandSearchCurrentRowStyleRef {} |
Reorderable groups | |
BeginReorderableItem's default and the reorderable group per direction, with and without wrapping. CSS classes in camelCase: .reorderableItem, .horzReorderableGroup ... | |
| StyleRef | reorderableItemStyleRef {} |
| StyleRef | horzReorderableGroupStyleRef {} |
| StyleRef | vertReorderableGroupStyleRef {} |
| StyleRef | horzReorderableGroupWrapStyleRef {} |
| StyleRef | vertReorderableGroupWrapStyleRef {} |
Search field | |
SearchField: the textbox chrome container, its icon, and the borderless inner field. | |
| StyleRef | searchTextboxStyleRef {} |
| StyleRef | searchTextboxIconStyleRef {} |
| StyleRef | searchTextboxFieldStyleRef {} |
Tabs | |
A tab bar, a tab, a tab's icon and text, and its close button. | |
| StyleRef | tabBarStyleRef {} |
| the "+N" button after the tabs that fit | |
| StyleRef | tabStyleRef {} |
| the "+N" button after the tabs that fit | |
| StyleRef | tabOverflowStyleRef {} |
| the "+N" button after the tabs that fit | |
| StyleRef | tabContentStyleRef {} |
| the "+N" button after the tabs that fit | |
| StyleRef | tabCloseStyleRef {} |
| the "+N" button after the tabs that fit | |
Toasts and banners | |
The circle, banner and banner message come per severity, indexed by Severity. | |
| StyleRef | toastStackStyleRef {} |
| the toasts, a column in the window's corner | |
| StyleRef | toastStyleRef {} |
| one toast, on the popup surface | |
| StyleRef | toastCircleStyleRefs [4] {} |
| .toast-circle-info, -success, -warning, -error | |
| StyleRef | toastContentStyleRef {} |
| title row, body, progress and actions | |
| StyleRef | toastHeaderStyleRef {} |
| the title and its time | |
| StyleRef | toastTitleStyleRef {} |
| the toasts, a column in the window's corner | |
| StyleRef | toastTimeStyleRef {} |
| "now", "4 min" | |
| StyleRef | toastBodyStyleRef {} |
| the toasts, a column in the window's corner | |
| StyleRef | toastBodyMonoStyleRef {} |
| a body of code or file locations | |
| StyleRef | toastProgressStyleRef {} |
| the progress bar's track | |
| StyleRef | toastProgressFillStyleRef {} |
| the toasts, a column in the window's corner | |
| StyleRef | toastActionsStyleRef {} |
| the row of actions | |
| StyleRef | toastActionStyleRef {} |
| the first action, in the link color | |
| StyleRef | toastActionSecondaryStyleRef {} |
| the toasts, a column in the window's corner | |
| StyleRef | toastDismissStyleRef {} |
| the toasts, a column in the window's corner | |
| StyleRef | toastEarlierStyleRef {} |
| "+N earlier" | |
| StyleRef | bannerStyleRefs [4] {} |
| .banner-info, -success, -warning, -error | |
| StyleRef | bannerMessageStyleRefs [4] {} |
| .banner-message-info, ...: the icon in the severity's color | |
| StyleRef | bannerPrimaryStyleRef {} |
| BannerActionKind::Primary. | |
| StyleRef | bannerSecondaryStyleRef {} |
| the toasts, a column in the window's corner | |
| StyleRef | bannerLinkStyleRef {} |
| the toasts, a column in the window's corner | |
Documents | |
The document bar and the workspace under it. A document's tab, name and line take their colors from its type's classes (.document-tab-level, ...); these are the plain ones, for a type the theme has none for. | |
| StyleRef | documentsStyleRef {} |
| the bar and the active document's panels, a column | |
| StyleRef | documentBarStyleRef {} |
| the bar: its row over the line | |
| StyleRef | documentRowStyleRef {} |
| the tabs, "+" and the list | |
| StyleRef | documentTabBarStyleRef {} |
| the tabs and "+" | |
| StyleRef | documentTabStyleRef {} |
| the bar and the active document's panels, a column | |
| StyleRef | documentNameStyleRef {} |
| a tab's icon and name | |
| StyleRef | documentExtensionStyleRef {} |
| ".level", after the name | |
| StyleRef | documentMarkStyleRef {} |
| the slot for the close button or the unsaved dot | |
| StyleRef | documentCloseStyleRef {} |
| the bar and the active document's panels, a column | |
| StyleRef | documentDirtyStyleRef {} |
| the unsaved-changes dot | |
| StyleRef | documentLineStyleRef {} |
| under the bar, in the active document's color | |
| StyleRef | documentNewStyleRef {} |
| "+" | |
| StyleRef | documentListStyleRef {} |
| "N open", listing every document | |
Built-in icons | |
Registered by InitializeDefaultStyles. | |
| IconID | treeArrowRight = IconID::Invalid |
| tree expander: collapsed | |
| IconID | treeArrowDown = IconID::Invalid |
| tree expander: expanded | |
| IconID | sortArrowUpIcon = IconID::Invalid |
| table header: sorted descending | |
| IconID | sortArrowDownIcon = IconID::Invalid |
| table header: sorted ascending | |
| IconID | tabCloseIcon = IconID::Invalid |
| a tab's close button | |
| IconID | menuCheckIcon = IconID::Invalid |
| marks the current/checked item in a menu | |
| IconID | dropdownArrowIcon = IconID::Invalid |
| after a dropdown's text (menu triggers outside a menu bar) | |
| IconID | dropdownArrowUpIcon = IconID::Invalid |
| the same while its menu is open | |
| IconID | chevronLeftIcon = IconID::Invalid |
| previous | |
| IconID | duplicateIcon = IconID::Invalid |
| duplicate | |
| IconID | deleteIcon = IconID::Invalid |
| delete (trash can) | |
| IconID | reverseIcon = IconID::Invalid |
| gradient editor: Reverse | |
| IconID | distributeIcon = IconID::Invalid |
| gradient editor: Distribute evenly | |
| IconID | addIcon = IconID::Invalid |
| list / dictionary Field(): add a row | |
| IconID | removeIcon = IconID::Invalid |
| list / dictionary Field(): remove a row | |
| IconID | dragHandleIcon = IconID::Invalid |
| three-bar grip of a reorderable list / tree row | |
| IconID | dockIcon = IconID::Invalid |
| returns a torn-off panel to its dock | |
| IconID | eyedropperIcon = IconID::Invalid |
| picks a color from the screen | |
| IconID | alertIcon = IconID::Invalid |
| message severity: warning | |
| IconID | powerIcon = IconID::Invalid |
| message severity: quitting | |
| IconID | questionIcon = IconID::Invalid |
| message severity: question | |
| IconID | infoIcon = IconID::Invalid |
| message severity: information | |
| IconID | errorIcon = IconID::Invalid |
| message severity: error | |
| IconID | invalidIcon = IconID::Invalid |
| in a field whose value isn't accepted | |
| IconID | chevronRightIcon = IconID::Invalid |
| next; a collapsed section | |
| IconID | searchIcon = IconID::Invalid |
| SearchField. | |
| IconID | windowMinimizeIcon = IconID::Invalid |
| title bar: minimize | |
| IconID | windowMaximizeIcon = IconID::Invalid |
| title bar: maximize | |
| IconID | windowRestoreIcon = IconID::Invalid |
| title bar: restore | |
Tree table metrics | |
Pixels, read from the stylesheet in ComputeRowMetrics; a theme that omits one gets the measured text line height. | |
| int32_t | treeTableIndent = 0 |
| per indent level | |
| int32_t | treeTableExpanderWidth = 0 |
| the expander column (arrow or leaf spacer) | |
| int32_t | treeTableIconSize = 0 |
| a node's icon | |
| int32_t | treeTableArrowGlyphSize = 0 |
| the expander arrow | |
The library's styles, icons and theme metrics, the defaults the controls draw with.
LoadTheme registers every class of the style files; each xxxStyleRef below is the class of the same name in kebab-case (tableRowAltStyleRef -> .table-row-alt) unless its comment names another. They are reassigned on every theme (re)load.
An app's own classes (from SetStyleFiles) are found by name; look them up in OnGUI, since a reload registers them again:
Text("My themed app", theme.GetStyle("banner"));
Button("Careful!", onClick, theme.GetStyle("warning-button"));
| void tachyon::GUITheme::InitializeDefaultStyles | ( | StyleManager & | styleManager, |
| ITextSystem * | textSystem ) |
Registers the styles built in code (fieldElementGroupStyleRef, the empty*StyleRefs) and the built-in icons; textSystem must be valid.
Call before LoadTheme, and again after StyleManager::ClearAll.
| bool tachyon::GUITheme::LoadTheme | ( | StyleManager & | styleManager, |
| ITextSystem * | textSystem, | ||
| const std::string & | themePath, | ||
| std::span< const std::string > | styleFiles, | ||
| float | fontScale ) |
Parses the palette file themePath followed by styleFiles (in order; relative paths are next to the palette file) and registers every class, the palette colors and, when textSystem is given, the @font-face families.
fontScale scales every font size. Parse errors are logged and skipped; false when a file can't be opened.
| StyleRef tachyon::GUITheme::GetStyle | ( | std::string_view | cssClass | ) | const |
The style of a CSS class from the loaded style files (library or app); an invalid style, with a warning once per class, when no file defines it.
As GetStyle, but a class no file defines is a NotFound error.
A palette color by custom-property name ("--node-input"), or fallback when the loaded theme doesn't define it.
| void tachyon::GUITheme::ComputeRowMetrics | ( | StyleManager & | styleManager, |
| ITextSystem & | textSystem ) |
Measures the font-dependent metrics above. Call after every LoadTheme.
| ControlStyles tachyon::GUITheme::regularControls {} |
.button, .toggle, .textbox, .number-field, .menu-trigger
| ControlStyles tachyon::GUITheme::toolbarControls {} |
the .toolbar-* variants of those
| const ControlStyles* tachyon::GUITheme::controls = ®ularControls |
the bundle in use
| StyleRef tachyon::GUITheme::emptyHorzStyleRef |
horizontal flex, no wrap; groups elements without drawing anything
| StyleRef tachyon::GUITheme::emptyHorzWrapStyleRef |
horizontal flex, wrap
| StyleRef tachyon::GUITheme::emptyVertStyleRef |
vertical flex, no wrap
| StyleRef tachyon::GUITheme::emptyVertWrapStyleRef |
vertical flex, wrap
| StyleRef tachyon::GUITheme::fieldElementGroupStyleRef |
Built in code: an undecorated, growing, wrapping flex row (a multi-value drag field).
| StyleRef tachyon::GUITheme::toolbarSideHorzStyleRef {} |
toolbar side bin, top / bottom: row + flex-wrap
| StyleRef tachyon::GUITheme::toolbarSideVertStyleRef {} |
toolbar side bin, left / right: column + flex-wrap
| StyleRef tachyon::GUITheme::toolbarItemHorzStyleRef {} |
toolbar on a horizontal side: row, thumb left of body
| StyleRef tachyon::GUITheme::toolbarItemVertStyleRef {} |
toolbar on a vertical side: column, thumb above body
| StyleRef tachyon::GUITheme::toolbarThumbHorzStyleRef {} |
a toolbar's drag thumb on a horizontal side
| StyleRef tachyon::GUITheme::toolbarThumbVertStyleRef {} |
a toolbar's drag thumb on a vertical side
| StyleRef tachyon::GUITheme::toolbarSideHorzEmptyStyleRef {} |
Zero-thickness top / bottom side bin for an empty side, used only while no drag is in flight (during a drag the full bin is used, so the side can be hit).
| StyleRef tachyon::GUITheme::toolbarSideVertEmptyStyleRef {} |
the same, for left / right
| StyleRef tachyon::GUITheme::toolbarFloatingWindowStyleRef {} |
floating tear-off window content host (no padding)
| StyleRef tachyon::GUITheme::viewContentStyleRef {} |
the central content placeholder
| StyleRef tachyon::GUITheme::panelDropVisualizationStyleRef {} |
overlay showing where a dragged panel or toolbar docks
| StyleRef tachyon::GUITheme::ghostWindowStyleRef {} |
BeginGhostWindow's default: the window following a drag.
| StyleRef tachyon::GUITheme::ghostIconStyleRef {} |
the icon in a drag ghost
| StyleRef tachyon::GUITheme::textStyleRef {} |
.text-style: rich text
| StyleRef tachyon::GUITheme::staticTextStyleRef {} |
plain non-interactive text
| StyleRef tachyon::GUITheme::imageStyleRef {} |
default box for the Image() element
| StyleRef tachyon::GUITheme::labelStyleRef {} |
Label()'s default.
| StyleRef tachyon::GUITheme::iconLabelStyleRef {} |
inline icon + text, centered (e.g. command cells)
| StyleRef tachyon::GUITheme::iconLabelNoIconStyleRef {} |
icon-label with no icon, left-padded to align under icon'd siblings
| StyleRef tachyon::GUITheme::dragLabelStyleRef {} |
DragLabel()'s default.
| StyleRef tachyon::GUITheme::buttonGroupStyleRef {} |
.group-button
| StyleRef tachyon::GUITheme::groupButtonStyleRef {} |
.group-button
| StyleRef tachyon::GUITheme::toggleGroupStyleRef {} |
.group-button
| StyleRef tachyon::GUITheme::groupToggleStyleRef {} |
.group-toggle
| StyleRef tachyon::GUITheme::dashedStyleRef {} |
a box with a dashed border
| StyleRef tachyon::GUITheme::firstIconStyleRef {} |
.first-icon
| StyleRef tachyon::GUITheme::iconLeftStyleRef {} |
icon left, text right
| StyleRef tachyon::GUITheme::iconRightStyleRef {} |
text left, icon right
| StyleRef tachyon::GUITheme::iconTopStyleRef {} |
icon above, text below
| StyleRef tachyon::GUITheme::iconBottomStyleRef {} |
text above, icon below
| StyleRef tachyon::GUITheme::knobStyleRef {} |
.knob
| StyleRef tachyon::GUITheme::sliderFieldTrackStyleRef {} |
SliderField: the track holding the parts below.
| StyleRef tachyon::GUITheme::sliderFieldBgStyleRef {} |
unfilled half painted by the slider's custom-draw
| StyleRef tachyon::GUITheme::sliderFieldFillStyleRef {} |
filled half painted by the slider's custom-draw
| StyleRef tachyon::GUITheme::sliderFieldTextStyleRef {} |
label text overlaid on the track
| StyleRef tachyon::GUITheme::sliderFieldValueStyleRef {} |
value text overlaid on the track
| StyleRef tachyon::GUITheme::sliderFieldEdgeStyleRef {} |
the line ending the fill
| StyleRef tachyon::GUITheme::sliderStyleRef {} |
Slider: a groove and knob, no value text.
| StyleRef tachyon::GUITheme::sliderGrooveStyleRef {} |
Slider: groove line painted by the custom-draw.
| StyleRef tachyon::GUITheme::sliderFillStyleRef {} |
Slider: the groove's filled part, up to the knob.
| StyleRef tachyon::GUITheme::sliderKnobStyleRef {} |
Slider: knob painted by the custom-draw.
| StyleRef tachyon::GUITheme::switchStyleRef {} |
Switch: the control (track + label).
| StyleRef tachyon::GUITheme::switchTrackStyleRef {} |
Switch: the track; its knob is painted by the custom-draw.
| StyleRef tachyon::GUITheme::switchKnobStyleRef {} |
Switch: the knob.
| StyleRef tachyon::GUITheme::switchLabelStyleRef {} |
Switch: the label after the track.
| StyleRef tachyon::GUITheme::scrollbarVerticalTrackStyleRef {} |
| StyleRef tachyon::GUITheme::scrollbarVerticalThumbStyleRef {} |
| StyleRef tachyon::GUITheme::scrollbarHorizontalTrackStyleRef {} |
| StyleRef tachyon::GUITheme::scrollbarHorizontalThumbStyleRef {} |
| int tachyon::GUITheme::scrollbarThickness = 12 |
.scrollbar-vertical width (read from CSS, at the UI scale)
| StyleRef tachyon::GUITheme::colorSwatchStyleRef {} |
ColorField: the swatch.
| StyleRef tachyon::GUITheme::colorFieldStyleRef {} |
ColorField: swatch, hex and alpha in a row.
| StyleRef tachyon::GUITheme::colorHexStyleRef {} |
ColorField: the hex field.
| StyleRef tachyon::GUITheme::colorAlphaStyleRef {} |
ColorField: the alpha box (value and %).
| StyleRef tachyon::GUITheme::colorAlphaInputStyleRef {} |
ColorField: the alpha value in its box.
| StyleRef tachyon::GUITheme::colorAlphaUnitStyleRef {} |
ColorField: the % after it.
| StyleRef tachyon::GUITheme::colorAlphaCaptionStyleRef {} |
ColorField: the "A" before it.
| StyleRef tachyon::GUITheme::colorPickerStyleRef {} |
color picker: the window
| StyleRef tachyon::GUITheme::dialogHeaderStyleRef {} |
dialog: the title row
| StyleRef tachyon::GUITheme::dialogTitleStyleRef {} |
dialog: its title
| StyleRef tachyon::GUITheme::dialogContextStyleRef {} |
dialog: what's being edited, after the title
| StyleRef tachyon::GUITheme::colorPickerHdrValueStyleRef {} |
color picker: the intensity value
| StyleRef tachyon::GUITheme::dialogCloseStyleRef {} |
dialog: the close button
| StyleRef tachyon::GUITheme::dialogFooterStyleRef {} |
dialog: status and buttons
| StyleRef tachyon::GUITheme::dialogStatusStyleRef {} |
dialog: the footer's status text
| StyleRef tachyon::GUITheme::dialogStatusDotStyleRef {} |
dialog: the dot before it
| StyleRef tachyon::GUITheme::dialogButtonStyleRef {} |
dialog: a secondary button (Cancel)
| StyleRef tachyon::GUITheme::dialogPrimaryButtonStyleRef {} |
dialog: the primary button (OK); .dialog-button-primary
| StyleRef tachyon::GUITheme::dialogDangerButtonStyleRef {} |
dialog: a destructive button (Quit, Delete); .dialog-button-danger
| StyleRef tachyon::GUITheme::messageBoxStyleRef {} |
MessageDialog: the window.
| StyleRef tachyon::GUITheme::messageBoxCloseStyleRef {} |
MessageDialog: the close button, top right.
| StyleRef tachyon::GUITheme::messageBoxBodyStyleRef {} |
MessageDialog: the icon and text row.
| StyleRef tachyon::GUITheme::messageBoxWarningStyleRef {} |
MessageDialog: severity circle, warning / quit.
| StyleRef tachyon::GUITheme::messageBoxQuestionStyleRef {} |
MessageDialog: severity circle, question / info.
| StyleRef tachyon::GUITheme::messageBoxErrorStyleRef {} |
MessageDialog: severity circle, error.
| StyleRef tachyon::GUITheme::messageBoxTextStyleRef {} |
MessageDialog: title, message and extras.
| StyleRef tachyon::GUITheme::messageBoxTitleStyleRef {} |
MessageDialog: the title.
| StyleRef tachyon::GUITheme::messageBoxMessageStyleRef {} |
MessageDialog: the message.
| StyleRef tachyon::GUITheme::messageBoxWellStyleRef {} |
MessageDialog: the affected items.
| StyleRef tachyon::GUITheme::messageBoxItemStyleRef {} |
MessageDialog: an affected item's row.
| StyleRef tachyon::GUITheme::messageBoxItemDotStyleRef {} |
MessageDialog: an affected item's dot.
| StyleRef tachyon::GUITheme::messageBoxItemNameStyleRef {} |
MessageDialog: an affected item's name.
| StyleRef tachyon::GUITheme::messageBoxItemMetaStyleRef {} |
MessageDialog: an affected item's extra info.
| StyleRef tachyon::GUITheme::messageBoxDetailsToggleStyleRef {} |
MessageDialog: "Details" with its chevron.
| StyleRef tachyon::GUITheme::messageBoxDetailsStyleRef {} |
MessageDialog: the details, monospace in a well.
| StyleRef tachyon::GUITheme::checkboxStyleRef {} |
Checkbox: the control.
| StyleRef tachyon::GUITheme::checkboxBoxStyleRef {} |
Checkbox: the box.
| StyleRef tachyon::GUITheme::checkboxLabelStyleRef {} |
Checkbox: its label.
| StyleRef tachyon::GUITheme::colorPickerBodyStyleRef {} |
color picker: planes and controls
| StyleRef tachyon::GUITheme::colorPickerPlanesStyleRef {} |
color picker: square and strips
| StyleRef tachyon::GUITheme::colorPickerSquareStyleRef {} |
color picker: the saturation/value square
| StyleRef tachyon::GUITheme::colorPickerStripStyleRef {} |
color picker: the hue and alpha strips
| StyleRef tachyon::GUITheme::colorPickerControlsStyleRef {} |
color picker: the right column
| StyleRef tachyon::GUITheme::colorPickerPreviewGroupStyleRef {} |
color picker: preview and captions
| StyleRef tachyon::GUITheme::colorPickerCaptionsStyleRef {} |
color picker: New / Original
| StyleRef tachyon::GUITheme::colorPickerCaptionStyleRef {} |
color picker: a small caption
| StyleRef tachyon::GUITheme::colorPickerModeRowStyleRef {} |
color picker: space, Linear, range
| StyleRef tachyon::GUITheme::colorPickerRangeStyleRef {} |
color picker: the 0-255 / 0-1 toggle
| StyleRef tachyon::GUITheme::colorPickerChannelsStyleRef {} |
color picker: the channel rows
| StyleRef tachyon::GUITheme::colorPickerChannelStyleRef {} |
color picker: one channel row
| StyleRef tachyon::GUITheme::colorPickerChannelLabelStyleRef {} |
color picker: R, G, B, A ...
| StyleRef tachyon::GUITheme::colorPickerTrackStyleRef {} |
color picker: a channel's track
| StyleRef tachyon::GUITheme::colorPickerChannelValueStyleRef {} |
color picker: a channel's value
| StyleRef tachyon::GUITheme::colorPickerFieldRowStyleRef {} |
color picker: Hex / HDR rows
| StyleRef tachyon::GUITheme::colorPickerRowLabelStyleRef {} |
color picker: Hex, HDR
| StyleRef tachyon::GUITheme::colorPickerHdrStyleRef {} |
color picker: the intensity box
| StyleRef tachyon::GUITheme::colorPickerSwatchesStyleRef {} |
color picker: swatches and recent
| StyleRef tachyon::GUITheme::colorPickerSwatchRowStyleRef {} |
color picker: one swatch row
| StyleRef tachyon::GUITheme::colorPickerSectionLabelStyleRef {} |
color picker: Swatches, Recent
| StyleRef tachyon::GUITheme::colorPickerSwatchStyleRef {} |
color picker: a swatch
| StyleRef tachyon::GUITheme::colorPickerRecentStyleRef {} |
color picker: a recent color
| StyleRef tachyon::GUITheme::colorPickerPreviewStyleRef {} |
color picker: the color preview
| StyleRef tachyon::GUITheme::colorPickerNewStyleRef {} |
color picker: the add-swatch button
| StyleRef tachyon::GUITheme::gradientSwatchStyleRef {} |
GradientField: the swatch.
| StyleRef tachyon::GUITheme::gradientEditorStyleRef {} |
gradient editor: the window
| StyleRef tachyon::GUITheme::gradientEditorBarStyleRef {} |
gradient editor: the gradient bar with its stops
| StyleRef tachyon::GUITheme::dialogSmallButtonStyleRef {} |
dialog: a short button (Save preset, Reverse)
| StyleRef tachyon::GUITheme::dialogIconButtonStyleRef {} |
dialog: a small borderless icon button (previous / next)
| StyleRef tachyon::GUITheme::dialogSquareButtonStyleRef {} |
dialog: a small bordered icon button (duplicate)
| StyleRef tachyon::GUITheme::dialogDeleteButtonStyleRef {} |
dialog: the same, in the error color
| StyleRef tachyon::GUITheme::gradientEditorPresetsStyleRef {} |
gradient editor: the presets row
| StyleRef tachyon::GUITheme::gradientEditorSectionLabelStyleRef {} |
gradient editor: Presets
| StyleRef tachyon::GUITheme::gradientEditorPresetStyleRef {} |
gradient editor: a preset chip
| StyleRef tachyon::GUITheme::gradientEditorBadgeStyleRef {} |
gradient editor: the selected stop's location
| StyleRef tachyon::GUITheme::gradientEditorColumnsStyleRef {} |
gradient editor: the two columns
| StyleRef tachyon::GUITheme::gradientEditorColumnStyleRef {} |
gradient editor: the left column
| StyleRef tachyon::GUITheme::gradientEditorRowStyleRef {} |
gradient editor: a labeled row
| StyleRef tachyon::GUITheme::gradientEditorHeadingStyleRef {} |
gradient editor: Color stop
| StyleRef tachyon::GUITheme::gradientEditorCountStyleRef {} |
gradient editor: 2 / 3
| StyleRef tachyon::GUITheme::gradientEditorLabelStyleRef {} |
gradient editor: a row's label
| StyleRef tachyon::GUITheme::gradientEditorLocationStyleRef {} |
gradient editor: the location box
| StyleRef tachyon::GUITheme::gradientEditorLocationInputStyleRef {} |
gradient editor: its value
| StyleRef tachyon::GUITheme::gradientEditorLocationUnitStyleRef {} |
gradient editor: its %
| StyleRef tachyon::GUITheme::gradientEditorDividerStyleRef {} |
gradient editor: a divider line
| StyleRef tachyon::GUITheme::gradientEditorActionsStyleRef {} |
gradient editor: Reverse, Distribute
| StyleRef tachyon::GUITheme::gradientEditorTableStyleRef {} |
gradient editor: the stops table
| StyleRef tachyon::GUITheme::gradientEditorTableHeadStyleRef {} |
gradient editor: its header row
| StyleRef tachyon::GUITheme::gradientEditorTableRowStyleRef {} |
gradient editor: a stop's row
| StyleRef tachyon::GUITheme::gradientEditorTypeCellStyleRef {} |
gradient editor: Type
| StyleRef tachyon::GUITheme::gradientEditorSwatchCellStyleRef {} |
gradient editor: the stop's color
| StyleRef tachyon::GUITheme::gradientEditorHeadCellStyleRef {} |
gradient editor: a header caption
| StyleRef tachyon::GUITheme::gradientEditorHeadLocationStyleRef {} |
gradient editor: Location
| StyleRef tachyon::GUITheme::gradientEditorValueCellStyleRef {} |
gradient editor: the stop's hex
| StyleRef tachyon::GUITheme::gradientEditorLocationCellStyleRef {} |
gradient editor: the stop's location
| StyleRef tachyon::GUITheme::tableStyleRef {} |
Table: the table.
| StyleRef tachyon::GUITheme::tableFillStyleRef {} |
Table bounded to its flex container (flex-basis:0): it doesn't grow, its rows scroll.
| StyleRef tachyon::GUITheme::tableHeaderSectionStyleRef {} |
Header grid, a sibling of the body so it doesn't scroll with the rows.
| StyleRef tachyon::GUITheme::tableBodiesRowStyleRef {} |
row holding the table's body sections, bounded to the table
| StyleRef tachyon::GUITheme::tableScrollableBodyStyleRef {} |
a scrolling section body
| StyleRef tachyon::GUITheme::tableFitContentBodyStyleRef {} |
SectionSizing::FitContent section body.
| StyleRef tachyon::GUITheme::tableRowStyleRef {} |
row backdrop (odd rows)
| StyleRef tachyon::GUITheme::tableRowAltStyleRef {} |
row backdrop (even rows)
| StyleRef tachyon::GUITheme::tableRowBarStyleRef {} |
accent bar on a selected row's left
| StyleRef tachyon::GUITheme::listRowStyleRef {} |
rounded row without stripes (tree views, TableState::rowStyle)
| StyleRef tachyon::GUITheme::treeTableCellRowModeStyleRef {} |
Row-mode tree cell: transparent hover/selected, so the row backdrop shows them.
| StyleRef tachyon::GUITheme::treeTableArrowGlyphStyleRef {} |
The arrow's NoInput glyph, inside a full-row-height hit wrapper (treeTableArrowStyleRef) for forgiving clicks.
| StyleRef tachyon::GUITheme::treeTableTextEditStyleRef {} |
Inline-rename editor.
Same box as treeTableTextStyleRef (both have a 1px border), so the text doesn't move when a rename starts.
| StyleRef tachyon::GUITheme::tableHeaderStyleRef {} |
a column header
| StyleRef tachyon::GUITheme::tableHeaderLockedStyleRef {} |
Locked column headers: default cursor, since they can't be dragged.
| StyleRef tachyon::GUITheme::tableSizerStyleRef {} |
a column's resize handle
| StyleRef tachyon::GUITheme::tableSeparatorStyleRef {} |
the divider between table sections
| StyleRef tachyon::GUITheme::tableCellStyleRef {} |
a cell
| StyleRef tachyon::GUITheme::tableCellNumberStyleRef {} |
right-aligned number cell (TableColumn::cellStyle)
| StyleRef tachyon::GUITheme::tableCellCompactStyleRef {} |
tighter-padded cell for dense tables (opt-in via VirtualTable cellStyle)
| StyleRef tachyon::GUITheme::treeTableCellStyleRef {} |
| StyleRef tachyon::GUITheme::treeTableIndentStyleRef {} |
| StyleRef tachyon::GUITheme::treeTableArrowStyleRef {} |
| StyleRef tachyon::GUITheme::treeTableIconStyleRef {} |
| StyleRef tachyon::GUITheme::treeTableTextStyleRef {} |
| StyleRef tachyon::GUITheme::viewBackgroundStyleRef {} |
solid backdrop (–bg-app) for the View panel's toolbar dock
| StyleRef tachyon::GUITheme::nodeStyleRef {} |
single node container (vertical column with border + bg)
| StyleRef tachyon::GUITheme::nodeRerouteStyleRef {} |
a reroute node's square (the dot is drawn on it)
| StyleRef tachyon::GUITheme::nodeHeaderStyleRef {} |
node title bar (distinct background, sits at top of node)
| StyleRef tachyon::GUITheme::nodeCategoryStyleRef {} |
the category square in a node header
| StyleRef tachyon::GUITheme::nodeTitleStyleRef {} |
a node header's title
| StyleRef tachyon::GUITheme::nodeCaptionStyleRef {} |
a node header's category name, right-aligned
| StyleRef tachyon::GUITheme::nodeViewOverlayStyleRef {} |
panel floating over the node view (breadcrumb, zoom bar)
| StyleRef tachyon::GUITheme::nodeViewOverlayButtonStyleRef {} |
flat button in such a panel
| StyleRef tachyon::GUITheme::nodeViewMinimapStyleRef {} |
the node view's minimap
| StyleRef tachyon::GUITheme::breadcrumbStyleRef {} |
the breadcrumb path bar
| StyleRef tachyon::GUITheme::breadcrumbSegmentStyleRef {} |
a clickable path segment
| StyleRef tachyon::GUITheme::breadcrumbCurrentStyleRef {} |
the last segment
| StyleRef tachyon::GUITheme::breadcrumbSeparatorStyleRef {} |
between two segments
| StyleRef tachyon::GUITheme::axisLabelStyleRefs[4] {} |
vector fields: the label of each component (X, Y, Z, W)
| int32_t tachyon::GUITheme::axisLabelWidth = 0 |
Width shared by the component labels: the widest name (X..W, R..A) with its label's padding and border, in pixels.
Measured in ComputeRowMetrics.
| StyleRef tachyon::GUITheme::vectorComponentStyleRef {} |
a vector component's field
| StyleRef tachyon::GUITheme::statusBarStyleRef {} |
BeginStatusBar's default.
| StyleRef tachyon::GUITheme::statusTextStyleRef {} |
text in the status bar
| StyleRef tachyon::GUITheme::commandSearchStyleRef {} |
| StyleRef tachyon::GUITheme::commandSearchHintStyleRef {} |
| StyleRef tachyon::GUITheme::commandSearchKeyStyleRef {} |
| StyleRef tachyon::GUITheme::commandSearchListStyleRef {} |
| StyleRef tachyon::GUITheme::commandSearchCurrentRowStyleRef {} |
| StyleRef tachyon::GUITheme::nodeRowStyleRef {} |
node property row (socket | body | socket)
| StyleRef tachyon::GUITheme::nodeBodyCenterStyleRef {} |
centered body for full-body content (image previews)
| StyleRef tachyon::GUITheme::nodeSocketStyleRef {} |
A socket's hit target; overflow:visible so the dot and its hover halo aren't clipped.
| int tachyon::GUITheme::socketSize = 12 |
.node-socket box size in pixels (read from CSS); the custom-drawn dot and the on-border insets derive from it.
| StyleRef tachyon::GUITheme::nodeTextLeftStyleRef {} |
text-only property body, left-aligned (left dot only)
| StyleRef tachyon::GUITheme::nodeTextCenterStyleRef {} |
text-only property body, centered (both dots)
| StyleRef tachyon::GUITheme::nodeTextRightStyleRef {} |
text-only property body, right-aligned (right dot only)
| StyleRef tachyon::GUITheme::itemListStyleRef {} |
a bordered scrolling list box
| StyleRef tachyon::GUITheme::itemStyleRef {} |
an item in it
| StyleRef tachyon::GUITheme::mainWindowStyleRef {} |
a window without padding, its content in a column
| StyleRef tachyon::GUITheme::windowStyleRef {} |
BeginWindow's default.
| StyleRef tachyon::GUITheme::dockWindowStyleRef {} |
floating dock window - no internal padding
| StyleRef tachyon::GUITheme::dockWindowLeafStyleRef {} |
a torn-off window's root leaf: the title bar over the panel
| StyleRef tachyon::GUITheme::dockWindowPanelStyleRef {} |
the panel inset under a torn-off window's title bar
| StyleRef tachyon::GUITheme::dockWindowBodyStyleRef {} |
a torn-off window's split layout, inset the same
| StyleRef tachyon::GUITheme::titleBarTabBarStyleRef {} |
the tab strip in a torn-off window's title bar
| StyleRef tachyon::GUITheme::titleBarTabStyleRef {} |
a tab in it
| StyleRef tachyon::GUITheme::titleBarGripStyleRef {} |
the grip before it
| StyleRef tachyon::GUITheme::titleBarTitleStyleRef {} |
the window's name when the tabs aren't in the bar
| StyleRef tachyon::GUITheme::titleBarTextButtonStyleRef {} |
a text button in a title bar (Dock)
| StyleRef tachyon::GUITheme::listAreaStyleRef {} |
undecorated scrolling column (BeginArea)
| StyleRef tachyon::GUITheme::collectionAreaStyleRef {} |
card-like well behind the list & dictionary Field() helpers
| StyleRef tachyon::GUITheme::typedFieldStyleRef {} |
TypedField: the box.
| StyleRef tachyon::GUITheme::typedFieldInputStyleRef {} |
TypedField: the value.
| StyleRef tachyon::GUITheme::typedFieldTypeStyleRef {} |
TypedField: the type tag.
| StyleRef tachyon::GUITheme::collectionListStyleRef {} |
list field: the rows
| StyleRef tachyon::GUITheme::collectionRowStyleRef {} |
list field: a row
| StyleRef tachyon::GUITheme::collectionIndexStyleRef {} |
list field: a row's index
| StyleRef tachyon::GUITheme::collectionRemoveStyleRef {} |
list / dictionary: remove
| StyleRef tachyon::GUITheme::collectionAddStyleRef {} |
list field: Add item
| StyleRef tachyon::GUITheme::collectionAddEntryStyleRef {} |
dictionary: Add entry
| StyleRef tachyon::GUITheme::collectionEntryStyleRef {} |
dictionary: a row
| StyleRef tachyon::GUITheme::collectionValueStyleRef {} |
dictionary: a value
| StyleRef tachyon::GUITheme::collectionHeaderStyleRef {} |
dictionary: the header row
| StyleRef tachyon::GUITheme::collectionHeaderCellStyleRef {} |
dictionary: Key / Value
| StyleRef tachyon::GUITheme::collectionHeaderCaptionStyleRef {} |
dictionary: the caption
| StyleRef tachyon::GUITheme::collectionHeaderTypeStyleRef {} |
dictionary: the type
| StyleRef tachyon::GUITheme::groupLabelTopStyleRef {} |
Label with a caption: the container.
| StyleRef tachyon::GUITheme::groupLabelTitleStyleRef {} |
Label with a caption: the title.
| StyleRef tachyon::GUITheme::groupLabelCaptionStyleRef {} |
Label with a caption: the caption.
| StyleRef tachyon::GUITheme::iconButtonStyleRef {} |
compact flat icon button (a list / dictionary row's remove)
| StyleRef tachyon::GUITheme::iconButtonEndStyleRef {} |
the same, end-aligned (the trailing add button)
| StyleRef tachyon::GUITheme::menuStyleRef {} |
a menu's window
| StyleRef tachyon::GUITheme::menuItemStyleRef {} |
a menu item
| StyleRef tachyon::GUITheme::menuScrollButtonStyleRef {} |
the scroll up / down arrows of a menu taller than the screen
| StyleRef tachyon::GUITheme::menuBarStyleRef {} |
horizontal strip at the top of the main window
| StyleRef tachyon::GUITheme::menuBarTriggerStyleRef {} |
flat top-level trigger inside the menu bar
| StyleRef tachyon::GUITheme::titleBarStyleRef {} |
a window's own title bar (BeginTitleBar)
| StyleRef tachyon::GUITheme::titleBarButtonStyleRef {} |
its minimize and maximize buttons
| StyleRef tachyon::GUITheme::titleBarCloseButtonStyleRef {} |
its close button
| StyleRef tachyon::GUITheme::menuSeparatorStyleRef {} |
a divider between menu items
| StyleRef tachyon::GUITheme::menuHeaderStyleRef {} |
a section's name in a menu
| StyleRef tachyon::GUITheme::reorderDropSlotStyleRef {} |
a list row's drop slot while it's dragged
| StyleRef tachyon::GUITheme::reorderLiftedStyleRef {} |
the dragged row itself, under its parts
| StyleRef tachyon::GUITheme::reorderLiftedRingStyleRef {} |
the dragged row's ring, over its parts
| StyleRef tachyon::GUITheme::menuItemDestructiveLabelStyleRef {} |
a destructive item's label (.menu-item-label-destructive)
| StyleRef tachyon::GUITheme::menuItemDestructiveIconStyleRef {} |
a destructive item's icon (.menu-item-icon-destructive)
| StyleRef tachyon::GUITheme::menuItemRowStyleRef {} |
interactive row: icon slot + label + trailing shortcut/arrow
| StyleRef tachyon::GUITheme::menuItemIconStyleRef {} |
fixed icon slot inside a menu item row
| StyleRef tachyon::GUITheme::menuItemLabelStyleRef {} |
grow:1 label inside a menu item row
| StyleRef tachyon::GUITheme::menuItemShortcutStyleRef {} |
dim trailing keyboard-shortcut text
| StyleRef tachyon::GUITheme::menuItemArrowStyleRef {} |
dim trailing submenu arrow
| StyleRef tachyon::GUITheme::tooltipFrameStyleRef {} |
a tooltip's window: see-through, with room for the arrow
| StyleRef tachyon::GUITheme::tooltipStyleRef {} |
the tooltip's box
| StyleRef tachyon::GUITheme::tooltipTextStyleRef {} |
its text
| StyleRef tachyon::GUITheme::tooltipShortcutStyleRef {} |
a shortcut chip after the text
| StyleRef tachyon::GUITheme::tooltipRichStyleRef {} |
property help's box, on the popup surface
| StyleRef tachyon::GUITheme::tooltipTitleStyleRef {} |
its title
| StyleRef tachyon::GUITheme::tooltipDescriptionStyleRef {} |
its description
| StyleRef tachyon::GUITheme::tooltipFooterStyleRef {} |
its footer, under a line
| StyleRef tachyon::GUITheme::tooltipExpandStyleRef {} |
text cut short, shown whole over itself: the box
| StyleRef tachyon::GUITheme::tooltipExpandTextStyleRef {} |
its text's colors (the font is the cut text's)
| StyleRef tachyon::GUITheme::tooltipErrorStyleRef {} |
a value that isn't accepted: the box, error border
| StyleRef tachyon::GUITheme::tooltipErrorTextStyleRef {} |
its message
| StyleRef tachyon::GUITheme::tooltipLinesStyleRef {} |
a tooltip of a few lines: a disabled control's, a pin's
| StyleRef tachyon::GUITheme::tooltipNoteStyleRef {} |
a muted line: why it's disabled, where a pin's value comes from
| StyleRef tachyon::GUITheme::tooltipPinRowStyleRef {} |
a pin's first line: its name, type and value
| StyleRef tachyon::GUITheme::tooltipPinTypeStyleRef {} |
... its type, muted and monospace
| StyleRef tachyon::GUITheme::tooltipPinValueStyleRef {} |
... its value, monospace, at the end
| StyleRef tachyon::GUITheme::labelHelpStyleRef {} |
a Label() with property help: underlined, dotted
| StyleRef tachyon::GUITheme::groupLabelHelpStyleRef {} |
the same inside a label group
| StyleRef tachyon::GUITheme::dragLabelHelpStyleRef {} |
a DragLabel() with property help
| StyleRef tachyon::GUITheme::groupDragLabelHelpStyleRef {} |
the same inside a label group
| StyleRef tachyon::GUITheme::groupLabelStyleRef {} |
Label() inside a label group.
| StyleRef tachyon::GUITheme::groupDragLabelStyleRef {} |
DragLabel() inside a label group.
| StyleRef tachyon::GUITheme::collectionStyleRef {} |
BeginArea / BeginCached default.
| StyleRef tachyon::GUITheme::reorderableItemStyleRef {} |
| StyleRef tachyon::GUITheme::horzReorderableGroupStyleRef {} |
| StyleRef tachyon::GUITheme::vertReorderableGroupStyleRef {} |
| StyleRef tachyon::GUITheme::horzReorderableGroupWrapStyleRef {} |
| StyleRef tachyon::GUITheme::vertReorderableGroupWrapStyleRef {} |
| StyleRef tachyon::GUITheme::listViewStyleRef {} |
BeginListView's default.
| StyleRef tachyon::GUITheme::listItemStyleRef {} |
ListItem's default.
| StyleRef tachyon::GUITheme::listItemRowStyleRef {} |
reorderable list item outer container
| StyleRef tachyon::GUITheme::listItemDragKnobHorzStyleRef {} |
reorderable list item drag handle (horizontal list - drag along x)
| StyleRef tachyon::GUITheme::listItemDragKnobVertStyleRef {} |
reorderable list item drag handle (vertical list - drag along y)
| StyleRef tachyon::GUITheme::listItemBodyStyleRef {} |
reorderable list item text/icon body
| StyleRef tachyon::GUITheme::treeViewStyleRef {} |
a tree view
| StyleRef tachyon::GUITheme::gridViewStyleRef {} |
BeginGridView's default.
| StyleRef tachyon::GUITheme::gridViewItemStyleRef {} |
a grid view cell, by default
| StyleRef tachyon::GUITheme::gridViewScrollStyleRef {} |
virtualized grid scroll viewport (column)
| StyleRef tachyon::GUITheme::gridViewRowStyleRef {} |
one row strip of cells in the virtual grid
| StyleRef tachyon::GUITheme::gridViewListItemStyleRef {} |
list-mode cell: icon left, name right, one line
| StyleRef tachyon::GUITheme::gridViewRenameItemStyleRef {} |
rename-mode cell: icon above inline editor
| StyleRef tachyon::GUITheme::gridViewRenameListItemStyleRef {} |
rename-mode list row: icon left of editor
| StyleRef tachyon::GUITheme::gridViewRenameIconStyleRef {} |
the icon child of a renaming cell
| StyleRef tachyon::GUITheme::gridViewRenameEditStyleRef {} |
grid-mode inline editor (full cell width)
| StyleRef tachyon::GUITheme::flexFillRowStyleRef {} |
horizontal flex bounded to its parent (flex-basis:0)
| StyleRef tachyon::GUITheme::flexFillColStyleRef {} |
vertical flex bounded to its parent (flex-basis:0)
| StyleRef tachyon::GUITheme::flatButtonStyleRef {} |
button that reads as plain left-aligned text (no chrome)
| StyleRef tachyon::GUITheme::searchRowStyleRef {} |
full-width row hosting a top-of-panel SearchField (bottom spacing)
| StyleRef tachyon::GUITheme::searchTextboxStyleRef {} |
| StyleRef tachyon::GUITheme::searchTextboxIconStyleRef {} |
| StyleRef tachyon::GUITheme::searchTextboxFieldStyleRef {} |
| Style tachyon::GUITheme::gridViewItemBaseStyle {} |
Parsed .grid-view-item, for cloning with another iconSize (registering is deduped).
| int32_t tachyon::GUITheme::gridViewItemLineHeight = 0 |
Line height of a grid view cell's name in pixels, measured in ComputeRowMetrics so names never clip.
| int32_t tachyon::GUITheme::gridViewListRowHeight = 0 |
a list-mode grid view row, in pixels (ComputeRowMetrics)
| StyleRef tachyon::GUITheme::tabBarStyleRef {} |
the "+N" button after the tabs that fit
| StyleRef tachyon::GUITheme::tabStyleRef {} |
the "+N" button after the tabs that fit
| StyleRef tachyon::GUITheme::tabOverflowStyleRef {} |
the "+N" button after the tabs that fit
| StyleRef tachyon::GUITheme::tabContentStyleRef {} |
the "+N" button after the tabs that fit
| StyleRef tachyon::GUITheme::tabCloseStyleRef {} |
the "+N" button after the tabs that fit
| StyleRef tachyon::GUITheme::toastStackStyleRef {} |
the toasts, a column in the window's corner
| StyleRef tachyon::GUITheme::toastStyleRef {} |
one toast, on the popup surface
| StyleRef tachyon::GUITheme::toastCircleStyleRefs[4] {} |
.toast-circle-info, -success, -warning, -error
| StyleRef tachyon::GUITheme::toastContentStyleRef {} |
title row, body, progress and actions
| StyleRef tachyon::GUITheme::toastHeaderStyleRef {} |
the title and its time
| StyleRef tachyon::GUITheme::toastTitleStyleRef {} |
the toasts, a column in the window's corner
| StyleRef tachyon::GUITheme::toastTimeStyleRef {} |
"now", "4 min"
| StyleRef tachyon::GUITheme::toastBodyStyleRef {} |
the toasts, a column in the window's corner
| StyleRef tachyon::GUITheme::toastBodyMonoStyleRef {} |
a body of code or file locations
| StyleRef tachyon::GUITheme::toastProgressStyleRef {} |
the progress bar's track
| StyleRef tachyon::GUITheme::toastProgressFillStyleRef {} |
the toasts, a column in the window's corner
| StyleRef tachyon::GUITheme::toastActionsStyleRef {} |
the row of actions
| StyleRef tachyon::GUITheme::toastActionStyleRef {} |
the first action, in the link color
| StyleRef tachyon::GUITheme::toastActionSecondaryStyleRef {} |
the toasts, a column in the window's corner
| StyleRef tachyon::GUITheme::toastDismissStyleRef {} |
the toasts, a column in the window's corner
| StyleRef tachyon::GUITheme::toastEarlierStyleRef {} |
"+N earlier"
| StyleRef tachyon::GUITheme::bannerStyleRefs[4] {} |
.banner-info, -success, -warning, -error
| StyleRef tachyon::GUITheme::bannerMessageStyleRefs[4] {} |
.banner-message-info, ...: the icon in the severity's color
| StyleRef tachyon::GUITheme::bannerPrimaryStyleRef {} |
| StyleRef tachyon::GUITheme::bannerSecondaryStyleRef {} |
the toasts, a column in the window's corner
| StyleRef tachyon::GUITheme::bannerLinkStyleRef {} |
the toasts, a column in the window's corner
| StyleRef tachyon::GUITheme::documentsStyleRef {} |
the bar and the active document's panels, a column
| StyleRef tachyon::GUITheme::documentBarStyleRef {} |
the bar: its row over the line
| StyleRef tachyon::GUITheme::documentRowStyleRef {} |
the tabs, "+" and the list
| StyleRef tachyon::GUITheme::documentTabBarStyleRef {} |
the tabs and "+"
| StyleRef tachyon::GUITheme::documentTabStyleRef {} |
the bar and the active document's panels, a column
| StyleRef tachyon::GUITheme::documentNameStyleRef {} |
a tab's icon and name
| StyleRef tachyon::GUITheme::documentExtensionStyleRef {} |
".level", after the name
| StyleRef tachyon::GUITheme::documentMarkStyleRef {} |
the slot for the close button or the unsaved dot
| StyleRef tachyon::GUITheme::documentCloseStyleRef {} |
the bar and the active document's panels, a column
| StyleRef tachyon::GUITheme::documentDirtyStyleRef {} |
the unsaved-changes dot
| StyleRef tachyon::GUITheme::documentLineStyleRef {} |
under the bar, in the active document's color
| StyleRef tachyon::GUITheme::documentNewStyleRef {} |
"+"
| StyleRef tachyon::GUITheme::documentListStyleRef {} |
"N open", listing every document
| StyleRef tachyon::GUITheme::dockContainerStyleRef {} |
a docking container
| StyleRef tachyon::GUITheme::dockContainerMainStyleRef {} |
a main window's docking area, with a side gutter
| StyleRef tachyon::GUITheme::dockSplitHorzStyleRef {} |
horizontal flex row (split into left / right)
| StyleRef tachyon::GUITheme::dockSplitVertStyleRef {} |
vertical flex column (split into top / bottom)
| StyleRef tachyon::GUITheme::dockSizerHorzStyleRef {} |
vertical bar between left / right panes
| StyleRef tachyon::GUITheme::dockSizerVertStyleRef {} |
horizontal bar between top / bottom panes
| StyleRef tachyon::GUITheme::dockLeafStyleRef {} |
vertical flex: [tab bar][content]
| StyleRef tachyon::GUITheme::dockContentStyleRef {} |
content area holding the selected panel's draw()
| StyleRef tachyon::GUITheme::settingsPageSelectionRef {} |
the settings page list (.settings-page-selection)
| StyleRef tachyon::GUITheme::settingsPageStyleRef {} |
settings page body - dock-content layout + left padding off the sizer
| IconID tachyon::GUITheme::treeArrowRight = IconID::Invalid |
tree expander: collapsed
| IconID tachyon::GUITheme::treeArrowDown = IconID::Invalid |
tree expander: expanded
| IconID tachyon::GUITheme::sortArrowUpIcon = IconID::Invalid |
table header: sorted descending
| IconID tachyon::GUITheme::sortArrowDownIcon = IconID::Invalid |
table header: sorted ascending
| IconID tachyon::GUITheme::tabCloseIcon = IconID::Invalid |
a tab's close button
| IconID tachyon::GUITheme::menuCheckIcon = IconID::Invalid |
marks the current/checked item in a menu
| IconID tachyon::GUITheme::dropdownArrowIcon = IconID::Invalid |
after a dropdown's text (menu triggers outside a menu bar)
| IconID tachyon::GUITheme::dropdownArrowUpIcon = IconID::Invalid |
the same while its menu is open
| IconID tachyon::GUITheme::chevronLeftIcon = IconID::Invalid |
previous
| IconID tachyon::GUITheme::duplicateIcon = IconID::Invalid |
duplicate
| IconID tachyon::GUITheme::deleteIcon = IconID::Invalid |
delete (trash can)
| IconID tachyon::GUITheme::reverseIcon = IconID::Invalid |
gradient editor: Reverse
| IconID tachyon::GUITheme::distributeIcon = IconID::Invalid |
gradient editor: Distribute evenly
| IconID tachyon::GUITheme::addIcon = IconID::Invalid |
list / dictionary Field(): add a row
| IconID tachyon::GUITheme::removeIcon = IconID::Invalid |
list / dictionary Field(): remove a row
| IconID tachyon::GUITheme::dragHandleIcon = IconID::Invalid |
three-bar grip of a reorderable list / tree row
| IconID tachyon::GUITheme::dockIcon = IconID::Invalid |
returns a torn-off panel to its dock
| IconID tachyon::GUITheme::eyedropperIcon = IconID::Invalid |
picks a color from the screen
| IconID tachyon::GUITheme::alertIcon = IconID::Invalid |
message severity: warning
| IconID tachyon::GUITheme::powerIcon = IconID::Invalid |
message severity: quitting
| IconID tachyon::GUITheme::questionIcon = IconID::Invalid |
message severity: question
| IconID tachyon::GUITheme::infoIcon = IconID::Invalid |
message severity: information
| IconID tachyon::GUITheme::errorIcon = IconID::Invalid |
message severity: error
| IconID tachyon::GUITheme::invalidIcon = IconID::Invalid |
in a field whose value isn't accepted
| IconID tachyon::GUITheme::chevronRightIcon = IconID::Invalid |
next; a collapsed section
| IconID tachyon::GUITheme::searchIcon = IconID::Invalid |
SearchField.
| IconID tachyon::GUITheme::windowMinimizeIcon = IconID::Invalid |
title bar: minimize
| IconID tachyon::GUITheme::windowMaximizeIcon = IconID::Invalid |
title bar: maximize
| IconID tachyon::GUITheme::windowRestoreIcon = IconID::Invalid |
title bar: restore
| tachyon::VisualColorStyleIndex tachyon::GUITheme::lineGrayStyle |
–text-3
| tachyon::VisualColorStyleIndex tachyon::GUITheme::lineYellowStyle |
–warn
| tachyon::VisualColorStyleIndex tachyon::GUITheme::lineWhiteStyle |
–text-1
| tachyon::VisualColorStyleIndex tachyon::GUITheme::lineDarkStyle |
–bg-app
| tachyon::VisualColorStyleIndex tachyon::GUITheme::treeGuideLineStyle |
–line-node: tree guide lines
| tachyon::VisualColorStyleIndex tachyon::GUITheme::dividerHoverLineStyle |
a hovered divider drawn as a line (label sizer)
| tachyon::VisualColorStyleIndex tachyon::GUITheme::nanTextColor |
a number field's NaN
| tachyon::color4b tachyon::GUITheme::scrim {} |
dims a window under its modal dialog (fading in and out)
| float tachyon::GUITheme::disabledOpacity = 0.4f |
–disabled-opacity: a disabled control, with all its parts, is drawn this opaque, unless its style sets an opacity for :disabled.
| tachyon::color4b tachyon::GUITheme::invalidColor {} |
An invalid control's border color (–error) and the halo around it (–invalid-halo).
| tachyon::VisualShadow tachyon::GUITheme::invalidHalo {} |
| tachyon::LinkStyle tachyon::GUITheme::linkStyle {} |
The .link class: its color, :hover color and cursor, for a ContentRun's linkStyle.
The LinkStyle defaults when the theme has no such class.
| tachyon::VisualColorStyleIndex tachyon::GUITheme::checkerAColor |
| tachyon::VisualColorStyleIndex tachyon::GUITheme::checkerBColor |
transparency checkerboard
| tachyon::VisualColorStyleIndex tachyon::GUITheme::alphaTrackColor |
| tachyon::VisualColorStyleIndex tachyon::GUITheme::alphaFillColor |
a color's alpha bar
| tachyon::VisualColorStyleIndex tachyon::GUITheme::accentColor |
| tachyon::VisualColorStyleIndex tachyon::GUITheme::panelColor |
a selected swatch's ring and gap
| tachyon::VisualColorStyleIndex tachyon::GUITheme::treeDropIndicatorStyle |
drop indicator lines + closed-branch outline
| tachyon::VisualColorStyleIndex tachyon::GUITheme::marqueeFillColorStyle |
selection-marquee fill (fixed translucent blue)
| tachyon::VisualColorStyleIndex tachyon::GUITheme::tooltipArrowFill |
–tooltip-bg: a tooltip's arrow
| tachyon::VisualColorStyleIndex tachyon::GUITheme::tooltipArrowLine |
–tooltip-border: its edges
| tachyon::VisualColorStyleIndex tachyon::GUITheme::popupArrowFill |
–bg-popup: property help's arrow
| tachyon::VisualColorStyleIndex tachyon::GUITheme::popupArrowLine |
–line-strong: its edges
| tachyon::VisualColorStyleIndex tachyon::GUITheme::invalidLine |
–error: an error tooltip's arrow edges, a field's error icon
| int32_t tachyon::GUITheme::tableRowHeight = 0 |
Table row height in pixels, measured from real font metrics in ComputeRowMetrics.
Must match the rendered rows exactly, or the max scroll oscillates.
| int32_t tachyon::GUITheme::treeTableIndent = 0 |
per indent level
| int32_t tachyon::GUITheme::treeTableExpanderWidth = 0 |
the expander column (arrow or leaf spacer)
| int32_t tachyon::GUITheme::treeTableIconSize = 0 |
a node's icon
| int32_t tachyon::GUITheme::treeTableArrowGlyphSize = 0 |
the expander arrow
| int32_t tachyon::GUITheme::nodeGridSize = 0 |
Node-view grid pitch: half a property row, measured in ComputeRowMetrics.