跳到主要內容

Vacuum Tube

Vacuum Tube 是一套深色終端機配色(純黑、高對比),背景色 #0c0907,文字色 #f7efe3,對比度 17.4:1

取得設定檔
背景色
#0c0907
前景色
#f7efe3
文字對比度
17.41:1AAA
強調色對比度
11.44:1最低 8.19
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
❯

Vacuum Tube 的設定檔

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

Vacuum Tube

存到 ~/.config/ghostty/themes/Vacuum Tube,再在 config 或 config.ghostty 裡寫 theme = Vacuum Tube

更多 Ghostty 配色
原始檔
# Theme: Vacuum Tube (Ghostty)
# Preview & customize online: https://tintdex.afengim.com/zh-tw/schemes/vacuum-tube?format=ghostty

palette = 0=#bdb5aa
palette = 1=#ff826d
palette = 2=#79d09b
palette = 3=#f5cb67
palette = 4=#8fb4ee
palette = 5=#d9a1e8
palette = 6=#83d3dc
palette = 7=#f7efe3
palette = 8=#cec7bd
palette = 9=#ff9e8e
palette = 10=#99ddb4
palette = 11=#f9dc89
palette = 12=#adc8f4
palette = 13=#e7bbed
palette = 14=#a4e2e7
palette = 15=#fffaf2
background = #0c0907
foreground = #f7efe3
cursor-color = #ffc078
cursor-text = #0c0907
selection-background = #35251a
selection-foreground = #fff4e8

Vacuum Tube 色票

色票各槽位的色值及其相對背景的 WCAG 對比度
顏色槽位HEXRGBHSLOKLCH對比度
背景色background#0c0907rgb(12 9 7)hsl(24 26% 4%)oklch(14.3% 0.007 59.2)—
前景色foreground#f7efe3rgb(247 239 227)hsl(36 56% 93%)oklch(95.5% 0.018 78.2)17.41 AAA
游標cursor#ffc078rgb(255 192 120)hsl(32 100% 74%)oklch(85.0% 0.115 69.0)12.35 AAA
游標文字cursorText#0c0907rgb(12 9 7)hsl(24 26% 4%)oklch(14.3% 0.007 59.2)1.00 低於 AA
選取範圍selection#35251argb(53 37 26)hsl(24 34% 15%)oklch(28.0% 0.031 55.6)1.35 低於 AA
選取文字selectionText#fff4e8rgb(255 244 232)hsl(31 100% 95%)oklch(97.3% 0.020 70.0)18.30 AAA
黑color0#bdb5aargb(189 181 170)hsl(35 13% 70%)oklch(77.7% 0.018 76.1)9.79 AAA
紅color1#ff826drgb(255 130 109)hsl(9 100% 71%)oklch(74.4% 0.156 31.0)8.19 AAA
綠color2#79d09brgb(121 208 155)hsl(143 48% 65%)oklch(78.8% 0.114 155.9)10.69 AAA
黃color3#f5cb67rgb(245 203 103)hsl(42 88% 68%)oklch(85.9% 0.128 86.7)12.88 AAA
藍color4#8fb4eergb(143 180 238)hsl(217 74% 75%)oklch(76.5% 0.093 259.2)9.39 AAA
洋紅color5#d9a1e8rgb(217 161 232)hsl(287 61% 77%)oklch(78.5% 0.115 319.0)9.66 AAA
青color6#83d3dcrgb(131 211 220)hsl(186 56% 69%)oklch(81.9% 0.079 204.9)11.64 AAA
白color7#f7efe3rgb(247 239 227)hsl(36 56% 93%)oklch(95.5% 0.018 78.2)17.41 AAA
亮黑color8#cec7bdrgb(206 199 189)hsl(35 15% 77%)oklch(83.3% 0.016 77.1)11.84 AAA
亮紅color9#ff9e8ergb(255 158 142)hsl(8 100% 78%)oklch(79.4% 0.119 30.0)9.96 AAA
亮綠color10#99ddb4rgb(153 221 180)hsl(144 50% 73%)oklch(84.1% 0.090 157.4)12.63 AAA
亮黃color11#f9dc89rgb(249 220 137)hsl(44 90% 76%)oklch(90.1% 0.107 90.8)14.77 AAA
亮藍color12#adc8f4rgb(173 200 244)hsl(217 76% 82%)oklch(82.8% 0.069 260.1)11.67 AAA
亮洋紅color13#e7bbedrgb(231 187 237)hsl(293 58% 83%)oklch(84.6% 0.083 322.3)12.03 AAA
亮青color14#a4e2e7rgb(164 226 231)hsl(184 58% 77%)oklch(87.3% 0.063 202.3)13.81 AAA
亮白color15#fffaf2rgb(255 250 242)hsl(37 100% 97%)oklch(98.7% 0.012 79.8)19.10 AAA

關於 Vacuum Tube

Vacuum Tube 採用中性色調的深色背景(#0c0907),預設前景色為 #f7efe3。內文的 WCAG 對比度為 17.41:1(AAA),12 種 ANSI 彩色槽位平均對比度 11.44:1,最低 8.19:1。

色票整體色彩彩度適中,其中紅色為 #ff826d、綠色為 #79d09b、藍色為 #8fb4ee、洋紅為 #d9a1e8。

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

與 Vacuum Tube 相似的配色

資料來源:iTerm2 Color Schemes (MIT)