Appearance, theme, and language

Last updated: May 19, 2026

Appearance, theme, and language

Open Settings → Personal → Appearance to change theme (Light, Dark, System), density (Comfortable, Compact), language (en, it, es, fr, de, pt, nl, pl, more), date format, and accessibility options. Settings persist per user and sync across devices.

Who is this for

Everyone. Quick personalization improves daily comfort. New users should at minimum set their language and pick dark/light per preference.

Theme

Three options:

Theme

When to use

Light

Bright environments, default for new accounts

Dark

Low-light environments, reduces eye strain at night

System

Follows your OS preference (auto-switch with macOS / Windows / Android / iOS dark mode)

Change at Settings → Personal → Appearance → Theme. Applies immediately, no reload needed.

The theme respects your choice across browsers (synced server-side) and applies to all pages including Wavo chat and the contextual help drawer.

Density

Two density levels:

  • Comfortable (default): wider row heights in tables, more spacing

  • Compact: tighter row heights, more rows visible per screen

Useful for power users with large datasets (Ads Manager, Bulk Launch grids).

Language

The language YOUR UI displays in. Available languages (current list):

  • English (en) — default

  • Italian (it)

  • Spanish (es)

  • French (fr)

  • German (de)

  • Portuguese (pt)

  • Dutch (nl)

  • Polish (pl)

  • More languages being added (see Help Center for current list)

Change at Settings → Personal → Preferences → Language. Storage key: mediabuyer-lang (localStorage) + synced server-side. UI re-renders instantly using i18next.

Workspace default vs personal

  • Workspace default language (team-106): new users see this until they personalize

  • Your personal language: overrides workspace default for your display

In short: your personal language wins for what YOU see. Workspace default applies to others who haven't personalized.

Date and number format

Follows your selected language:

Language

Date format

Number format

English

MM/DD/YYYY

1,000.50

Italian

DD/MM/YYYY

1.000,50

Spanish

DD/MM/YYYY

1.000,50

German

DD.MM.YYYY

1.000,50

French

DD/MM/YYYY

1 000,50

Portuguese

DD/MM/YYYY

1.000,50

You can override to ISO format (YYYY-MM-DD) regardless of language — useful for international teams comparing data. Toggle at Settings → Personal → Appearance → Date format → ISO.

Accessibility

Wevion supports several accessibility features:

Reduced motion

For users sensitive to motion (vestibular disorders, distraction):

  • Settings → Personal → Appearance → Reduced motion

  • Disables: dashboard animations, transition effects, auto-scrolling

  • Keeps: necessary feedback animations (loading indicators)

  • Also respects OS-level prefers-reduced-motion if set there

High contrast

(Planned, roadmap item) High-contrast theme for low-vision users. Currently the Dark theme is the closest available option.

Keyboard shortcuts

All major actions are keyboard-accessible. Press ? anywhere to see the shortcut reference. Common:

  • Cmd+K (Mac) / Ctrl+K (Win/Linux): command palette

  • Cmd+B: toggle sidebar

  • G then D / L / A / R: go to Dashboard / Launch / Ads Manager / Rules

  • Esc: close drawer or modal

  • /: focus search

Disable shortcuts at Settings → Personal → Preferences if they interfere with assistive tech.

Screen readers

The app uses semantic HTML + ARIA labels. Tested with NVDA, JAWS, VoiceOver. Known gaps:

  • Dashboard chart aria labels could be more descriptive — feedback welcome

  • Cross-Channel Analytics tables: deep grid navigation in development

For accessibility issues: support@wevion.ai with subject "Accessibility".

Sidebar state

Collapsed or expanded preference per user:

  • Click the chevron at the bottom of the sidebar OR press Cmd+B

  • Preference persists across sessions

  • Setting at Settings → Personal → Appearance → Sidebar default state

Collapsed sidebar = more screen real estate; expanded = labels visible.

What you'll see when changing

Most settings apply immediately:

  • Theme: instant

  • Density: instant

  • Language: most strings re-render on next navigation (a few cached strings may need refresh)

  • Date format: instant

  • Reduced motion: instant

  • Sidebar default: applies on next page load

A toast confirms each change: "Preferences updated".

Synced vs local

Most preferences sync server-side and follow you across devices. Some that don't:

  • Browser-specific zoom level (browser feature)

  • OS dark-mode preference (OS feature; Wevion just respects it when Theme = System)

  • Cookie consent (per-browser)

Common issues

  • Language change didn't take effect on every page: refresh (Cmd+R / Ctrl+R). Some static strings are cached.

  • Dark mode looks wrong on a specific page: report via support@wevion.ai with the page URL. We may have missed a styling token.

  • Reduced motion doesn't disable a specific animation: file a ticket; some animations may be missed in the reduced-motion filter.

  • Sidebar keeps re-expanding on its own: clear browser cache; possible localStorage corruption.

  • Wevion doesn't follow my OS dark mode: Theme is set to Light/Dark explicitly. Switch to System to follow OS.

  • Date format inconsistent across reports: Workspace Defaults override personal in shared exports (CSV downloads use workspace format). Personal format applies only to your in-app display.

Cross-device consistency

When you log in from a new device:

  • Theme + language + density: sync from server

  • Cookie consent + browser zoom: device-local, reset

If you want a different look on your laptop vs phone (e.g. dark on phone, light on laptop), use System theme and configure your devices.

Related