Blackbox Documentation/Blackbox Styles/Full Example
This page offers a safe, fully defined 0.70 style, as produced by bstyleconvert using a blank file as the input. It should work and be usable on most setups.
The black and white default colors were chosen because Blackbox is often used on display devices with reduced graphical capabilities. The lowest common denominator (a 2 bit display) is a safe assumption.
The fixed font is a default because Blackbox works with X, and X won't work without having a fixed font defined.
Please note that this style, despite being dubbed as full, cannot cover everything in the Blackbox style syntax. That's because there are possible alternatives that cannot all be covered at the same time. For instance, if you use a solid appearance, you'll need to define backgroundColor, but if you use a gradient you'll need to define color1 and color2.
menu.active.appearance: flat solid menu.active.backgroundColor: white menu.active.foregroundColor: black menu.active.textColor: black menu.frame.alignment: left menu.frame.appearance: flat solid border menu.frame.backgroundColor: black menu.frame.borderColor: black menu.frame.borderWidth: 1 menu.frame.disabledColor: black menu.frame.font: fixed menu.frame.foregroundColor: white menu.frame.marginWidth: 3 menu.frame.textColor: white menu.title.alignment: left menu.title.appearance: flat solid border menu.title.backgroundColor: white menu.title.borderColor: black menu.title.borderWidth: 1 menu.title.font: fixed menu.title.foregroundColor: black menu.title.marginWidth: 3 menu.title.textColor: black rootCommand: slit.appearance: flat solid border slit.backgroundColor: black slit.borderColor: black slit.borderWidth: 1 slit.marginWidth: 3 toolbar.alignment: left toolbar.appearance: flat solid border toolbar.backgroundColor: black toolbar.borderColor: black toolbar.borderWidth: 1 toolbar.button.appearance: flat solid toolbar.button.backgroundColor: white toolbar.button.foregroundColor: black toolbar.button.marginWidth: 3 toolbar.button.pressed.appearance: flat solid toolbar.button.pressed.backgroundColor: black toolbar.clock.appearance: flat solid toolbar.clock.backgroundColor: black toolbar.clock.textColor: white toolbar.font: fixed toolbar.label.appearance: flat solid toolbar.label.backgroundColor: black toolbar.label.marginWidth: 3 toolbar.label.textColor: white toolbar.marginWidth: 3 toolbar.windowLabel.appearance: flat solid toolbar.windowLabel.backgroundColor: black toolbar.windowLabel.textColor: white window.alignment: left window.button.focus.appearance: flat solid window.button.focus.backgroundColor: white window.button.focus.foregroundColor: black window.button.marginWidth: 3 window.button.pressed.appearance: flat solid window.button.pressed.backgroundColor: black window.button.unfocus.appearance: flat solid window.button.unfocus.backgroundColor: black window.button.unfocus.foregroundColor: black window.font: fixed window.frame.borderWidth: 1 window.frame.focus.borderColor: black window.frame.unfocus.borderColor: black window.grip.focus.appearance: flat solid border window.grip.focus.backgroundColor: white window.grip.focus.borderColor: black window.grip.focus.borderWidth: 1 window.grip.unfocus.appearance: flat solid border window.grip.unfocus.backgroundColor: black window.grip.unfocus.borderColor: black window.grip.unfocus.borderWidth: 1 window.handle.focus.appearance: flat solid border window.handle.focus.backgroundColor: white window.handle.focus.borderColor: black window.handle.focus.borderWidth: 1 window.handle.unfocus.appearance: flat solid border window.handle.unfocus.backgroundColor: black window.handle.unfocus.borderColor: black window.handle.unfocus.borderWidth: 1 window.handleHeight: 6 window.label.focus.appearance: flat solid window.label.focus.backgroundColor: white window.label.focus.textColor: black window.label.marginWidth: 3 window.label.unfocus.appearance: flat solid window.label.unfocus.backgroundColor: black window.label.unfocus.textColor: white window.title.focus.appearance: flat solid border window.title.focus.backgroundColor: white window.title.focus.borderColor: black window.title.focus.borderWidth: 1 window.title.marginWidth: 3 window.title.unfocus.appearance: flat solid border window.title.unfocus.backgroundColor: black window.title.unfocus.borderColor: black window.title.unfocus.borderWidth: 1
Here is another example with "html-safe" color and use of wildcards:
menu.active.textColor: white menu.frame.appearance: flat crossdiagonal gradient menu.frame.color: black menu.frame.colorTo: #0000cc menu.frame.foregroundColor: white rootCommand: bsetroot -gradient diagonalgradient -from darkblue -to black slit.appearance: flat solid slit.foregroundColor: black toolbar.clock.appearance: raised diagonal gradient bevel1 toolbar.label.appearance: raised diagonal gradient bevel1 toolbar.button.appearance: raised crossdiagonal gradient bevel2 window.button.focus.appearance: raised crossdiagonal gradient bevel2 window.handleHeight: 4 *.unfocus.appearance: flat solid *.unfocus.foregroundColor: black *.unfocus.color: black *.unfocus.textColor: black *.pressed.appearance: sunken crossdiagonal gradient bevel2 *.appearance: raised crossdiagonal gradient bevel1 *.borderColor: black *.borderWidth: 0 *.color: #0000cc *.colorTo: black *.textColor: #33ff33 *.foregroundColor: #99ff99 *.backgroundColor: black *.disabledColor: black *.font: fixed *.alignment: center *.marginwidth: 1 *bevelWidth: 1 *Font: fixed
And here's an example which creates borders around the window buttons:
toolbar.button.appearance: solid flat border toolbar.button.foregroundColor: #ffffff toolbar.button.backgroundColor: #485464 toolbar.button.borderColor: #98a4ba toolbar.button.borderWidth: 1 toolbar.button.pressed.appearance: flat solid border toolbar.button.pressed.foregroundColor: #ffffff toolbar.button.pressed.backgroundColor: #000000 toolbar.button.pressed.borderColor: #ffffff toolbar.button.pressed.borderWidth: 1 window.button.focus.appearance: solid flat border window.button.focus.backgroundColor: #485464 window.button.focus.foregroundColor: #ffffff window.button.focus.borderColor: #98a4ba window.button.focus.borderWidth: 1 window.button.unfocus.appearance: parentrelative window.button.unfocus.foregroundColor: #aaa29a window.button.pressed.appearance: flat solid border window.button.pressed.backgroundColor: black window.button.pressed.borderColor: #ffffff window.button.pressed.borderWidth: 1