跳到主要內容

Sun Bleached

Sun Bleached 是一套淺色終端機配色(低飽和、暖色),背景色 #f0dfc3,文字色 #4a382f,對比度 8.5:1

取得設定檔
背景色
#f0dfc3
前景色
#4a382f
文字對比度
8.46:1AAA
強調色對比度
4.82:1最低 4.61
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
❯

Sun Bleached 的設定檔

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

Sun Bleached

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

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

palette = 0=#4a4038
palette = 1=#9e4935
palette = 2=#4b694d
palette = 3=#725a1c
palette = 4=#3a6378
palette = 5=#76546e
palette = 6=#33656a
palette = 7=#594b40
palette = 8=#65574d
palette = 9=#904b37
palette = 10=#506950
palette = 11=#725c23
palette = 12=#426678
palette = 13=#775a70
palette = 14=#3a666a
palette = 15=#302925
background = #f0dfc3
foreground = #4a382f
cursor-color = #b75b3f
cursor-text = #f0dfc3
selection-background = #dfcbaa
selection-foreground = #2e2825

Sun Bleached 色板

色板各槽位的色值及其相對背景的 WCAG 對比度
顏色槽位HEXRGBHSLOKLCH對比度
背景色background#f0dfc3rgb(240 223 195)hsl(37 60% 85%)oklch(91.0% 0.042 80.3)—
前景色foreground#4a382frgb(74 56 47)hsl(20 22% 24%)oklch(35.8% 0.030 47.9)8.46 AAA
光標cursor#b75b3frgb(183 91 63)hsl(14 49% 48%)oklch(57.7% 0.126 37.7)3.50 AA 大字體
光標文字cursorText#f0dfc3rgb(240 223 195)hsl(37 60% 85%)oklch(91.0% 0.042 80.3)1.00 低於 AA
選取範圍selection#dfcbaargb(223 203 170)hsl(37 45% 77%)oklch(85.0% 0.049 80.3)1.21 低於 AA
選取文字selectionText#2e2825rgb(46 40 37)hsl(20 11% 16%)oklch(28.2% 0.010 48.3)11.10 AAA
黑color0#4a4038rgb(74 64 56)hsl(27 14% 25%)oklch(37.9% 0.019 60.8)7.71 AAA
紅color1#9e4935rgb(158 73 53)hsl(11 50% 41%)oklch(51.0% 0.118 34.5)4.64 AA
綠color2#4b694drgb(75 105 77)hsl(124 17% 35%)oklch(48.9% 0.057 146.3)4.68 AA
黃color3#725a1crgb(114 90 28)hsl(43 61% 28%)oklch(48.0% 0.084 87.0)5.02 AA
藍color4#3a6378rgb(58 99 120)hsl(200 35% 35%)oklch(47.8% 0.057 232.0)4.96 AA
洋紅color5#76546ergb(118 84 110)hsl(314 17% 40%)oklch(49.1% 0.059 335.2)4.92 AA
青color6#33656argb(51 101 106)hsl(185 35% 31%)oklch(47.4% 0.054 204.0)5.00 AA
白color7#594b40rgb(89 75 64)hsl(26 16% 30%)oklch(42.4% 0.026 60.2)6.41 AA
亮黑color8#65574drgb(101 87 77)hsl(25 13% 35%)oklch(46.7% 0.024 57.6)5.31 AA
亮紅color9#904b37rgb(144 75 55)hsl(13 45% 39%)oklch(49.3% 0.098 37.0)4.94 AA
亮綠color10#506950rgb(80 105 80)hsl(120 14% 36%)oklch(49.3% 0.049 144.8)4.61 AA
亮黃color11#725c23rgb(114 92 35)hsl(43 53% 29%)oklch(48.5% 0.080 87.8)4.91 AA
亮藍color12#426678rgb(66 102 120)hsl(200 29% 36%)oklch(49.0% 0.050 230.8)4.72 AA
亮洋紅color13#775a70rgb(119 90 112)hsl(314 14% 41%)oklch(50.5% 0.050 335.1)4.61 AA
亮青color14#3a666argb(58 102 106)hsl(185 29% 32%)oklch(48.0% 0.049 203.2)4.88 AA
亮白color15#302925rgb(48 41 37)hsl(22 13% 17%)oklch(28.7% 0.013 51.7)10.92 AAA

關於 Sun Bleached

Sun Bleached 採用暖色調的淺色背景(#f0dfc3),預設前景色為 #4a382f。正文的 WCAG 對比度為 8.46:1(AAA),12 種 ANSI 彩色槽位平均對比度 4.82:1,最低 4.61:1。

色板整體色彩飽和度偏低,其中紅色為 #9e4935、綠色為 #4b694d、藍色為 #3a6378、洋紅為 #76546e。

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

與 Sun Bleached 相似的配色

資料來源:iTerm2 Color Schemes (MIT)