DarkNightCode
A focused obsidian dark theme for developers, designed for comfortable long coding sessions, clear syntax hierarchy, and modern OLED displays.
Preview
Features
- 🌑 Deep obsidian-inspired background
- 🎨 Clear syntax hierarchy with distinct semantic roles
- 👀 Tuned for comfortable long coding sessions
- 🟣 Purple/orchid UI accents
- ⚡ Clean and minimal developer-focused interface
- 💻 Designed for everyday development
- 🎨 Dedicated CSS syntax hierarchy
- 🖥️ OLED-friendly dark canvas
Installation
From VS Code Marketplace
- Open Extensions in VS Code.
- Search for DarkNightCode.
- Click Install.
- Open the Command Palette:
Ctrl + Shift + P
- Search for Preferences: Color Theme.
- Select DarkNightCode.
Manual Installation
You can also install the .vsix package manually:
- Download the
.vsix file.
- Open VS Code.
- Open Extensions.
- Click
... in the Extensions view.
- Select Install from VSIX...
- Select the downloaded
.vsix file.
Theme Palette
DarkNightCode uses a structured color system to separate different programming concepts:
| Role |
Color |
| Variables |
Ice Blue |
| Functions |
Cyan |
| Types & Classes |
Green |
| Keywords |
Orchid Purple |
| Properties |
Ochre |
| Strings |
Soft Coral |
| Numbers |
Muted Amber |
| Operators |
Turquoise |
| Comments |
Muted Violet |
CSS Syntax
CSS receives additional syntax separation for easier scanning:
- Selectors → Green
- Properties → Ochre
- Values → Amber
- Units & Numbers → Turquoise
- Functions → Cyan
- Variables → Ice Blue
- Pseudo-classes & Elements → Orchid
- Separators → Turquoise
Supported Languages
DarkNightCode includes syntax styling for common development workflows, including:
- JavaScript
- TypeScript
- HTML
- JSX / TSX
- CSS
- SCSS
- LESS
- JSON
- YAML
- Python
- Markdown
Design Philosophy
DarkNightCode is built around a simple principle:
Keep the background quiet and let syntax provide the structure.
The theme uses a dark obsidian canvas with controlled accent colors so that different programming constructs remain visually distinguishable without making the entire editor feel saturated.
Feedback
Found a bug or have a suggestion?
Please open an issue on the GitHub repository:
https://github.com/Bro-Code-1/darknightcode
License
DarkNightCode is licensed under the MIT License.
See the LICENSE file for details.
Author
Created by Bro_Code_1
darknightcode
An obsidian dark VS Code theme designed for comfortable coding and clear syntax hierarchy.
