本文へスキップ

Selenized Dark

Selenized Dark はダーク系のターミナル配色(ソフト・寒色)。背景色 #103c48、文字色 #adbcbc、コントラスト比 6.1:1

設定を取得
背景色
#103c48
前景色
#adbcbc
文字のコントラスト
6.07:1AA
アクセントのコントラスト
5.20:1最小 3.71
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
❯

Selenized Dark の設定ファイル

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

Selenized Dark

~/.config/ghostty/themes/Selenized Dark に保存し、config または config.ghostty に theme = Selenized Dark を書く

Ghostty の配色をもっと見る
元ファイル
# Theme: Selenized Dark (Ghostty)
# Preview & customize online: https://tintdex.afengim.com/ja/schemes/selenized-dark?format=ghostty

palette = 0=#184956
palette = 1=#fa5750
palette = 2=#75b938
palette = 3=#dbb32d
palette = 4=#4695f7
palette = 5=#f275be
palette = 6=#41c7b9
palette = 7=#adbcbc
palette = 8=#72898f
palette = 9=#ff665c
palette = 10=#84c747
palette = 11=#ebc13d
palette = 12=#58a3ff
palette = 13=#ff84cd
palette = 14=#53d6c7
palette = 15=#cad8d9
background = #103c48
foreground = #adbcbc
cursor-color = #adbcbc
cursor-text = #103c48
selection-background = #184956
selection-foreground = #53d6c7

Selenized Dark のパレット

パレット各スロットの色値と背景に対する WCAG コントラスト比
カラースロットHEXRGBHSLOKLCHコントラスト
背景色background#103c48rgb(16 60 72)hsl(193 64% 17%)oklch(33.2% 0.051 219.6)—
前景色foreground#adbcbcrgb(173 188 188)hsl(180 10% 71%)oklch(78.4% 0.017 196.8)6.07 AA
カーソルcursor#adbcbcrgb(173 188 188)hsl(180 10% 71%)oklch(78.4% 0.017 196.8)6.07 AA
カーソルの文字cursorText#103c48rgb(16 60 72)hsl(193 64% 17%)oklch(33.2% 0.051 219.6)1.00 AA 未満
選択範囲selection#184956rgb(24 73 86)hsl(193 56% 22%)oklch(37.9% 0.056 218.6)1.21 AA 未満
選択範囲の文字selectionText#53d6c7rgb(83 214 199)hsl(173 62% 58%)oklch(80.0% 0.116 184.7)6.70 AA
黒color0#184956rgb(24 73 86)hsl(193 56% 22%)oklch(37.9% 0.056 218.6)1.21 AA 未満
赤color1#fa5750rgb(250 87 80)hsl(2 94% 65%)oklch(67.6% 0.200 26.4)3.71 AA(大きな文字)
緑color2#75b938rgb(117 185 56)hsl(92 54% 47%)oklch(71.5% 0.174 133.3)4.97 AA
黄color3#dbb32drgb(219 179 45)hsl(46 71% 52%)oklch(78.1% 0.148 90.9)5.96 AA
青color4#4695f7rgb(70 149 247)hsl(213 92% 62%)oklch(66.8% 0.165 255.3)3.92 AA(大きな文字)
マゼンタcolor5#f275bergb(242 117 190)hsl(325 83% 70%)oklch(72.9% 0.173 346.2)4.58 AA
シアンcolor6#41c7b9rgb(65 199 185)hsl(174 54% 52%)oklch(75.5% 0.116 185.1)5.73 AA
白color7#adbcbcrgb(173 188 188)hsl(180 10% 71%)oklch(78.4% 0.017 196.8)6.07 AA
明るい黒color8#72898frgb(114 137 143)hsl(192 11% 50%)oklch(61.4% 0.028 215.3)3.23 AA(大きな文字)
明るい赤color9#ff665crgb(255 102 92)hsl(4 100% 68%)oklch(70.3% 0.189 26.8)4.15 AA(大きな文字)
明るい緑color10#84c747rgb(132 199 71)hsl(91 53% 53%)oklch(75.9% 0.174 132.7)5.81 AA
明るい黄color11#ebc13drgb(235 193 61)hsl(46 81% 58%)oklch(82.6% 0.150 90.4)6.94 AA
明るい青color12#58a3ffrgb(88 163 255)hsl(213 100% 67%)oklch(70.9% 0.155 254.7)4.60 AA
明るいマゼンタcolor13#ff84cdrgb(255 132 205)hsl(324 100% 76%)oklch(77.2% 0.170 345.2)5.35 AA
明るいシアンcolor14#53d6c7rgb(83 214 199)hsl(173 62% 58%)oklch(80.0% 0.116 184.7)6.70 AA
明るい白color15#cad8d9rgb(202 216 217)hsl(184 16% 82%)oklch(87.2% 0.015 202.0)8.14 AAA

Selenized Dark について

Selenized Dark は寒色寄りのダーク背景(#103c48)を採用し、標準の前景色に #adbcbc を使ったターミナル配色です。本文の WCAG コントラスト比は 6.07:1(AA)、12 色の ANSI カラーは平均 5.20:1、最小 3.71:1 です。

パレット全体は適度な彩度で、赤 #fa5750、緑 #75b938、青 #4695f7、マゼンタ #f275be を基調としています。Solarized テーマファミリーに属する配色です。

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

上流リポジトリでは同一パレットが selenized-dark の名称でも公開されています

Selenized Dark に似た配色

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