Appearance

Nexadmin includes a centralized appearance system that applies consistently across the dashboard, authentication pages, marketing site, and documentation.

Included preferences

• Theme: Light, Dark, or System
• Palette: Neutral, Blue, Violet, Emerald, Rose, or Orange
• Radius: Compact, Default, or Rounded
• Sidebar: Default or Floating, with expanded and collapsed desktop states

Users can change these options from /settings. Preferences are stored in the browser and restored on future visits.

Customize the defaults

The main customization entry points are:

• components/appearance/appearance-options.ts for available options and defaults
• app/globals.css for palette colors, radius values, and semantic design tokens
• app/layout.tsx for the default light, dark, or system theme behavior

Use semantic Tailwind classes such as bg-background, bg-card, text-foreground, text-muted-foreground, and border-border. This keeps custom components compatible with every theme and palette.

Adding a palette

Add the palette option to appearance-options.ts, then define matching light and dark CSS-variable overrides in app/globals.css. Components that use semantic tokens will adopt the new palette automatically.

For a fixed brand experience, change the default preferences and remove any settings choices you do not want customers to control.