Fluxbox Window Manager Dark Gray Style

【摘要】詳述 Fluxbox window manager 深灰色樣式的設定，包括：background、menu、slit、toolbar、window 等五大類。範例可直接複製使用。

【前言】

一、兩年半以前，本文曾在 Google 的 Blogger 發表過，當時是介紹 Fluxbox 的深綠色樣式。近日更新內容為深灰色樣式，記錄於此。

二、Fluxbox 的樣式檔放在 ~/.fluxbox/styles/ 目錄。下面【深灰色樣式】一節的內容可以複製存檔為 DarkGray，並放到上述目錄中。放入後，桌面右鍵選單的 [Styles] 一項就會自動納入此樣式。

三、有五類可設定：

• 桌面 (background)
• 桌面的右鍵選單 (menu)
• 桌面小窗格 (slit)
• 工具列 (toolbar)
• 視窗 (window)

四、下述 <texture> 的選項有五種選擇：

• [ Flat | Raised | Sunken ] 平面、凸起、或凹下的外觀
• [ Gradient | Solid ] 漸層色或單色
• [ Horizontal | Vertical | Diagonal | Crossdiagonal | Pipecross | Elliptic | Rectangle | Pyramid ] Gradient 的樣式
• [ Interlaced ] 明暗交替，可用於 Gradient 或 Solid
• [ Bevel1 | Bevel2 ] 斜角陰影。預設值為 Bevel1，陰影在邊緣。Bevel2 的陰影在邊緣內的 1px。

除以上五種外，還可以用 Pixmap 或 ParentRelative。前者是用圖片，後者是依父組件的樣式，也就是透明沒樣式。

五、<color> 可用的格式有：

• #nnnnnn (n: 十六進位值)
• rgb:n/n/n (n: 0-255)
• 色名，如 red

六、以下有縮排者，未看出其效果。

七、請參閱 man fluxbox-style。

【深灰色樣式】

 ##### 1 ##### 桌面
 
 # background: 桌面可用選項有 centered, aspect, tiled, fullscreen, random (以上五種為圖片用), solid (單色), gradient <texture> (漸層色), mod (方格), none (都不設定), unset (取消設定)
background: mod
 
 # background.color: <color>
background.color: #a0a0a0
 # background 為 mod 時，此為格線的顏色
 
 # background.colorTo: <color>
background.colorTo: #404040
 # background 為 mod 時，此為底色
 
 # background.modX: <integer>
background.modX: 20
 
 # background.modY: <integer>
background.modY: 20
 
 # background.pixmap: <file or directory>
 # 若要使用圖片，需在此設定。 若是檔名，桌面背景就固定用此圖片。 若是目錄名，background 選項需用 random。 若此選項有設定，則單色、漸層色、方格的設定便無效。
 # background.pixmap: ~/.fluxbox/backgrounds/background.png
 
 
 ##### 2 ##### 桌面的右鍵選單
 
 #### 2.1 #### 整體外觀
 
 # menu.bevelWidth: <integer>
menu.bevelWidth: 0
 
 # menu.borderColor: <color>
menu.borderColor: #c0c0c0
 
 # menu.borderWidth: <integer>
menu.borderWidth: 2
 
 # menu.roundCorners: <{Top|Bottom}{Left|Right}>
menu.roundCorners: TopLeft BottomLeft TopRight BottomRight
 
 # menu.bullet: <{empty|square|triangle|diamond}>
menu.bullet: triangle
 
 # menu.bullet.position: <{left|right}>
menu.bullet.position: Right
 
 # menu.selected.pixmap: <filename>
 # menu.unselected.pixmap: <filename>
 # menu.submenu.pixmap: <filename>
 
 #### 2.2 #### 最上方類別欄
 
 # menu.title: <texture type>
menu.title: gradient elliptic
 
 # menu.title.color: <color>
menu.title.color: #a0a0a0
 
 # menu.title.colorTo: <color>
menu.title.colorTo: #202020
 
 # menu.title.font: <font>
menu.title.font: sans-12:bold
 
 # menu.title.justify: <{Left|Right|Center}>
menu.title.justify: center
 
 # menu.title.textColor: <color>
menu.title.textColor: #a0a0a0
 
 # menu.titleHeight: <integer>
menu.titleHeight: 24
 
 # menu.title.pixmap: <filename>
