本文へスキップ
Tintdex

London Soho Night

London Soho Night はダーク系のターミナル配色。背景色 #1a1612、文字色 #ebe0c8、コントラスト比 13.7:1

設定を取得
背景色
#1a1612
前景色
#ebe0c8
文字のコントラスト
13.73:1AAA
アクセントのコントラスト
7.72:1最小 4.51
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
❯

London Soho Night の設定ファイル

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

London Soho Night

~/.config/ghostty/themes/London Soho Night に保存し、config または config.ghostty に theme = London Soho Night を書く

Ghostty の配色をもっと見る
元ファイル
# Theme: London Soho Night (Ghostty)
# Preview & customize online: https://tintdex.afengim.com/ja/schemes/london-soho-night?format=ghostty

palette = 0=#2a221a
palette = 1=#d4574a
palette = 2=#8fae5e
palette = 3=#e8b04a
palette = 4=#6a8fb5
palette = 5=#d96aa5
palette = 6=#9ab8a8
palette = 7=#ebe0c8
palette = 8=#6b5a48
palette = 9=#e87765
palette = 10=#aac874
palette = 11=#f4c560
palette = 12=#88a8c8
palette = 13=#ed85b8
palette = 14=#b8cebd
palette = 15=#f8eed2
background = #1a1612
foreground = #ebe0c8
cursor-color = #ff5db1
cursor-text = #1a1612
selection-background = #3a2f24
selection-foreground = #ebe0c8

London Soho Night のパレット

パレット各スロットの色値と背景に対する WCAG コントラスト比
カラースロットHEXRGBHSLOKLCHコントラスト
背景色background#1a1612rgb(26 22 18)hsl(30 18% 9%)oklch(20.3% 0.010 67.2)—
前景色foreground#ebe0c8rgb(235 224 200)hsl(41 47% 85%)oklch(90.9% 0.034 86.3)13.73 AAA
カーソルcursor#ff5db1rgb(255 93 177)hsl(329 100% 68%)oklch(71.4% 0.212 351.7)6.38 AA
カーソルの文字cursorText#1a1612rgb(26 22 18)hsl(30 18% 9%)oklch(20.3% 0.010 67.2)1.00 AA 未満
選択範囲selection#3a2f24rgb(58 47 36)hsl(30 23% 18%)oklch(31.4% 0.025 66.7)1.38 AA 未満
選択範囲の文字selectionText#ebe0c8rgb(235 224 200)hsl(41 47% 85%)oklch(90.9% 0.034 86.3)13.73 AAA
黒color0#2a221argb(42 34 26)hsl(30 24% 13%)oklch(25.9% 0.019 66.8)1.15 AA 未満
赤color1#d4574argb(212 87 74)hsl(6 62% 56%)oklch(61.6% 0.161 28.5)4.51 AA
緑color2#8fae5ergb(143 174 94)hsl(83 33% 53%)oklch(70.9% 0.112 126.5)7.18 AAA
黄color3#e8b04argb(232 176 74)hsl(39 77% 60%)oklch(79.1% 0.134 79.5)9.20 AAA
青color4#6a8fb5rgb(106 143 181)hsl(210 34% 56%)oklch(63.7% 0.071 249.6)5.32 AA
マゼンタcolor5#d96aa5rgb(217 106 165)hsl(328 59% 63%)oklch(67.3% 0.154 348.9)5.62 AA
シアンcolor6#9ab8a8rgb(154 184 168)hsl(148 17% 66%)oklch(75.6% 0.040 162.0)8.39 AAA
白color7#ebe0c8rgb(235 224 200)hsl(41 47% 85%)oklch(90.9% 0.034 86.3)13.73 AAA
明るい黒color8#6b5a48rgb(107 90 72)hsl(31 20% 35%)oklch(47.9% 0.035 68.4)2.72 AA 未満
明るい赤color9#e87765rgb(232 119 101)hsl(8 74% 65%)oklch(69.5% 0.143 30.5)6.22 AA
明るい緑color10#aac874rgb(170 200 116)hsl(81 43% 62%)oklch(79.1% 0.115 125.0)9.61 AAA
明るい黄color11#f4c560rgb(244 197 96)hsl(41 87% 67%)oklch(84.6% 0.130 84.3)11.14 AAA
明るい青color12#88a8c8rgb(136 168 200)hsl(210 37% 66%)oklch(71.9% 0.059 248.7)7.27 AAA
明るいマゼンタcolor13#ed85b8rgb(237 133 184)hsl(331 74% 73%)oklch(74.4% 0.140 350.3)7.41 AAA
明るいシアンcolor14#b8cebdrgb(184 206 189)hsl(134 18% 76%)oklch(83.0% 0.033 152.3)10.79 AAA
明るい白color15#f8eed2rgb(248 238 210)hsl(44 73% 90%)oklch(95.0% 0.038 90.7)15.55 AAA

London Soho Night について

London Soho Night はニュートラルのダーク背景（#1a1612）を採用し、標準の前景色に #ebe0c8 を使ったターミナル配色です。本文の WCAG コントラスト比は 13.73:1（AAA）、12 色の ANSI カラーは平均 7.72:1、最小 4.51:1 です。

パレット全体は適度な彩度で、赤 #d4574a、緑 #8fae5e、青 #6a8fb5、マゼンタ #d96aa5 を基調としています。

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

London Soho Night に似た配色

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