まずはデフォルトテーマを丸々コピーしてオリジナルテーマの基礎を作成

この記事は『/var/lib/redmine』にRedmineをインストールした前提ね。
まずは『/var/lib/redmine/public/themes』にテーマ名のフォルダーを作成。
今回はテーマ名『atai』にしたよー。

そしたら『/var/lib/redmine/public』内にある『images』『javascripts』『stypesheets』をさっき作った『atai』フォルダーにコピー。

あとは管理画面に行って…

表示タブのテーマで設定すればOK！

ね？簡単でしょ？

ブラウザのデベロッパーツール使って感触を確かめながらCSS調整

Chromeなら『Ctrl + Shift + i』でデベロッパーツール開くん！
んで、変更したい場所を選択、どのCSSファイルの何行目が適用されてるか分かるん！
右サイドバーのCSSの値は変更すればその場で反映されるん！

『application.cssの29行目のbackground-colorの値は#000000かな～』
てな感じで一つ一つパラメータを決めながら、元のCSSファイルを変更していくん！

CSS変更しても反映されないんだけど！

ブラウザのキャッシュをクリアしてページを再読み込み！
Chromeなら『Ctrl + Shift + r』じゃ！

いい感じの配色にするには？

まずカラーコーディネーターの資格を取ります。
Color Scheme Designer便利です！
ほぼほぼ説明不要なくらいインターフェースが直感的で分かりやすいです。

Color List タブで色のコードをコピれますん。
うーん、痒い所に手が届く！

はい、こんな感じ

うーん、とっても使いやすくなったぞ^^


画像は下記から頂きました。
【公式】10話邪神ちゃんドロップキックのアニメ画像 - アル

蛇足

デベロッパーツールで変更後のCSSをダウンロードできれば楽だな～。
CSSファイルを差し替えちゃえばデベロッパーツール上でやった編集が一気に反映される！

『期限が1日以内のチケットが5件以上あったらヘッダーに点滅するアイコン表示』
なんて実務的なカスタマイズしてもいいかもね。

バージョン

CentOS Linux release 8.2.2004 (Core)
Redmine 4.0.6