本文へスキップ

Jack O' Lantern

Jack O' Lantern はダーク系のターミナル配色(パステル・暖色)。背景色 #4a1b08、文字色 #fff0d5、コントラスト比 12.9:1

設定を取得
背景色
#4a1b08
前景色
#fff0d5
文字のコントラスト
12.87:1AAA
アクセントのコントラスト
8.39:1最小 6.28
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
❯

Jack O' Lantern の設定ファイル

16 種類の形式を、ひとつのパレットから生成

Jack O' Lantern

~/.config/ghostty/themes/Jack O' Lantern に保存し、config または config.ghostty に theme = Jack O' Lantern を書く

Ghostty の配色をもっと見る
元ファイル
# Theme: Jack O' Lantern (Ghostty)
# Preview & customize online: https://tintdex.afengim.com/ja/schemes/jack-o-lantern?format=ghostty

palette = 0=#bdb2a4
palette = 1=#ff8b61
palette = 2=#8dcc7a
palette = 3=#f3c969
palette = 4=#8fc5e8
palette = 5=#dca2c9
palette = 6=#7fd3cf
palette = 7=#fff0d5
palette = 8=#d1c7ba
palette = 9=#ffa07c
palette = 10=#a5d99a
palette = 11=#f8d98a
palette = 12=#acd5ef
palette = 13=#e8bad8
palette = 14=#9fe1dc
palette = 15=#fffaf0
background = #4a1b08
foreground = #fff0d5
cursor-color = #ff9f1c
cursor-text = #4a1b08
selection-background = #713514
selection-foreground = #fff7e8

Jack O' Lantern のパレット

パレット各スロットの色値と背景に対する WCAG コントラスト比
カラースロットHEXRGBHSLOKLCHコントラスト
背景色background#4a1b08rgb(74 27 8)hsl(17 80% 16%)oklch(29.1% 0.077 40.8)—
前景色foreground#fff0d5rgb(255 240 213)hsl(39 100% 92%)oklch(96.0% 0.039 82.3)12.87 AAA
カーソルcursor#ff9f1crgb(255 159 28)hsl(35 100% 55%)oklch(78.3% 0.168 66.2)7.05 AAA
カーソルの文字cursorText#4a1b08rgb(74 27 8)hsl(17 80% 16%)oklch(29.1% 0.077 40.8)1.00 AA 未満
選択範囲selection#713514rgb(113 53 20)hsl(21 70% 26%)oklch(40.3% 0.096 46.4)1.53 AA 未満
選択範囲の文字selectionText#fff7e8rgb(255 247 232)hsl(39 100% 95%)oklch(97.8% 0.022 83.3)13.59 AAA
黒color0#bdb2a4rgb(189 178 164)hsl(34 16% 69%)oklch(76.9% 0.023 74.0)6.94 AA
赤color1#ff8b61rgb(255 139 97)hsl(16 100% 69%)oklch(75.6% 0.152 40.3)6.28 AA
緑color2#8dcc7argb(141 204 122)hsl(106 45% 64%)oklch(78.3% 0.129 138.7)7.61 AAA
黄color3#f3c969rgb(243 201 105)hsl(42 85% 68%)oklch(85.4% 0.124 86.0)9.21 AAA
青color4#8fc5e8rgb(143 197 232)hsl(204 66% 74%)oklch(79.8% 0.075 237.4)7.80 AAA
マゼンタcolor5#dca2c9rgb(220 162 201)hsl(320 45% 75%)oklch(77.9% 0.085 339.1)6.93 AA
シアンcolor6#7fd3cfrgb(127 211 207)hsl(177 49% 66%)oklch(81.2% 0.082 191.7)8.35 AAA
白color7#fff0d5rgb(255 240 213)hsl(39 100% 92%)oklch(96.0% 0.039 82.3)12.87 AAA
明るい黒color8#d1c7bargb(209 199 186)hsl(34 20% 77%)oklch(83.4% 0.021 74.6)8.67 AAA
明るい赤color9#ffa07crgb(255 160 124)hsl(16 100% 74%)oklch(79.4% 0.124 41.4)7.28 AAA
明るい緑color10#a5d99argb(165 217 154)hsl(110 45% 73%)oklch(83.3% 0.101 140.1)8.95 AAA
明るい黄color11#f8d98argb(248 217 138)hsl(43 89% 76%)oklch(89.4% 0.104 88.8)10.53 AAA
明るい青color12#acd5efrgb(172 213 239)hsl(203 68% 81%)oklch(85.2% 0.056 236.2)9.31 AAA
明るいマゼンタcolor13#e8bad8rgb(232 186 216)hsl(321 50% 82%)oklch(83.8% 0.066 339.4)8.58 AAA
明るいシアンcolor14#9fe1dcrgb(159 225 220)hsl(175 52% 75%)oklch(86.4% 0.067 190.1)9.84 AAA
明るい白color15#fffaf0rgb(255 250 240)hsl(40 100% 97%)oklch(98.6% 0.014 84.6)13.91 AAA

Jack O' Lantern について

Jack O' Lantern は暖色寄りのダーク背景(#4a1b08)を採用し、標準の前景色に #fff0d5 を使ったターミナル配色です。本文の WCAG コントラスト比は 12.87:1(AAA)、12 色の ANSI カラーは平均 8.39:1、最小 6.28:1 です。

パレット全体は適度な彩度で、赤 #ff8b61、緑 #8dcc7a、青 #8fc5e8、マゼンタ #dca2c9 を基調としています。

Ghostty、iTerm2、Kitty、Alacritty、WezTerm、Windows Terminal、Warp、foot、Rio、XFCE4 Terminal、Xresources 向けの設定ファイルを書き出せるほか、VS Code・Zed の統合ターミナル、CSS 変数、Tailwind CSS、JSON 形式にも対応しています。

Jack O' Lantern に似た配色

データ出典:iTerm2 Color Schemes (MIT)