🦉 Owlet
A series of simple VSCode themes
Preview
Default
If you want something dark and relatively neutral.
Charcoal
If you want something really dark (almost black).
Dracula
If you want something kinda dark and with a hint of purple.
Espresso
If you want something dark and brown.
Matcha
If you want something dark and with a hint of green.
Mocha
If you want something kinda dark and brown.
Mono
If you want something dark and colourless!
Night Owl
If you want something dark, blue, and awesome.
One
If you want something kinda dark and relatively neutral.
Oceanic Next
If you want something kinda dark and with a hint of green.
Palenight
If you want something kinda dark and with some purple.
Purple
If you want something kinda dark and with lots of purple.
Slate
If you want something dark and with a hint of blue.
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
