Customization

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:

1. Go to Settings → Appearance
2. Choose Background Image
3. Select an image file
4. 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

1. Go to Settings → General
2. Select Language
3. Choose English or Spanish
4. Changes apply instantly

Translation Coverage

• All UI strings translated
• Menus and dialogs
• Settings labels
• Notifications
• Error messages