Stylish
Spatial, outline, and elevation design tokens for the Stylish UI design system.
The default values produce the standard Stylish look (Clear, Simple, Modern). Override globally via the com.segnities007.stylishui.theme.StylishTheme composable's dimensions parameter, or per-component through individual component parameters that accept Dp values.
Access the active instance inside composables with StylishTheme.dimensions (see com.segnities007.stylishui.theme.StylishTheme).
See also
Constructors
Properties
The default height of com.segnities007.stylishui.components.charts.SimpleBarChart.
The minimum height of primary buttons (including the connected button family). Default 52 dp matches the standard 44–56 dp touch-target guidance.
The minimum height of cards and connected card items. Default 77 dp gives the compact card silhouette used across the design system.
The outer corner radius for Connected UI items — the corners that face away from neighboring items (e.g. the top corners of the first item in a vertical list). Default 12 dp gives a soft, modern rounded-rectangle silhouette.
The gap between adjacent items in Connected UI layouts (connected cards, connected list items, connected chips, connected buttons). A small value (default 3 dp) keeps items visually grouped while remaining individually distinguishable.
The standard padding inside content areas (cards, dialogs, sheets). Default 16 dp.
The medium spacing step (16 dp): gap between distinct content blocks within a section. Part of the Rhythm spacing scale (S6).
The standard horizontal padding inside controls (buttons, fields, cards). Default 16 dp.
The standard vertical padding inside controls. Default 12 dp.
The elevation applied to disabled interactive elements. Default 0 dp keeps disabled elements visually flat, matching the Material 3 disabled treatment.
The size of the large floating action button. Default 96 dp.
The size of the small floating action button. Default 40 dp.
The corner radius for floating elements such as FABs and pill-shaped headers. Default 28 dp produces the fully-rounded capsule look typical of Material 3 extended FABs.
The elevation for floating elements such as FABs, sticky headers, and bottom bars. Default 2 dp keeps them clearly above scrollable content.
The elevation applied while an interactive element has keyboard or focus-ring focus. Default 1 dp matches interactiveElevation because the focus ring, not a higher shadow, is the primary focus cue.
The elevation applied while a pointer hovers over an interactive element (pointer devices). Default 2 dp lifts the element slightly to acknowledge the hovered state without competing with floating surfaces.
The minimum touch-target size for icon buttons. Default 48 dp matches Material touch-target guidance.
The smallest spacing step (4 dp): gap between tightly related inline elements such as an icon and its label. Part of the Rhythm spacing scale (S6).
The tonal elevation applied to tappable cards and list items to signal interactivity. Default 1 dp produces a subtle lift without a heavy shadow.
The small spacing step (8 dp): gap between items within a group or list. Part of the Rhythm spacing scale (S6).
The inner (junction) corner radius where two Connected UI items meet. Default 2 dp creates a tight notch that visually links adjacent items while preserving a slight separation cue.
The default height of com.segnities007.stylishui.components.charts.SimpleLineChart.
The stroke width of the hairline border drawn around Connected UI items via com.segnities007.stylishui.foundation.connectedOutline. The default 0.4 dp renders as a sub-pixel hairline that rounds to approximately 1 physical pixel on many device densities.
The default edge length of com.segnities007.stylishui.components.charts.SimplePieChart.
The elevation applied while an interactive element is pressed. Default 0 dp presses the element flat, reinforcing the pressed feedback.
The minimum width of rounded (label-carrying) icon buttons. Default 80 dp.
The standard horizontal screen-edge padding for page-level layouts. Default 20 dp.
The large spacing step (32 dp): gap between top-level sections of a page. Part of the Rhythm spacing scale (S6).
Zero spacing — no gap. Use when components should touch with no separation. Part of the semantic spacing scale.
Extra-extra-large spacing (24 dp): gap between loosely related groups. Part of the semantic spacing scale.
Extra-extra-small spacing (2 dp): the finest visible gap, e.g. between a badge and its anchor. Part of the semantic spacing scale.
Extra-extra-extra-large spacing (32 dp): gap between top-level sections of a page. Part of the semantic spacing scale.