Skip to end of metadata
Go to start of metadata

When in need for something special

On occasion the variables we use to paint the basic building blocks of our extensions simply won't be enough. Sometimes we really do need some special colours to signalise something significant in the UI. Perhaps some decorator, or some underline, or a connecting line between two tiles that has a specific meaning. The regular building blocks mostly comprising of various greyscale colours, with an occasional splash of blue simply won't do.

This is why we have agreed to use Terminal set of variables for such special cases. This set contains lots of primary strong, but not too strong, colours which are easily identifiable and different from anything else.

These should, of course, be used only in special occasions, sparsely, and in coordination with other designers so that the variety is minimised across designs.

Terminal colour variables

VS Code variable nameLight+ colour
Dark+ colour
--vscode-terminal-ansiBlack #000000;

 #000000;

--vscode-terminal-ansiRed #cd3131;

 #cd3131;

--vscode-terminal-ansiGreen #00bc00;

 #0dbc79;

--vscode-terminal-ansiYellow #949800;

 #e5e510;

--vscode-terminal-ansiBlue #0451a5;

 #2472c8;

--vscode-terminal-ansiMagenta #bc05bc;

 #bc3fbc;

--vscode-terminal-ansiCyan #0598bc;

 #11a8cd;

--vscode-terminal-ansiWhite #555555;

 #e5e5e5;

--vscode-terminal-ansiBrightBlack #666666;

 #666666;

--vscode-terminal-ansiBrightRed #cd3131;

 #f14c4c;

--vscode-terminal-ansiBrightGreen #14ce14;

 #23d18b;

--vscode-terminal-ansiBrightYellow #b5ba00;

 #f5f543;

--vscode-terminal-ansiBrightBlue #0451a5;

 #3b8eea;

--vscode-terminal-ansiBrightMagenta #bc05bc;

 #d670d6;

--vscode-terminal-ansiBrightCyan #0598bc;

 #29b8db;

--vscode-terminal-ansiBrightWhite #a5a5a5;

 #e5e5e5;

  • No labels