Cents 💰

Dark theme that's a smart investment in productivitiy and reflects a sensible brand.

Download from the VS Code marketplace, or install from VS Code,

1. Type cmd+shift+p to open the command palette.
2. Type "ext" and select "Extensions: Install Extensions" to open the Extensions sidebar.
3. Type "cents" in the Extensions sidebar to find the theme (look for the 💰).

Build

yarn
yarn build  # repackages .vsix file
yarn clean  # wipes .vsix files

Test

Once we have a .vsix package, we're able to install the theme.

From VS Code,

1. cmd+shift+p to open command palette
2. Type "ext" and select "Extensions: Install Extensions"
3. Click the ... menu in the upper right corner of the sidebar
4. Choose "Install from VSIX"
5. From Finder, select the .vsix file that we generated in npm run build. Once selected, it should appear in the extensions sidebar
6. Done!

To toggle the theme go to Preferences > Color Theme > Cents. Search for "cents" in the Extensions sidebar to reinstall.

Note: if you're using the Bracket Pair Colorizer extension, that will take precedence over the theme. Don't be alarmed if you don't see your changes being propagated as expected.

Contribute ♻️

Want to improve Cents? It's super easy to.

All you need to do is replace the hex values in cents.js with valid colors design tokens. For example,

// cents.js
const colors = {
  blueLighter : '#9DCDFA',
}

module.exports = {
    colors: {
        "badge.background": "#2e363c",  // this should be using a color.
    }
}

How do I publish this?

Publish

vsce publish

or visit https://marketplace.visualstudio.com/manage/publishers/piperchester.

---

Cents was inspired by the awesome Any Dark and One Dark Pro projects.

It just makes sense!