跳到主要內容

Pastel Ega

Pastel Ega 是一套深色終端機配色,背景色 #414141,文字色 #f6f6f6,對比度 9.4:1

取得設定檔
背景色
#414141
前景色
#f6f6f6
文字對比度
9.45:1AAA
強調色對比度
4.74:1最低 2.06
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
❯

Pastel Ega 的設定檔

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

Pastel Ega

存到 ~/.config/ghostty/themes/Pastel Ega,再在 config 或 config.ghostty 裏寫 theme = Pastel Ega

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

palette = 0=#414141
palette = 1=#dd4274
palette = 2=#1db37b
palette = 3=#cbae25
palette = 4=#4c96d7
palette = 5=#bf2faf
palette = 6=#41bcbc
palette = 7=#bfbfbf
palette = 8=#8d8d8d
palette = 9=#db7497
palette = 10=#70e6ae
palette = 11=#faf8ac
palette = 12=#a5d2f3
palette = 13=#df7cd3
palette = 14=#5fe4e4
palette = 15=#f6f6f6
background = #414141
foreground = #f6f6f6
cursor-color = #f6f6f6
cursor-text = #414141
selection-background = #6a6a6a
selection-foreground = #f6f6f6

Pastel Ega 色板

色板各槽位的色值及其相對背景的 WCAG 對比度
顏色槽位HEXRGBHSLOKLCH對比度
背景色background#414141rgb(65 65 65)hsl(0 0% 25%)oklch(37.5% 0.000 0)—
前景色foreground#f6f6f6rgb(246 246 246)hsl(0 0% 96%)oklch(97.3% 0.000 0)9.45 AAA
光標cursor#f6f6f6rgb(246 246 246)hsl(0 0% 96%)oklch(97.3% 0.000 0)9.45 AAA
光標文字cursorText#414141rgb(65 65 65)hsl(0 0% 25%)oklch(37.5% 0.000 0)1.00 低於 AA
選取範圍selection#6a6a6argb(106 106 106)hsl(0 0% 42%)oklch(52.4% 0.000 0)1.89 低於 AA
選取文字selectionText#f6f6f6rgb(246 246 246)hsl(0 0% 96%)oklch(97.3% 0.000 0)9.45 AAA
黑color0#414141rgb(65 65 65)hsl(0 0% 25%)oklch(37.5% 0.000 0)1.00 低於 AA
紅color1#dd4274rgb(221 66 116)hsl(341 70% 56%)oklch(61.5% 0.194 5.4)2.48 低於 AA
綠color2#1db37brgb(29 179 123)hsl(158 72% 41%)oklch(68.0% 0.145 161.3)3.78 AA 大字體
黃color3#cbae25rgb(203 174 37)hsl(50 69% 47%)oklch(75.5% 0.146 96.0)4.68 AA
藍color4#4c96d7rgb(76 150 215)hsl(208 63% 57%)oklch(65.4% 0.122 247.4)3.23 AA 大字體
洋紅color5#bf2fafrgb(191 47 175)hsl(307 61% 47%)oklch(57.5% 0.223 333.1)2.06 低於 AA
青color6#41bcbcrgb(65 188 188)hsl(180 49% 50%)oklch(72.9% 0.106 195.1)4.44 AA 大字體
白color7#bfbfbfrgb(191 191 191)hsl(0 0% 75%)oklch(80.5% 0.000 0)5.55 AA
亮黑color8#8d8d8drgb(141 141 141)hsl(0 0% 55%)oklch(64.3% 0.000 0)3.08 AA 大字體
亮紅color9#db7497rgb(219 116 151)hsl(340 59% 66%)oklch(68.5% 0.133 359.6)3.38 AA 大字體
亮綠color10#70e6aergb(112 230 174)hsl(152 70% 67%)oklch(84.1% 0.135 160.9)6.62 AA
亮黃color11#faf8acrgb(250 248 172)hsl(58 89% 83%)oklch(96.3% 0.096 106.8)9.28 AAA
亮藍color12#a5d2f3rgb(165 210 243)hsl(205 76% 80%)oklch(84.3% 0.066 240.3)6.37 AA
亮洋紅color13#df7cd3rgb(223 124 211)hsl(307 61% 68%)oklch(72.4% 0.162 331.7)3.87 AA 大字體
亮青color14#5fe4e4rgb(95 228 228)hsl(180 71% 63%)oklch(84.6% 0.116 195.2)6.66 AA
亮白color15#f6f6f6rgb(246 246 246)hsl(0 0% 96%)oklch(97.3% 0.000 0)9.45 AAA

關於 Pastel Ega

Pastel Ega 採用中性色調的深色背景(#414141),預設前景色為 #f6f6f6。正文的 WCAG 對比度為 9.45:1(AAA),12 種 ANSI 彩色槽位平均對比度 4.74:1,最低 2.06:1。

色板整體色彩飽和度適中,其中紅色為 #dd4274、綠色為 #1db37b、藍色為 #4c96d7、洋紅為 #bf2faf。

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

與 Pastel Ega 相似的配色

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