跳到主要內容
Tintdex

Sparky

Sparky 是一套深色終端機配色（冷色），背景色 #072b31，文字色 #f4f5f0，對比度 13.7:1

取得設定檔
背景色
#072b31
前景色
#f4f5f0
文字對比度
13.70:1AAA
強調色對比度
7.63:1最低 4.73
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
❯

Sparky 的設定檔

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

Sparky

存到 ~/.config/ghostty/themes/Sparky，再在 config 或 config.ghostty 裏寫 theme = Sparky

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

palette = 0=#212322
palette = 1=#ff585d
palette = 2=#78d64b
palette = 3=#fbdd40
palette = 4=#4698cb
palette = 5=#d59ed7
palette = 6=#2dccd3
palette = 7=#dee6de
palette = 8=#4b4f54
palette = 9=#ff7276
palette = 10=#8edd65
palette = 11=#f6eb61
palette = 12=#69b3e7
palette = 13=#f99fc9
palette = 14=#00c1d5
palette = 15=#d9e1e2
background = #072b31
foreground = #f4f5f0
cursor-color = #f4f5f0
cursor-text = #072b31
selection-background = #3f585c
selection-foreground = #f4f5f0

Sparky 色板

色板各槽位的色值及其相對背景的 WCAG 對比度
顏色槽位HEXRGBHSLOKLCH對比度
背景色background#072b31rgb(7 43 49)hsl(189 75% 11%)oklch(26.7% 0.041 211.0)—
前景色foreground#f4f5f0rgb(244 245 240)hsl(72 20% 95%)oklch(96.8% 0.007 115.7)13.70 AAA
光標cursor#f4f5f0rgb(244 245 240)hsl(72 20% 95%)oklch(96.8% 0.007 115.7)13.70 AAA
光標文字cursorText#072b31rgb(7 43 49)hsl(189 75% 11%)oklch(26.7% 0.041 211.0)1.00 低於 AA
選取範圍selection#3f585crgb(63 88 92)hsl(188 19% 30%)oklch(44.2% 0.031 208.4)1.97 低於 AA
選取文字selectionText#f4f5f0rgb(244 245 240)hsl(72 20% 95%)oklch(96.8% 0.007 115.7)13.70 AAA
黑color0#212322rgb(33 35 34)hsl(150 3% 13%)oklch(25.4% 0.003 164.8)1.05 低於 AA
紅color1#ff585drgb(255 88 93)hsl(358 100% 67%)oklch(68.7% 0.203 22.6)4.87 AA
綠color2#78d64brgb(120 214 75)hsl(101 63% 57%)oklch(79.0% 0.196 137.1)8.23 AAA
黃color3#fbdd40rgb(251 221 64)hsl(50 96% 62%)oklch(89.7% 0.167 97.9)11.09 AAA
藍color4#4698cbrgb(70 152 203)hsl(203 56% 54%)oklch(65.1% 0.110 239.0)4.73 AA
洋紅color5#d59ed7rgb(213 158 215)hsl(298 42% 73%)oklch(76.9% 0.100 325.3)6.93 AA
青color6#2dccd3rgb(45 204 211)hsl(183 65% 50%)oklch(77.2% 0.123 199.6)7.64 AAA
白color7#dee6dergb(222 230 222)hsl(120 14% 89%)oklch(91.7% 0.014 145.5)11.78 AAA
亮黑color8#4b4f54rgb(75 79 84)hsl(213 6% 31%)oklch(42.6% 0.010 253.9)1.82 低於 AA
亮紅color9#ff7276rgb(255 114 118)hsl(358 100% 72%)oklch(72.3% 0.172 20.7)5.66 AA
亮綠color10#8edd65rgb(142 221 101)hsl(100 64% 63%)oklch(82.0% 0.173 136.1)9.06 AAA
亮黃color11#f6eb61rgb(246 235 97)hsl(56 89% 67%)oklch(92.3% 0.157 104.8)12.13 AAA
亮藍color12#69b3e7rgb(105 179 231)hsl(205 72% 66%)oklch(73.9% 0.106 240.9)6.58 AA
亮洋紅color13#f99fc9rgb(249 159 201)hsl(332 88% 80%)oklch(80.4% 0.118 350.6)7.74 AAA
亮青color14#00c1d5rgb(0 193 213)hsl(186 100% 42%)oklch(74.2% 0.127 207.9)6.85 AA
亮白color15#d9e1e2rgb(217 225 226)hsl(187 13% 87%)oklch(90.4% 0.009 205.9)11.31 AAA

關於 Sparky

Sparky 採用冷色調的深色背景（#072b31），預設前景色為 #f4f5f0。正文的 WCAG 對比度為 13.70:1（AAA），12 種 ANSI 彩色槽位平均對比度 7.63:1，最低 4.73:1。

色板整體色彩飽和度適中，其中紅色為 #ff585d、綠色為 #78d64b、藍色為 #4698cb、洋紅為 #d59ed7。

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

與 Sparky 相似的配色

資料來源：Gogh (MIT OR Apache-2.0)