Expand description
Design token system and component themes for the Fission UI framework.
This crate defines the complete visual language: colors, spacing, typography, corner radii, elevations (box shadows), and per-component theme overrides. It follows the Material Design 3 token architecture.
§Usage
ⓘ
use fission_theme::Theme;
let light = Theme::default();
let dark = Theme::dark();Re-exports§
pub use presets::cupertino::FissionCupertinoDesignSystem;pub use presets::fluent2::FissionFluent2DesignSystem;pub use presets::liquid_glass::FissionLiquidGlassDesignSystem;pub use presets::material3::FissionMaterialDesign3DesignSystem;
Modules§
Structs§
- Alert
Theme - Visual parameters for the
Alertwidget, with per-severity background colors. - Badge
Theme - Visual parameters for the
Badgewidget. - BoxShadow
- Button
Theme - Visual parameters for the
Buttonwidget. - Calendar
Theme - Visual parameters for the
Calendarwidget. - Card
Theme - Color
- Color
Tokens - Semantic color palette for the application.
- Component
Border - Component
Motion - Component
State Styles - Component
Theme - Aggregates all per-component visual themes.
- Data
Visualization Tokens - Design
Asset - Design
Asset Manifest - Design
Component Spec - Design
Pattern Spec - Design
Property - Design
System Info - Design
Token - Design
Token Set - Elevation
Tokens - Box shadow levels for surface elevation.
- Feature
Icon Theme - Fission
Default Design System - Modal
Theme - Visual parameters for the
Modalwidget. - Motion
Tokens - Pagination
Theme - Visual parameters for the
Paginationwidget. - Progress
Theme - Visual parameters for the
ProgressBarwidget. - Radius
Tokens - Corner radius scale for rounded containers.
- Resolved
Component Style - Resolved
Design System - Segmented
Control Theme - Visual parameters for the
SegmentedControlwidget. - Shadow
Layer - Spacing
Tokens - Standard spacing scale used for padding, margins, and gaps.
- Stroke
- Tabs
Theme - Visual parameters for the
Tabswidget. - Text
Input Theme - Visual parameters for the
TextInputwidget. - Theme
- The top-level theme combining primitive
Tokensand derivedComponentTheme. - Timeline
Theme - Visual parameters for the
Timelinewidget. - Tokens
- The complete set of primitive design tokens.
- Tooltip
Theme - Visual parameters for the
Tooltipwidget. - Tree
View Theme - Visual parameters for the
TreeViewwidget. - Typography
Tokens - Font size scale for text elements.
Enums§
- Badge
Tone - Button
Hierarchy - Card
Pattern - Component
Size - Component
State - Design
Mode - Design
Value - Easing
Curve - Feature
Icon Tone - Fill
- LineCap
- Line
Join