explaingit

daylerees/colour-schemes

★ 9,294HTMLAudience · developerComplexity · 1/5Setup · easy

TLDR

A large collection of color themes for popular text editors including Sublime Text, VS Code, Vim, and JetBrains tools, so your code looks exactly the way you want without writing a theme from scratch.

Mindmap

mindmap
  root((Colour Schemes))
    Editors covered
      Sublime Text
      VS Code
      Vim
      JetBrains
    Extra targets
      Highlight.js
      Bootstrap vars
      TextMate
    Coverage
      Sublime 98 pct
      Vim 70 pct
      JetBrains 60 pct
    Setup
      Package Control
      Copy theme file
      Demo preview page
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Things people build with this

USE CASE 1

Switch your Sublime Text or VS Code to a new color theme from this collection without building one yourself.

USE CASE 2

Browse all theme previews on the demo page before installing anything to find one you like.

USE CASE 3

Install a matching Bootstrap color variable file alongside an editor theme to keep your front-end colors consistent.

Tech stack

HTML

Getting it running

Difficulty · easy Time to first run · 5min
Free and open-source cosmetic themes, no restrictions mentioned. Check the repository for the specific license.

In plain English

This repository is a collection of color themes for text editors and coding tools, created by Dayle Rees, a member of the Laravel PHP framework team. The themes are designed to make time spent looking at code more visually comfortable. The author spells it "colour" deliberately, being British. The collection covers a wide range of editors and tools: Sublime Text, Visual Studio Code, Atom, Vim, JetBrains editors (such as PHPStorm), Xcode, TextMate, Coda 2, and others. There are also theme files for libraries that handle syntax highlighting on websites, such as Highlight.js and Google Code Prettify, plus Bootstrap variable files for web developers who want matching colors in their front-end projects. Installing a theme depends on the editor. For Sublime Text, the easiest method is through Package Control, which is a plugin manager. For Vim, the theme files go into a specific folder in your home directory. For Visual Studio Code, you copy the theme file to the extensions folder. Each editor has its own short set of steps, and the README walks through each one. A demo page on GitHub Pages shows previews of all the themes as HTML so you can browse them before installing anything. The themes are generated from a single source file and then mapped to each editor's format. Because the mapping work varies by editor, some editors have full coverage (Sublime Text is at 98%) while others are still being improved (Vim is at 70%, JetBrains at 60%). The README notes these compatibility percentages so you know what to expect before installing. The project is a purely cosmetic resource with no code to run. It is useful for any developer who wants more visual variety in their editor beyond the default themes that come installed.

Copy-paste prompts

Prompt 1
I want to install one of the daylerees colour-schemes in VS Code. Walk me through copying the theme file to the right extensions folder and selecting it in the editor.
Prompt 2
Help me install a daylerees colour-scheme in Vim, which file do I copy and where does it go so I can activate it in my .vimrc?
Prompt 3
Show me how to use Package Control in Sublime Text to install daylerees colour-schemes with one command without manually copying files.
Prompt 4
I want a dark theme from daylerees/colour-schemes that also works in JetBrains. How do I check the coverage percentage and install it in PHPStorm?
Open on GitHub → Explain another repo

← daylerees on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.