本文へスキップ
Tintdex

Tempus Tempest

Tempus Tempest はダーク系のターミナル配色（パステル）。背景色 #282b2b、文字色 #b6e0ca、コントラスト比 9.9:1

設定を取得
背景色
#282b2b
前景色
#b6e0ca
文字のコントラスト
9.86:1AAA
アクセントのコントラスト
8.73:1最小 8.07
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
❯

Tempus Tempest の設定ファイル

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

Tempus Tempest

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

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

palette = 0=#282b2b
palette = 1=#cfc80a
palette = 2=#7ad97a
palette = 3=#bfcc4a
palette = 4=#60d7cd
palette = 5=#c5c4af
palette = 6=#8bd0bf
palette = 7=#b0c8ca
palette = 8=#323535
palette = 9=#d1d933
palette = 10=#99e299
palette = 11=#bbde4f
palette = 12=#74e4cd
palette = 13=#d2d4aa
palette = 14=#9bdfc4
palette = 15=#b6e0ca
background = #282b2b
foreground = #b6e0ca
cursor-color = #b6e0ca
cursor-text = #282b2b
selection-background = #48534f
selection-foreground = #b6e0ca

Tempus Tempest のパレット

パレット各スロットの色値と背景に対する WCAG コントラスト比
カラースロットHEXRGBHSLOKLCHコントラスト
背景色background#282b2brgb(40 43 43)hsl(180 4% 16%)oklch(28.6% 0.004 196.9)—
前景色foreground#b6e0cargb(182 224 202)hsl(149 40% 80%)oklch(87.1% 0.053 162.3)9.86 AAA
カーソルcursor#b6e0cargb(182 224 202)hsl(149 40% 80%)oklch(87.1% 0.053 162.3)9.86 AAA
カーソルの文字cursorText#282b2brgb(40 43 43)hsl(180 4% 16%)oklch(28.6% 0.004 196.9)1.00 AA 未満
選択範囲selection#48534frgb(72 83 79)hsl(158 7% 30%)oklch(43.1% 0.015 171.7)1.79 AA 未満
選択範囲の文字selectionText#b6e0cargb(182 224 202)hsl(149 40% 80%)oklch(87.1% 0.053 162.3)9.86 AAA
黒color0#282b2brgb(40 43 43)hsl(180 4% 16%)oklch(28.6% 0.004 196.9)1.00 AA 未満
赤color1#cfc80argb(207 200 10)hsl(58 91% 43%)oklch(81.2% 0.173 107.1)8.10 AAA
緑color2#7ad97argb(122 217 122)hsl(120 56% 66%)oklch(80.4% 0.159 143.9)8.18 AAA
黄color3#bfcc4argb(191 204 74)hsl(66 56% 55%)oklch(81.1% 0.152 114.7)8.13 AAA
青color4#60d7cdrgb(96 215 205)hsl(175 60% 61%)oklch(80.9% 0.108 187.8)8.23 AAA
マゼンタcolor5#c5c4afrgb(197 196 175)hsl(57 16% 73%)oklch(81.5% 0.029 104.8)8.08 AAA
シアンcolor6#8bd0bfrgb(139 208 191)hsl(165 42% 68%)oklch(80.7% 0.074 177.1)8.07 AAA
白color7#b0c8cargb(176 200 202)hsl(185 20% 74%)oklch(81.5% 0.026 202.8)8.13 AAA
明るい黒color8#323535rgb(50 53 53)hsl(180 3% 20%)oklch(32.6% 0.004 197.0)1.15 AA 未満
明るい赤color9#d1d933rgb(209 217 51)hsl(63 69% 53%)oklch(85.2% 0.175 112.4)9.30 AAA
明るい緑color10#99e299rgb(153 226 153)hsl(120 56% 74%)oklch(84.6% 0.124 144.4)9.31 AAA
明るい黄color11#bbde4frgb(187 222 79)hsl(75 68% 59%)oklch(84.8% 0.171 121.9)9.30 AAA
明るい青color12#74e4cdrgb(116 228 205)hsl(168 67% 67%)oklch(84.6% 0.109 178.4)9.33 AAA
明るいマゼンタcolor13#d2d4aargb(210 212 170)hsl(63 33% 75%)oklch(85.8% 0.056 109.8)9.34 AAA
明るいシアンcolor14#9bdfc4rgb(155 223 196)hsl(156 52% 74%)oklch(85.1% 0.078 167.8)9.35 AAA
明るい白color15#b6e0cargb(182 224 202)hsl(149 40% 80%)oklch(87.1% 0.053 162.3)9.86 AAA

Tempus Tempest について

Tempus Tempest はニュートラルのダーク背景（#282b2b）を採用し、標準の前景色に #b6e0ca を使ったターミナル配色です。本文の WCAG コントラスト比は 9.86:1（AAA）、12 色の ANSI カラーは平均 8.73:1、最小 8.07:1 です。

パレット全体は適度な彩度で、赤 #cfc80a、緑 #7ad97a、青 #60d7cd、マゼンタ #c5c4af を基調としています。Tempus テーマファミリーに属する配色です。

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

Tempus Tempest に似た配色

データ出典：Gogh (MIT OR Apache-2.0)