Themes

Personalize Para with three beautiful color themes.

Available Themes

Tokyo Night

A dark theme inspired by Tokyo city lights at night.

Colors:
- Background: Deep blue (#1a1b26)
- Text: Soft white (#c0caf5)
- Accent: Vibrant purple, blue, and cyan
- Best for: Night owls, dark mode lovers

Light

A clean, bright theme for well-lit environments.

Colors:
- Background: White
- Text: Dark gray
- Accent: Blue, green, and red
- Best for: Daytime use, bright environments

Catppuccin

A warm, pastel-toned dark theme.

Colors:
- Background: Warm dark (#1e1e2e)
- Text: Creamy white
- Accent: Pastel pink, blue, and green
- Best for: Those who want a softer dark mode

Changing Themes

From the Navbar

The fastest way to switch themes:

  1. Find the theme switcher in the navbar (three colored dots)
  2. Click any dot to switch instantly
  3. Your preference is saved automatically

From Preferences

  1. Click your account name
  2. Go to Preferences
  3. Select a theme
  4. Save

Theme Persistence

Your theme choice:
- Saved to your account
- Applied across all devices
- Remembered between sessions
- Applied to all pages

Theme in Public Pages

When sharing content publicly:
- Documentation pages use your theme
- Shared links use your theme
- Recipients see your preferred colors

Accessibility

All themes are designed for:
- Sufficient contrast ratios
- Readable text at all sizes
- Distinguishable colors
- Screen reader compatibility

Mobile Themes

Themes work the same on mobile:
- Same three options
- Touch the theme dots to switch
- Respects system preferences where possible

Custom Themes

Currently, Para offers three preset themes. Custom themes are not yet available.

Coming soon:
- Custom color picker
- Import/export themes
- Community themes

CSS Variables

For developers, themes use CSS custom properties:

--color-bg-primary: ...
--color-bg-secondary: ...
--color-text-primary: ...
--color-text-secondary: ...
--color-accent: ...
/* And many more */

These are defined in application.bulma.scss.

Tips

  1. Match your environment - Light theme for bright rooms, dark for dim
  2. Reduce eye strain - Dark themes at night
  3. Be consistent - Pick one and stick with it
  4. Try them all - Each has its own personality