ArchLabs-Dark/Light fluxbox themes


#1

Users now have the option of installing fluxbox from the installer, so here is a ArchLabs-Dark fluxbox style to go with the gtk theme:

!
! fluxbox style - ArchLabs-Dark
! based on ArchLabs-Dark; https://archlabslinux.com/
! created by PackRat
! creation date - 01-23-2019
!
! 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 3 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 see <http://www.gnu.org/licenses/>.

!FONT OPTIONS
*.font:                          DejaVu Sans-9:Regular
!toolbar.workspace.font:          Fira Code-10:Regular
!toolbar.clock.font:              Fira Code-10:Regular
!window.font:                    Sans-11:Regular
!menu.frame.font:                Sans-11:Regular
!menu.hilite.font:               IBM Plex Sans-10:Medium
!menu.title.font:                Sans-11:Regular
!toolbar.iconbar.focused.font:   IBM Plex Sans-10:Medium
!toolbar.iconbar.unfocused.font: Sans-11:Regular

!menu.title.effect: shadow
!menu.title.shadow.color: red

!TOOLBAR OPTIONS

toolbar:                        flat
toolbar.height:                 24
toolbar.shaped:                 false
toolbar.bevelWidth:             1
toolbar.borderColor:            #2b303b
toolbar.borderWidth:            1
toolbar.color:                  #2b303b
toolbar.colorTo:                #2b303b

toolbar.clock:                  flat
toolbar.clock.justify:          Center
toolbar.clock.borderColor:      #2b303b
toolbar.clock.borderWidth:      0
toolbar.clock.color:            #2b303b
toolbar.clock.colorTo:          #2b303b
toolbar.clock.textColor:        #eff1f5

toolbar.workspace:              flat
toolbar.workspace.justify:      Center
toolbar.workspace.borderColor:  #2b303b
toolbar.workspace.borderWidth:  0
toolbar.workspace.color:        #2b303b
toolbar.workspace.colorTo:      #2b303b
toolbar.workspace.textColor:    #eff1f5

toolbar.systray:    parentrelative
toolbar.button:     parentrelativE
toolbar.button.PicColor:   #eff1f5
toolbar.button.scale:      0.50

toolbar.iconbar.empty:          flat
toolbar.iconbar.borderColor:    #2b303b
toolbar.iconbar.borderWidth:    1
toolbar.iconbar.empty.color:    #2b303b
toolbar.iconbar.empty.colorTo:  #2b303b

toolbar.iconbar.focused:              flat
toolbar.iconbar.focused.justify:      Center
toolbar.iconbar.focused.borderColor:  #2b303b
toolbar.iconbar.focused.borderWidth:  1
toolbar.iconbar.focused.color:        #2b303b
toolbar.iconbar.focused.colorTo:      #2b303b
toolbar.iconbar.focused.textColor:    #81A2BE

toolbar.iconbar.unfocused:              flat
toolbar.iconbar.unfocused.justify:      Center
toolbar.iconbar.unfocused.borderColor:  #2b303b
toolbar.iconbar.unfocused.borderWidth:  1
toolbar.iconbar.unfocused.color:        #2b303b
toolbar.iconbar.unfocused.colorTo:      #2b303b
toolbar.iconbar.unfocused.textColor:    #a4a4a4

!WINDOW OPTIONS

window.title.height:            20
window.justify:                 center
window.bevelWidth:              0
window.borderColor:             #2b303b
window.borderWidth:             1

!window.roundCorners:            <{Top|Bottom}{Left|Right}>
!window.frame.focusColor:        parentrelative
!window.frame.unfocusColor:      pafrentrelative
!window.label.active:            <texture type>
!window.label.active.textColor:  <color>

window.title.focus:             flat
window.title.focus.color:       #2b303b
window.title.focus.colorTo:     #2b303b

window.title.unfocus:           flat
window.title.unfocus.color:     #2b303b
window.title.unfocus.colorTo:   #2b303b

window.label.focus:             flat
window.label.focus.color:       #2b303b
window.label.focus.colorTo:     #2b303b
window.label.focus.textColor:   #eff1f5

window.label.unfocus:           flat
window.label.unfocus.color:     #2b303b
window.label.unfocus.colorTo:   #2b303b
window.label.unfocus.textColor: #2b303b

window.button.focus:            flat
window.button.focus.color:      #2b303b
window.button.focus.colorTo:    #2b303b
window.button.focus.picColor:   #eff1f5

window.button.pressed:          sunken bevel1
window.button.pressed.color:    #8fa1b3
window.button.pressed.colorTo:  #8fa1b3

window.button.unfocus:          flat
window.button.unfocus.color:    #2b303b
window.button.unfocus.colorTo:  #2b303b
window.button.unfocus.picColor: #2b303b

