Skip to content
🦉 Owlet: A series of simple VSCode themes
Branch: master
Clone or download
Pull request Compare This branch is 75 commits ahead, 75 commits behind sdras:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github/ISSUE_TEMPLATE
.vscode
base
demo
images
src
themes
.gitignore
.vscodeignore
LICENSE
README.md
package-lock.json
package.json

README.md

🦉 Owlet

Version

A series of simple VSCode themes

Preview

Default

If you want something dark and relatively neutral.

Default

Charcoal

If you want something really dark (almost black).

Charcoal

Dracula

If you want something kinda dark and with a hint of purple.

Dracula

Espresso

If you want something dark and brown.

Espresso

Matcha

If you want something dark and with a hint of green.

Matcha

Mocha

If you want something kinda dark and brown.

Mocha

Mono

If you want something dark and colourless!

Mono

Night Owl

If you want something dark, blue, and awesome.

Night Owl

One

If you want something kinda dark and relatively neutral.

One

Oceanic Next

If you want something kinda dark and with a hint of green.

Oceanic Next

Palenight

If you want something kinda dark and with some purple.

palenight

Purple

If you want something kinda dark and with lots of purple.

purple

Slate

If you want something dark and with a hint of blue.

slate

The font in the above screenshots is SF Mono.

Simple

Sarah's (gorgeous) Night Owl is 90%+ perfect for me! There are just a couple of things that I wanted to adjust. I've wasted spent many hours tweaking and generating iTerm and Vim themes. From this, I've learned that the easiest way (for me) to make fine-tune adjustments would be to distill the colour palette down to as few variables as possible.

Generate

This is the magic sauce for Owlet's themes!

Setup

This project only has a couple of dependencies, which it uses to generate the VS Code theme.json files.

To install the dependencies, run:

npm install

To build the theme file(s), run:

npm start

Theme files

An Owlet theme only really requires a single shade, which makes up the background.

Example

// themes/palenight.js
const colors = require("../colors/default");

const config = {
  name: "Owlet (Palenight)",
  type: "dark"
};

const shades = {
  background: "#292d3e"
};

module.exports = {
  config,
  shades,
  colors
};

The theme is generated into /themes/, with it's details added to package.json - ready for publishing!

See Also

You can’t perform that action at this time.