Obsidian Stats logoObsidian Stats

Tomorrow Night Blue

by packetsherpa
Screenshot of the Tomorrow Night Blue Obsidian theme
5
4
3
2
1
New Theme
Code

Description

This theme supports Dark Mode

README file from

Github

Tomorrow Night Blue for Obsidian

A local Obsidian port of Visual Studio Code's bundled Tomorrow Night Blue theme.

Tomorrow Night Blue preview

The palette is matched closely to VS Code's built-in theme:

  • editor background: #002451
  • sidebar/widgets: #001c40
  • tabs/input/activity bar: #001733
  • title/status bar: #001126
  • active line: #00346e
  • selection: #003f8e
  • borders/whitespace: #404f7d
  • syntax accents: #ff9da4, #ffc58f, #ffeead, #d1f1a9, #99ffff, #bbdaff, #ebbbff

Install Manually

  1. Download or clone this repository.

  2. Copy the repository folder into your Obsidian vault's theme directory:

    .obsidian/themes/Tomorrow Night Blue

  3. Make sure the folder contains:

    manifest.json
theme.css

  4. In Obsidian, open Settings -> Appearance -> Themes.

  5. Select Tomorrow Night Blue.

Development

The theme is intentionally compact: most customization happens through CSS variables near the top of theme.css.

Attribution

This theme is inspired by and color-matched to the Tomorrow Night Blue theme bundled with Visual Studio Code.

Visual Studio Code is distributed by Microsoft under the MIT License. This repository contains an Obsidian CSS implementation, not a copy of VS Code's theme extension.

License

MIT

Sponsors