Fluxbox Styles

[VastOne]

I look forward to that falldown... you will not regret it, for sure...

[lwfitz]

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

I think youll like it. I really hesitated when VastOne said he was going to add it because in the past I had tinkered with FB but never really got to understand how it worked. Once I took the time I fell in love and I now compare it to OB on crack!

On OB when I boot up Im sitting at like 250mb memory usage but on FB I boot with 110mb memory usage with multiple conky configs 2 tint2 configs and gmusic browser

[jefsview]

The styling is nicer than Openbox, with the option to have rounded corners on the menus and all. I did some reading, and finally found out how to add SHADE to the Window Decorations. I've been slowly tweaking Fluxbox, and aside from my own errors causing the looping login-thing, I'm really liking it.

I was even thinking about delving into customizing some of the themes and make them my own.

It was a weird happenstance that VastOne decided to go Fluxbox shortly after I personally discovered it while testing AntiX-base-beta.

[PackRat]

Theme using horizontal rather than vertical gradients:

Code Select Expand

!----------------------------------------------------------------------------------------------
! This work is licensed under the Creative Commons
! Attribution-NonCommercial-ShareAlike License.
! To view a copy of this license, visit
! http://creativecommons.org/licenses/by-nc-sa/1.0/
!----------------------------------------------------------------------------------------------
! Style Name: Tin
! Style version realy last ;)
! Style Author: endel (endel@tlen.pl)
! Style Date: 06.10.2008
!----------------------------------------------------------------------------------------------

*font: Droid Sans Pro-8
!toolbar.clock.font: Ubuntu Mono-10
!toolbar.workspace.font: Ubuntu Mono-10
#*.font.effect:  shadow
#*.font.shadow.color: #535353
#*.font.shadow.x: 1
#*.font.shadow.y: 1
!URxvt*background: #50534A
!URxvt*foreground: #DAC79C

!----------------------------------------------------------------------------------------------

toolbar.bevelWidth: 0

toolbar.borderWidth: 0
toolbar.borderColor: #4A4944

toolbar.height: 18
toolbar.justify: center

toolbar: flat gradient vertical
toolbar.pixmap:
toolbar.color: #3C3B37
toolbar.colorTo: #232320
toolbar.shaped:                 false

toolbar.clock: raised gradient vertical
toolbar.clock.pixmap:
toolbar.clock.justify: center
toolbar.clock.color: #3C3B37
toolbar.clock.colorTo: #232320
toolbar.clock.textColor: #BFBFBF

toolbar.workspace: raised gradient vertical
toolbar.workspace.pixmap:
toolbar.workspace.justify: center
toolbar.workspace.color: #3C3B37
toolbar.workspace.colorTo: #232320
toolbar.workspace.textColor: #BFBFBF

toolbar.button: raised gradient vertical
toolbar.button.pixmap:
toolbar.button.color: #3C3B37
toolbar.button.colorTo: #232320
toolbar.button.picColor: #949494
toolbar.button.pressed: sunken
toolbar.button.pressed.pixmap:
toolbar.button.pressed.color: #3C3B37
toolbar.button.pressed.colorTo:
toolbar.button.pressed.picColor:                     

toolbar.iconbar.empty: raised gradient vertical
toolbar.iconbar.empty.pixmap:
toolbar.iconbar.empty.color: #3C3B37
toolbar.iconbar.empty.colorTo: #232320
toolbar.iconbar.borderWidth: 1
toolbar.iconbar.borderColor: #4A4944

toolbar.iconbar.focused.borderWidth: 0
toolbar.iconbar.focused.borderColor: #4A4944
toolbar.iconbar.focused: raised bevel2 gradient vertical
toolbar.iconbar.focused.pixmap:
toolbar.iconbar.focused.color: #50534A
toolbar.iconbar.focused.colorTo: #31332D
toolbar.iconbar.focused.textColor: #DAC79C
toolbar.iconbar.focused.justify: center

toolbar.iconbar.unfocused.borderWidth: 0
toolbar.iconbar.unfocused.borderColor: #4A4944
toolbar.iconbar.unfocused: raised bevel2 gradient vertical
toolbar.iconbar.unfocused.pixmap:
toolbar.iconbar.unfocused.color: #50534A
toolbar.iconbar.unfocused.colorTo: #31332D
toolbar.iconbar.unfocused.textColor: #BFBFBF
toolbar.iconbar.unfocused.justify: center

!----------------------------------------------------------------------------------------------

menu.bevelWidth: 2
menu.itemHeight: 16
menu.titleHeight: 16

menu.roundCorners:
menu.borderColor: #4A4944
menu.borderWidth: 1

menu.bullet.position: right
menu.bullet: triangle

