Mebiusbox 2.x ユーザーガイド

テーマ

Mebiusbox2 では、ある程度自由に配色を設定することができるテーマ機能があります。
テーマ機能を利用するためにはスコープとセレクタを理解しておく必要があります。

テーマのカスタマイズ

メインメニューから「表示 › テーマ管理」を選択します。



アイテム名

スコープ名のことです。

前景

文字色のことです。

背景

背景色のことです。

透明度

透明度です。演算モードが「半透明」のときに使用されます。

標準、半透明、加算、減算

演算モードです。

スコープ

Mebiusbox2 にはいくつものテーマ用スコープが存在します。
カスタマイズは、セレクタを使って設定したいスコープを決定し、前景色、背景色、演算モードを指定します。

演算モード

演算モードには、標準、加算、減算、半透明の4種類あります。

ここでスコープitem.view.detailについて、どうテーマが適用されるか解説します。

この場合、このスコープに影響のあるセレクタは次の3つです。

  • item
  • item.view
  • item.view.detail
テーマは、段階的に適用されていきます。
この時、item, item.view, item.view.detail それぞれにテーマが設定されていた場合、item のテーマ、item.view のテーマ、item.view.detail のテーマと順番に適用します。

もう少し詳しく見ていきます。
それぞれのセレクタは次のように設定されているものとします。

セレクタ背景色演算モード
itemRGB(255,255,255)標準
item.viewRGB(32,32,32)減算
item.view.detailRGB(32,32,32)減算

スコープitem.view.detailの背景色は、まず、item のセレクタが適用され RGB(255,255,255) となります。
次に、item.view が適用され、RGB(255,255,255) から減算し、RGB(224,224,224) となります。
そして、item.view.detail が適用され、RGB(224,224,224) から RGB(32,32,32) が減算されます。
最終的に RGB(192,192,192) が item.view.detail の背景色となります。

特殊なスコープ

Mebiusbox2 のテーマ用スコープには特別なスコープがあります。

focus, active, target, select, hover

focusフォーカス状態
activeアクティブ状態
targetターゲット状態
select選択状態
hoverマウスが乗っている状態

これらを状態要素と読んでいます。
状態要素はスコープの前に付けられます。
例えば、あるアイテム(通常 item というスコープ)がフォーカス状態をもつと、focus.itemというスコープに変わります。
ここで注意することは、
この場合、テーマは item , focus.item の順番で適用される
ということです。

base

すべてのスコープにおいて、基本となるテーマです。
テーマが設定されていない場合は base テーマが適用されます。
base テーマがない場合は、前景(黒)、背景(白)、演算モード(標準)というテーマが代わりに使用されます。
スコープは全て base テーマで初期化されます。

frame

一部のスコープには、枠線を表示することができます。
例えば、item.view.detailというスコープは枠線を表示することが出来ます。
スコープに frame を前に付けて枠線の色を指定するこができます(枠線の色は背景色が使われます)
frame.item.view.detail この場合、item.view.detail, frame.item.view.detail という順番でテーマが適用されます。

テーマ用スコープ一覧

スコープ説明特殊スコープ
window.dialog.select_tab.listタブ選択ダイアログのリストコントロール
window.pane.folderフォルダーペインselect, target
window.pane.libraryライブラリペイン
window.pane.jobジョブペイン
window.pane.propertyプロパティペイン
window.view.detailDetails ビュー
window.view.filterフィルターバー※変更予定
window.view.mixMix ビュー
window.view.movieMovie ビュー
window.view.smilevideoSmileVideo ビュー
window.view.thumbThumbnails ビュー
window.filterフィルターウィンドウ
window.viewer.textテキストビューアselect
window.viewer.binaryバイナリビューアselect
window.viewer.image画像ビューア
group.window.pane.propertyプロパティペイン:グループ
description.window.pane.propertyプロパティペイン:説明
line.window.pane.propertyプロパティペイン:ライン
line.window.pane.folderフォルダペイン:ラインselect, target
line.window.pane.libraryライブラリペイン:ライン
ctrl.window.viewer.textテキストビューア:コントロール
lineno.window.viewer.textテキストビューア:行番号
lineno.window.viewer.binaryバイナリビューア:アドレス
item.dialog.select_tabタブ選択:リストコントロールのアイテムfocus, select
item.pane.jobジョブペイン:リストコントロールのアイテムfocus, select
item.view.detailDetails ビュー:アイテムfocus, select, target
item.view.mixMix ビュー:アイテムfocus, select, target, hover
item.view.movieMovie ビュー:アイテムfocus, select, target, hover
item.view.smilevideoSmileVideo ビュー:アイテムfocus, select, target, hover
item.thumbThumbnails ビュー:アイテム※変更予定focus, select, target, hover
item.image.thumbThumbnails ビュー:サムネイル※変更予定
item.window.filterフィルタウィンドウ:アイテム
item2.dialog.select_tabタブ選択:リストコントロールのアイテム(偶数行)focus, select
item2.pane.jobジョブペイン:リストコントロールのアイテム(偶数行)focus, select
item2.view.detailDetails ビュー:アイテム(偶数行)focus, select, target
tag.item.viewDetails ビュー:タグアイテム
tag.item.count.viewコントロールバー:item※変更予定
tag.total.count.viewコントロールバー:total※変更予定
tag.filter.count.viewコントロールバー:filter※変更予定
tag.sort.count.viewコントロールバー:sort※変更予定
tag.select.count.viewコントロールバー:select※変更予定
tag.sortby.viewコントロールバー:sortby※変更予定
title.item.view.movieMovie ビュー:アイテムのタイトル
title.item.view.smilevideoSmileVideo ビュー:アイテムのタイトル
title.item.view.mixMix ビュー:アイテムのタイトル
head.item.view.smilevideoSmileVideo ビュー:アイテムのヘッダー
head.item.view.mixMix ビュー:アイテムのヘッダー
head.item.view.movieMovie ビュー:アイテムのヘッダー
filter.itemフィルターウィンドウ:アイテムhover, select
system.filter.itemフィルターウィンドウ:システムアイテムhover, select
selection.view.filterフィルターウィンドウ:選択領域hover
bar.size.view.detailDetails ビュー:ドライブの領域表示バーhover
viewDetails ビュー:ソート名のカラム列※変更予定active