いやぁ暑いですね、鯖置き場の室温が39℃でちょっと危機感を感じる日々ですよ。これがまだ1週間以上続くだなんて...
さて今回は、カラーセットの詳細を教えて！と言われたのでその解説エントリ。
Azureaのどっかからカラーセットを変更できるようになりました。最新の1.2.6だとDark,Sakura,Caramelの3色とサンプルのDefault、メニューを小さくできますよ、というサンプルのDefaultThinの計5個が添付されてます。
わかる人は雰囲気でいじってみてね！ぐらいのあれなので今まで解説書いてなかったのですが、まぁそろそろ書かないとというのもあるので一応書いておきますね。
さて、カラーセットを開いてみますとこんなのが書いてます。
[Button.Active] TextColor=ffffff FaceGradation1=7eaad9 FaceGradation2=336ca7 FaceGradation3=063c83 FaceGradation4=063c83 Border=07405f ;以下長いので省略
まず読み方ですが、普通のiniと変わらないので[]でくくられたところがセクション、その後に続くのがキーと値です。普通ですね。
というわけでそれぞれの意味です。また、色の設定値は16進数RRGGBBで指定します。大文字小文字はどっちでもいいです。
Button
Buttonというセクションは無くて、その後ろにCSSのクラス名みたいな感じでボタンの状態を続けて書いた形でActive,Inactive,Pressed,Progressの4パターンが定義されています。それぞれの意味は次の通りです。
| Active | 普通の状態 |
| Inactive | 無効になってる状態。プログレスバーの背景色 |
| Pressed | ボタンが押されている状態 |
| Progress | プログレスバーの前景色 |
また、このボタンで変更されるのはすべてのリストのRefreshボタン、Moreボタンです。
次のこのセクションで定義されている値は次の通りです。
| TextColor | 文字色 |
| FaceGradation1 | 上半分のグラデーション開始色 |
| FaceGradation2 | 上半分のグラデーション終了色 |
| FaceGradation3 | 下半分のグラデーション開始色 |
| FaceGradation4 | 下半分のグラデーション終了色 |
| Border | ボタンの一番外側の枠線の色 |
| Shadow | ボタンの影の色。外枠の1ドット内側、右辺、下辺に描画されます |
| Highlight | ボタンのハイライトの色。外枠の1ドット内側、左辺、上辺に描画されます |
Menubar
メニューバーというか下のアイコンが5つ並んでるバーの部分の色設定です。ハイライトや枠線などの設定がないだけで基本的にボタンと同じです。メニューの高さを変更する場合はこのセクションに値を追加します。
| FaceGradation1 | 上半分のグラデーション開始色 |
| FaceGradation2 | 上半分のグラデーション終了色 |
| FaceGradation3 | 下半分のグラデーション開始色 |
| FaceGradation4 | 下半分のグラデーション終了色 |
| Height | メニューバーの高さ |
ListView
リスト部分の色設定に関するセクションです。ボタンの高さを変更する場合はこのセクションに値を追加します。
| DefaultTextColor | 標準の文字色 |
| FavoriteTextColor | お気に入りに追加されたPostの文字色 |
| ReplyTextColor | 自分宛Postの文字色 |
| RetweetedTextColor | 公式RTされているPostの文字色 |
| BackgroundColor | 背景色 |
| SelectedItemColor | 選択された項目の背景色 |
| SelectedItemTextColor | 選択された項目の文字色 |
| ButtonHeight | Refresh/Moreボタンの高さ |
ListView.*
ListViewセクションにもCSSのクラスのような形でRootItems,SecondLevelItems,ThirdLevelItemsの3種類があります。これらでツリーの階層に応じて応じて背景色を設定します。
| OddColor | 奇数番目のアイテムの背景色 |
| EvenColor | 偶数番目のアイテムの背景色 |
まとめ
こんな感じでカラーセットを書くと好きな色に調整できます。といってもあんまり自由度はありませんが...
米欄で質問があったボタンの高さをDefaultThinみたいにしたい場合はMenuBar::Height=26とListView::ButtonHeight=26を設定すればおっけーですね。
こういうアプリもあるのでよろしければどうぞ。WindowsPC向けです。
Download: http://refy.net/temp/AzureaColorSchemeEditor.0.0.1.zip
