Author Topic: Fluxbox Styles  (Read 29445 times)

VastOne

  •      v-ger
  • Posts: 3784
    • View Profile
    • VSIDO Community
Fluxbox Styles
« on: February 28, 2013, 02:43:51 AM »
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!
VSIDO      VSIDO Twitter     VSIDO FB     VSIDO Google+   

I dev VSIDO

vrkalak

  • Posts: 31
    • View Profile
Re: Fluxbox Styles
« Reply #1 on: February 28, 2013, 02:58:48 AM »
A good Fluxbox Styling Tutorial, from the Blackbox/Fluxbox Forum 

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

VastOne

  •      v-ger
  • Posts: 3784
    • View Profile
    • VSIDO Community
Re: Fluxbox Styles
« Reply #2 on: February 28, 2013, 03:02:30 AM »
Thanks vrkalak, within a week or two I will try my hand at a theme style...  ;D
VSIDO      VSIDO Twitter     VSIDO FB     VSIDO Google+   

I dev VSIDO

vrkalak

  • Posts: 31
    • View Profile
Re: Fluxbox Styles (updated)
« Reply #3 on: February 28, 2013, 05:59:49 PM »

VastOne

  •      v-ger
  • Posts: 3784
    • View Profile
    • VSIDO Community
Re: Fluxbox Styles
« Reply #4 on: February 28, 2013, 10:15:06 PM »
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
VSIDO      VSIDO Twitter     VSIDO FB     VSIDO Google+   

I dev VSIDO

PackRat

  • Posts: 1769
    • View Profile
Re: Fluxbox Styles
« Reply #5 on: March 11, 2013, 03:05:50 AM »
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.
I am tired of talk that comes to nothing.
-- Chief Joseph

...the sun, the darkness, the winds are all listening to what we have to say.
-- Geronimo

VastOne

  •      v-ger
  • Posts: 3784
    • View Profile
    • VSIDO Community
Re: Fluxbox Styles
« Reply #6 on: March 11, 2013, 03:09:01 AM »
Welcome PackRat!, Thanks for the heads up...

I am on my way there now
VSIDO      VSIDO Twitter     VSIDO FB     VSIDO Google+   

I dev VSIDO

lwfitz

  • DEFCON 1
  • Posts: 1734
  • sudo rm -rf /
    • View Profile
Re: Fluxbox Styles
« Reply #7 on: March 11, 2013, 04:52:47 AM »
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

  • Posts: 1769
    • View Profile
Re: Fluxbox Styles
« Reply #8 on: April 03, 2013, 03:35:26 PM »
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]
#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.
I am tired of talk that comes to nothing.
-- Chief Joseph

...the sun, the darkness, the winds are all listening to what we have to say.
-- Geronimo

VastOne

  •      v-ger
  • Posts: 3784
    • View Profile
    • VSIDO Community
Re: Fluxbox Styles
« Reply #9 on: April 03, 2013, 03:37:49 PM »
Thanks Rat man!

I appreciate it!
VSIDO      VSIDO Twitter     VSIDO FB     VSIDO Google+   

I dev VSIDO

lwfitz

  • DEFCON 1
  • Posts: 1734
  • sudo rm -rf /
    • View Profile
Re: Fluxbox Styles
« Reply #10 on: April 04, 2013, 12:07:23 AM »
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

  •      v-ger
  • Posts: 3784
    • View Profile
    • VSIDO Community
Re: Fluxbox Styles
« Reply #11 on: April 04, 2013, 12:08:07 AM »
^ I meant to ask you for this one.... very very nicely done!
VSIDO      VSIDO Twitter     VSIDO FB     VSIDO Google+   

I dev VSIDO

VastOne

  •      v-ger
  • Posts: 3784
    • View Profile
    • VSIDO Community
Re: Fluxbox Styles
« Reply #12 on: April 04, 2013, 12:12:02 AM »
^ Although I do prefer this overlay

overlay

Code: [Select]
! 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
VSIDO      VSIDO Twitter     VSIDO FB     VSIDO Google+   

I dev VSIDO

lwfitz

  • DEFCON 1
  • Posts: 1734
  • sudo rm -rf /
    • View Profile
Re: Fluxbox Styles
« Reply #13 on: April 04, 2013, 12:16:21 AM »
^ I meant to ask you for this one.... very very nicely done!


Thanks  8)

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

  • Posts: 366
    • View Profile
Re: Fluxbox Styles
« Reply #14 on: April 04, 2013, 03:35:41 AM »
Maybe I should give FB a run in the near future.. see what all the hype is about.  ;)