Redmineのテーマを替える

Redmine.JP Blogが日本語環境で読み易くしたテーマを公開してくれたので、これを有難く利用させて頂くことにする。
日本語環境で読みやすいRedmine用テーマ「farend basic」公開 | Redmine.JP Blog

テーマ入手＆展開

cd /var/redmine/public/themes
wget http://blog.redmine.jp/assets/2010/03/23/redmine_theme_farend_basic_20100324.tgz
tar zxvf redmine_theme_farend_basic_20100324.tgz
chown -R nobody:nobody farend_basic

テーマ変更

[設定]→[表示]のところで"farend_basic"を選択して保存する。

Redmine再起動*1

touch /var/redmine/tmp/restart.txt

感想

自分の環境はUbuntuでメイリオがないんであんまし意味がないと思ったけど、フォントの大きさが変わっててある程度見やすくなった。
チケット一覧で優先度別に背景色が変わるのも有難い。
ただ、元が0.9.3用のテーマなので、trunk(r3768)の環境には合わない所がある。
チケット一覧をチケットNoでソートするとsubtaskingの親子関係が分かるような構成で表示されるのだが、それが無効になってしまう。
とりあえず自分で修正してみよう。

スタイルシートの一部を修正

diffして気になった差異(左向きがオリジナル)

75d73
< #sidebar .contextual { margin-right: 1em; }

111d108
< table.list caption { text-align: left; padding: 0.5em 0.5em 0.5em 0; }

113,124c110,111
< tr.project td.name a { white-space:nowrap; }
< 
< tr.project.idnt td.name a {background: url(../images/bullet_arrow_right.png) no-repeat 0 50%; padding-left: 16px;}
< tr.project.idnt-1 td.name {padding-left: 0.5em;}
< tr.project.idnt-2 td.name {padding-left: 2em;}
< tr.project.idnt-3 td.name {padding-left: 3.5em;}
< tr.project.idnt-4 td.name {padding-left: 5em;}
< tr.project.idnt-5 td.name {padding-left: 6.5em;}
< tr.project.idnt-6 td.name {padding-left: 8em;}
< tr.project.idnt-7 td.name {padding-left: 9.5em;}
< tr.project.idnt-8 td.name {padding-left: 11em;}
< tr.project.idnt-9 td.name {padding-left: 12.5em;}
---
> tr.project td.name a { padding-left: 16px; white-space:nowrap; }
> tr.project.parent td.name a { background: url('../../../images/bullet_toggle_minus.png') no-repeat; }

131,141d117
< tr.issue.idnt td.subject a {background: url(../images/bullet_arrow_right.png) no-repeat 0 50%; padding-left: 16px;}
< tr.issue.idnt-1 td.subject {padding-left: 0.5em;}
< tr.issue.idnt-2 td.subject {padding-left: 2em;}
< tr.issue.idnt-3 td.subject {padding-left: 3.5em;}
< tr.issue.idnt-4 td.subject {padding-left: 5em;}
< tr.issue.idnt-5 td.subject {padding-left: 6.5em;}
< tr.issue.idnt-6 td.subject {padding-left: 8em;}
< tr.issue.idnt-7 td.subject {padding-left: 9.5em;}
< tr.issue.idnt-8 td.subject {padding-left: 11em;}
< tr.issue.idnt-9 td.subject {padding-left: 12.5em;}
< 

163,167c139,141
< tr.message td.subject { padding-left: 20px; }
< tr.message td.created_on { white-space: nowrap; }
< tr.message td.last_message { font-size: 80%; white-space: nowrap; }
< tr.message.locked td.subject { background: url(../images/locked.png) no-repeat 0 1px; }
< tr.message.sticky td.subject { background: url(../images/bullet_go.png) no-repeat 0 1px; font-weight: bold; }
---
> tr.message td.last_message { font-size: 80%; }
> tr.message.locked td.subject a { background-image: url(../images/locked.png); }
> tr.message.sticky td.subject a { background-image: url(../images/sticky.png); font-weight: bold; }

220,226d232
< #watchers ul {margin: 0;  padding: 0;}
< #watchers li {list-style-type:none;margin: 0px 2px 0px 0px; padding: 0px 0px 0px 0px;}
< #watchers select {width: 95%; display: block;}
< #watchers a.delete {opacity: 0.4;}
< #watchers a.delete:hover {opacity: 1;}
< #watchers img.gravatar {vertical-align: middle;margin: 0 4px 2px 0;}
< 

236d241
< color:#505050;

269,276d274
< div.issue div.subject div div { padding-left: 16px; }
< div.issue div.subject p {margin: 0; margin-bottom: 0.1em; font-size: 90%; color: #999;}
< div.issue div.subject>div>p { margin-top: 0.5em; }
< div.issue div.subject h3 {margin: 0; margin-bottom: 0.1em;}
< 
< #issue_tree table.issues { border: 0; }
< #issue_tree td.checkbox {display:none;}
< 

407,412d404
< .tabular label.inline{
< float:none;
< margin-left: 5px !important;
< width: auto;
< }
< 

448,449d439
< input#principal_search, input#user_search {width:100%}
< 

530,533d519
< table.cal .starting a, p.cal.legend .starting {background: url(../images/bullet_go.png) no-repeat -1px -2px; padding-left:16px;}
< table.cal .ending a, p.cal.legend .ending {background: url(../images/bullet_end.png) no-repeat -1px -2px; padding-left:16px;}
< table.cal .starting.ending a, p.cal.legend .starting.ending {background: url(../images/bullet_diamond.png) no-repeat -1px -2px; padding-left:16px;}
< p.cal.legend span {display:block;}

663,664d649
< #parent_issue_candidates ul li {width: 500px;}
< 

791,796d779
< 
< .task_todo.parent { background: #888; border: 1px solid #888; height: 6px;}
< .task_late.parent, .task_done.parent { height: 3px;}
< .task_todo.parent .left  { position: absolute; background: url(../images/task_parent_end.png) no-repeat 0 0; width: 8px; height: 16px; margin-left: -5px; left: 0px; top: -1px;}
< .task_todo.parent .right { position: absolute; background: url(../images/task_parent_end.png) no-repeat 0 0; width: 8px; height: 16px; margin-right: -5px; right: 0px; top: -1px;}
<

気になった差異をRedmine.JPの"farend_basic"に反映したんで公開

https://dl.dropbox.com/u/8158115/redmine_theme_farend_basic_for_trunk_r3768.tar.gz
とりあえず動いてる。使う方は自己責任でお願いします。

Redmine公式のテーマ'10.6.20追記

いろんなテーマが公開されている。
Theme List - Redmine

*1:再起動なしでも変更したテーマが有効になった