Customization

Customization

CyberNotes offers extensive customization: 6 visual themes, glass effects, backgrounds, and UI scaling.

---

Themes

Available Themes

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

Overlay Opacity

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

---

UI Scaling

Scale Adjustment

• Use the footer slider to increase or decrease interface size.
• The title-bar More menu and its nested items follow the selected interface scale.
• Adjust the scale to suit high-DPI displays or compact windows.

---

Compact Workspace

• Collapse or expand the left sidebar with its rail control to make more room for the editor.
• Hide or restore the line-number gutter with the control on the editor’s left edge.
• The title-bar More menu adapts to the available screen space, and its items follow the interface scale.

Language

Bilingual 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