window.grip.focus:              flat
window.grip.focus.color:        #2b303b
window.grip.focus.colorTo:      #2b303b

window.grip.unfocus:            flat
window.grip.unfocus.color:      #2b303b
window.grip.unfocus.colorTo:    #2b303b

window.handle.focus:            flat
window.handle.focus.color:      #2b303b
window.handle.focus.colorTo:    #2b303b

window.handle.unfocus:          flat
window.handle.unfocus.color:    #2b303b
window.handle.unfocus.colorTo:  #2b303b

window.handleWidth:             1

!MENU OPTIONS

menu.itemHeight:                22
menu.bevelWidth:                1
menu.borderColor:               #2b303b
menu.borderWidth:               10
menu.frame.justify:             Left
!menu.bullet:                    <{empty|square|triangle|diamond}>
menu.bullet:                    triangle
menu.bullet.position:           Right
menu.frame:                     flat gradient diagonal
menu.frame.color:               #2B303B
menu.frame.colorTo:             #2B303B
menu.frame.disableColor:        #BEC0C6
menu.frame.textColor:           #EFF1F5

menu.hilite:                    flat
menu.hilite.color:              #2b303b
menu.hilite.colorTo:            #2b303b
menu.hilite.justify:            left
menu.hilite.textColor:          #81A2BE

menu.title:                     flat
menu.title.color:               #2b303b
menu.title.colorTo:             #2b303b
menu.title.textColor:           #81A2BE
menu.title.justify:             Center
menu.titleHeight:               20
!menu.roundCorners:              <{Top|Bottom}{Left|Right}>

!SLIT
slit:             flat
slit.bevelWidth:  0
slit.borderColor: #000000
slit.borderWidth: 0
slit.color:       #000000
slit.colorTo:     #000000

!BACKGROUND

!background: centered|aspect|tiled|fullscreen|random|solid|gradient <texture>|mod|none|unset
!background.pixmap: <file or directory>
!background.color: <color>
!background.colorTo: <color>
!background.modX: <integer>
!background.modY: <integer>

! PIXMAP OPTIONS

!toolbar.pixmap:                 <filename>
!toolbar.workspace.pixmap:       <filename>
!toolbar.clock.pixmap:           <filename>
!toolbar.iconbar.focused.pixmap: <filename>
!toolbar.iconbar.unfocused.pixmap: <filename>
!toolbar.iconbar.empty.pixmap:   <filename>

!window.title.focus.pixmap:      <filename>
!window.title.unfocus.pixmap:    <filename>

!window.label.focus.pixmap:      <filename>
!window.label.unfocus.pixmap:    <filename>

!window.button.focus.pixmap:     <filename>
!window.button.pressed.pixmap:   <filename>
!window.button.unfocus.pixmap:   <filename>

!window.grip.focus.pixmap:       <filename>
!window.grip.unfocus.pixmap:     <filename>
!window.handle.focus.pixmap:     <filename>
!window.handle.unfocus.pixmap:   <filename>

!window.close.pixmap:            close.png
!window.close.pressed.pixmap:    pressed.png
!window.close.unfocus.pixmap:   inactive.png

!window.maximize.pixmap:         max.png
!window.maximize.pressed.pixmap: pressed.png
!window.maximize.unfocus.pixmap: inactive.png

!window.iconify.pixmap:           iconify.png
!window.iconify.pressed.pixmap:  pressed.png
!window.iconify.unfocus.pixmap:  inactive.png

!window.shade.pixmap:            shade.png
!window.shade.pressed.pixmap:    pressed.png
!window.shade.unfocus.pixmap:    inactive.png
!window.unshade.pixmap:            shade.png
!window.unshade.pressed.pixmap:    pressed.png
!window.unshade.unfocus.pixmap:    inactive.png
!window.unstick.pixmap:            shade.png
!window.stick.pressed.pixmap:    pressed.png
!window.stick.unfocus.pixmap:    inactive.png
!window.stuck.pixmap:            shade.png
!window.stuck.unfocus.pixmap:    inactive.png
!window.lhalf.pixmap:            <filename>
!window.lhalf.unfocus.pixmap:    <filename>
!window.rhalf.pixmap:            <filename>
!window.rhalf.unfocus.pixmap:    <filename>

!menu.frame.pixmap:              <filename>
!menu.hilite.pixmap:             <filename>
!menu.title.pixmap:              <filename>
!menu.selected.pixmap:           <filename>
!menu.submenu.pixmap:            <filename>
!menu.unselected.pixmap:         <filename>

!slit.pixmap:                    <filename>

!
!fluxbox-style.txt              08 February 2015               FLUXBOX-STYLE(5)

Create an ~/.fluxbox/styles/ArchLabs-Dark folder and save the file as theme.cfg

Should show in the User Styles option of the menu then. For system wide use styles are located in, /usr/share/fluxbox/styles


