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