Tokyo Night

Demo

Download v2.3.4

VS Code Tokyo Night-inspired dark theme with blue-purple accents and deep blue-black backgrounds

Package

Font

System default

Dark

Variants

Night

dist/tokyo-night.css

Deep blue-black backgrounds with cool blue accents

Mode	accent	background	header	sidebar	surface	text
Dark (default)	`#7dcfff`	`#1a1b26`	`#16161e`	`#1e1f2b`	`#1e1f2b`	`#a9b1d6`

Storm

pa-color-storm dist/tokyo-night.css

Lighter blue-dark backgrounds with cool blue accents

Mode	accent	background	header	sidebar	surface	text
Dark (default)	`#7dcfff`	`#24283b`	`#1f2335`	`#292e42`	`#292e42`	`#c0caf5`

Tokyo Night

A dark theme inspired by the popular Tokyo Night color scheme for VS Code. Deep blue-black backgrounds with cool blue-purple accents create a calm, focused interface perfect for long sessions.

Highlights

Two variants — Night (deep blue-black, default) and Storm (lighter blue, more contrast)
Blue accent (#7dcfff) for a cool, crisp feel
System fonts — no custom font download required

Variants

Switch variants by adding a CSS class to <body>:

<body>                            <!-- Night (default) -->
<body class="pa-color-storm">     <!-- Storm (lighter dark) -->

Usage

<link rel="stylesheet" href="css/tokyo-night.css">