Style Development
From BB4Win Wiki
Contents |
[edit] Parentrelative Guide
■ = Parent ▼ = SubParent ►= Child
■ toolbar.appearance:
- ► toolbar.button.appearance:
- ► toolbar.button.pressed.appearance:
- ► toolbar.button.appearance:
- ▼ toolbar.label.appearance:
- ► toolbar.windowLabel.appearance:
- ► toolbar.windowLabel.appearance:
■ toolbar.clock.appearance:
■ menu.title.appearance:
- ► slit.appearance:
- ► slit.appearance:
■ menu.frame.appearance:
- ► menu.active:
■ window.title.focus.appearance:
- ▼ window.label.focus:
- ► window.button.focus.appearance:
- ► window.button.pressed.appearance:
- ► window.button.focus.appearance:
- ▼ window.label.focus:
■ window.title.unfocus.appearance:
- ► window.label.unfocus.appearance:
- ► window.button.unfocus.appearance:
- ► window.label.unfocus.appearance:
■ window.handle.focus.appearance:
- ► window.grip.focus.appearance:
- ► window.grip.focus.appearance:
■ window.handle.unfocus.appearance:
- ► window.grip.unfocus.appearance:
- ► window.grip.unfocus.appearance:
[edit] Appearance Guide
| toolbar.appearance: | parentrelative | bevel-type | fill-type | gradient-type | interlaced | border | ||
| sunken | solid | |||||||
| flat | gradient | gradient-type | ||||||
| raised | crossdiagonal | |||||||
| diagonal | ||||||||
| rectangle | ||||||||
| pyramid | ||||||||
| pipecross | ||||||||
| elliptic | ||||||||
| horizontal | ||||||||
| vertical |
[edit] Misc
Color:
Ways to define colors such as Hex, HTML and X11 color names, rgb or rgbi, or as a device-independent color specification. Color Table
To keep it simple, just use HTML ex. #000000
Alignment: Alignment is one of the following: Left, Center and Right.
Width/Height/Margin: All width, height and margin resources are specified in pixels. In general, width and height specify the full extent, where as margin specifies the space around another element.
[edit] Wildcards Guide
These can be used if you want multiple elements to have the same style as it were.
!unfocus.appearance:
!unfocus.foregroundColor:
!unfocus.color:
!unfocus.textColor:
!pressed.appearance:
!appearance:
!borderColor:
!borderWidth:
!color1:
!color2:
!textColor:
!foregroundColor:
!backgroundColor:
!disabledColor:
!font:
!alignment:
!marginWidth:
!bevelWidth:
!font:
[edit] 3DCC Guide
bbColor3dc 1.1 3D Color Changer
Once you have downloaded some 3DCC files or made your own:
1> go to the directory where you saved it
2> right click on the file and open it with notepad
3> copy/paste the text from the notepad to the style.
bbWinColors
and if you dont want to make your own style, you can download some here
| bbColor3DC | bbWinColors |
!3DC INFO START 13093836 14278883 14936813 11908533 15594743 16777215 14936813 14936813 5656645 15658734 8421504 | BBwincolors.load: override BBwincolors."COLOR_3DFACE": #aabbcc BBwincolors."COLOR_3DHIGHLIGHT": #aabbcc BBwincolors."COLOR_3DHILIGHT": #aabbcc BBwincolors."COLOR_3DLIGHT": #aabbcc BBwincolors."COLOR_3DSHADOW": #aabbcc BBwincolors."COLOR_3DDKSHADOW": #aabbcc BBwincolors."COLOR_ACTIVEBORDER": #aabbcc BBwincolors."COLOR_ACTIVECAPTION": #aabbcc BBwincolors."COLOR_APPWORKSPACE": #aabbcc BBwincolors."COLOR_BACKGROUND": #aabbcc BBwincolors."COLOR_BTNFACE": #aabbcc BBwincolors."COLOR_BTNHIGHLIGHT": #aabbcc BBwincolors."COLOR_BTNHILIGHT": #aabbcc BBwincolors."COLOR_BTNSHADOW": #aabbcc BBwincolors."COLOR_BTNTEXT": #aabbcc BBwincolors."COLOR_CAPTIONTEXT": #aabbcc BBwincolors."COLOR_DESKTOP": #aabbcc BBwincolors."COLOR_GRADIENTACTIVECAPTION": #aabbcc BBwincolors."COLOR_GRADIENTINACTIVECAPTION":#aabbcc BBwincolors."COLOR_GRAYTEXT": #aabbcc BBwincolors."COLOR_HIGHLIGHT": #aabbcc BBwincolors."COLOR_HOTLIGHT": #aabbcc BBwincolors."COLOR_INACTIVEBORDER": #aabbcc BBwincolors."COLOR_INACTIVECAPTION": #aabbcc BBwincolors."COLOR_INACTIVECAPTIONTEXT": #aabbcc BBwincolors."COLOR_INFOBK": #aabbcc BBwincolors."COLOR_INFOTEXT": #aabbcc BBwincolors."COLOR_MENU": #aabbcc BBwincolors."COLOR_MENUHILIGHT": #aabbcc BBwincolors."COLOR_MENUBAR": #aabbcc BBwincolors."COLOR_MENUTEXT": #aabbcc BBwincolors."COLOR_SCROLLBAR": #aabbcc BBwincolors."COLOR_WINDOW": #aabbcc BBwincolors."COLOR_WINDOWFRAME": #aabbcc BBwincolors."COLOR_WINDOWTEXT": #aabbcc |
[edit] bsetroot/bsetbg Guide
bsetroot is a utility that implements simple backgrounds. Common use of rootcommand with bsetroot is declared as follows:
Example:
rootCommand: bsetroot -gradient vertical -from #ffffff -to #c0c0c0
Some other options for bsetroot are as follows:
-solid color Sets the root window to specified color. -mod x y Creates a modula pattern. You must specify -bg and -fg colors. -gradient texturestring Renders the specified texture string to the root window. Select one of these texture types, they only apply when -gradient is specifed. You must also specify both a -from and a -to color. texturestring may be one of the following: horizontal, vertical, diagonal, crossdiagonal, pipecross, elliptic, rectangle and pyramid. -display display Tells Bsetroot to connect to the specified display.
-bg, -background color
Background color. Needed for -mod patterns.
-fg, -foreground color
Foreground color. Needed for -mod patterns.
-from color
Start color for rendering textures. Needed for -gradient operation mode.
-to color
ending color for rendering textures. Needed for -gradient operation mode.
-help
version info and short help text.
bsetbg
bsetbg is basically to display images as wallpaper.
OPTIONS
-f, -full image
image is stretched to fill the entire desktop.
-t, -tile image
image is tiled on the desktop.
-c, -center image
image is centered on the desktop.
-e, -exec program options fallback-arg image
This option tells bsetbg to run a separate command by executing program with options, where options are arguments to program.
If a fallback-arg is supplied (-full, -tile, or -center as described above), bsetbg will assume that the last argument is a filename. In the case that program exits non-zero or isn't available on the target system, bsetbg will try to handle the file with the fallback argument.See the examples section for more information on -exec.
-p, -post list
Specifies a list of arguments to pass to the $POST_COMMAND.
-d, -debug
Debugging mode. bsetbg will print commands without executing them.
-g, -generate list
Output a list of default configuration values, suitable for redirecting into ~/.bsetbgrc. Any arguments that are supplied will be considered applications to search for in the system path, overriding bsetbg's internal defaults.
-app imageApp
Use this flag to specify which image application to use. This application may be one of the pre-defined list or any application capable of displaying an image on the root window. This flag may be used in conjunction with passing application specific parameters to the application, in which case they should be enclosed in double quotes.
-v, -version
Output version number.
-h, -help
Output a brief usage message.
[edit] Styling Syntax Guide
style.name:
style.author:
style.date:
style.credits:
style.comments:
toolbar.appearance:
toolbar.backgroundColor:
toolbar.color1:
toolbar.color2:
toolbar.borderColor:
toolbar.borderWidth:
toolbar.alignment:
toolbar.font:
toolbar.textColor:
toolbar.fontHeight:
toolbar.fontWeight:
toolbar.shadowColor:
toolbar.shadowX:
toolbar.shadowY:
toolbar.marginWidth:
toolbar.button.appearance:
toolbar.button.backgroundColor:
toolbar.button.color1:
toolbar.button.color2:
toolbar.button.borderWidth:
toolbar.button.borderColor:
toolbar.button.foregroundColor:
toolbar.button.marginWidth:
toolbar.button.pressed.appearance:
toolbar.button.pressed.backgroundColor:
toolbar.button.pressed.color1:
toolbar.button.pressed.color2:
toolbar.button.pressed.borderWidth:
toolbar.button.pressed.borderColor:
toolbar.button.pressed.foregroundColor:
toolbar.label.appearance:
toolbar.label.backgroundColor:
toolbar.label.color1:
toolbar.label.color2:
toolbar.label.borderWidth:
toolbar.label.borderColor:
toolbar.label.textColor:
toolbar.label.shadowColor:
toolbar.label.shadowX:
toolbar.label.shadowY:
toolbar.label.marginWidth:
toolbar.windowLabel.appearance:
toolbar.windowLabel.backgroundColor:
toolbar.windowLabel.color1:
toolbar.windowLabel.color2:
toolbar.windowLabel.borderWidth:
toolbar.windowLabel.borderColor:
toolbar.windowLabel.textColor:
toolbar.windowLabel.shadowColor:
toolbar.windowLabel.shadowX:
toolbar.windowLabel.shadowY:
toolbar.clock.appearance:
toolbar.clock.backgroundColor:
toolbar.clock.color1:
toolbar.clock.color2:
toolbar.clock.borderWidth:
toolbar.clock.borderColor:
toolbar.clock.textColor:
toolbar.clock.shadowColor:
toolbar.clock.shadowX:
toolbar.clock.shadowY:
toolbar.clock.marginWidth:
menu.title.appearance:
menu.title.backgroundColor:
menu.title.color1:
menu.title.color2:
menu.title.borderWidth:
menu.title.borderColor:
menu.title.foregroundColor:
menu.title.textColor:
menu.title.font:
menu.title.fontHeight:
menu.title.fontWeight:
menu.title.alignment:
menu.title.shadowColor:
menu.title.shadowX:
menu.title.shadowY:
menu.title.marginWidth:
menu.frame.appearance:
menu.frame.backgroundColor:
menu.frame.color1:
menu.frame.color2:
menu.frame.borderWidth:
menu.frame.borderColor:
menu.frame.foregroundColor:
menu.frame.textColor:
menu.frame.disabledColor:
menu.frame.font:
menu.frame.fontHeight:
menu.frame.fontWeight:
menu.frame.alignment:
menu.frame.shadowColor:
menu.frame.shadowX:
menu.frame.shadowY:
menu.frame.marginWidth:
menu.active.appearance:
menu.active.backgroundColor:
menu.active.color1:
menu.active.color2:
menu.active.borderWidth:
menu.active.borderColor:
menu.active.foregroundColor:
menu.active.textColor:
menu.active.shadowColor:
menu.active.shadowX:
menu.active.shadowY:
menu.separator.margin:
menu.separator.color:
menu.bullet:
menu.bullet.position:
slit.marginWidth:
slit.appearance:
slit.backgroundColor:
slit.color1:
slit.color2:
slit.borderWidth:
slit.borderColor:
window.font:
window.fontHeight:
window.fontWeight:
window.alignment:
window.title.focus.appearance:
window.title.focus.backgroundColor:
window.title.focus.color1:
window.title.focus.color2:
window.title.focus.borderWidth:
window.title.focus.borderColor:
window.title.unfocus.appearance:
window.title.unfocus.backgroundColor:
window.title.unfocus.color1:
window.title.unfocus.color2:
window.title.unfocus.borderWidth:
window.title.unfocus.borderColor:
window.label.marginWidth:
window.label.focus.appearance:
window.label.focus.backgroundColor:
window.label.focus.color1:
window.label.focus.color2:
window.label.focus.font:
window.label.focus.fontHeight:
window.label.focus.textColor:
window.label.focus.borderWidth:
window.label.focus.borderColor:
window.label.focus.shadowColor:
window.label.focus.shadowX:
window.label.focus.shadowY:
window.label.unfocus.appearance:
window.label.unfocus.backgroundColor:
window.label.unfocus.color1:
window.label.unfocus.color2:
window.label.unfocus.borderWidth:
window.label.unfocus.borderColor:
window.label.unfocus.textColor:
window.label.unfocus.shadowColor:
window.label.unfocus.shadowX:
window.label.unfocus.shadowY:
window.button.marginWidth:
window.button.focus.appearance:
window.button.focus.backgroundColor:
window.button.focus.color1:
window.button.focus.color2:
window.button.focus.borderWidth:
window.button.focus.borderColor:
window.button.focus.foregroundColor:
window.button.unfocus.appearance:
window.button.unfocus.backgroundColor:
window.button.unfocus.color1:
window.button.unfocus.color2:
window.button.unfocus.borderWidth:
window.button.unfocus.borderColor:
window.button.unfocus.foregroundColor:
window.button.pressed.appearance:
window.button.pressed.backgroundColor:
window.button.pressed.color1:
window.button.pressed.color2:
window.button.pressed.borderWidth:
window.button.pressed.borderColor:
window.button.pressed.foregroundColor:
window.frame.borderWidth:
window.frame.focus.borderColor:
window.frame.unfocus.borderColor:
window.handleHeight:
window.handle.focus.appearance:
window.handle.focus.backgroundColor:
window.handle.focus.color1:
window.handle.focus.color2:
window.handle.focus.borderWidth:
window.handle.focus.borderColor:
window.handle.unfocus.appearance:
window.handle.unfocus.backgroundColor:
window.handle.unfocus.color1:
window.handle.unfocus.color2:
window.handle.unfocus.borderWidth:
window.handle.unfocus.borderColor:
window.grip.focus.appearance:
window.grip.focus.backgroundColor:
window.grip.focus.color1:
window.grip.focus.color2:
window.grip.focus.borderWidth:
window.grip.focus.borderColor:
window.grip.unfocus.appearance:
window.grip.unfocus.backgroundColor:
window.grip.unfocus.color1:
window.grip.unfocus.color2:
window.grip.unfocus.borderWidth:
window.grip.unfocus.borderColor:
!unfocus.appearance:
!unfocus.foregroundColor:
!unfocus.color:
!unfocus.textColor:
!pressed.appearance:
!appearance:
!borderColor:
!borderWidth:
!color1:
!color2:
!textColor:
!foregroundColor:
!backgroundColor:
!disabledColor:
!font:
!alignment:
!marginWidth:
!bevelWidth:
!font:
!3DC INFO START
!END
rootCommand: bsetroot -full backgrounds\image.jpg
