跳到主要內容
Tintdex

Canyon Shadow

Canyon Shadow 是一套深色終端機配色（低飽和、粉彩），背景色 #513554，文字色 #fff0df，對比度 9.4:1

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

Canyon Shadow 的設定檔

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

Canyon Shadow

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

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

palette = 0=#d5ccd3
palette = 1=#fba493
palette = 2=#9bd7ad
palette = 3=#f0d176
palette = 4=#a1cbed
palette = 5=#e5b1dc
palette = 6=#96dfda
palette = 7=#fff0df
palette = 8=#e2dae0
palette = 9=#ffb8a8
palette = 10=#b1e1bc
palette = 11=#f8df94
palette = 12=#bbdaf2
palette = 13=#edc5e5
palette = 14=#b4eae5
palette = 15=#fffaf3
background = #513554
foreground = #fff0df
cursor-color = #f5c15e
cursor-text = #513554
selection-background = #6e5270
selection-foreground = #fff8ed

Canyon Shadow 色板

色板各槽位的色值及其相對背景的 WCAG 對比度
顏色槽位HEXRGBHSLOKLCH對比度
背景色background#513554rgb(81 53 84)hsl(294 23% 27%)oklch(37.4% 0.063 323.4)—
前景色foreground#fff0dfrgb(255 240 223)hsl(32 100% 94%)oklch(96.2% 0.028 71.0)9.45 AAA
光標cursor#f5c15ergb(245 193 94)hsl(39 88% 66%)oklch(83.9% 0.130 81.4)6.38 AA
光標文字cursorText#513554rgb(81 53 84)hsl(294 23% 27%)oklch(37.4% 0.063 323.4)1.00 低於 AA
選取範圍selection#6e5270rgb(110 82 112)hsl(296 15% 38%)oklch(47.9% 0.058 324.2)1.56 低於 AA
選取文字selectionText#fff8edrgb(255 248 237)hsl(37 100% 96%)oklch(98.2% 0.016 79.4)10.02 AAA
黑color0#d5ccd3rgb(213 204 211)hsl(313 10% 82%)oklch(85.5% 0.014 333.1)6.75 AA
紅color1#fba493rgb(251 164 147)hsl(10 93% 78%)oklch(80.1% 0.107 31.6)5.45 AA
綠color2#9bd7adrgb(155 215 173)hsl(138 43% 73%)oklch(82.7% 0.085 153.7)6.40 AA
黃color3#f0d176rgb(240 209 118)hsl(45 80% 70%)oklch(86.8% 0.116 91.1)7.09 AAA
藍color4#a1cbedrgb(161 203 237)hsl(207 68% 78%)oklch(82.4% 0.065 243.0)6.18 AA
洋紅color5#e5b1dcrgb(229 177 220)hsl(310 50% 80%)oklch(82.1% 0.082 332.4)5.86 AA
青color6#96dfdargb(150 223 218)hsl(176 53% 73%)oklch(85.4% 0.073 190.4)6.98 AA
白color7#fff0dfrgb(255 240 223)hsl(32 100% 94%)oklch(96.2% 0.028 71.0)9.45 AAA
亮黑color8#e2dae0rgb(226 218 224)hsl(315 12% 87%)oklch(89.6% 0.012 334.1)7.72 AAA
亮紅color9#ffb8a8rgb(255 184 168)hsl(11 100% 83%)oklch(84.5% 0.086 33.1)6.38 AA
亮綠color10#b1e1bcrgb(177 225 188)hsl(134 44% 79%)oklch(86.6% 0.071 151.7)7.23 AAA
亮黃color11#f8df94rgb(248 223 148)hsl(45 88% 78%)oklch(90.8% 0.098 91.7)8.04 AAA
亮藍color12#bbdaf2rgb(187 218 242)hsl(206 68% 84%)oklch(87.3% 0.047 241.4)7.26 AAA
亮洋紅color13#edc5e5rgb(237 197 229)hsl(312 53% 85%)oklch(86.7% 0.062 333.0)6.90 AA
亮青color14#b4eae5rgb(180 234 229)hsl(174 56% 81%)oklch(89.9% 0.055 189.2)7.97 AAA
亮白color15#fffaf3rgb(255 250 243)hsl(35 100% 98%)oklch(98.7% 0.011 76.6)10.18 AAA

關於 Canyon Shadow

Canyon Shadow 採用中性色調的深色背景（#513554），預設前景色為 #fff0df。正文的 WCAG 對比度為 9.45:1（AAA），12 種 ANSI 彩色槽位平均對比度 6.81:1，最低 5.45:1。

色板整體色彩飽和度偏低，其中紅色為 #fba493、綠色為 #9bd7ad、藍色為 #a1cbed、洋紅為 #e5b1dc。

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

與 Canyon Shadow 相似的配色

資料來源：iTerm2 Color Schemes (MIT)