mirror of
https://github.com/devm0nk3y/CyberGlow.git
synced 2026-07-22 04:40:32 +00:00
123 lines
3.3 KiB
Markdown
Vendored
123 lines
3.3 KiB
Markdown
Vendored
# 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
|
|
|
|
<img src="Assets/desktopScreenLM.png" alt="Desktop Screenshot" width="70%">
|
|
|
|
##### 📱 mobile
|
|
|
|
<img src="Assets/mobileScreenLM.png" alt="Mobile Screenshot" width="220">
|
|
|
|
|
|
#### Dark Mode
|
|
##### 💻 Desktop
|
|
|
|
<img src="Assets/desktopScreenDM.png" alt="Desktop Screenshot" width="70%">
|
|
|
|
##### 📱 mobile
|
|
|
|
<img src="Assets/mobileScreenDM.png" alt="Mobile Screenshot" width="220">
|
|
|
|
---
|
|
|
|
## Color Palette
|
|
|
|
### Dark Mode
|
|
|
|
| Role | Hex | Description |
|
|
|------------|-----------|-------------------|
|
|
| Primary | `#00FFFF` | Cyan |
|
|
| Secondary | `#FF00FF` | Magenta |
|
|
| Active | `#B2F2F4` | Light cyan accent |
|
|
| Background | `#0a0a0f` | Near-black base |
|
|
| Card | `#181825` | Surface / card bg |
|
|
| Text | `#e0e0e8` | Default body text |
|
|
|
|
### Light Mode
|
|
|
|
| Role | Hex | Description |
|
|
|------------|-----------|---------------------------|
|
|
| Primary | `#00CCCC` | Teal cyan |
|
|
| Secondary | `#CC00CC` | Deep magenta |
|
|
| Background | `#F5F5F5` | Off-white base |
|
|
| Surface | `#ECECEC` | Card / panel surface |
|
|
| Text | `#1a1a2e` | Dark navy body text |
|
|
|
|
---
|
|
|
|
## Style Settings
|
|
|
|
Requires the [Style Settings](https://github.com/mgmeyers/obsidian-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](LICENSE).
|