Skip to main content

Command Palette

Search for a command to run...

CMYK colourrrs :: A colour theme/scheme for editors and terminals

Updated
2 min read
CMYK colourrrs :: A colour theme/scheme for editors and terminals

Yesterday, I made cmyk colourrrs, a colour theme for editors and terminals.

Currently, there's support for the following:

Visual Studio Code theme

You can install the theme from the Visual Studio Code marketplace or Open VSX

Dark

web-project-dark.png

terminal-dark.png

Light

web-project-light.png

terminal-light.png

Jetbrains IDE's -> Colour scheme and UI theme

You can get the UI theme and colour scheme for Jetbrain's IDE's from the Github repository.

kotlin-01.png

git-gutter-01.png

xml-01.png

Xcode theme

You can get the theme for Xcode from the CMYK colourrrs Xcode Github repository.

Just download, close Xcode, and put in the following directory before relaunching:

~/Library/Developer/Xcode/UserData/FontAndColorThemes

xcode-swift-01.png

iTerm 2 theme

You can install the iTerm 2 theme off Github: https://github.com/techygrrrl/techygrrrl-cmyk-colourrrs-iterm

At this time, there is only a dark theme for iTerm 2.

sample-tig.png

Neovim

Fadiinho made a version of CMYK for Neovim.

You can get the CMYK theme for Neovim on Github.

unknown.png

Colour picker -> build the thing to help build the thing

If you're a developer, you may be able to relate to building a tool to help you do something faster. Well, I did that! In order to help me be more productive in building the theme, I built a tool to help me pick colours faster. You can see the colour picker tool here: https://u1tlwy.csb.app

It's built in React with TypeScript and Sass and has the following features:

  • theme toggle to switch between light and dark backgrounds

  • animated random colour picking to change the button and line accent colour

  • click to copy to clipboard to make it easier to paste the colour into the JSON file

  • animated random active line number selecting

You can see a preview of light and dark modes below.

image.png

image.png

Interested in making your own theme?

If you are interested in making a theme and you think it'll help you, you're welcome to use the above colour picker if you provide a link back. Click the "Open Sandbox" button at the bottom right of this page. Please provide attribution with a link back to either my website, this blog post, or the original sandbox. Please also change stuff up so it doesn't look exactly like the original.

More from this blog

techygrrrl's blog

8 posts

Twitch streamer from Canada. If I'm not playing video games 🕹 I'm probably coding and developing websites or apps 👩🏻‍💻