Fluxbox Styles

[VastOne]

ElderVLaCoste is an old friend from the Buntu days and onto #!... He has always been a FluxBox user and tried to get me to try it many times in the past... I should have listened !

He created an incredible theme posted here on devaint art

This will be the default theme for FluxBox on the next ISO build...

In the meantime, it is attached... Simply download it and extrat it to ~/.fluxbox/styles directory, then Restart Fluxbox from Right Click menu on the dekstop..  It will then be a choice as fb_black in Right Click Menu / Styles

My gratitude to ElderVLaCoste!

[vrkalak]

A good Fluxbox Styling Tutorial, from the Blackbox/Fluxbox Forum 

http://www.lostinthebox.com/viewtopic.php?f=65&t=3812

[VastOne]

Thanks vrkalak, within a week or two I will try my hand at a theme style... 

[vrkalak]

^  I have more Fb-Styles Tutorials.   

Best  >  http://tenr.de/howto/style_fluxbox/style_fluxbox.html
Good  >  https://wiki.archlinux.org/index.php/Fluxbox_Style_Guide

[VastOne]

I created a variation on the fb_black theme... I really like the menu but I did not care so much for the Window frames..  This variation changes the frame around windows

The file is attached, extract it to ~/.fluxbox/styles and then select it from the Right Click menu / Styles

[PackRat]

For creating fluxbox themes, I like to go to box-look.org and get the Tin Black and Earl themes. They are nice looking in their own right, and make a good base to start tinkering with.

[VastOne]

Welcome PackRat!, Thanks for the heads up...

I am on my way there now

[lwfitz]

Aparently I wasnt paying attention when I posted this and posted it in the artwork thread.....    Anyway Im moving it here


Heres a pretty simple fluxbox theme I created called Blue Research







Just download the attched Blue_Research.tar.gz and extract it to ~/.fluxbox/styles and then change your theme/style to Blue Research

[PackRat]

Took Vastone's VSIDO most recent theme and tweaked the color scheme a bit. Main change was to make the active window and iconbar a dark green gradient instead of dark blue:

Code Select Expand

#This work is licensed under a Creative Commons Attribution-Share Alike 3.0 License.
#(http://creativecommons.org/licenses/by-sa/3.0/de/deed.en)



################################################################################
#
# name: bias_allblack
# made: tenner
# date: 02-07-2005
# http://www.tenr.de
#
# modified by vastone and packrat - april 2013
############################################################## FONTS ###########

*.font: Ubuntu-9
#menu.frame.font: sans-8:bold
#menu.title.font: sans-10:bold
#toolbar.clock.font: sans-12:bold
#toolbar.workspace.font: tahoma-10:bold
#toolbar.iconbar.focused.font: sans-8:bold
#toolbar.iconbar.unfocused.font: sans-8
#window.font: sans-8

############################################################## MENU ############

menu.bevelWidth: 2

menu.hight: 21

menu.borderColor: #000000
menu.borderWidth: 1

menu.bullet.position: Right

menu.frame: sunken Gradient Vertical
menu.frame.pixmap:
menu.frame.justify: left
menu.frame.color: #2B3139
menu.frame.colorTo: #010103
menu.frame.textColor: #E6E6E6

menu.title: flat Bevel1 Gradient vertical
menu.title.pixmap:
menu.title.justify: center
menu.title.color: #3B473B
menu.title.colorTo: #010103
menu.title.textColor: #E5E5FF

menu.hilite: flat bevel1 Gradient vertical
menu.hilite.pixmap:
menu.hilite.color: #3B473B
menu.hilite.colorTo: #010301
menu.hilite.textColor: #E5E5FF

menu.bullet: empty

############################################################## TOOLBAR #########

toolbar.bevelWidth: 0

toolbar.borderWidth: 1
toolbar.borderColor: #000000

toolbar.height: 18

toolbar.justify: center

toolbar.clock: flat bevel1 gradient vertical
toolbar.clock.pixmap:
toolbar.clock.justify: right
toolbar.clock.textColor: #E5E5FF
toolbar.clock.color: #2B3139
toolbar.clock.colorTo: #010103

toolbar.systray: flat bevel1 gradient vertical
toolbar.systray.pixmap:
toolbar.systray.justify: Center
toolbar.systray.textColor: #
toolbar.systray.color: #2B3139
toolbar.systray.colorTo: #010103

toolbar.workspace: flat bevel1 gradient vertical
toolbar.workspace.pixmap:
toolbar.workspace.justify: Center
toolbar.workspace.textColor: #E5E5FF
toolbar.workspace.color: #2B3139
toolbar.workspace.colorTo: #010103

