読者です 読者をやめる 読者になる 読者になる

tmytのらくがき

個人の日記レベルです

カラーセットの書き方

いやぁ暑いですね、鯖置き場の室温が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