menu.title.pixmap:
 
 #### 2.3 #### 下方餘欄
 
 # menu.itemHeight: <integer>
menu.itemHeight: 24
 
 ### 2.3.1 ### 一般狀態
 
 # menu.frame: <texture type>
menu.frame: gradient horizontal
 
 # menu.frame.color: <color>
menu.frame.color: #202020
 
 # menu.frame.colorTo: <color>
menu.frame.colorTo: #808080
 
 # menu.frame.disableColor: <color>
menu.frame.disableColor: #404040
 
 # menu.frame.font: <font>
menu.frame.font: sans-12
 
 # menu.frame.justify: <{Left|Right|Center}>
menu.frame.justify: left
 
 # menu.frame.textColor: <color>
menu.frame.textColor: #e0e0e0
 
 # menu.frame.underlineColor: <color>
menu.frame.underlineColor: #ff0000
 
 # menu.frame.pixmap: <filename>
menu.frame.pixmap:
 
 ### 2.3.2 ### 指標移入時
 
 # menu.hilite: <texture type>
menu.hilite: solid
 
 # menu.hilite.color: <color>
menu.hilite.color: #c0c0c0
 
 # menu.hilite.colorTo: <color>
menu.hilite.colorTo:
 
 # menu.hilite.font: <font>
menu.hilite.font: sans-12
 
 # menu.hilite.justify: <{left|center|right}>
menu.hilite.justify: left
 
 # menu.hilite.textColor: <color>
menu.hilite.textColor: #202020
 
 # menu.hilite.pixmap: <filename>
menu.hilite.pixmap:
 
 
 ##### 3 ##### 桌面小窗格
 
 # slit.bevelWidth: <integer>
slit.bevelWidth: 0
 
 # slit.borderColor: <color>
slit.borderColor: #404040
 
 # slit.borderWidth: <integer>
slit.borderWidth: 0
 
 # slit: <texture type>
slit: solid
 
 # slit.color: <color>
slit.color: #404040
 
 # slit.colorTo: <color>
slit.colorTo: #404040
 
 # slit.pixmap: <filename>
slit.pixmap:
 
 
 ##### 4 ##### 工具列
 
 #### 4.1 #### 整體外觀
 
 # toolbar: <texture type>
toolbar: Flat gradient elliptic Bevel2
 
 # toolbar.color: <color>
toolbar.color: #808080
 
 # toolbar.colorTo: <color>
toolbar.colorTo: #202020
 
 # toolbar.height: <integer>
toolbar.height: 24
 
 # toolbar.bevelWidth: <integer (0-255)>
toolbar.bevelWidth: 0
 
 # toolbar.shaped: <boolean> (圓角)
toolbar.shaped: true
 
 # toolbar.borderColor: <color>
toolbar.borderColor: #e0e0e0
 
 # toolbar.borderWidth: <integer>
toolbar.borderWidth: 1
 
 # toolbar.pixmap: <filename>
toolbar.pixmap:
 
   # toolbar.justify: <{Left|Right|Center}>
   toolbar.justify:
 
 #### 4.2 #### 切換虛擬桌面（Worksapce）、視窗的按鈕
 
 # toolbar.button.scale: <integer>
toolbar.button.scale:
 
 ### 4.2.1 ### 一般狀態
 
 # toolbar.button: <texture type>
toolbar.button: flat gradient elliptic bevel2
 
 # toolbar.button.color: <color>
toolbar.button.color: #808080
 
 # toolbar.button.colorTo: <color>
toolbar.button.colorTo: #202020
 
 # toolbar.button.picColor: <color> 箭頭顏色
toolbar.button.picColor: #e0e0e0
 
 ### 4.2.2 ### 指標點選時
 
 # toolbar.button.pressed: <texture type>
toolbar.button.pressed: centered
 
 # toolbar.button.pressed.color: <color>
toolbar.button.pressed.color: #808080
 
 # toolbar.button.pressed.colorTo: <color>
toolbar.button.pressed.colorTo: #e0e0e0
 
   # toolbar.button.pressed.picColor: <color>
   toolbar.button.pressed.picColor:
 
 #### 4.3 #### 時鐘
 
 # toolbar.clock: <texture type>
toolbar.clock: gradient elliptic
 
 # toolbar.clock.color: <color>
