Skip to content

Customization

Jump to bottom
CyberGems edited this page Nov 1, 2026 · 5 revisions

Customization

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

Themes

Available Themes

Theme Description
CyberNotes Default dark theme with a colour accent
Gray Refined grayscale theme, no colour
Light Light theme with a colour accent

Color Intensity

Adjust color vibrancy for the colorful theme:

  • 0% — Muted, minimal color
  • 100% — Full vibrant color
  • Applies to accents, highlights, and UI elements
  • Only the CyberNotes theme responds to this setting; Gray and Light are not affected

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.

Toolbars

Toolbar Visibility

  • The editor toolbar arranges its controls in two balanced rows.
  • Use Show all to reveal every action, or pick exactly which buttons stay visible through the visibility checklists in Settings → Editor.
  • Hidden buttons remain reachable in the title-bar More menu.

Context Toolbars

  • The floating toolbar on text selection and the table toolbar can be dismissed temporarily.
  • A dismissed context toolbar returns for a new selection or when you re-enter the element.
  • The table toolbar visibility is also configurable in Settings → Editor.

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