menu.submenu.pixmap:
menu.hilite.submenu.pixmap:

menu.selected.pixmap:
menu.hilite.selected.pixmap:        

menu.unselected.pixmap:
menu.hilite.unselected.pixmap:

menu.title: flat gradient vertical
menu.title.pixmap:
menu.title.justify: center
menu.title.color: #3C3B37
menu.title.colorTo: #232320
menu.title.textColor: #BFBFBF

menu.frame: flat
menu.frame.pixmap:
menu.frame.justify: left
menu.frame.color: #3C3B37
menu.frame.colorTo:
menu.frame.textColor: #BFBFBF
menu.frame.disableColor: #878894

menu.hilite:    raised
menu.hilite.pixmap:                     
menu.hilite.color: #50534A
menu.hilite.colorTo:
menu.hilite.textColor: #DAC79C

!----------------------------------------------------------------------------------------------

window.bevelWidth: 1
window.borderWidth: 2
window.borderColor: #4A4944
window.roundCorners:
window.justify: left

window.title.height: 18

window.title.focus: flat gradient vertical
window.title.focus.pixmap:
window.title.focus.color: #3C3B37
window.title.focus.colorTo: #232320
window.title.unfocus: flat gradient vertical
window.title.unfocus.pixmap:
window.title.unfocus.color: #3C3B37
window.title.unfocus.colorTo: #232320

window.label.focus: Flat gradient horizontal
window.label.focus.pixmap:
window.label.focus.color: #38352F
window.label.focus.colorTo: #DAC79C
window.label.focus.textColor: #BFBFBF
window.label.unfocus: flat gradient horizontal
window.label.unfocus.pixmap:
window.label.unfocus.color: #0B0B0B
window.label.unfocus.colorTo: #50534A
window.label.unfocus.textColor: #949494

window.button.focus: flat gradient vertical
window.button.focus.color:      #3C3B37
window.button.focus.colorTo:      #232320
window.button.focus.picColor: #B3B3B3
window.button.unfocus: flat gradient vertical
window.button.unfocus.Color: #3C3B37
window.button.unfocus.ColorTo: #232320
window.button.unfocus.picColor: #B3B3B3
window.button.pressed: Flat
window.button.pressed.color: #4A4944
window.button.pressed.colorTo:
window.button.pressed.picColor: #0B0B0B

window.shade.pixmap:
window.shade.unfocus.pixmap:
window.shade.pressed.pixmap:

window.unshade.pixmap:
window.unshade.unfocus.pixmap:
window.unshade.pressed.pixmap:

window.menuicon.pixmap:
window.menuicon.unfocus.pixmap:
window.menuicon.pressed.pixmap:

window.close.pixmap:
window.close.unfocus.pixmap:
window.close.pressed.pixmap:

window.iconify.pixmap:
window.iconify.unfocus.pixmap:
window.iconify.pressed.pixmap:

window.maximize.pixmap:
window.maximize.unfocus.pixmap:
window.maximize.pressed.pixmap:

window.stick.pixmap:
window.stick.unfocus.pixmap:
window.stick.pressed.pixmap:

window.stuck.pixmap:
window.stuck.unfocus.pixmap:
window.stuck.pressed.pixmap:

window.handle.focus: flat
window.handle.focus.pixmap:
window.handle.focus.color: #3C3B37
window.handle.focus.colorTo: #232320
window.handle.unfocus: flat
window.handle.unfocus.pixmap:
window.handle.unfocus.color: #3C3B37
window.handle.unfocus.colorTo: #232320
window.handleWidth: 3

window.grip.focus: flat
window.grip.focus.pixmap:
window.grip.focus.color: #DAC79C
window.grip.focus.colorTo: #B0A17E
window.grip.unfocus: flat
window.grip.unfocus.pixmap:
window.grip.unfocus.color: #50534A
window.grip.unfocus.colorTo: #31332D

!----------------------------------------------------------------------------------------------

slit: flat
slit.pixmap: 
slit.color:  #3C3B37
slit.colorTo: #232320
slit.borderWidth: 0
slit.bevelWidth: 0
slit.borderColor: #949494

!----------------------------------------------------------------------------------------------


[VastOne]

Nice PackRat, thanks for sharing it... 

[PackRat]

This is the light colored style I like to use. As usual, no pixmaps. It  does use the Amble font -- http://www.fontsquirrel.com/fonts/list/search

Code Select Expand

!----------------------------------------------------------------------------------------------
! This work is licensed under the Creative Commons
! Attribution-NonCommercial-ShareAlike License.
! To view a copy of this license, visit
! http://creativecommons.org/licenses/by-nc-sa/1.0/
!----------------------------------------------------------------------------------------------
! Style Name: Mint
! Style Author: PackRat
! Style Date: 1-Jan-2013
!----------------------------------------------------------------------------------------------

