Customization
CyberNotes offers extensive customization: 6 visual themes, glass effects, backgrounds, and UI scaling.
Themes
Available Themes
| Theme |
Description |
| Cyber Dark |
Default cyberpunk dark theme |
| Midnight |
Deep blue-dark theme |
| Forest |
Green-tinted dark theme |
| Cyber Neon |
Vibrant neon accents |
| Light |
Light color scheme |
| Graphite |
Neutral gray theme |
Color Intensity
Adjust color vibrancy for colorful themes:
- 0% — Muted, minimal color
- 100% — Full vibrant color
- Applies to accents, highlights, and UI elements
Theme System
- CSS custom properties driven
- HSL-based color intensity scaling
- Instant theme switching
- Persisted across sessions
Glass Effects
Blur Intensity
| Setting |
Range |
Description |
| Glass blur |
0–40 px |
Background blur radius |
Overlay Opacity
| Setting |
Range |
Description |
| Overlay opacity |
0–95% |
Dark overlay for readability |
Effect
Glassmorphic panels:
- Frosted glass appearance
- Translucent backgrounds
- Neon accent glows
- Depth and layering
Background
Custom Wallpaper
Set a custom background image:
- Go to Settings → Appearance
- Choose Background Image
- Select an image file
- Apply to all themes
Background Settings
| Setting |
Description |
| Image path |
Custom image file |
| Overlay opacity |
Darkness overlay |
UI Scaling
Scale Adjustment
- Adjust interface size
- Adapt to display resolution
- Accessibility option
Language
Bilingual Support
| Language |
Status |
| English |
Full support |
| Spanish |
Full support |
Switching Language
- Go to Settings → General
- Select Language
- Choose English or Spanish
- Changes apply instantly
Translation Coverage
- All UI strings translated
- Menus and dialogs
- Settings labels
- Notifications
- Error messages