toolbar.clock.color: #808080
 
 # toolbar.clock.colorTo: <color>
toolbar.clock.colorTo: #202020
 
 # toolbar.clock.borderColor: <color>
toolbar.clock.borderColor: #e0e0e0
 
 # toolbar.clock.borderWidth: <integer>
toolbar.clock.borderWidth: 1
 
 # toolbar.clock.font: <font>
toolbar.clock.font: sans-12
 
 # toolbar.clock.textColor: <color>
toolbar.clock.textColor: #e0e0e0
 
 # toolbar.clock.justify: <{Left|Right|Center}>
toolbar.clock.justify: center
 
 # toolbar.clock.pixmap: <filename>
toolbar.clock.pixmap:
 
 #### 4.4 #### 開啟的程式在工作列中的縮圖／清單
 
 # toolbar.iconbar.borderColor: <color>
toolbar.iconbar.borderColor: #e0e0e0
 
 # toolbar.iconbar.borderWidth: <integer>
toolbar.iconbar.borderWidth: 1
 
 ### 4.4.1 ### 無任何視窗時（也就是其背景）
 
 # toolbar.iconbar.empty: <texture type>
toolbar.iconbar.empty: gradient elliptic
 
 # toolbar.iconbar.empty.color: <color>
toolbar.iconbar.empty.color: #808080
 
 # toolbar.iconbar.empty.colorTo: <color>
toolbar.iconbar.empty.colorTo: #202020
 
 # toolbar.iconbar.empty.pixmap: <filename>
toolbar.iconbar.empty.pixmap:
 
 ### 4.4.2 ### 使用中視窗
 
 # toolbar.iconbar.focused.borderColor: <color>
toolbar.iconbar.focused.borderColor: #e0e0e0
 
 # toolbar.iconbar.focused.borderWidth: <integer>
toolbar.iconbar.focused.borderWidth: 1
 
 # toolbar.iconbar.focused: <texture type>
toolbar.iconbar.focused: gradient elliptic
 
 # toolbar.iconbar.focused.color: <color>
toolbar.iconbar.focused.color: #808080
 
 # toolbar.iconbar.focused.colorTo:<color>
toolbar.iconbar.focused.colorTo: #202020
 
 # toolbar.iconbar.focused.font: <font>
toolbar.iconbar.focused.font: sans-12
 
 # toolbar.iconbar.focused.textColor: <color>
toolbar.iconbar.focused.textColor: #e0e0e0
 
 # toolbar.iconbar.focused.justify: <{Left|Right|Center}>
toolbar.iconbar.focused.justify: center
 
 # toolbar.iconbar.focused.pixmap: <filename>
toolbar.iconbar.focused.pixmap:
 
 ### 4.4.3 ### 非使用中視窗
 
 # toolbar.iconbar.unfocused.borderColor: <color>
toolbar.iconbar.unfocused.borderColor: #e0e0e0
 
 # toolbar.iconbar.unfocused.borderWidth: <integer>
toolbar.iconbar.unfocused.borderWidth: 1
 
 # toolbar.iconbar.unfocused: <texture type>
toolbar.iconbar.unfocused: gradient elliptic
 
 # toolbar.iconbar.unfocused.color: <color>
toolbar.iconbar.unfocused.color: #808080
 
 # toolbar.iconbar.unfocused.colorTo: <color>
toolbar.iconbar.unfocused.colorTo: #202020
 
 # toolbar.iconbar.unfocused.font: <font>
toolbar.iconbar.unfocused.font: sans-12
 
 # toolbar.iconbar.unfocused.textColor: <color>
toolbar.iconbar.unfocused.textColor: #e0e0e0
 
 # toolbar.iconbar.unfocused.justify: <{Left|Right|Center}>
toolbar.iconbar.unfocused.justify: center
 
 # toolbar.iconbar.unfocused.pixmap: <filename>
toolbar.iconbar.unfocused.pixmap:
 
 #### 4.5 #### 虛擬桌面 (Workspace)
 
 # toolbar.workspace.borderColor: <color>
toolbar.workspace.borderColor: #e0e0e0
 
 # toolbar.workspace.borderWidth: <integer>
toolbar.workspace.borderWidth: 0
 
 # toolbar.workspace: <texture type>
toolbar.workspace: gradient elliptic
 
 # toolbar.workspace.color: <color>
