https://github.com/itsjonq/dark-refined

🔸Refined: A series of VSCode themes based on Dark+
https://github.com/itsjonq/dark-refined

Last synced: 11 months ago
JSON representation

🔸Refined: A series of VSCode themes based on Dark+

• Host: GitHub
• URL: https://github.com/itsjonq/dark-refined
• Owner: ItsJonQ
• License: mit
• Created: 2018-12-23T01:26:10.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-03-22T02:25:15.000Z (over 7 years ago)
• Last Synced: 2025-04-10T10:59:47.607Z (over 1 year ago)
• Language: JavaScript
• Homepage: https://jonquach.com/
• Size: 357 KB
• Stars: 7
• Watchers: 0
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 🔸 Dark Refined

[![Version](https://vsmarketplacebadge.apphb.com/version/itsjonq.dark-refined.svg)](https://marketplace.visualstudio.com/items?itemName=itsjonq.dark-refined)

> A series of VSCode themes based on Dark+

## Preview

![Default](https://raw.githubusercontent.com/ItsJonQ/dark-refined/master/images/refined-default.jpg)

## Generate

This is the magic sauce for Refined'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

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

**Example**

```js

// themes/palenight.js

const colors = require('../colors/default')

const config = {

  name: 'Dark (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

- [Owlet Theme](https://github.com/ItsJonQ/owlet)