跳到主要內容

Wombat

Wombat 是一套深色終端機配色(粉彩),背景色 #171717,文字色 #dedacf,對比度 12.8:1

取得設定檔
背景色
#171717
前景色
#dedacf
文字對比度
12.84:1AAA
強調色對比度
11.12:1最低 6.07
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
❯

Wombat 的設定檔

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

Wombat

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

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

palette = 0=#000000
palette = 1=#ff615a
palette = 2=#b1e969
palette = 3=#ebd99c
palette = 4=#5da9f6
palette = 5=#e86aff
palette = 6=#82fff7
palette = 7=#dedacf
palette = 8=#313131
palette = 9=#f58c80
palette = 10=#ddf88f
palette = 11=#eee5b2
palette = 12=#a5c7ff
palette = 13=#ddaaff
palette = 14=#b7fff9
palette = 15=#ffffff
background = #171717
foreground = #dedacf
cursor-color = #bbbbbb
cursor-text = #ffffff
selection-background = #453b39
selection-foreground = #b6bbc0

Wombat 色票

色票各槽位的色值及其相對背景的 WCAG 對比度
顏色槽位HEXRGBHSLOKLCH對比度
背景色background#171717rgb(23 23 23)hsl(0 0% 9%)oklch(20.5% 0.000 0)—
前景色foreground#dedacfrgb(222 218 207)hsl(44 19% 84%)oklch(88.8% 0.015 90.2)12.84 AAA
游標cursor#bbbbbbrgb(187 187 187)hsl(0 0% 73%)oklch(79.2% 0.000 0)9.34 AAA
游標文字cursorText#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)17.93 AAA
選取範圍selection#453b39rgb(69 59 57)hsl(10 10% 25%)oklch(36.2% 0.014 31.2)1.65 低於 AA
選取文字selectionText#b6bbc0rgb(182 187 192)hsl(210 7% 73%)oklch(79.0% 0.009 247.9)9.27 AAA
黑color0#000000rgb(0 0 0)hsl(0 0% 0%)oklch(0.0% 0.000 0)1.17 低於 AA
紅color1#ff615argb(255 97 90)hsl(3 100% 68%)oklch(69.6% 0.194 25.9)6.07 AA
綠color2#b1e969rgb(177 233 105)hsl(86 74% 66%)oklch(86.9% 0.169 129.1)12.57 AAA
黃color3#ebd99crgb(235 217 156)hsl(46 66% 77%)oklch(88.6% 0.081 93.6)12.75 AAA
藍color4#5da9f6rgb(93 169 246)hsl(210 89% 66%)oklch(71.9% 0.136 250.5)7.23 AAA
洋紅color5#e86affrgb(232 106 255)hsl(291 100% 71%)oklch(73.2% 0.234 321.2)6.78 AA
青color6#82fff7rgb(130 255 247)hsl(176 100% 75%)oklch(92.6% 0.113 189.9)15.02 AAA
白color7#dedacfrgb(222 218 207)hsl(44 19% 84%)oklch(88.8% 0.015 90.2)12.84 AAA
亮黑color8#313131rgb(49 49 49)hsl(0 0% 19%)oklch(31.3% 0.000 0)1.38 低於 AA
亮紅color9#f58c80rgb(245 140 128)hsl(6 85% 73%)oklch(75.0% 0.130 27.4)7.64 AAA
亮綠color10#ddf88frgb(221 248 143)hsl(75 88% 77%)oklch(93.7% 0.134 120.8)15.28 AAA
亮黃color11#eee5b2rgb(238 229 178)hsl(51 64% 82%)oklch(91.7% 0.067 99.2)14.07 AAA
亮藍color12#a5c7ffrgb(165 199 255)hsl(217 100% 82%)oklch(82.5% 0.087 260.3)10.43 AAA
亮洋紅color13#ddaaffrgb(221 170 255)hsl(276 100% 83%)oklch(81.4% 0.128 311.2)9.62 AAA
亮青color14#b7fff9rgb(183 255 249)hsl(175 100% 86%)oklch(95.1% 0.071 189.5)15.95 AAA
亮白color15#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)17.93 AAA

關於 Wombat

Wombat 採用中性色調的深色背景(#171717),預設前景色為 #dedacf。內文的 WCAG 對比度為 12.84:1(AAA),12 種 ANSI 彩色槽位平均對比度 11.12:1,最低 6.07:1。

色票整體色彩彩度適中,其中紅色為 #ff615a、綠色為 #b1e969、藍色為 #5da9f6、洋紅為 #e86aff。

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

與 Wombat 相似的配色

資料來源:iTerm2 Color Schemes (MIT)