CrunchBang - Code, Design & GNU/Linux

Darkilouche Openbox Theme

Further to my previous post about changing the Ubuntu default theme, I've now created an Openbox theme that works well, aesthetically, with the Darkilouche GTK theme. The theme is quite basic and simply sets the styling of the window borders and main Openbox menu. See the screenshot below:

Darkilouche Openbox Theme

Copy the contents of the code box below into a new file and save to, ~/.themes/Darkilouche/openbox-3/themerc Alternatively, download and extract this tarball to your ~/.themes directory. Note, the tarball contains both GTK and Openbox themes. Use ObConf to activate the theme when ready.

# Name: Darkilouche
# Author: Philip Newborough 
# URL: http://crunchbang.org/archives/2007/12/23/darkilouche-openbox-theme/
# Description: Openbox theme designed to work with Darkilouche GTK theme.

### Menu settings
menu.title.bg: flat
menu.title.bg.color: #424542
menu.title.text.color: #FFFFFF
menu.title.text.justify: right

menu.items.bg: flat solid
menu.items.bg.color: #524D52
menu.items.bg.border.color: #424542
menu.items.text.color: #FFFFFF
menu.items.justify: left

menu.items.disabled.text.color: #CCCCCC
menu.bullet.image.color: #FFFFFF
menu.bullet.selected.image.color: #FFFFFF

menu.items.active.bg: flat gradient vertical
menu.items.active.bg.color: #FE840C
menu.items.active.bg.colorTo: #BA6410
menu.items.active.bg.border.color: #424542
menu.items.active.text.color: #FFFFFF

### Window settings
window.active.title.bg: Raised Gradient Vertical
window.active.title.bg.color: #565656
window.active.title.bg.colorTo: #454545

window.active.label.bg: Parentrelative
window.active.label.text.color: #ffffff

window.active.handle.bg: Raised Gradient Vertical
window.active.handle.bg.color: #565656
window.active.handle.bg.colorTo: #454545

window.active.grip.bg: Raised Gradient Vertical
window.active.grip.bg.color: #565656
window.active.grip.bg.colorTo: #454545

window.active.button.unpressed.bg: Flat Gradient Vertical Border
window.active.button.unpressed.bg.color: #565656
window.active.button.unpressed.bg.colorTo: #454545
window.active.button.unpressed.bg.border.color: #ffffff
window.active.button.unpressed.image.color: #ffffff

window.active.button.pressed.bg: Flat Gradient Vertical Border
window.active.button.pressed.bg.color: #565656
window.active.button.pressed.bg.colorTo: #454545
window.active.button.pressed.bg.border.color: #ffffff
window.active.button.pressed.image.color: #ffffff

window.active.button.disabled.bg: Flat Gradient Vertical Border
window.active.button.disabled.bg.color: #565656
window.active.button.disabled.bg.colorTo: #424242
window.active.button.disabled.bg.border.color: #777777
window.active.button.disabled.image.color: #777777

window.active.button.toggled.bg: Flat Gradient Vertical Border
window.active.button.toggled.bg.color: #565656
window.active.button.toggled.bg.colorTo: #424242
window.active.button.toggled.bg.border.color: #ffffff
window.active.button.toggled.image.color: #ffffff


# Window settings (unfocused)
window.inactive.title.bg: Raised Gradient Vertical
window.inactive.title.bg.color: #565656
window.inactive.title.bg.colorTo: #454545

window.inactive.label.bg: Parentrelative
window.inactive.label.text.color: #777777

window.inactive.handle.bg: Raised Gradient Vertical
window.inactive.handle.bg.color: #565656
window.inactive.handle.bg.colorTo: #454545

window.inactive.grip.bg: Raised Gradient Vertical
window.inactive.grip.bg.color: #565656
window.inactive.grip.bg.colorTo: #454545

window.inactive.button.unpressed.bg: Flat Gradient Vertical Border
window.inactive.button.unpressed.bg.color: #565656
window.inactive.button.unpressed.bg.colorTo: #454545
window.inactive.button.unpressed.bg.border.color: #777777
window.inactive.button.unpressed.image.color: #777777

window.inactive.button.pressed.bg: Flat Gradient Vertical Border
window.inactive.button.pressed.bg.color: #565656
window.inactive.button.pressed.bg.colorTo: #454545
window.inactive.button.pressed.bg.border.color: #777777
window.inactive.button.pressed.image.color: #777777

window.inactive.button.disabled.bg: Flat Gradient Vertical Border
window.inactive.button.disabled.bg.color: #565656
window.inactive.button.disabled.bg.colorTo: #454545
window.inactive.button.disabled.bg.border.color: #777777
window.inactive.button.disabled.image.color: #777777

window.inactive.button.toggled.bg: Flat Gradient Vertical Border
window.inactive.button.toggled.bg.color: #565656
window.inactive.button.toggled.bg.colorTo: #454545
window.inactive.button.toggled.bg.border.color: #777777
window.inactive.button.toggled.image.color: #777777

### Misc
border.color: #424542
borderWidth: 2
padding.width: 3
window.handle.width: 2
window.client.padding.width: 0
window.label.text.justify: left

### Fonts
window.active.label.text.font:shadow=y:shadowtint=70:shadowoffset=1
window.inactive.label.text.font:shadow=y:shadowtint=20:shadowoffset=1
menu.items.font:
menu.title.text.font:shadow=y:shadowtint=70

Darkilouche GTK theme

When running a pure Openbox installation the Darkilouche GTK theme can be activated using the gtk-theme-switch utility. The package is available from the Ubuntu repositories:

sudo apt-get install gtk-theme-switch

Once installed, enter the following terminal command to run the theme switching GUI:

switch2