*font: Amble-9
#*.font.effect:  shadow
#*.font.shadow.color: #535353
#*.font.shadow.x: 1
#*.font.shadow.y: 1

!----------------------------------------------------------------------------------------------

toolbar.bevelWidth: 1

toolbar.borderWidth: 1
toolbar.borderColor: #808080

toolbar.height: 18
toolbar.justify: center

toolbar: raised bevel1 gradient vertical
toolbar.pixmap:
toolbar.color: #E7E7E7
toolbar.colorTo: #E5E5E5

toolbar.shaped:                     false
toolbar.clock: parentrelative
toolbar.clock.pixmap:
toolbar.clock.justify: center
toolbar.clock.color: #E7E7E7
toolbar.clock.colorTo: #000000
toolbar.clock.textColor: #0F0F0F

toolbar.workspace: parentrelative
toolbar.workspace.pixmap:
toolbar.workspace.justify: center
toolbar.workspace.color: #E7E7E7
toolbar.workspace.colorTo: #000000
toolbar.workspace.textColor: #0F0F0F

toolbar.button: parentrelative
toolbar.button.pixmap:
toolbar.button.color: #E7E7E7
toolbar.button.colorTo: #000000
toolbar.button.picColor: #0F0F0F
toolbar.button.pressed: flat
toolbar.button.pressed.pixmap:
toolbar.button.pressed.color: #3C3C3C
toolbar.button.pressed.colorTo:
toolbar.button.pressed.picColor:                     

toolbar.iconbar.empty: raised gradient vertical
toolbar.iconbar.empty.pixmap:
toolbar.iconbar.empty.color: #E7E7E7
toolbar.iconbar.empty.colorTo: #E5E5E5
toolbar.iconbar.borderWidth: 0

toolbar.iconbar.focused.borderWidth: 1
toolbar.iconbar.focused.borderColor: #808080
toolbar.iconbar.focused: raised
toolbar.iconbar.focused.pixmap:
toolbar.iconbar.focused.color: #BFCFA8
toolbar.iconbar.focused.colorTo: #000000
toolbar.iconbar.focused.textColor: #0F0F0F
toolbar.iconbar.focused.justify: center

toolbar.iconbar.unfocused.borderWidth: 1
toolbar.iconbar.unfocused.borderColor: #808080
toolbar.iconbar.unfocused: parentrelative
toolbar.iconbar.unfocused.pixmap:
toolbar.iconbar.unfocused.color: #E7E7E7
toolbar.iconbar.unfocused.colorTo: #000000
toolbar.iconbar.unfocused.textColor: #0F0F0F
toolbar.iconbar.unfocused.justify: center

!----------------------------------------------------------------------------------------------

menu.bevelWidth: 0
menu.itemHeight: 18
menu.titleHeight: 18

menu.roundCorners:
menu.borderColor: #303030
menu.borderWidth: 1

menu.bullet.position: right
menu.bullet: triangle

menu.submenu.pixmap:
menu.hilite.submenu.pixmap:

menu.selected.pixmap:
menu.hilite.selected.pixmap:        

menu.unselected.pixmap:
menu.hilite.unselected.pixmap:

menu.title: flat
menu.title.pixmap:
menu.title.justify: center
menu.title.color: #BFCFA8
menu.title.colorTo: #000000
menu.title.textColor: #0A0A0A

menu.frame: flat
menu.frame.pixmap:
menu.frame.justify: left
menu.frame.color: #E7E7E7
menu.frame.colorTo:
menu.frame.textColor: #0F0F0F
menu.frame.disableColor: #9B9B9B

menu.hilite:    flat
menu.hilite.pixmap:                     
menu.hilite.color: #BFCFA8
menu.hilite.colorTo:
menu.hilite.textColor: #0A0A0A

!----------------------------------------------------------------------------------------------

window.bevelWidth: 0
window.shade:
window.borderWidth: 2
window.borderColor: #4F4F4F
# window.roundCorners: TopLeft TopRight
window.justify: center

window.title.height: 18

window.title.focus: raised bevel1 gradient vertical
window.title.focus.pixmap:
window.title.focus.color: #E7E7E7
window.title.focus.colorTo: #E5E5E5
window.title.unfocus: flat gradient vertical
window.title.unfocus.pixmap:
window.title.unfocus.color: #E7E7E7
window.title.unfocus.colorTo: #E5E5E5

