RedmineのCSSをカスタマイズする

またまたRedmineネタです｡

今回紹介するのはRedmineのCSSをカスタマイズする方法｡
デフォルトのCSSのままではイマイチ気に入らなかったので調べてみました｡

答えはすぐに見つかるもので､
HowTo create a custom Redmine themeに書いてありました｡

結局は上記記事を日本語に訳しただけのようなものになってしまいますが､簡単に説明したいと思います｡

RedmineのCSSをカスタマイズする

Redmineがデフォルトで読み込んでいるCSSは､

$REDMINE_HOME/public/stylesheets/application.css

となっています｡
こちらを直接編集することによってカスタマイズしても可能だとは思いますが､
もっとスマートに実現する方法があります｡

まず､

$REDMINE_HOME/public/themas/thema_name/stylesheets/application.css

というファイルを作成します｡
“thema_name”は自分で好きなテーマの名前を付けてください｡

“application.css”に好きなようにスタイルを記述します｡
デフォルトのCSSを適用しつつ､独自のスタイルを適用させたい場合には”application.css”に以下のインポート文を記述してください｡

/* デフォルトのスタイルシートをインポートします */
@import url(../../../stylesheets/application.css);

Redmineを再起動させます｡
(passengerで動作させている場合にはhttpdを再起動します)

再起動をしたら､
Redmineの“管理” –> “設定” –> “全般タブ”の”テーマ”のドロップダウンリストから自分の作成したテーマを選択して保存をしてください｡
そうすれば､Redmineにカスタムしたテーマが適用されて表示されるはずです｡

公式ページにいくつかテーマが掲載されているので､それを使用するのも良いかもしれません｡

参考文献

• HowTo create a custom Redmine theme
• Themes