Arch Linux

BlueYoshi

Member

Registered: 2015-03-14

Posts: 62

Openbox custom theme issue

I wrote my own theme, and I noticed that the presence of certain elements would cause issues all over the place from inheritance and who knows what else.

It feels like playing Jenga getting it to display properly. I either have to compromise something else entirely, or completely comment out certain elements. But it seems like there's no real solution from what I can find while doing trial and error.

- I can't get the OSD to show highlighted background color anymore when cycling through windows.
- I can't get the Yes/No prompt buttons to show a contrasting text color when using a white background (it's doing white on white through an inheritance somewhere)

Openbox theme documentation: http://openbox.org/wiki/Help:Themes

Theme:

# Window
border.width: 2
padding.width: 3
padding.height: 3

window.client.padding.width: 0
window.client.padding.height: 0
window.handle.width: 0
window.label.text.justify: Left

# Active window
window.active.border.color: #54487A
window.active.client.color: #54487A

window.active.title.bg: Flat Solid
window.active.title.bg.color: #54487A
#windows.active.title.separator.color (undefined)

window.active.label.bg: Parentrelative
window.active.label.text.color: #FFFFFF
window.active.label.text.font: shadow=n

window.active.handle.bg: Flat Solid
window.active.handle.bg.color: #54487A

window.active.grip.bg: Flat Solid
window.active.grip.bg.color: #54487A

window.active.button.unpressed.bg: Flat Solid
window.active.button.unpressed.bg.color: #54487A
window.active.button.unpressed.bg.border.color: #54487A
window.active.button.unpressed.image.color: #FFFFFF

window.active.button.pressed.bg: Flat Solid
window.active.button.pressed.bg.color: #FFFFFF
window.active.button.pressed.bg.border.color: #FFFFFF
window.active.button.pressed.image.color: #000000

window.active.button.disabled.bg: Flat Solid
window.active.button.disabled.bg.color: #54487A
window.active.button.disabled.bg.border.color: #54487A
window.active.button.disabled.image.color: #000000

window.active.button.hover.bg: Flat Solid Border
window.active.button.hover.bg.color: #54487A
window.active.button.hover.bg.border.color: #FFFFFF
window.active.button.hover.image.color: #FFFFFF

window.active.button.toggled.unpressed.bg: Flat Solid
window.active.button.toggled.unpressed.bg.color: #54487A
window.active.button.toggled.unpressed.bg.border.color: #54487A
window.active.button.toggled.unpressed.image.color: #CCCCCC

window.active.button.toggled.pressed.bg: Flat Solid
window.active.button.toggled.pressed.bg.color: #FFFFFF
window.active.button.toggled.pressed.bg.border.color: #FFFFFF
window.active.button.toggled.pressed.image.color: #000000

window.active.button.toggled.hover.bg: Flat Solid Border
window.active.button.toggled.hover.bg.color: #54487A
window.active.button.toggled.hover.bg.border.color: #FFFFFF
window.active.button.toggled.hover.image.color: #FFFFFF

# Inactive window
window.inactive.border.color: #F9F9F9
window.inactive.client.color: #F9F9F9

window.inactive.title.bg: Flat Solid
window.inactive.title.bg.color: #F9F9F9
#window.inactive.title.separator.color (undefined)

window.inactive.label.bg: Parentrelative
window.inactive.label.text.color: #000000
window.inactive.label.text.font: shadow=n

window.inactive.handle.bg: Flat Solid
window.inactive.handle.bg.color: #F9F9F9

window.inactive.grip.bg: Flat Solid
window.inactive.grip.bg.color: #F9F9F9

window.inactive.button.unpressed.bg: Flat Solid
window.inactive.button.unpressed.bg.color: #F9F9F9
window.inactive.button.unpressed.bg.border.color: #F9F9F9
window.inactive.button.unpressed.image.color: #000000

window.inactive.button.pressed.bg: Flat Solid
window.inactive.button.pressed.bg.color: #54487A
window.inactive.button.pressed.bg.border.color: #54487A
window.inactive.button.pressed.image.color: #000000

window.inactive.button.disabled.bg: Flat Solid
window.inactive.button.disabled.bg.color: #000000
window.inactive.button.disabled.bg.border.color: #000000
window.inactive.button.disabled.image.color: #FFFFFF

window.inactive.button.hover.bg: Flat Solid Border
window.inactive.button.hover.bg.color: #F9F9F9
window.inactive.button.hover.bg.border.color: #000000
window.inactive.button.hover.image.color: #000000

window.inactive.button.toggled.unpressed.bg: Flat Solid
window.inactive.button.toggled.unpressed.bg.color: #F9F9F9
window.inactive.button.toggled.unpressed.bg.border.color: #000000
window.inactive.button.toggled.unpressed.image.color: #CCCCCC

window.inactive.button.toggled.pressed.bg: Flat Solid
window.inactive.button.toggled.pressed.bg.color: #F9F9F9
window.inactive.button.toggled.pressed.bg.border.color: #000000
window.inactive.button.toggled.pressed.image.color: #FFFFFF

window.inactive.button.toggled.hover.bg: Flat Solid Border
window.inactive.button.toggled.hover.bg.color: #F9F9F9
window.inactive.button.toggled.hover.bg.border.color: #000000
window.inactive.button.toggled.hover.image.color: #CCCCCC

# Menu
menu.border.color: #54487A
menu.border.width: 2
menu.overlap.x: 0
menu.overlap.y: 0

menu.title.bg: Flat Solid
menu.title.bg.color: #54487A
menu.title.text.color: #FFFFFF
menu.title.text.justify: Left
menu.title.text.font: shadow=n

menu.separator.color: #54487A
menu.separator.width: 1
menu.separator.padding.width: 0
menu.separator.padding.height: 0

menu.items.bg: Flat Solid
menu.items.bg.color: #F9F9F9
menu.items.text.color: #000000
menu.items.disabled.text.color: #999999
menu.items.font: shadow=n

menu.items.active.bg: Flat Solid
menu.items.active.bg.color: #54487A
menu.items.active.text.color: #FFFFFF
menu.items.active.disabled.text.color: #999999

# OSD
osd.border.width: 2
osd.border.color: #54487A

osd.bg: Flat Solid
osd.label.bg: Parentrelative
osd.label.text.color: #FFFFFF
osd.label.text.font: shadow=n

osd.hilight.bg: Flat Solid
osd.hilight.bg.color: #54487A

osd.unhilight.bg: Parentrelative
osd.unhilight.bg.color: #54487A

There must be one or more lines in here that killed the cat. Anyone have any ideas?

Last edited by BlueYoshi (2015-08-31 01:12:24)