A deep night-dark VS Code theme built for long coding sessions. The background sits at near-black #0c141c — easy on the eyes in low light — while a warm gold accent #f1bb39 guides your attention through the UI. Every language gets its own colour story; nothing blends into nothing.

Colour Palette

UI

Role	Hex	Used for
Base background	`#0c141c`	Editor, terminal
Panel background	`#0e1822`	Sidebar, panels
Tab bar	`#111d28`	Activity bar, tab headers
Selection	`#1c2a38`	Selected text, list items
Accent (gold)	`#f1bb39`	Active tab border, cursor, badges, links
Plain text	`#8fa9ba`	Default editor and terminal text
Bright text	`#c8d3e0`	Active tab, selected items
Borders	`#1a2535`	Subtle separators throughout

Syntax

Token	Colour	Example
Keywords / storage	`#c792ea` purple italic	`if` `const` `async` `class`
Functions / methods	`#82cfff` cyan	`doSomething()`
Types / classes	`#82aaff` blue	`MyClass` `interface` `Promise`
Strings	`#98c379` green	`"hello world"`
Numbers	`#f78c6c` orange	`42` `3.14`
Constants	`#f78c6c` orange	`MAX_SIZE` `true` `null`
Parameters	`#f78c6c` orange italic	`(param, index)`
Operators	`#89ddff` light cyan	`+` `===` `=>` `??`
Decorators	`#f1bb39` gold	`@Injectable()`
Comments	`#3d5166` gray italic	`// explanation`
`this` / `self`	`#f07178` coral italic	`this.value`
Regex	`#e06c75` red	`/pattern/gi`

Language Support

HTML

Tag names in warm coral-pink — distinct from plain text
Attribute names in gold
Attribute values treated as strings (green)
< > brackets in a subtler teal so they recede behind the tag name

CSS / SCSS / Less

Element selectors: coral-pink
Class and ID selectors: gold
Property names: blue
Property values: green
Units (px, em, rem): orange
At-rules (@media, @keyframes): purple
!important: red bold
SCSS variables: light text

JavaScript / TypeScript

Full semantic highlighting via the TS language server
Arrow functions: cyan
JSX/TSX native tags (div, span): coral-pink bold
JSX/TSX component names (MyComponent): blue
JSX attribute names: gold
Type annotations and generics: blue
Decorators: gold

PHP

Token	Colour
`<?php` `<?=` `?>`	`#f78c6c` orange bold
Control flow (`if`, `foreach`, `while`, `return`…)	`#c792ea` purple italic
Output constructs (`echo`, `print`)	`#82cfff` cyan
Built-in functions	`#82cfff` cyan
`$variables`	`#c8d3e0` light
`$` sign	`#c792ea` purple
Class / interface / trait names	`#82aaff` blue
Namespaces	`#82aaff` blue
Constants	`#f78c6c` orange

SQL

Token	Colour
DML (`SELECT`, `FROM`, `WHERE`, `JOIN`…)	`#c792ea` purple bold
DDL (`CREATE`, `ALTER`, `DROP`)	`#e5c07b` amber bold
Constraints (`AUTO_INCREMENT`, `NOT NULL`, `PRIMARY KEY`)	`#f1bb39` gold
Data types (`INT`, `VARCHAR`, `TEXT`)	`#82aaff` blue
Table names	`#82cfff` cyan
Functions (`COUNT`, `COALESCE`…)	`#82cfff` cyan

Markdown

Headings: gold bold
Bold: bright white bold
Italic: bright white italic
Inline code and code blocks: green
Links: gold underlined
Blockquotes: dimmed gray italic
Strikethrough: dimmed with strikethrough style

Other

Full bracket pair colorisation across 6 levels. Inlay hints, ghost text, and sticky scroll all follow the same colour system. The terminal uses a full 16-colour ANSI palette tuned to match the theme.

Installation

From the VS Code Marketplace

Open VS Code
Press Ctrl+Shift+X to open Extensions
Search Warm Darkness
Click Install

From a VSIX file

Download the latest .vsix from the Releases page
Press Ctrl+Shift+P → Extensions: Install from VSIX…
Select the downloaded file

Activate the theme

Press Ctrl+K Ctrl+T and select Warm Darkness.

Reporting Issues

If a language construct, UI element, or extension doesn't look right:

Open the file where the colour is wrong
Press Ctrl+Shift+P → Developer: Inspect Editor Tokens and Scopes
Click the token that looks off and copy the textmate scopes output
Open an issue with the scope info and a brief description

Contributing

Pull requests are welcome. For significant changes please open an issue first to discuss what you'd like to change.

Warm Darkness