toolbar.workspace.color: #808080
 
 # toolbar.workspace.colorTo: <color>
toolbar.workspace.colorTo: #202020
 
 # toolbar.workspace.font: <font>
toolbar.workspace.font: sans-10
 
 # toolbar.workspace.textColor: <color>
toolbar.workspace.textColor: #e0e0e0
 
 # toolbar.workspace.justify: <{Left|Right|Center}>
toolbar.workspace.justify: Center
 
 # toolbar.workspace.pixmap: <filename>
toolbar.workspace.pixmap:
 
 
 ##### 5 ##### 視窗
 
 #### 5.1 #### 外框
 
 # window.bevelWidth: <integer>
window.bevelWidth: 0
 
 # window.borderColor: <color>
window.borderColor: #a0a0a0
 
 # window.borderWidth: <integer>
window.borderWidth: 2
 
 # window.roundCorners: <{Top|Bottom}{Left|Right}>
window.roundCorners: TopLeft TopRight BottomLeft BottomRight
 
   # window.frame.focusColor: <color>
   window.frame.focusColor:
   # window.frame.unfocusColor: <color>
   window.frame.unfocusColor:
   # window.shade: <boolean>
   window.shade:
 
 #### 5.2 #### 視窗上方標題列 (titlebar)
 
 # window.font: <font>
window.font: sans-12:bold
 
 # window.justify: <{Left|Right|Center}>
window.justify: center
 
 # window.title.height: <integer>
window.title.height: 24
 
 ### 5.2.1 ### 使用中視窗
 
 # window.label.focus: <texture type>
window.label.focus: gradient elliptic
 
 # window.label.focus.color: <color>
window.label.focus.color: #c0c0c0
 
 # window.label.focus.colorTo: <color>
window.label.focus.colorTo: #202020
 
 # window.label.focus.textColor: <color>
window.label.focus.textColor: #e0e0e0
 
 # window.label.focus.pixmap: <filename>
window.label.focus.pixmap:
 
 # window.label.* 的設定覆蓋 window.title.* 的設定
 # 若 window.bevelWidth 設定正值，window.label 浮在 window.title 上；也就是 window.title 只像是邊框
 # window.title.focus: <texture type>
window.title.focus:
 # window.title.focus.color: <color>
window.title.focus.color:
 # window.title.focus.colorTo: <color>
window.title.focus.colorTo:
 # window.title.focus.pixmap: <filename>
window.title.focus.pixmap:
 
 ### 5.2.2 ### 非使用中視窗
 
 # window.label.unfocus: <texture type>
window.label.unfocus: gradient elliptic
 
 # window.label.unfocus.color: <color>
window.label.unfocus.color: #808080
 
 # window.label.unfocus.colorTo: <color>
window.label.unfocus.colorTo: #202020
 
 # window.label.unfocus.textColor: <color>
window.label.unfocus.textColor: #a0a0a0
 
 # window.label.unfocus.pixmap: <filename>
window.label.unfocus.pixmap:
 
 # window.label.* 的設定覆蓋 window.title.* 的設定
 # 若 window.bevelWidth 設定正值，window.label 浮在 window.title 上；也就是 window.title 只像是邊框
 # window.title.unfocus: <texture type>
window.title.unfocus:
 # window.title.unfocus.color: <color>
window.title.unfocus.color:
 # window.title.unfocus.colorTo: <color>
window.title.unfocus.colorTo:
 # window.title.unfocus.pixmap: <filename>
window.title.unfocus.pixmap:
 
   # window.label.active.textColor: <color>
   window.label.active.textColor:
   # window.label.active: <texture type>
   window.label.active:
 
 #### 5.3 #### 視窗按鈕
 
 # window.close.pixmap: <filename>
 # window.close.pressed.pixmap: <filename>
 # window.close.unfocus.pixmap: <filename>
 # window.maximize.pixmap: <filename>
 # window.maximize.pressed.pixmap: <filename>
 # window.maximize.unfocus.pixmap: <filename>
 # window.iconify.pixmap: <filename>
 # window.iconify.pressed.pixmap: <filename>
 # window.iconify.unfocus.pixmap: <filename>
 # window.shade.pixmap: <filename>
 # window.shade.pressed.pixmap: <filename>
 # window.shade.unfocus.pixmap: <filename>
 # window.stick.pixmap: <filename>
 # window.stick.pressed.pixmap: <filename>
 # window.stick.unfocus.pixmap: <filename>
 # window.stuck.pixmap: <filename>
 # window.stuck.unfocus.pixmap: <filename>
 # window.lhalf.pixmap: <filename>
 # window.lhalf.unfocus.pixmap: <filename>
 # window.rhalf.pixmap: <filename>
 # window.rhalf.unfocus.pixmap: <filename>
 
 ### 5.3.1 ### 使用中視窗
 
 ## 5.3.1.1 ## 一般狀態
 
 # 5.3.1.1.1 # 背景
 
 # window.button.focus: <texture type>