#2

That’s great, thanks @PackRat


#3

Top again @PackRat


#4

ArchLabs-Light -

!
! fluxbox style - ArchLabs-Light
! based on ArchLabs-Light-Alt; https://archlabslinux.com/
! created by PackRat
! creation date - 01-24-2019
!
! 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 3 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 see <http://www.gnu.org/licenses/>.

!FONT OPTIONS
*.font:                          Sans-10:Regular
toolbar.workspace.font:          Monospace-10:Regular
toolbar.clock.font:              Monospace-10:Regular
!window.font:                    Sans-11:Regular
!menu.frame.font:                Sans-11:Regular
!menu.hilite.font:               IBM Plex Sans-10:Medium
!menu.title.font:                Sans-11:Regular
!toolbar.iconbar.focused.font:   IBM Plex Sans-10:Medium
!toolbar.iconbar.unfocused.font: Sans-11:Regular

!menu.title.effect: shadow
!menu.title.shadow.color: red

!TOOLBAR OPTIONS

toolbar:                        flat
toolbar.height:                 24
toolbar.shaped:                 false
toolbar.bevelWidth:             1
toolbar.borderColor:            #f5f6f7
toolbar.borderWidth:            1
toolbar.color:                  #f5f6f7
toolbar.colorTo:                #f5f6f7

toolbar.clock:                  flat
toolbar.clock.justify:          Center
toolbar.clock.borderColor:      #f5f6f7
toolbar.clock.borderWidth:      0
toolbar.clock.color:            #f5f6f7
toolbar.clock.colorTo:          #f5f6f7
toolbar.clock.textColor:        #696E7A

toolbar.workspace:              flat
toolbar.workspace.justify:      Center
toolbar.workspace.borderColor:  #f5f6f7
toolbar.workspace.borderWidth:  0
toolbar.workspace.color:        #f5f6f7
toolbar.workspace.colorTo:      #f5f6f7
toolbar.workspace.textColor:    #696E7A

toolbar.systray:    parentrelative
toolbar.button:     parentrelative
toolbar.button.PicColor:   #696E7A
toolbar.button.scale:      0.50

toolbar.iconbar.empty:          flat
toolbar.iconbar.borderColor:    #DFE1E8
toolbar.iconbar.borderWidth:    1
toolbar.iconbar.empty.color:    #f5f6f7
toolbar.iconbar.empty.colorTo:  #f5f6f7

toolbar.iconbar.focused:              flat
toolbar.iconbar.focused.justify:      Center
toolbar.iconbar.focused.borderColor:  #DFE1E8
toolbar.iconbar.focused.borderWidth:  1
toolbar.iconbar.focused.color:        #DFE1E8
toolbar.iconbar.focused.colorTo:      #DFE1E8
toolbar.iconbar.focused.textColor:    #2B303B

toolbar.iconbar.unfocused:              flat
toolbar.iconbar.unfocused.justify:      Center
toolbar.iconbar.unfocused.borderColor:  #DFE1E8
toolbar.iconbar.unfocused.borderWidth:  1
toolbar.iconbar.unfocused.color:        #f5f6f7
toolbar.iconbar.unfocused.colorTo:      #f5f6f7
toolbar.iconbar.unfocused.textColor:    #696E7A

!WINDOW OPTIONS

window.title.height:            20
window.justify:                 center
window.bevelWidth:              0
window.borderColor:             #DFE1E8
window.borderWidth:             1

!window.roundCorners:            <{Top|Bottom}{Left|Right}>
!window.frame.focusColor:        parentrelative
!window.frame.unfocusColor:      pafrentrelative
!window.label.active:            <texture type>
!window.label.active.textColor:  <color>

window.title.focus:             flat
window.title.focus.color:       #DFE1E8
window.title.focus.colorTo:     #DFE1E8

window.title.unfocus:           flat
window.title.unfocus.color:     #DFE1E8
window.title.unfocus.colorTo:   #DFE1E8

window.label.focus:             flat
window.label.focus.color:       #DFE1E8
window.label.focus.colorTo:     #DFE1E8
window.label.focus.textColor:   #2B303B

window.label.unfocus:           flat
window.label.unfocus.color:     #DFE1E8
window.label.unfocus.colorTo:   #DFE1E8
window.label.unfocus.textColor: #2B303B

window.button.focus:            flat
window.button.focus.color:      #DFE1E8
window.button.focus.colorTo:    #DFE1E8
window.button.focus.picColor:   #8FA1B3

window.button.pressed:          sunken bevel1
window.button.pressed.color:    #45ACF0
window.button.pressed.colorTo:  #45ACF0

window.button.unfocus:          flat
window.button.unfocus.color:    #DFE1E8
window.button.unfocus.colorTo:  #DFE1E8
window.button.unfocus.picColor: #8FA1B3

