☀️
🎨 UI Style Lab
Preview theme mode, variants, spacing, and emoji readability.
🧪 Controls
Mode
Dark
Light
Variant
Teal Slate
Original Classic
Clinical Blue
Indigo Dusk
Emerald Forest
Rose Graphite
Custom Hex Palette
Density
Comfortable
Compact
Background
Surface
Border
Accent
Text
Apply Custom Palette
Reset Custom
🧭 Buttons
✅ Primary Action
↩️ Secondary Action
📝 Form
Patient Weight
Care Area
Emergency
Ward
PICU
📊 Stat Cards
Status
Stable
✅ Within expected range
Hydration
Watch
⚠️ Mild intake deficit
Trend
Improving
📈 Positive response
🚨 Alerts
✅ Plan is in target range.
⚠️ Borderline values. Review in 2 hours.
🛑 Action required. Please reassess urgently.