跳到主要內容

Black Box Recorder

Black Box Recorder 是一套深色終端機配色(純黑、高對比),背景色 #050608,文字色 #f4f1e8,對比度 17.9:1

取得設定檔
背景色
#050608
前景色
#f4f1e8
文字對比度
17.95:1AAA
強調色對比度
11.56:1最低 8.26
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
❯

Black Box Recorder 的設定檔

16 種格式,都從同一份色板產生

Black Box Recorder

存到 ~/.config/ghostty/themes/Black Box Recorder,再在 config 或 config.ghostty 裏寫 theme = Black Box Recorder

更多 Ghostty 配色
原始檔案
# Theme: Black Box Recorder (Ghostty)
# Preview & customize online: https://tintdex.afengim.com/zh-hk/schemes/black-box-recorder?format=ghostty

palette = 0=#b9b7b0
palette = 1=#ff806d
palette = 2=#78d19d
palette = 3=#f1ca63
palette = 4=#8cb2ed
palette = 5=#d5a0e6
palette = 6=#80d3dc
palette = 7=#f4f1e8
palette = 8=#cbc8c0
palette = 9=#ff9c8b
palette = 10=#99deb5
palette = 11=#f7db86
palette = 12=#aac7f3
palette = 13=#e4b9ed
palette = 14=#a1e1e7
palette = 15=#fffdf7
background = #050608
foreground = #f4f1e8
cursor-color = #ffcc33
cursor-text = #050608
selection-background = #2b2414
selection-foreground = #fff8e7

Black Box Recorder 色板

色板各槽位的色值及其相對背景的 WCAG 對比度
顏色槽位HEXRGBHSLOKLCH對比度
背景色background#050608rgb(5 6 8)hsl(220 23% 3%)oklch(12.2% 0.006 261.6)—
前景色foreground#f4f1e8rgb(244 241 232)hsl(45 35% 93%)oklch(95.8% 0.012 91.5)17.95 AAA
光標cursor#ffcc33rgb(255 204 51)hsl(45 100% 60%)oklch(86.7% 0.165 88.7)13.45 AAA
光標文字cursorText#050608rgb(5 6 8)hsl(220 23% 3%)oklch(12.2% 0.006 261.6)1.00 低於 AA
選取範圍selection#2b2414rgb(43 36 20)hsl(42 37% 12%)oklch(26.4% 0.029 86.8)1.32 低於 AA
選取文字selectionText#fff8e7rgb(255 248 231)hsl(42 100% 95%)oklch(98.0% 0.024 88.2)19.14 AAA
黑color0#b9b7b0rgb(185 183 176)hsl(47 6% 71%)oklch(77.9% 0.010 93.6)10.10 AAA
紅color1#ff806drgb(255 128 109)hsl(8 100% 71%)oklch(74.1% 0.158 30.1)8.26 AAA
綠color2#78d19drgb(120 209 157)hsl(145 49% 65%)oklch(79.1% 0.114 156.9)11.01 AAA
黃color3#f1ca63rgb(241 202 99)hsl(44 84% 67%)oklch(85.3% 0.129 88.7)12.90 AAA
藍color4#8cb2edrgb(140 178 237)hsl(216 73% 74%)oklch(75.8% 0.095 259.0)9.37 AAA
洋紅color5#d5a0e6rgb(213 160 230)hsl(285 58% 76%)oklch(77.9% 0.113 317.8)9.65 AAA
青color6#80d3dcrgb(128 211 220)hsl(186 57% 68%)oklch(81.7% 0.082 204.6)11.84 AAA
白color7#f4f1e8rgb(244 241 232)hsl(45 35% 93%)oklch(95.8% 0.012 91.5)17.95 AAA
亮黑color8#cbc8c0rgb(203 200 192)hsl(44 10% 77%)oklch(83.3% 0.011 89.7)12.13 AAA
亮紅color9#ff9c8brgb(255 156 139)hsl(9 100% 77%)oklch(79.0% 0.122 30.5)10.02 AAA
亮綠color10#99deb5rgb(153 222 181)hsl(144 51% 74%)oklch(84.3% 0.090 157.7)13.00 AAA
亮黃color11#f7db86rgb(247 219 134)hsl(45 88% 75%)oklch(89.7% 0.109 91.8)14.90 AAA
亮藍color12#aac7f3rgb(170 199 243)hsl(216 75% 81%)oklch(82.3% 0.070 258.6)11.75 AAA
亮洋紅color13#e4b9edrgb(228 185 237)hsl(290 59% 83%)oklch(84.0% 0.085 320.4)12.03 AAA
亮青color14#a1e1e7rgb(161 225 231)hsl(185 59% 77%)oklch(86.9% 0.065 203.3)13.94 AAA
亮白color15#fffdf7rgb(255 253 247)hsl(45 100% 98%)oklch(99.4% 0.008 91.5)19.93 AAA

關於 Black Box Recorder

Black Box Recorder 採用中性色調的深色背景(#050608),預設前景色為 #f4f1e8。正文的 WCAG 對比度為 17.95:1(AAA),12 種 ANSI 彩色槽位平均對比度 11.56:1,最低 8.26:1。

色板整體色彩飽和度適中,其中紅色為 #ff806d、綠色為 #78d19d、藍色為 #8cb2ed、洋紅為 #d5a0e6。

支援一鍵匯出 Ghostty、iTerm2、Kitty、Alacritty、WezTerm、Windows Terminal、Warp、foot、Rio、XFCE4 Terminal、Xresources 終端機設定檔,同時提供 VS Code 與 Zed 整合終端機、CSS 變數、Tailwind CSS 及 JSON 色板格式。

與 Black Box Recorder 相似的配色

資料來源:iTerm2 Color Schemes (MIT)