# 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](https://marketplace.visualstudio.com/items?itemName=techygrrrl.techygrrrl-cmyk-colourrrs)
    
* [Jetbrains](https://github.com/techygrrrl/techygrrrl-cmyk-colourrrs-jetbrains)
    
* [Xcode](https://github.com/techygrrrl/techygrrrl-cmyk-colourrrs-xcode)
    
* [iTerm 2](https://github.com/techygrrrl/techygrrrl-cmyk-colourrrs-iterm)
    
* [Neovim](https://github.com/techygrrrl/techygrrrl-cmyk-colourrrs-neovim)
    

## Visual Studio Code theme

You can install the theme from the [Visual Studio Code marketplace](https://marketplace.visualstudio.com/items?itemName=techygrrrl.techygrrrl-cmyk-colourrrs) or [Open VSX](https://open-vsx.org/extension/techygrrrl/techygrrrl-cmyk-colourrrs)

### Dark

![web-project-dark.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1651373658518/D3WQn-HZo.png align="left")

![terminal-dark.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1651373672422/1e5wsyFTg.png align="left")

### Light

![web-project-light.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1651373684412/APXzwHKX3.png align="left")

![terminal-light.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1651373697527/21JdNCyfV.png align="left")

## 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](https://github.com/techygrrrl/techygrrrl-cmyk-colourrrs-jetbrains).

![](https://github.com/techygrrrl/techygrrrl-cmyk-jetbrains-ui-theme/raw/main/screenshot.png align="left")

![kotlin-01.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1651465207002/GE-dxZ-Eh.png align="left")

![git-gutter-01.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1651465195340/49saOJQ5c.png align="left")

![xml-01.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1651465258010/YB78x4kP8.png align="left")

## Xcode theme

You can get the theme for Xcode from the [CMYK colourrrs Xcode](https://github.com/techygrrrl/techygrrrl-cmyk-colourrrs-xcode) Github repository.

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

```kotlin
~/Library/Developer/Xcode/UserData/FontAndColorThemes
```

![xcode-swift-01.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1653278347639/HLKDCxmPI.png align="left")

## 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](https://cdn.hashnode.com/res/hashnode/image/upload/v1651374387642/MmM01-6mo.png align="left")

## Neovim

[Fadiinho](https://github.com/fadiinho) made a version of CMYK for Neovim.

You can get the [CMYK theme for Neovim on Github](https://github.com/techygrrrl/techygrrrl-cmyk-colourrrs-neovim).

![unknown.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1662972819149/R-8PlzVyC.png align="left")

## 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](https://cdn.hashnode.com/res/hashnode/image/upload/v1651372621156/TEYexZmwA.png align="left")

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1651372640097/by3BYm7uT.png align="left")

## 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](https://u1tlwy.csb.app). 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.