Settings Panel

>npx @shavin/cli add settings-panel

Preferences

Choose what WiseOwl tells you about and how the app looks on this device.

Notifications

Bill reminders

Two days before any bill or subscription is due.

Budget limits

When a category reaches 80% and 100% of its limit.

Large transactions

Any single charge over $250.00.

Weekly summary

A short recap every Sunday at 9:00 am.

Appearance

Theme

Follow your device or pick one.

Hide balances on open

Blur amounts until you tap them.

Installation via CLI

Add this block directly into your project codebase with all dependencies and tokens resolved:

npx @shavin/cli add settings-panel

Token & Spatial Architecture

  • 100% Token Compliant: Zero raw hex colors or arbitrary values; remaps seamlessly in dark and light modes.
  • Concentric Radius: Set radius="concentric" on nested elements to auto-resolve inner radius from the container's padding.
  • Multi-Device Responsive: Designed for Desktop (1280px+), Tablet (768px), and Mobile (375px) breakpoints.
Tags:#settings#preferences#app#form
Configure Theme
Theme
Accent Color
Custom
Gray Family
Appearance
Radius
Scaling
Panel Style
Heading Font
Body Font