Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>MapleFizz DarkNew to Visual Studio Code? Get it now.
MapleFizz Dark

MapleFizz Dark

MapleFizz

|
7 installs
| (0) | Free
MapleFizz theme
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

MapleFizz Dark

Version 0.1.0 — The MapleFizz refresh 🌙🍁

A modern dark theme for Visual Studio Code featuring the signature MapleFizz candy-plum palette — refined for clarity, balance, and warmth.
This update brings a deeper mauve base, stronger hover feedback, refined line highlights, and polished UI contrasts for better everyday usability.


✨ What’s New in v0.1.0

  • Rebalanced Base Tone → replaced harsh blacks with rich mauve charcoal #221C26
  • Improved Readability → refined contrasts, softer text luminance, smoother focus transitions
  • Candy-Pop Interactivity → brighter hover and selection states using brand pink #FF2F92
  • Plum Line Highlight → subtle #221C26 glow behind your active line — visible, not noisy
  • Status & Badge Fixes → corrected badge contrast and folderless status bar visibility
  • Consistent Brand Use → restricted palette to core MapleFizz tones:
    #6A103B, #941751, #FF2F92, #DCF763, #221C26

🎨 Core Palette

Role Color Description
Background #121016 / #221C26 Deep mauve charcoal base
Primary Accent #6A103B Maple plum
Secondary Accent #FF2F92 Vibrant candy pink
Highlight #DCF763 Warm yellow highlight
Foreground #E5E5E8 Soft white text

💻 Features

  • Dark UI Foundation — designed for comfort during long coding sessions
  • Refined Contrast — eliminates glare and low-contrast zones
  • Comprehensive Syntax Highlighting — calibrated for JS, TS, HTML, CSS, Markdown, JSON, and more
  • MapleFizz Identity — vivid but balanced; form meets function

📦 Installation

  1. Open VS Code
  2. Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
  3. Search for "MapleFizz Dark"
  4. Click Install

🧭 Usage

  1. Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P)
  2. Type “Preferences: Color Theme”
  3. Select “MapleFizz Dark”

🧪 Contributing

Feedback and contributions are welcome!
If you notice an off-brand color, inconsistency, or readability issue, please open an issue or submit a pull request.


❤️ Special Thanks

Inspired by CoderCoder for sharing resources that helped make theme creation accessible.


📄 License

Released under the MIT License.


Author: MapleFizz
Email: hello@maplefizz.ca
Repository: github.com/MapleFizzOfficial/maplefizz-dark

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft