Skip to content
Tintdex

Electron Highlighter

Electron Highlighter is a cool, dark terminal color scheme with a #23283d background and #a5b6d4 text (7.1:1 contrast)

Get config
Background
#23283d
Foreground
#a5b6d4
Text contrast
7.10:1AAA
Accent contrast
8.66:1min 5.40
zsh — ls & git status
zsh — ls & git status
zsh — ls & git status
zsh — ls & git status
zsh — ls & git status — Konsole
~/dev/tintdex on main [!?] via ⬢ v1.4.3
❯ ls -la
drwxr-xr-x 12 ada staff 384 Oct 30 09:12 .
drwxr-xr-x 8 ada staff 256 Oct 29 18:40 ..
-rw-r--r-- 1 ada staff 1.2K Oct 30 09:10 .gitignore
drwxr-xr-x 5 ada staff 160 Oct 30 09:12 src
drwxr-xr-x 3 ada staff 96 Oct 28 11:02 public
-rwxr-xr-x 1 ada staff 2.4K Oct 30 08:57 build.sh
-rw-r--r-- 1 ada staff 4.1K Oct 30 09:01 package.json
lrwxr-xr-x 1 ada staff 18 Oct 27 14:33 node_modules -> ../cache/modules
-rw-r--r-- 1 ada staff 48K Oct 26 10:15 logo.png
-rw-r--r-- 1 ada staff 9.8M Oct 25 21:47 backup.tar.gz
~/dev/tintdex on main [!?] via ⬢ v1.4.3
❯ git status
On branch main
Your branch is ahead of 'origin/main' by 2 commits.
Changes to be committed:
new file: src/theme.css
modified: README.md
Changes not staged for commit:
modified: src/app.tsx
deleted: legacy/colors.js
Untracked files:
notes.md
~/dev/tintdex on main [!?] via ⬢ v1.4.3
❯

Electron Highlighter configs

16 formats, all from one palette

Electron Highlighter

Save to ~/.config/ghostty/themes/Electron Highlighter, then set theme = Electron Highlighter in config or config.ghostty

More Ghostty themes
Raw file
# Theme: Electron Highlighter (Ghostty)
# Preview & customize online: https://tintdex.afengim.com/en/schemes/electron-highlighter?format=ghostty

palette = 0=#15161f
palette = 1=#ff6c8d
palette = 2=#00ffc3
palette = 3=#ffebb1
palette = 4=#77abff
palette = 5=#daa4f4
palette = 6=#00e5ff
palette = 7=#7187b7
palette = 8=#4b5b8c
palette = 9=#ff6c8d
palette = 10=#00ffc3
palette = 11=#ffebb1
palette = 12=#77abff
palette = 13=#daa4f4
palette = 14=#00e5ff
palette = 15=#c3cde2
background = #23283d
foreground = #a5b6d4
cursor-color = #a5b6d4
cursor-text = #171b29
selection-background = #293257
selection-foreground = #a5b6d4

Electron Highlighter palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#23283drgb(35 40 61)hsl(228 27% 19%)oklch(28.2% 0.039 273.4)—
Foregroundforeground#a5b6d4rgb(165 182 212)hsl(218 35% 74%)oklch(77.3% 0.047 261.8)7.10 AAA
Cursorcursor#a5b6d4rgb(165 182 212)hsl(218 35% 74%)oklch(77.3% 0.047 261.8)7.10 AAA
Cursor textcursorText#171b29rgb(23 27 41)hsl(227 28% 13%)oklch(22.5% 0.028 271.7)1.18 Fail
Selectionselection#293257rgb(41 50 87)hsl(228 36% 25%)oklch(32.8% 0.067 271.9)1.17 Fail
Selection textselectionText#a5b6d4rgb(165 182 212)hsl(218 35% 74%)oklch(77.3% 0.047 261.8)7.10 AAA
Blackcolor0#15161frgb(21 22 31)hsl(234 19% 10%)oklch(20.3% 0.018 279.7)1.24 Fail
Redcolor1#ff6c8drgb(255 108 141)hsl(347 100% 71%)oklch(72.0% 0.181 8.9)5.40 AA
Greencolor2#00ffc3rgb(0 255 195)hsl(166 100% 50%)oklch(88.8% 0.180 167.9)11.16 AAA
Yellowcolor3#ffebb1rgb(255 235 177)hsl(45 100% 85%)oklch(94.2% 0.077 91.3)12.32 AAA
Bluecolor4#77abffrgb(119 171 255)hsl(217 100% 73%)oklch(74.0% 0.134 259.6)6.28 AA
Magentacolor5#daa4f4rgb(218 164 244)hsl(281 78% 80%)oklch(79.6% 0.124 314.4)7.35 AAA
Cyancolor6#00e5ffrgb(0 229 255)hsl(186 100% 50%)oklch(84.4% 0.146 209.3)9.46 AAA
Whitecolor7#7187b7rgb(113 135 183)hsl(221 33% 58%)oklch(62.5% 0.077 265.2)4.06 AA Large
Bright Blackcolor8#4b5b8crgb(75 91 140)hsl(225 30% 42%)oklch(48.0% 0.082 269.4)2.20 Fail
Bright Redcolor9#ff6c8drgb(255 108 141)hsl(347 100% 71%)oklch(72.0% 0.181 8.9)5.40 AA
Bright Greencolor10#00ffc3rgb(0 255 195)hsl(166 100% 50%)oklch(88.8% 0.180 167.9)11.16 AAA
Bright Yellowcolor11#ffebb1rgb(255 235 177)hsl(45 100% 85%)oklch(94.2% 0.077 91.3)12.32 AAA
Bright Bluecolor12#77abffrgb(119 171 255)hsl(217 100% 73%)oklch(74.0% 0.134 259.6)6.28 AA
Bright Magentacolor13#daa4f4rgb(218 164 244)hsl(281 78% 80%)oklch(79.6% 0.124 314.4)7.35 AAA
Bright Cyancolor14#00e5ffrgb(0 229 255)hsl(186 100% 50%)oklch(84.4% 0.146 209.3)9.46 AAA
Bright Whitecolor15#c3cde2rgb(195 205 226)hsl(221 35% 83%)oklch(84.7% 0.031 265.3)9.12 AAA

About Electron Highlighter

Electron Highlighter is a dark terminal color scheme built on a cool-tinted #23283d background with #a5b6d4 as the default foreground. Body text reaches a 7.10:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 8.66:1 (minimum 5.40:1).

Its palette is moderately saturated, anchored by #ff6c8d red, #00ffc3 green, #77abff blue, and #daa4f4 magenta.

Ready-to-use configs can be exported for Ghostty, iTerm2, Kitty, Alacritty, WezTerm, Windows Terminal, Warp, foot, Rio, XFCE4 Terminal, and Xresources, along with VS Code and Zed integrated terminals, CSS variables, Tailwind CSS, and JSON.

Schemes similar to Electron Highlighter

Source: iTerm2 Color Schemes (MIT)