Skip to content
Tintdex

Firefox Dev

Firefox Dev is a soft, vibrant, dark terminal color scheme with a #0e1011 background and #7c8fa4 text (5.7:1 contrast)

Get config
Background
#0e1011
Foreground
#7c8fa4
Text contrast
5.74:1AA
Accent contrast
4.87:1min 2.54
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
❯

Firefox Dev configs

16 formats, all from one palette

Firefox Dev

Save to ~/.config/ghostty/themes/Firefox Dev, then set theme = Firefox Dev in config or config.ghostty

More Ghostty themes
Raw file
# Theme: Firefox Dev (Ghostty)
# Preview & customize online: https://tintdex.afengim.com/en/schemes/firefox-dev?format=ghostty

palette = 0=#002831
palette = 1=#e63853
palette = 2=#5eb83c
palette = 3=#a57706
palette = 4=#359ddf
palette = 5=#d75cff
palette = 6=#4b73a2
palette = 7=#dcdcdc
palette = 8=#001e27
palette = 9=#e1003f
palette = 10=#1d9000
palette = 11=#cd9409
palette = 12=#006fc0
palette = 13=#a200da
palette = 14=#005794
palette = 15=#e2e2e2
background = #0e1011
foreground = #7c8fa4
cursor-color = #708284
cursor-text = #002831
selection-background = #163c61
selection-foreground = #f2f5f9

Firefox Dev palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#0e1011rgb(14 16 17)hsl(200 10% 6%)oklch(17.1% 0.004 229.1)—
Foregroundforeground#7c8fa4rgb(124 143 164)hsl(212 18% 56%)oklch(64.2% 0.038 251.0)5.74 AA
Cursorcursor#708284rgb(112 130 132)hsl(186 8% 48%)oklch(59.3% 0.021 204.8)4.74 AA
Cursor textcursorText#002831rgb(0 40 49)hsl(191 100% 10%)oklch(25.5% 0.046 216.8)1.22 Fail
Selectionselection#163c61rgb(22 60 97)hsl(210 63% 23%)oklch(34.9% 0.078 250.6)1.68 Fail
Selection textselectionText#f2f5f9rgb(242 245 249)hsl(214 37% 96%)oklch(96.9% 0.006 255.5)17.44 AAA
Blackcolor0#002831rgb(0 40 49)hsl(191 100% 10%)oklch(25.5% 0.046 216.8)1.22 Fail
Redcolor1#e63853rgb(230 56 83)hsl(351 78% 56%)oklch(61.4% 0.208 17.8)4.59 AA
Greencolor2#5eb83crgb(94 184 60)hsl(104 51% 48%)oklch(70.1% 0.182 138.4)7.63 AAA
Yellowcolor3#a57706rgb(165 119 6)hsl(43 93% 34%)oklch(60.0% 0.122 81.1)4.76 AA
Bluecolor4#359ddfrgb(53 157 223)hsl(203 73% 54%)oklch(66.7% 0.135 241.4)6.39 AA
Magentacolor5#d75cffrgb(215 92 255)hsl(285 100% 68%)oklch(69.5% 0.246 316.8)6.24 AA
Cyancolor6#4b73a2rgb(75 115 162)hsl(212 37% 46%)oklch(54.6% 0.087 253.3)3.88 AA Large
Whitecolor7#dcdcdcrgb(220 220 220)hsl(0 0% 86%)oklch(89.4% 0.000 0)13.91 AAA
Bright Blackcolor8#001e27rgb(0 30 39)hsl(194 100% 8%)oklch(21.8% 0.040 221.1)1.10 Fail
Bright Redcolor9#e1003frgb(225 0 63)hsl(343 100% 44%)oklch(57.6% 0.231 18.7)3.88 AA Large
Bright Greencolor10#1d9000rgb(29 144 0)hsl(108 100% 28%)oklch(56.9% 0.188 141.2)4.58 AA
Bright Yellowcolor11#cd9409rgb(205 148 9)hsl(43 92% 42%)oklch(70.3% 0.144 80.7)7.12 AAA
Bright Bluecolor12#006fc0rgb(0 111 192)hsl(205 100% 38%)oklch(53.4% 0.151 250.1)3.67 AA Large
Bright Magentacolor13#a200dargb(162 0 218)hsl(285 100% 43%)oklch(54.0% 0.269 312.7)3.22 AA Large
Bright Cyancolor14#005794rgb(0 87 148)hsl(205 100% 29%)oklch(44.7% 0.122 248.6)2.54 Fail
Bright Whitecolor15#e2e2e2rgb(226 226 226)hsl(0 0% 89%)oklch(91.3% 0.000 0)14.72 AAA

About Firefox Dev

Firefox Dev is a dark terminal color scheme built on a neutral #0e1011 background with #7c8fa4 as the default foreground. Body text reaches a 5.74:1 WCAG contrast ratio (AA), while the 12 ANSI accent colors average 4.87:1 (minimum 2.54:1).

Its palette is highly saturated, anchored by #e63853 red, #5eb83c green, #359ddf blue, and #d75cff 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 Firefox Dev

Source: iTerm2 Color Schemes (MIT)