TheHolyOneZ-Dream

By theholyonez
Version: 1.0.0
Updated: 3/10/2026, 10:39:37 AM
Downloads: 4,713
A VSCodium-soul Discord theme. Deep navy, drifting aurora, VSCode teal. Smooth. Monospace. Yours. Circuit traces optional.

TheHolyOneZ-Dream

A VSCodium-soul Discord theme. Deep navy, drifting aurora, VSCode teal. Smooth. Monospace. Yours. Circuit traces optional.

Version License BetterDiscord Vencord


Gallery

With circuit trace effect
✦ With background effect
Without circuit trace effect
Without background effect
Toggle by setting --cx-bg-effect: 1 (on) or 0 (off) at the top of the theme file

Overview
Overview
Chat
Chat
Sidebar
Sidebar & Channels
Settings
Settings
Context Menu
Context Menu
Code Blocks
Code Blocks
More screenshots
Profile Popout
Profile Popout
Voice Channel
Voice Channel
Emoji Picker
Emoji Picker

Philosophy

Not a hacker theme. Not neon green on black.
This is the feeling of settling into VSCodium at midnight — familiar, focused, yours.

Deep navy backgrounds. JetBrains Mono everywhere. Two soft aurora blobs drift constantly behind the UI — a blue one top-left, a teal one bottom-right — giving the whole thing a quiet, ambient glow. Every interaction has a smooth, deliberate transition.

A barely-visible cyan mesh grid and animated PCB circuit traces are available as an optional overlay. Toggle them with one variable.


Features

  • JetBrains Mono — monospace font across the entire UI, with Cascadia Code and Fira Code as fallbacks
  • Circuit trace effect — PCB-style right-angle paths with racing glow streaks and endpoint flashes (toggleable)
  • Drifting aurora — three slow-moving radial blobs in the base background for subtle ambient depth
  • Full brand recolor — Discord's blurple replaced with #4ec9b0 (VSCode teal) throughout
  • Smooth micro-animations — channels, server icons, buttons, reactions, badges, switches
  • Zero lag — no backdrop-filter on structural panels, only Discord CSS variables for backgrounds
  • Dark & precise — carefully tuned 6-step neutral scale, muted timestamps, uppercase category labels
  • Fully customizable — all colors, fonts, and effects controlled by clean CSS variables at the top of the file

Installation

BetterDiscord

  1. Download TheHolyOneZ-Dream.theme.css
  2. Move it to your themes folder:
    • Windows: %appdata%\BetterDiscord\themes\
    • macOS: ~/Library/Application Support/BetterDiscord/themes/
    • Linux: ~/.config/BetterDiscord/themes/
  3. Open Discord → Settings → BetterDiscord → Themes
  4. Enable TheHolyOneZ-Dream

Vencord

  1. Download TheHolyOneZ-Dream.theme.css
  2. Move it to your themes folder:
    • Windows: %appdata%\Vencord\themes\
    • macOS: ~/Library/Application Support/Vencord/themes/
    • Linux: ~/.config/Vencord/themes/
  3. Open Discord → Settings → Vencord → Themes
  4. Enable TheHolyOneZ-Dream

Online / Web (Vencord)

No download needed — paste this directly into Settings → Vencord → Themes → Online Themes:

https://raw.githubusercontent.com/TheHolyOneZ/TheHolyOneZ-Dream/main/TheHolyOneZ-Dream.theme.css

Palette

Role Hex Preview
Background void #07090f
Background base #0b0e1a
Background panel #131829
Cyan accent #4ec9b0
Blue secondary #5294e2
Sky (links) #9cdcfe
Purple (streams) #c792ea
Text normal #a8b2c8
Text muted #5d6a86
Online #4ec994
Idle #e0af68
DND #f7768e

Customization

Toggle the background effect

Open TheHolyOneZ-Dream.theme.css in any text editor and find the top of :root:

--cx-bg-effect: 0; /* ← change to 1 to enable */
Value Result
1 Circuit trace animation on
0 Circuit trace animation off (default)

⚠️ The circuit trace effect may cause performance issues on lower-end machines. It's off by default for this reason.

Save the file, then press Ctrl+R in Discord to reload.

Other variables

:root {
  --cx-cyan:   #4ec9b0;  /* primary accent — change this to shift the whole theme */
  --cx-blue:   #5294e2;  /* secondary accent */
  --cx-bg-0:   #0b0e1a;  /* darkest background */
  --cx-font:   'JetBrains Mono', monospace;  /* swap font here */
}

Compatibility

  • ✅ BetterDiscord (stable)
  • ✅ Vencord (stable)
  • ✅ Discord dark mode
  • ⚠️ Discord light mode (usable, not optimized)

License

MIT — do whatever you want, just don't claim you made it from scratch.


made with too much coffee by TheHolyOneZ

Actions

About

Author

User avatar
theholyonez

Tags

transparentcustomizabledarkaquaanimated