CyberGlow

A neon cyberpunk theme for Obsidian.

Dual-mode theme — dark and light — built around a cyan and magenta palette with Xcode Midnight syntax highlighting, card layout, and deep Style Settings integration.

Features

• Dark and light mode support — switch between cyberpunk dark and a clean, bright light variant
• Neon cyberpunk aesthetic with cyan (#00FFFF) and magenta (#FF00FF) accents
• Xcode Midnight color scheme for code blocks (CodeMirror 6 + Prism.js)
• Card layout with separate toggles for content, file browser, and actions panel
• 14 Style Settings options across three categories
• Compatible with the Code Styler plugin (dual selectors)
• Hidden borders, slim scrollbars, customizable tab gap
• Three background intensity presets: Abyss, Default, Elevated

Screenshots

Light Mode

💻 Desktop

📱 mobile

Dark Mode

💻 Desktop

📱 mobile

Color Palette

Dark Mode

Light Mode

Style Settings

Requires the Style Settings plugin. 14 options organized into three categories:

Colors

• Primary color (default: cyan)
• Secondary color (default: magenta)
• Active color (default: light cyan)
• Background intensity (Abyss / Default / Elevated)

Editor

• Bold in primary color
• Italic in active color
• Headings with neon gradient

Workspace

• Auto-hide titlebar
• Slim scrollbars
• Hide borders
• Show / hide status bar
• Tab style (Floating / Minimal)
• Tab gap
• Custom tab height
• Workspace layout (Default / Cards)
• Card layout toggles (file browser, actions panel)
• Card shadows

Installation

Manual

1. Download theme.css and manifest.json from this repository.
2. In your vault, open .obsidian/themes/ (create the folder if it does not exist).
3. Create a folder named CyberGlow inside themes/.
4. Place both files inside that folder.
5. In Obsidian, go to Settings > Appearance > Themes and select CyberGlow.

Community Themes

Install directly from Obsidian: Settings > Appearance > Themes > Browse and search for CyberGlow.

Credits

Created by DevM0nk3y

Released under the GPL-3.0 License.