## 経緯
[[Lazygit]]で[[delta]]を使って[[Git]]の差分表示をすると、こんな感じになる。
![[2025-06-11-23-18-34.avif]]
しかし、このカラーリングは時に見にくくて違いが一目でわからないことがある。
## 環境
| 対象 | バージョン |
| ----------- | ------ |
| [[macOS]] | 15.5 |
| [[Ghostty]] | 1.1.3 |
| [[Lazygit]] | 0.49.0 |
| [[delta]] | 0.18.2 |
`.gitconfig` の関連設定
```ini
[core]
pager = delta --side-by-side
[interactive]
diffFilter = delta --color-only
[delta]
navigate = true
light = false
```
[[Lazygit]]の `config.yml` 関連設定
```yaml
gui:
nerdFontsVersion: "3"
theme:
inactiveBorderColor:
- "#777777"
git:
allBranchesLogCmd: git log --graph --color=always --date=format:'%Y-%m-%d %H:%M' --pretty=format:'%C(#a0a0a0 reverse)%h%Creset %C(cyan)%ad%Creset %C(#dd4814)%ae%Creset %C(yellow reverse)%d%Creset %n%C(white bold)%s%Creset%n' --
branchLogCmd: git log --graph --color=always --date=format:'%Y-%m-%d %H:%M' --pretty=format:'%C(#a0a0a0 reverse)%h%Creset %C(cyan)%ad%Creset %C(#dd4814)%ae%Creset %C(yellow reverse)%d%Creset %n%C(white bold)%s%Creset%n' {{branchName}} --
paging:
colorArg: always
pager: delta --dark --paging=never --side-by-side --line-numbers --hyperlinks --hyperlinks-file-link-format="lazygit-edit://{path}:{line}"
log:
showWholeGraph: true
```
## テーマを変更する
[[カスタムテーマを設定 (delta)|カスタムテーマを設定]]することで、最小コストで見た目を変更できる。
`.gitconfig` の関連箇所に以下を追加。
```ini
[delta]
features = weeping-willow
[delta "weeping-willow"]
# See 'mirthful-willow' for light mode version.
# Heavily inspired by the themes above. Thank you. <3
# author: https://github.com/lvdh
dark = true
right-arrow = >
syntax-theme = Coldark-Dark
# -- git
blame-format = "{author:<18} ({commit:>7}) ┊{timestamp:^16}┊ "
blame-palette = "purple darkmagenta darkviolet darkslateblue blueviolet rebeccapurple slateblue mediumpurple mediumslateblue"
commit-decoration-style = none
commit-style = bold white olive
# -- grep
grep-file-style = olive
grep-line-number-style = orange
# -- diff
keep-plus-minus-markers = true
line-numbers = true
line-numbers-minus-style = red
line-numbers-plus-style = green
line-numbers-left-style = grey
line-numbers-left-format = "{nm:>1}┊"
line-numbers-right-style = orange
line-numbers-right-format = "{np:>1}┊"
line-numbers-zero-style = gray
minus-emph-style = lemonchiffon crimson underline
minus-empty-line-marker-style = normal maroon
minus-style = syntax darkred
plus-emph-style = lemonchiffon olivedrab underline
plus-empty-line-marker-style = normal seagreen
plus-style = syntax darkgreen
whitespace-error-style = black white
zero-style = syntax
# -- decorations
file-decoration-style = olive overline
file-added-label = [+]
file-copied-label = [=]
file-modified-label = [*]
file-removed-label = [-]
file-renamed-label = [>]
file-style = olive bold
hunk-header-decoration-style = none
hunk-header-file-style = olive
hunk-header-line-number-style = orange
hunk-header-style = file line-number purple
```
上記テーマ `weeping-willow` は [delta/themes.gitconfig](https://github.com/dandavison/delta/blob/main/themes.gitconfig) から拝借した。
## 結果
![[2025-06-11-23-18-34.avif|frame]]
*変更前*
![[2025-06-11-23-26-55.avif|frame]]
*変更後*
変更前に比べて該当箇所が分かりやすくなった。今のところ、文字が支障出るほど見にくくなることもない。