window.button.focus: gradient elliptic
 
 # window.button.focus.color: <color>
window.button.focus.color: #c0c0c0
 
 # window.button.focus.colorTo: <color>
window.button.focus.colorTo: #202020
 
 # 5.3.1.1.2 # 前景
 
 # window.button.focus.picColor: <color>
window.button.focus.picColor: #e0e0e0
 
 # window.button.focus.pixmap: <filename>
window.button.focus.pixmap:
 
 ## 5.3.1.2 ## 點選按鈕時
 
 # 5.3.1.2.1 # 背景
 
 # window.button.pressed: <texture type>
window.button.pressed: gradient elliptic
 
 # window.button.pressed.color: <color>
window.button.pressed.color: #202020
 
 # window.button.pressed.colorTo: <color>
window.button.pressed.colorTo: #c0c0c0
 
 # 5.3.1.2.2 # 前景
 
   # window.button.pressed.picColor: <color>
   window.button.pressed.picColor:
 
 # window.button.pressed.pixmap: <filename>
window.button.pressed.pixmap:
 
 ### 5.3.2 ### 非使用中視窗
 
 ## 5.3.2.1 ## 背景
 
 # window.button.unfocus: <texture type>
window.button.unfocus: gradient elliptic
 
 # window.button.unfocus.color: <color>
window.button.unfocus.Color: #808080
 
 # window.button.unfocus.colorTo: <color>
window.button.unfocus.ColorTo: #202020
 
 ## 5.3.2.2 ## 前景
 
 # window.button.unfocus.picColor: <color>
window.button.unfocus.picColor: #a0a0a0
 
 # window.button.unfocus.pixmap: <filename>
window.button.unfocus.pixmap:
 
 #### 5.4 #### 左下角、右下角調整尺寸
 
 ### 5.4.1 ### 使用中視窗
 
 # window.grip.focus: <texture type>
window.grip.focus: solid
 
 # window.grip.focus.color: <color>
window.grip.focus.color: #ffff00
 
 # window.grip.focus.colorTo: <color>
window.grip.focus.colorTo: #ffff00
 
 # window.grip.focus.pixmap: <filename>
window.grip.focus.pixmap:
 
 ### 5.4.2 ### 非使用中視窗
 
 # window.grip.unfocus: <texture type>
window.grip.unfocus: solid
 
 # window.grip.unfocus.color: <color>
window.grip.unfocus.color: #c0c0c0
 
 # window.grip.unfocus.colorTo: <color>
window.grip.unfocus.colorTo: #c0c0c0
 
 # window.grip.unfocus.pixmap: <filename>
window.grip.unfocus.pixmap:
 
 #### 5.5 #### 最下方橫條
 
 # window.handleWidth: <integer>
window.handleWidth: 1
 
 ### 5.5.1 ### 使用中視窗
 
 # window.handle.focus: <texture type>
window.handle.focus: solid
 
 # window.handle.focus.color: <color>
window.handle.focus.color: #ff0000
 
 # window.handle.focus.colorTo: <color>
window.handle.focus.colorTo: #ff0000
 
 # window.handle.focus.pixmap: <filename>
window.handle.focus.pixmap:
 
 ### 5.5.2 ### 非使用中視窗
 
 # window.handle.unfocus: <texture type>
window.handle.unfocus: solid
 
 # window.handle.unfocus.color: <color>
window.handle.unfocus.color: #000000
 
 # window.handle.unfocus.colorTo: <color>
window.handle.unfocus.colorTo: #000000
 
 # window.handle.unfocus.pixmap: <filename>
window.handle.unfocus.pixmap: