Differences between revisions 7 and 8
Revision 7 as of 2010-09-17 04:21:54
Size: 10794
Editor: DaleHopkins
Comment: minor editting and added example overlay
Revision 8 as of 2010-09-17 09:47:50
Size: 11969
Editor: DaleHopkins
Comment:
Deletions are marked like this. Additions are marked like this.
Line 15: Line 15:
=== Screenshot === == Screenshots ==
Line 19: Line 19:

{{attachment:2010-09-17_18-53-13_800x500.jpg}}

[[http://quail.southernvaleslug.org/pub/fluxbox/2010-09-17_18-53-13_1440x900.png|Debian LibStick 1440x900 image]]

=== Note ===
The background image is include in the current version of DebPkg:Fluxbox 1.1.1+dfsg2-1. For demo purposes I had to convert the image to another format.

The background image does not load at the moment cause the following errors with DebPkg:libimlib2
~-{{{
fbsetbg /usr/share/fluxbox/wallpaper-flux-debian-lighting-black-1600x1200.svg/wallpaper-flux-debian-lighting-black-1600x1200.svg
feh WARNING: /usr/share/fluxbox/wallpaper-flux-debian-lighting-black-1600x1200.svg/wallpaper-flux-debian-lighting-black-1600x1200.svg - No Imlib2 loader for that file format
feh ERROR: Couldn't load image in order to set bg

feh --bg-scale /usr/share/fluxbox/wallpaper-flux-debian-lighting-black-1600x1200.svg/wallpaper-flux-debian-lighting-black-1600x1200.svg
feh WARNING: /usr/share/fluxbox/wallpaper-flux-debian-lighting-black-1600x1200.svg/wallpaper-flux-debian-lighting-black-1600x1200.svg - No Imlib2 loader for that file format
feh ERROR: Couldn't load image in order to set bg
}}}-~

Translation(s): none


Debian LibStick

Author: Dale Hopkins

This is a Fluxbox style I have been working on in hope that it can be added to the Debian Fluxbox package as the default style.

Screenshots

[ATTACH]

Debian LibStick 1366x768 image

[ATTACH]

Debian LibStick 1440x900 image

Note

The background image is include in the current version of Fluxbox 1.1.1+dfsg2-1. For demo purposes I had to convert the image to another format.

The background image does not load at the moment cause the following errors with libimlib2

fbsetbg /usr/share/fluxbox/wallpaper-flux-debian-lighting-black-1600x1200.svg/wallpaper-flux-debian-lighting-black-1600x1200.svg 
feh WARNING: /usr/share/fluxbox/wallpaper-flux-debian-lighting-black-1600x1200.svg/wallpaper-flux-debian-lighting-black-1600x1200.svg - No Imlib2 loader for that file format
feh ERROR: Couldn't load image in order to set bg

feh --bg-scale /usr/share/fluxbox/wallpaper-flux-debian-lighting-black-1600x1200.svg/wallpaper-flux-debian-lighting-black-1600x1200.svg 
feh WARNING: /usr/share/fluxbox/wallpaper-flux-debian-lighting-black-1600x1200.svg/wallpaper-flux-debian-lighting-black-1600x1200.svg - No Imlib2 loader for that file format
feh ERROR: Couldn't load image in order to set bg

Style

!-------------------------------------------------------------------------------
!      This program is free software; you can redistribute it and/or modify
!      it under the terms of the GNU General Public License as published by
!      the Free Software Foundation; either version 2 of the License, or
!      (at your option) any later version.
!      
!      This program is distributed in the hope that it will be useful,
!      but WITHOUT ANY WARRANTY; without even the implied warranty of
!      MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
!      GNU General Public License for more details.
!      
!      You should have received a copy of the GNU General Public License
!      along with this program; if not, write to the Free Software
!      Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston,
!      MA 02110-1301, USA.
!-------------------------------------------------------------------------------
Style Name:                                                             Debian LibStick
Style Version:                                                  0.2
Style Author:                                                   Dale Hopkins <quail.linux@gmail.com>
Style Date:                                                             17.09.2010
!-------------------------------------------------------------------------------
!Notes:
! Style named by:                                               Lisa Milne <lisa@ltmnet.com>
! This style came about from the currently included style called 'debian_squeeze_dark'
! in the Debian package 'Fluxbox'
!-------------------------------------------------------------------------------

background.color:                                               #1A1A1A
background.colorTo:                                     #1A1A1A
background:                                                             fullscreen
background.pixmap:                                              /usr/share/fluxbox/wallpaper-flux-debian-lighting-black-1600x1200.svg

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

menu.frame.font:                                                sans-9:bold
menu.title.font:                                                sans-10:bold
toolbar.clock.font:                                             sans-10:bold
toolbar.workspace.font:                                 sans-9:bold
toolbar.iconbar.focused.font:                   sans-9:bold
toolbar.iconbar.unfocused.font:                 sans-9
window.font:                                                    sans-9:bold

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

menu.bevelWidth:                                                1
menu.itemHeight:                                                18
menu.titleHeight:                                               18

menu.roundCorners:                                              TopLeft TopRight BottomLeft BottomRight                                         
menu.borderColor:                                               #5b6dad
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 rectangle                                                         
menu.title.pixmap:                                      
menu.title.justify:                                             center
menu.title.color:                                               #000000 
menu.title.colorTo:                                             #b10643
menu.title.textColor:                                   #5b6dad

menu.frame:                                                             flat
menu.frame.pixmap:                                              
menu.frame.justify:                                             left
menu.frame.color:                                               #000000
menu.frame.colorTo:                                     
menu.frame.textColor:                                   #5b6dad
menu.frame.disableColor:                                #726d69 
 
menu.hilite:                                                    flat gradient rectangle
menu.hilite.pixmap:                                     
menu.hilite.color:                                              #000000                                                 
menu.hilite.colorTo:                                    #b10643 
menu.hilite.textColor:                                  #5b6dad

!-------------------------------------------------------------------------------
 
toolbar.bevelWidth:                                             1
 
toolbar.borderWidth:                                    1
toolbar.borderColor:                                    #5b6dad

toolbar.height:                                                 18
toolbar.justify:                                                center
 
toolbar:                                                                flat    
toolbar.pixmap:                                                 
toolbar.color:                                                  #000000
toolbar.colorTo:                                                #000000

toolbar.shaped:                                 false
toolbar.clock:                                                  flat gradient rectangle
toolbar.clock.pixmap:                                           
toolbar.clock.justify:                                  center
toolbar.clock.color:                                    #000000
toolbar.clock.colorTo:                                  #b10643
toolbar.clock.textColor:                                #5b6dad

toolbar.systray:                                                flat gradient rectangle
toolbar.systray.borderWidth: 
toolbar.systray.borderColor: 
toolbar.systray.color:                                  #000000
toolbar.systray.colorTo:                                #b10643
 
toolbar.workspace:                                              flat gradient rectangle
toolbar.workspace.pixmap:                               
toolbar.workspace.justify:                              center
toolbar.workspace.color:                                #000000                         
toolbar.workspace.colorTo:                              #b10643                 
toolbar.workspace.textColor:                    #5b6dad
 
toolbar.button:                                                 flat                             
toolbar.button.pixmap:                                  
toolbar.button.color:                                   #000000                         
toolbar.button.colorTo:                                 #000000         
toolbar.button.picColor:                                #b10643
toolbar.button.pressed:                                 flat                    
toolbar.button.pressed.pixmap:                          
toolbar.button.pressed.color:                   #000000                 
toolbar.button.pressed.colorTo:                                         
toolbar.button.pressed.picColor:                                        
 
toolbar.iconbar.empty:                                  flat
toolbar.iconbar.empty.pixmap:                           
toolbar.iconbar.empty.color:                    #000000
toolbar.iconbar.empty.colorTo:                  #000000
toolbar.iconbar.borderWidth:                    0
 
toolbar.iconbar.focused.borderWidth:    1
toolbar.iconbar.focused.borderColor:    #5b6dad
toolbar.iconbar.focused:                                flat gradient rectangle
toolbar.iconbar.focused.pixmap:                 
toolbar.iconbar.focused.color:                  #000000
toolbar.iconbar.focused.colorTo:                #b10643
toolbar.iconbar.focused.textColor:              #7f8ed3
toolbar.iconbar.focused.justify:                center
 
toolbar.iconbar.unfocused.borderWidth:  1
toolbar.iconbar.unfocused.borderColor:  #5b6dad
toolbar.iconbar.unfocused:                              flat    
toolbar.iconbar.unfocused.pixmap:                       
toolbar.iconbar.unfocused.color:                #000000
toolbar.iconbar.unfocused.colorTo:              #000000
toolbar.iconbar.unfocused.textColor:    #5b6dad
toolbar.iconbar.unfocused.justify:              center

!-------------------------------------------------------------------------------
 
window.bevelWidth:                                              1
window.shade:                                                   
window.borderWidth:                                             1
window.borderColor:                                             #5b6dad
window.roundCorners:                                    
window.justify:                                                 center

window.title.height:                                    18

window.title.focus:                                             flat gradient rectangle                         
window.title.focus.pixmap:                                      
window.title.focus.color:                               #000000                         
window.title.focus.colorTo:                             #b10643                         
window.title.unfocus:                                   flat gradient rectangle                 
window.title.unfocus.pixmap:                    
window.title.unfocus.color:                             #000000                         
window.title.unfocus.colorTo:                   #000000                 

window.label.focus:                                             Flat gradient rectangle
window.label.focus.pixmap:                              
window.label.focus.color:                               #000000                 
window.label.focus.colorTo:                             #b10643                 
window.label.focus.textColor:                   #7f8ed3 
window.label.unfocus:                                   ParentRelative
window.label.unfocus.pixmap:                                    
window.label.unfocus.color:                             #000000                         
window.label.unfocus.colorTo:                   #000000         
window.label.unfocus.textColor:                 #5b6dad

window.button.focus:                                    ParentRelative
window.button.focus.color:                              
window.button.focus.colorTo:                            
window.button.focus.picColor:                   #7f8ed3
window.button.unfocus:                                  ParentRelative                          
window.button.unfocus.Color:                                            
window.button.unfocus.ColorTo:                                          
window.button.unfocus.picColor:                 #5b6dad
window.button.pressed:                                  Flat                    
window.button.pressed.color:                    #000000                 
window.button.pressed.colorTo:                                                  
window.button.pressed.picColor:                 #5b6dad

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:                              #000000                 
window.handle.focus.colorTo:                    #000000         
window.handle.unfocus:                                  flat
window.handle.unfocus.pixmap:                   
window.handle.unfocus.color:                    #000000         
window.handle.unfocus.colorTo:                  #000000         
window.handleWidth:                                             1

window.grip.focus:                                              flat                                    
window.grip.focus.pixmap:                                       
window.grip.focus.color:                                #b10643                                         
window.grip.focus.colorTo:                              #b10643                         
window.grip.unfocus:                                    flat
window.grip.unfocus.pixmap:                                             
window.grip.unfocus.color:                              #000000                         
window.grip.unfocus.colorTo:                    #000000                         

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

slit:                                                                   flat gradient vertical
slit.pixmap:  
slit.color:                                                     #000000
slit.colorTo:                                                   #000000 
slit.borderWidth:                                               1
slit.bevelWidth:                                                1
slit.borderColor:                                               #5b6dad

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

Source: Debian_LibStick

Overlay Example

This is example of ~/.fluxbox/overlay file to override the style settings without having to edit the style itself

! The following line will prevent styles from setting the background.
! background: none
menu.frame.font:                                                        sans-7:bold
menu.title.font:                                                        sans-8:bold
toolbar.clock.font:                                                     sans-8:bold
toolbar.workspace.font:                                         sans-7:bold
toolbar.iconbar.focused.font:                           sans-7:bold
toolbar.iconbar.unfocused.font:                         sans-7
window.font:                                                            sans-7:bold

menu.itemHeight:                                                        14
menu.titleHeight:                                                       14
toolbar.height:                                                         14
window.title.height:                                            14

background.color:                                                       #1A1A1A
background.colorTo:                                             #1A1A1A
background:                                                             aspect
background.pixmap: ~/.fluxbox/backgrounds/Summer_Glau_Terminator-v2.jpg

Fixes

17.09.2010

  • Fixed the fade on the menu
  • Adjusted toolbar, window title bar, menu bar heights from 14 to 18
  • Adjusted font sizes to suit.