Complete UI/UX rewrite of hermes-mobile with Material You design system. Phase 1: Color/Theme/Type/Shapes/Spacing/Motion tokens Phase 2: HermesScaffold, StateViews (skeleton/empty/error), SearchBar, StatusBadge, ToggleRow Phase 3: Bottom nav + drawer navigation with NavigationController Phase 4: All 17 screens rewritten with HermesScaffold and Material You patterns Closes PR #3.
26 lines
995 B
Kotlin
26 lines
995 B
Kotlin
package com.m57.hermescontrol.theme
|
|
|
|
import androidx.compose.foundation.shape.RoundedCornerShape
|
|
import androidx.compose.material3.Shapes
|
|
import androidx.compose.ui.unit.dp
|
|
|
|
/**
|
|
* Unified shape system — aligned to 8 dp rhythm (4/8/12/16/28).
|
|
*
|
|
* | Token | Radius | Use case |
|
|
* |--------------|--------|---------------------------------------|
|
|
* | extraSmall | 4 dp | Chips, badges, inline toggles |
|
|
* | small | 8 dp | Text fields, small cards, small FAB |
|
|
* | medium | 12 dp | Standard cards, list rows, dialogs |
|
|
* | large | 16 dp | Large cards, bottom sheets, FAB |
|
|
* | extraLarge | 28 dp | Feature cards, full-bleed surfaces |
|
|
*/
|
|
val HermesShapes =
|
|
Shapes(
|
|
extraSmall = RoundedCornerShape(4.dp),
|
|
small = RoundedCornerShape(8.dp),
|
|
medium = RoundedCornerShape(12.dp),
|
|
large = RoundedCornerShape(16.dp),
|
|
extraLarge = RoundedCornerShape(28.dp),
|
|
)
|