terminal-themes.css

Terminal color schemes/themes as css or json file for using those in browser.

---

status

there is not much to here, color platte is not something that ever got an update. so, for the most part after writing the converter script this repo will be kinda dead. unless any new color platte got released or any bug can be found. please open an issue if needed.

---

variants

branch names	description	compact naming	cursor	selection
json	raw json version	🔴	🟢	🟢
json-min	json with compact naming	🟢	🟢	🟢
css-class	colors as css class	🔴	🔴	🔴
css-class-min	css-class but compact naming	🟢	🔴	🔴
css-var	colors as css variables	🔴	🟢	🟢
css-var-min	css-var but compact naming	🟢	🟢	🟢

color name	json	json min	css class	css class min	css var	css var min
normal black	JT.normal.black	JT.N0	.normal-black	.N0	--normal-black	--N0
normal red	JT.normal.red	JT.N1	.normal-red	.N1	--normal-red	--N1
normal green	JT.normal.green	JT.N2	.normal-green	.N2	--normal-green	--N2
normal yellow	JT.normal.yellow	JT.N3	.normal-yellow	.N3	--normal-yellow	--N3
normal blue	JT.normal.blue	JT.N4	.normal-blue	.N4	--normal-blue	--N4
normal magenta	JT.normal.magenta	JT.N5	.normal-magenta	.N5	--normal-magenta	--N5
normal cyan	JT.normal.cyan	JT.N6	.normal-cyan	.N6	--normal-cyan	--N6
normal white	JT.normal.white	JT.N7	.normal-white	.N7	--normal-white	--N7
bright black	JT.bright.black	JT.B0	.bright-black	.B0	--bright-black	--B0
bright red	JT.bright.red	JT.B1	.bright-red	.B1	--bright-red	--B1
bright green	JT.bright.green	JT.B2	.bright-green	.B2	--bright-green	--B2
bright yellow	JT.bright.yellow	JT.B3	.bright-yellow	.B3	--bright-yellow	--B3
bright blue	JT.bright.blue	JT.B4	.bright-blue	.B4	--bright-blue	--B4
bright magenta	JT.bright.magenta	JT.B5	.bright-magenta	.B5	--bright-magenta	--B5
bright cyan	JT.bright.cyan	JT.B6	.bright-cyan	.B6	--bright-cyan	--B6
bright white	JT.bright.white	JT.B7	.bright-white	.B7	--bright-white	--B7
primary background	JT.primary.background	JT.Pb	.primary-background	.Pb	--primary-background	--Pb
primary foreground	JT.primary.foreground	JT.Pf	.primary-foreground	.Pf	--primary-foreground	--Pf
selection background	JT.selection.background	JT.Sb	🚫	🚫	--selection-background	--Sb
selection text	JT.selection.text	JT.St	🚫	🚫	--selection-text	--St
cursor cursor	JT.cursor.cursor	JT.Cc	🚫	🚫	--cursor-cursor	--Cc
cursor text	JT.cursor.text	JT.Ct	🚫	🚫	--cursor-text	--Ct

🚫 means there is no support for that color in the version for example: there is no point to have selection or cursor color as class, because you can't use them.

• import any json version by import JT from "assets/css-var/nord.css";

• add "-bg" at the end of the css-class name to use it as background color. e.g. .bright-blue-bg for back as background color.

• add "B" at the end of the css-class-min name to use it as background color. e.g. .B4B for back as background color.

• import any variable version by <link rel="stylesheet" href="assets/css-var/nord.css" /> and use the color anywhere you want.

• short color name's numerical color code is taken from wiki/ANSI_escape_code

size of all those versions at size.md

if you need or have any idea about any other possible variant please open an issue.

---

how to use

to clone a version use this command and change <branch> with that branch name and change <folder> with the destination directory

git clone https://github.com/z00rat/terminal-themes.css --branch <branch> --single-branch <folder>

e.g. css-var-min version to css folder

git clone https://github.com/z00rat/terminal-themes.css --branch css-var-min --single-branch css

---

color scheme sources

- https://github.com/mbadolato/iTerm2-Color-Schemes/tree/master/alacritty

---

tools i used

• shell script for basic automation
• nodejs for generator/converter
• pnpm for nodejs package management
• chalk for colorful output from nodejs code
• commander for parsing cli arguments
• js-yaml for YAML to JSON
• VSCode as code editor
• css for css to json
• csso for compressing hex color
• json-to-css for json to css

---

star the project if you like it.