跳到主要內容

Lemon Graphite

Lemon Graphite 是一套深色終端機配色(粉彩、冷色),背景色 #0b0f14,文字色 #dce3ea,對比度 14.8:1

取得設定檔
背景色
#0b0f14
前景色
#dce3ea
文字對比度
14.84:1AAA
強調色對比度
10.86:1最低 6.93
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
❯

Lemon Graphite 的設定檔

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

Lemon Graphite

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

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

palette = 0=#0b0f14
palette = 1=#ff6b6b
palette = 2=#7bd88f
palette = 3=#f2c14e
palette = 4=#5cc8ff
palette = 5=#c792ea
palette = 6=#57d3c8
palette = 7=#dce3ea
palette = 8=#59636e
palette = 9=#ff8a80
palette = 10=#a7e8b5
palette = 11=#ffd978
palette = 12=#8ad8ff
palette = 13=#dab1f4
palette = 14=#86e6de
palette = 15=#f7fafc
background = #0b0f14
foreground = #dce3ea
cursor-color = #f2c14e
cursor-text = #0b0f14
selection-background = #dce3ea
selection-foreground = #0b0f14

Lemon Graphite 色板

色板各槽位的色值及其相對背景的 WCAG 對比度
顏色槽位HEXRGBHSLOKLCH對比度
背景色background#0b0f14rgb(11 15 20)hsl(213 29% 6%)oklch(16.7% 0.012 254.2)—
前景色foreground#dce3eargb(220 227 234)hsl(210 25% 89%)oklch(91.3% 0.012 248.0)14.84 AAA
光標cursor#f2c14ergb(242 193 78)hsl(42 86% 63%)oklch(83.4% 0.141 85.4)11.45 AAA
光標文字cursorText#0b0f14rgb(11 15 20)hsl(213 29% 6%)oklch(16.7% 0.012 254.2)1.00 低於 AA
選取範圍selection#dce3eargb(220 227 234)hsl(210 25% 89%)oklch(91.3% 0.012 248.0)14.84 AAA
選取文字selectionText#0b0f14rgb(11 15 20)hsl(213 29% 6%)oklch(16.7% 0.012 254.2)1.00 低於 AA
黑color0#0b0f14rgb(11 15 20)hsl(213 29% 6%)oklch(16.7% 0.012 254.2)1.00 低於 AA
紅color1#ff6b6brgb(255 107 107)hsl(0 100% 71%)oklch(71.2% 0.181 22.8)6.93 AA
綠color2#7bd88frgb(123 216 143)hsl(133 54% 66%)oklch(80.6% 0.136 149.5)11.04 AAA
黃color3#f2c14ergb(242 193 78)hsl(42 86% 63%)oklch(83.4% 0.141 85.4)11.45 AAA
藍color4#5cc8ffrgb(92 200 255)hsl(200 100% 68%)oklch(79.1% 0.126 233.7)10.21 AAA
洋紅color5#c792eargb(199 146 234)hsl(276 68% 75%)oklch(74.3% 0.135 311.1)7.99 AAA
青color6#57d3c8rgb(87 211 200)hsl(175 58% 58%)oklch(79.5% 0.111 187.1)10.58 AAA
白color7#dce3eargb(220 227 234)hsl(210 25% 89%)oklch(91.3% 0.012 248.0)14.84 AAA
亮黑color8#59636ergb(89 99 110)hsl(211 11% 39%)oklch(49.5% 0.022 250.8)3.14 AA 大字體
亮紅color9#ff8a80rgb(255 138 128)hsl(5 100% 75%)oklch(75.9% 0.144 26.1)8.42 AAA
亮綠color10#a7e8b5rgb(167 232 181)hsl(133 59% 78%)oklch(87.4% 0.096 150.7)13.59 AAA
亮黃color11#ffd978rgb(255 217 120)hsl(43 100% 74%)oklch(89.8% 0.124 88.4)14.14 AAA
亮藍color12#8ad8ffrgb(138 216 255)hsl(200 100% 77%)oklch(84.6% 0.094 231.1)12.22 AAA
亮洋紅color13#dab1f4rgb(218 177 244)hsl(277 75% 83%)oklch(81.9% 0.102 311.9)10.59 AAA
亮青color14#86e6dergb(134 230 222)hsl(175 66% 71%)oklch(86.3% 0.092 188.7)13.17 AAA
亮白color15#f7fafcrgb(247 250 252)hsl(204 45% 98%)oklch(98.3% 0.004 236.5)18.34 AAA

關於 Lemon Graphite

Lemon Graphite 採用冷色調的深色背景(#0b0f14),預設前景色為 #dce3ea。正文的 WCAG 對比度為 14.84:1(AAA),12 種 ANSI 彩色槽位平均對比度 10.86:1,最低 6.93:1。

色板整體色彩飽和度適中,其中紅色為 #ff6b6b、綠色為 #7bd88f、藍色為 #5cc8ff、洋紅為 #c792ea。

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

與 Lemon Graphite 相似的配色

資料來源:iTerm2 Color Schemes (MIT)