Skip to content

Customization

Jump to bottom
CyberGems edited this page Oct 4, 2026 · 4 revisions

Customization

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

Themes

Available Themes

Theme Description
Cyber Dark Default dark theme with neon accents
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

  • 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

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

CyberNotes is free and open source software licensed under GPLv3. Made by CyberGems.

CyberNotes Wiki

Home

Start Here

Changelog · Donate · GitHub

Clone this wiki locally