window.grip.focus:              flat
window.grip.focus.color:        #4FC0E8
window.grip.focus.colorTo:      #4FC0E8

window.grip.unfocus:            flat
window.grip.unfocus.color:      #DFE1E8
window.grip.unfocus.colorTo:    #DFE1E8

window.handle.focus:            flat
window.handle.focus.color:      #DFE1E8
window.handle.focus.colorTo:    #DFE1E8

window.handle.unfocus:          flat
window.handle.unfocus.color:    #DFE1E8
window.handle.unfocus.colorTo:  #DFE1E8

window.handleWidth:             1

!MENU OPTIONS

menu.itemHeight:                22
menu.bevelWidth:                1
menu.borderColor:               #f5f6f7
menu.borderWidth:               10
menu.frame.justify:             Left
!menu.bullet:                    <{empty|square|triangle|diamond}>
menu.bullet:                    triangle
menu.bullet.position:           Right
menu.frame:                     flat gradient diagonal
menu.frame.color:               #f5f6f7
menu.frame.colorTo:             #f5f6f7
menu.frame.disableColor:        #696E7A
menu.frame.textColor:           #696E7A

menu.hilite:                    flat
menu.hilite.color:              #8FA1B3
menu.hilite.colorTo:            #8FA1B3
menu.hilite.justify:            left
menu.hilite.textColor:          #ffffff

menu.title:                     flat
menu.title.color:               #f5f6f7
menu.title.colorTo:             #f5f6f7
menu.title.textColor:           #696E7A
menu.title.justify:             Center
menu.titleHeight:               20
!menu.roundCorners:              <{Top|Bottom}{Left|Right}>

!SLIT
slit:             flat
slit.bevelWidth:  0
slit.borderColor: #000000
slit.borderWidth: 0
slit.color:       #000000
slit.colorTo:     #000000

!BACKGROUND

!background: centered|aspect|tiled|fullscreen|random|solid|gradient <texture>|mod|none|unset
!background.pixmap: <file or directory>
!background.color: <color>
!background.colorTo: <color>
!background.modX: <integer>
!background.modY: <integer>

! PIXMAP OPTIONS

!toolbar.pixmap:                 <filename>
!toolbar.workspace.pixmap:       <filename>
!toolbar.clock.pixmap:           <filename>
!toolbar.iconbar.focused.pixmap: <filename>
!toolbar.iconbar.unfocused.pixmap: <filename>
!toolbar.iconbar.empty.pixmap:   <filename>

!window.title.focus.pixmap:      <filename>
!window.title.unfocus.pixmap:    <filename>

!window.label.focus.pixmap:      <filename>
!window.label.unfocus.pixmap:    <filename>

!window.button.focus.pixmap:     <filename>
!window.button.pressed.pixmap:   <filename>
!window.button.unfocus.pixmap:   <filename>

!window.grip.focus.pixmap:       <filename>
!window.grip.unfocus.pixmap:     <filename>
!window.handle.focus.pixmap:     <filename>
!window.handle.unfocus.pixmap:   <filename>

!window.close.pixmap:            close.png
!window.close.pressed.pixmap:    pressed.png
!window.close.unfocus.pixmap:   inactive.png

!window.maximize.pixmap:         max.png
!window.maximize.pressed.pixmap: pressed.png
!window.maximize.unfocus.pixmap: inactive.png

!window.iconify.pixmap:           iconify.png
!window.iconify.pressed.pixmap:  pressed.png
!window.iconify.unfocus.pixmap:  inactive.png

!window.shade.pixmap:            shade.png
!window.shade.pressed.pixmap:    pressed.png
!window.shade.unfocus.pixmap:    inactive.png
!window.unshade.pixmap:            shade.png
!window.unshade.pressed.pixmap:    pressed.png
!window.unshade.unfocus.pixmap:    inactive.png
!window.unstick.pixmap:            shade.png
!window.stick.pressed.pixmap:    pressed.png
!window.stick.unfocus.pixmap:    inactive.png
!window.stuck.pixmap:            shade.png
!window.stuck.unfocus.pixmap:    inactive.png
!window.lhalf.pixmap:            <filename>
!window.lhalf.unfocus.pixmap:    <filename>
!window.rhalf.pixmap:            <filename>
!window.rhalf.unfocus.pixmap:    <filename>

!menu.frame.pixmap:              <filename>
!menu.hilite.pixmap:             <filename>
!menu.title.pixmap:              <filename>
!menu.selected.pixmap:           <filename>
!menu.submenu.pixmap:            <filename>
!menu.unselected.pixmap:         <filename>

!slit.pixmap:                    <filename>

!
!fluxbox-style.txt              08 February 2015               FLUXBOX-STYLE(5)

#5

@PackRat Fantastic work!