window.label.focus: raised
window.label.focus.pixmap:
window.label.focus.color: #BFCFA8
window.label.focus.colorTo: #000000
window.label.focus.textColor: #0A0A0A
window.label.unfocus: raised gradient vertical
window.label.unfocus.pixmap:
window.label.unfocus.color: #E7E7E7
window.label.unfocus.colorTo: #E5E5E5
window.label.unfocus.textColor: #0F0F0F

window.button.focus: parentrelative
window.button.focus.color:      #E7E7E7
window.button.focus.colorTo:     
window.button.focus.picColor: #8F8F8F

window.button.unfocus: parentrelative
window.button.unfocus.Color: #E7E7E7
window.button.unfocus.ColorTo:
window.button.unfocus.picColor: #8F8F8F
window.button.pressed: sunken
window.button.pressed.color: #C6C6C6
window.button.pressed.colorTo:
window.button.pressed.picColor: #0F0F0F

window.handle.focus: raised
window.handle.focus.pixmap:
window.handle.focus.color: #E7E7E7
window.handle.focus.colorTo: #000000
window.handle.unfocus: raised
window.handle.unfocus.pixmap:
window.handle.unfocus.color: #3C3C3C
window.handle.unfocus.colorTo: #000000
window.handleWidth: 3

window.grip.focus: raised
window.grip.focus.pixmap:
window.grip.focus.color: #BFCFA8
window.grip.focus.colorTo: #000000
window.grip.unfocus: flat
window.grip.unfocus.pixmap:
window.grip.unfocus.color: #3C3C3C
window.grip.unfocus.colorTo: #000000

!----------------------------------------------------------------------------------------------
slit: flat
slit.color: #3f3e39
slit.colorTo: #2a2927
slit.bevelWidth: 0
slit.borderWidth: 0
slit.borderColor: #2a2927
slit.pixmap:

!----------------------------------------------------------------------------------------------


[VastOne]

^ Very nice PackRat..

Thanks for sharing...

[falldown]

I like FB a lot more then I thought I would.

I have a theme I am working on.. will post it soon.

[VastOne]

^ I am looking forward to that as much as I look forward to winning money on the golf course....

That should tell you a lot!

[PackRat]

Found this command when following up on a post/thread over at #! -

ChangeWorkspace - gets invoked every time you switch workspaces in fluxbox. It can be used to execute a command/script whenever you switch workspaces - like resetting the wallpaer, which is the example given in the fluxbox wiki -- http://fluxbox-wiki.org/index.php?title=Keyboard_shortcuts#Workspace_Commands -- scroll down a ways to find it.

I have set it up to randomly select a wallpaper whenever I switch desktops. I placed this at the end of my keys file:

Code Select Expand

ChangeWorkspace :Exec fbsetbg -c -r "$HOME/wallpaper"

There is no noticeable lag time when the wallpaper changes.

Since ChangeWorkspace is already called when changing workspaces, do not append it to any binding that switches workspaces, tabs etc .. like ALT-Tab

In addition to switching the wallpaper, I think it should be able to execute scripts so you could also - for example - change conky and have a specific conky for each desktop by modifying the example in the wiki.

Rumor has it that it never happened unless there is a screenshot:

 

[VastOne]

^ Nice one PackRat...

That is a great feature 

[PackRat]

Well, that was easy enough. Modification to the $HOME/.fluxbox/keys file:

Code Select Expand

ChangeWorkspace :Exec "$HOME/temp/conky$(xprop -root _NET_CURRENT_DESKTOP | awk '{print $3}').sh"

configures fluxbox so that the conky and wallpaper are changed whenever I switch desktops. Above method requires that the scripts be keyed to the desktop number: conky0.sh, conky1.sh ... conkyX.sh

Note that fluxbox internally starts desktop numbering at 0.

Typical script:

conky0.sh

Code Select Expand

#!/bin/sh

pgrep conky &>/dev/null; [ $? = 0 ] && killall conky

fbsetbg -c -r "$HOME/wallpaper" &

conky -p 2 -d -c "$HOME/temp/conkyrc0" &

exit 0

kills all instances of conky, randomly sets the wallpaper, starts the conky of choice.

The results:



interesting feature of fluxbox - enjoy

[damo]

That's the setup I used to have with my flubuntu installation, and a feature I miss with openbox on #!. I use a python script to set the bg for each desktop, but it isn't as smooth as fluxbox   I haven't bothered to set it up on this vsido yet, cos it's still in trial mode!

[VastOne]

@PackRat, very nice ... thanks for posting this info...

@damo, maybe it's time to head back to Fluxbox?   

[damo]

@damo, maybe it's time to head back to Fluxbox?   

Nah -  I've tried several WMs, and Openbox is by far my favourite. I can live without a little eye-candy for a while! (Though I do feel a bit smug thinking I may be the only OB user with per-desktop walls  )