toolbar.button: flat bevel1 gradient vertical
toolbar.button.pixmap:
toolbar.button.picColor: #E5E5FF
toolbar.button.color: #2B3139
toolbar.button.colorTo: #010103
toolbar.button.pressed.pixmap:
toolbar.button.pressed.picColor: #616161
toolbar.button.pressed.color: #3B4247
toolbar.button.pressed.colorTo: #010103

toolbar.iconbar.empty: flat bevel1 gradient vertical
toolbar.iconbar.empty.pixmap:
toolbar.iconbar.empty.color: #2B3139
toolbar.iconbar.empty.colorTo: #010103

toolbar.iconbar.focused: raised bevel1 gradient vertical
toolbar.iconbar.focused.pixmap:
toolbar.iconbar.focused.textColor: #E5E5FF
toolbar.iconbar.focused.color: #3B473B
toolbar.iconbar.focused.colorTo: #010301
toolbar.iconbar.focused.justify: center

toolbar.iconbar.unfocused: raised bevel1 gradient vertical
toolbar.iconbar.unfocused.pixmap:
toolbar.iconbar.unfocused.textColor: #616161
toolbar.iconbar.unfocused.color: #2B3139
toolbar.iconbar.unfocused.colorTo: #010103
toolbar.iconbar.unfocused.justify: center

############################################################## WINDOW ##########
# window.roundCorners: TopRight TopLeft
window.bevelWidth: 2
window.shade: false
window.borderWidth: 1
window.borderColor: #2B2B2B

window.justify: Center

window.title.height: 18

window.title.focus: flat gradient vertical
window.title.focus.color: #3B4247
window.title.focus.colorTo: #010103
window.title.unfocus: flat gradient vertical
window.title.unfocus.color: #3B4247
window.title.unfocus.colorTo: #010103

window.label.focus: flat gradient vertical
window.label.focus.color: #3B473B
window.label.focus.colorTo: #010301
window.label.focus.textColor: #B6B8C1

window.label.unfocus: flat gradient vertical
window.label.unfocus.color: #3b4247
window.label.unfocus.colorTo: #010103
window.label.unfocus.textColor: #65676B

window.button.focus: flat gradient vertical
window.button.focus.color:      #3B4247
window.button.focus.colorTo:      #010103
window.button.focus.picColor: #B6B8C1

window.button.unfocus: flat gradient vertical
window.button.unfocus.Color: #3b4247
window.button.unfocus.ColorTo: #010103
window.button.unfocus.picColor: #65676B
window.button.pressed: parentrelative
window.button.pressed.color: #
window.button.pressed.colorTo: #
window.button.pressed.picColor: #000000

window.handle.focus: flat gradient vertical
window.handle.focus.color: #4E5A6A
window.handle.focus.colorTo: #010508
window.handle.unfocus: gradient vertical
window.handle.unfocus.color: #3C4552
window.handle.unfocus.colorTo: #010508
window.handleWidth: 2

window.grip.focus: raised gradient vertical
window.grip.focus.color: #3b4247
window.grip.focus.colorTo: #010103
window.grip.unfocus: raised
window.grip.unfocus.color: #2B2B2B
window.grip.unfocus.colorTo: #2B2B2B

################################################################################
slit: flat
slit.bevelWidth:
slit.borderColor:
slit.borderWidth:
slit.color:
slit.colorTo:
slit.pixmap:

# EOF

eye candy in the April screenshot thread.

[VastOne]

Thanks Rat man!

I appreciate it!

[lwfitz]

Heres a new one I did and is the current style that Im using. The original brushed image was done by jst_joe and then I did a little editing......


Extract the brushed folder to ~/.fluxbox/styles and extract "overlay" to ~/.fluxbox

You can get the files here


And finally here is what it looks like with tint2 and also with the Fluxbox toolbar

[VastOne]

^ I meant to ask you for this one.... very very nicely done!

[VastOne]

^ Although I do prefer this overlay

overlay

Code Select Expand


! The following line will prevent styles from setting the background.
background: unset
menu.frame.font: liberation sans-16
menu.title.font: liberation sans-16
toolbar.clock.font: liberation sans-15
toolbar.workspace.font: liberation sans-15
toolbar.iconbar.focused.font: liberation sans-15
toolbar.iconbar.unfocused.font: liberation sans-15
window.font: liberation sans-16
window.title.height: 24

[lwfitz]

^ I meant to ask you for this one.... very very nicely done!

Thanks 

Im gonna try your overlay and Ill let you know what I think


Edit:

Oh thats the stock overlay right? I do like that one a lot also but Im a sucker for that Georgia font

[falldown]

Maybe I should give FB a run in the near future.. see what all the hype is about.