New theme format proposal
Andy Holmes
aholmes84 at shaw.ca
Fri Sep 5 21:35:43 EDT 2003
Here is my proposal for a new theme format. I took a complete theme
using the format as of openbox3-beta1 and changed what I thought should.
It's fairly thouroughly commented and should be pretty easy to follow
given some prior experience with the format.
Since this is a proposal I don't *expect* everything or anything to be
accepted but I think that some of the changes I've made are logical and
make for a simpler themerc.
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!! Top Level Settings
!! Should be changed, maybe paddingWidth or something more descriptive...
bevelWidth: 3
!! Replace with menu.border.color, menu.border.width,
window.border.color and
!! window.border.width
!!
!! borderColor: #272727
!! borderWidth: 1
menu.border.color: #272727
menu.border.width: 1
window.border.color: #272727
window.border.width: 1
!! Replaced with window.handle.width
!!
!! handleWidth: 0
window.handle.width: 0
!! Should be changed...no solid ideas though :/
frameWidth: 0
!! Replaced with menu.overlap
!!
!! menuOverlap: 0
menu.overlap: 0
!! Menu Settings
!! Axe these two as they should get their fore and background color from
!! menu.items.unselected.fg.color, menu.items.unselected.bg.color,
!! menu.items.selected.fg.color and menu.items.selected.bg.color
!!
!! menu.bullet.imageColor: #272727
!! menu.bullet.selected.imageColor: #8a8a8a
!! Replace this and add a background and texture property to make it more
!! consistent with the rest of the resources
!!
!! menu.disabled.textColor: #ffffff
menu.items.disabled: sunken solid bevel1
menu.items.disabled.bg.color: #000000
menu.items.disabled.fg.color: #ffffff
!! Replace these to reflect a more logical resource pattern, essentially the
!! the same, just reorganized names
!!
!! menu.items: raised solid bevel1
!! menu.items.color: #8d8d8d
!! menu.items.colorTo: #000000
!! menu.items.font: courier,monospace:bold:pixelsize=11:shadow=n
!! menu.items.textColor: #272727
menu.items.unselected: raised solid bevel1
menu.items.unselected.bg.color: #8d8d8d
menu.items.unselected.bg.colorTo: #000000
menu.items.unselected.fg.color: #272727
menu.items.unselected.font: courier,monospace:bold:pixelsize=11:shadow=n
!! These too
!!
!! menu.selected: raised solid bevel1
!! menu.selected.color: #5a5a5a
!! menu.selected.colorTo: #000000
!! menu.selected.textColor: #8d8d8d
menu.items.selected: raised solid bevel1
menu.items.selected.bg.color: #5a5a5a
menu.items.selected.bg.colorTo: #000000
menu.items.selected.fg.color: #8d8d8d
menu.items.selected.font: courier,monospace:bold:pixelsize=11:shadow=n
!! Only the color properties change here
!!
!! menu.title: raised gradient vertical bevel1
!! menu.title.color: #272727
!! menu.title.colorTo: #5a5a5a
!! menu.title.textColor: #8d8d8d
!! menu.title.font:
courier,monospace:bold:pixelsize=11:shadow=y:shadowtint=50
!! menu.title.justify: center
menu.title: raised gradient vertical bevel1
menu.title.bg.color: #272727
menu.title.bg.colorTo: #5a5a5a
menu.title.fg.color: #8d8d8d
menu.title.font:
courier,monospace:bold:pixelsize=11:shadow=y:shadowtint=50
menu.title.justify: center
!! Window Settings
!! Only colors being changed here
!!
!! window.button.disabled.focus: parentrelative
!! window.button.disabled.focus.color: #000000
!! window.button.disabled.focus.colorTo: #000000
!! window.button.disabled.focus.imageColor: #ffffff
window.button.disabled.focus: parentrelative
window.button.disabled.focus.bg.color: #000000
window.button.disabled.focus.bg.colorTo: #000000
window.button.disabled.focus.fg.color: #ffffff
!! Here, in addition the the colors, unfocus changes to blur
!!
!! window.button.disabled.unfocus: parentrelative
!! window.button.disabled.unfocus.color: #000000
!! window.button.disabled.unfocus.colorTo: #000000
!! window.button.disabled.unfocus.imageColor: #ffffff
window.button.disabled.blur: parentrelative
window.button.disabled.blur.bg.color: #000000
window.button.disabled.blur.bg.colorTo: #000000
window.button.disabled.blur.fg.color: #ffffff
!! Colors change and window.button.* becomes window.button.enabled.* to
match
!! window.button.disabled.*. I've also considered normal or default...
!! unfocus also changed to blur here.
!!
!! window.button.focus: parentrelative
!! window.button.focus.color: #000000
!! window.button.focus.colorTo: #000000
!! window.button.focus.imageColor: #8d8d8d
!!
!! window.button.unfocus: parentrelative
!! window.button.unfocus.color: #000000
!! window.button.unfocus.colorTo: #000000
!! window.button.unfocus.imageColor: #272727
window.button.enabled.focus: parentrelative
window.button.enabled.focus.bg.color: #000000
window.button.enabled.focus.bg.colorTo: #000000
window.button.enabled.focus.fg.color: #8d8d8d
window.button.enabled.blur: parentrelative
window.button.enabled.blur.bg.color: #000000
window.button.enabled.blur.bg.colorTo: #000000
window.button.enabled.blur.fg.color: #272727
!! The rest of these change as the above did, colors, unfocus->blur, etc
!!
!! window.button.hover.focus: raised gradient vertical bevel1
!! window.button.hover.focus.color: #272727
!! window.button.hover.focus.colorTo: #5a5a5a
!! window.button.hover.focus.imageColor: #8d8d8d
!!
!! window.button.hover.unfocus: raised gradient vertical bevel1
!! window.button.hover.unfocus.color: #5a5a5a
!! window.button.hover.unfocus.colorTo: #8d8d8d
!! window.button.hover.unfocus.imageColor: #272727
!!
!! window.button.pressed.focus: sunken gradient vertical bevel1
!! window.button.pressed.focus.color: #272727
!! window.button.pressed.focus.colorTo: #5a5a5a
!! window.button.pressed.focus.imageColor: #8d8d8d
!!
!! window.button.pressed.unfocus: sunken gradient vertical bevel1
!! window.button.pressed.unfocus.color: #5a5a5a
!! window.button.pressed.unfocus.colorTo: #8d8d8d
!! window.button.pressed.unfocus.imageColor: #272727
!!
!! window.button.toggled.focus: sunken gradient vertical bevel1
!! window.button.toggled.focus.color: #272727
!! window.button.toggled.focus.colorTo: #5a5a5a
!! window.button.toggled.focus.imageColor: #8a8a8a
!!
!! window.button.toggled.unfocus: sunken gradient vertical bevel1
!! window.button.toggled.unfocus.color: #5a5a5a
!! window.button.toggled.unfocus.colorTo: #8d8d8d
!! window.button.toggled.unfocus.imageColor: #272727
window.button.hover.focus: raised gradient vertical bevel1
window.button.hover.focus.bg.color: #272727
window.button.hover.focus.bg.colorTo: #5a5a5a
window.button.hover.focus.fg.color: #8d8d8d
window.button.hover.blur: raised gradient vertical bevel1
window.button.hover.blur.bg.color: #5a5a5a
window.button.hover.blur.bg.colorTo: #8d8d8d
window.button.hover.blur.fg.color: #272727
window.button.pressed.focus: sunken gradient vertical bevel1
window.button.pressed.focus.bg.color: #272727
window.button.pressed.focus.bg.colorTo: #5a5a5a
window.button.pressed.focus.fg.color: #8d8d8d
window.button.pressed.blur: sunken gradient vertical bevel1
window.button.pressed.blur.bg.color: #5a5a5a
window.button.pressed.blur.bg.colorTo: #8d8d8d
window.button.pressed.blur.fg.color: #272727
window.button.toggled.focus: sunken gradient vertical bevel1
window.button.toggled.focus.bg.color: #272727
window.button.toggled.focus.bg.colorTo: #5a5a5a
window.button.toggled.focus.fg.color: #8a8a8a
window.button.toggled.blur: sunken gradient vertical bevel1
window.button.toggled.blur.bg.color: #5a5a5a
window.button.toggled.blur.bg.colorTo: #8d8d8d
window.button.toggled.blur.fg.color: #272727
!! Change focusColor to focus.color and unfocusColor to blur.color
!!
!! window.frame.focusColor: #000000
!! window.frame.unfocusColor: #000000
window.frame.focus.color: #000000
window.frame.blur.color: #000000
!! Just unfocus->blur here. No color changes needed since there is no
foreground
!!
!! window.grip.focus: raised gradient vertical bevel1
!! window.grip.focus.color: #272727
!! window.grip.focus.colorTo: #5a5a5a
!!
!! window.grip.unfocus: raised gradient vertical bevel1
!! window.grip.unfocus.color: #5a5a5a
!! window.grip.unfocus.colorTo: #8d8d8d
!!
!! window.handle.focus: raised gradient vertical bevel1
!! window.handle.focus.color: #5a5a5a
!! window.handle.focus.colorTo: #8d8d8d
!!
!! window.handle.unfocus: raised gradient vertical bevel1
!! window.handle.unfocus.color: #5a5a5a
!! window.handle.unfocus.colorTo: #8d8d8d
window.grip.focus: raised gradient vertical bevel1
window.grip.focus.color: #272727
window.grip.focus.colorTo: #5a5a5a
window.grip.blur: raised gradient vertical bevel1
window.grip.blur.color: #5a5a5a
window.grip.blur.colorTo: #8d8d8d
window.handle.focus: raised gradient vertical bevel1
window.handle.focus.color: #5a5a5a
window.handle.focus.colorTo: #8d8d8d
window.handle.blur: raised gradient vertical bevel1
window.handle.blur.color: #5a5a5a
window.handle.blur.colorTo: #8d8d8d
!! Colors and unfocus->blur
!!
!! window.label.focus: parentrelative
!! window.label.focus.color: #000000
!! window.label.focus.colorTo: #000000
!! window.label.focus.font:
courier,monospace:bold:pixelsize=11:shadow=y:shadowtint=50
!! window.label.focus.textColor: #8d8d8d
!!
!! window.label.justify: left
!!
!! window.label.unfocus: parentrelative
!! window.label.unfocus.color: #000000
!! window.label.unfocus.colorTo: #000000
!! window.label.unfocus.font:
courier,monospace:bold:pixelsize=11:shadow=y:shadowtint=25
!! window.label.unfocus.textColor: #272727
window.label.focus: parentrelative
window.label.focus.bg.color: #000000
window.label.focus.bg.colorTo: #000000
window.label.focus.font:
courier,monospace:bold:pixelsize=11:shadow=y:shadowtint=50
window.label.focus.fg.color: #8d8d8d
window.label.justify: left
window.label.blur: parentrelative
window.label.blur.bg.color: #000000
window.label.blur.bg.colorTo: #000000
window.label.blur.font:
courier,monospace:bold:pixelsize=11:shadow=y:shadowtint=25
window.label.blur.fg.color: #272727
!! And finally, just unfocus->blur
!!
!! window.title.focus: raised gradient vertical bevel1
!! window.title.focus.color: #272727
!! window.title.focus.colorTo: #5a5a5a
!!
!! window.title.unfocus: raised gradient vertical bevel1
!! window.title.unfocus.color: #5a5a5a
!! window.title.unfocus.colorTo: #8d8d8d
window.title.focus: raised gradient vertical bevel1
window.title.focus.color: #272727
window.title.focus.colorTo: #5a5a5a
window.title.blur: raised gradient vertical bevel1
window.title.blur.color: #5a5a5a
window.title.blur.colorTo: #8d8d8d
More information about the openbox
mailing list