ArchLabs Linux

Cafe openbox & fluxbox theme -

Slow day:

!
! Openbox theme - cafe
! created by PackRat
! creation date - 01-18-2020
!
! 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/>.

# Window geometry
padding.width: 1
padding.height: 1
border.width: 1
window.client.padding.width: 0
window.client.padding.height: 0
window.handle.width: 3

#Menu geometry
menu.border.width: 1
menu.overlap.x: -4
menu.overlap.y: 8

# Border colors
window.active.border.color: #201C19
window.inactive.border.color: #201C19
menu.border.color: #201C19
window.active.client.color: #201C19
window.inactive.client.color: #201C19

# Text shadows
window.active.label.text.font: shadow=n:shadowtint=70:shadowoffset=1
window.inactive.label.text.font: shadow=n:shadowtint=20:shadowoffset=1
menu.items.font: shadow=n
menu.title.text.font: shadow=n:shadowtint=70:shadowoffset=1

# Window title justification
window.label.text.justify: Center

# Active window
window.active.title.bg: Flat
window.active.title.bg.color: #6C3614
window.active.title.bg.colorTo: #6C3614
window.active.title.bg.interlace.color: #6C3614

window.active.label.bg: Parentrelative
window.active.label.text.color: #DCDCDC

window.active.handle.bg: Flat
window.active.handle.bg.color: #201C19
window.active.handle.bg.colorTo: #201C19

window.active.grip.bg: Flat
window.active.grip.bg.color: #6C3614
window.active.grip.bg.colorTo: #6C3614

window.active.button.unpressed.bg: parentrelative
window.active.button.unpressed.bg.color:
window.active.button.unpressed.bg.colorTo:
window.active.button.unpressed.bg.border.color:
window.active.button.unpressed.image.color: #DCDCDC

window.active.button.pressed.bg: parentrelative
window.active.button.pressed.bg.color:
window.active.button.pressed.bg.colorTo:
window.active.button.pressed.bg.border.color:
window.active.button.pressed.image.color: #DCDCDC

window.active.button.disabled.bg: parentrelative
window.active.button.disabled.bg.color:
window.active.button.disabled.bg.colorTo:
window.active.button.disabled.bg.border.color:
window.active.button.disabled.image.color: #DCDCDC

window.active.button.hover.bg: parentrelative
window.active.button.hover.bg.color:
window.active.button.hover.bg.colorTo:
window.active.button.hover.bg.border.color:
window.active.button.hover.image.color: #FFFFFF

window.active.button.toggled.unpressed.bg: parentrelative
window.active.button.toggled.unpressed.bg.color:
window.active.button.toggled.unpressed.bg.colorTo:
window.active.button.toggled.unpressed.bg.border.color:
window.active.button.toggled.unpressed.image.color: #DCDCDC

window.active.button.toggled.pressed.bg: parentrelative
window.active.button.toggled.pressed.bg.color:
window.active.button.toggled.pressed.bg.colorTo:
window.active.button.toggled.pressed.bg.border.color:
window.active.button.toggled.pressed.image.color:

window.active.button.toggled.hover.bg: parentrelative
window.active.button.toggled.hover.bg.color:
window.active.button.toggled.hover.bg.colorTo:
window.active.button.toggled.hover.bg.border.color:
window.active.button.toggled.hover.image.color: #DCDCDC

# Inactive windows
window.inactive.title.bg: Flat
window.inactive.title.bg.color: #201C19
window.inactive.title.bg.colorTo: #201C19

window.inactive.label.bg: Parentrelative
window.inactive.label.text.color: #999999

window.inactive.handle.bg: Flat
window.inactive.handle.bg.color: #201C19
window.inactive.handle.bg.colorTo: #201C19

window.inactive.grip.bg: Flat
window.inactive.grip.bg.color: #201C19
window.inactive.grip.bg.colorTo: #201C19

window.inactive.button.unpressed.bg: parentrelative
window.inactive.button.unpressed.bg.color:
window.inactive.button.unpressed.bg.colorTo:
window.inactive.button.unpressed.bg.border.color:
window.inactive.button.unpressed.image.color: #DCDCDC

window.inactive.button.pressed.bg: parentrelative
window.inactive.button.pressed.bg.color:
window.inactive.button.pressed.bg.colorTo:
window.inactive.button.pressed.bg.border.color:
window.inactive.button.pressed.image.color: #DCDCDC

window.inactive.button.disabled.bg: parentrelative
window.inactive.button.disabled.bg.color:
window.inactive.button.disabled.bg.colorTo:
window.inactive.button.disabled.bg.border.color:
window.inactive.button.disabled.image.color: #DCDCDC

window.inactive.button.toggled.bg: parentrelative
window.inactive.button.toggled.bg.color:
window.inactive.button.toggled.bg.colorTo:
window.inactive.button.toggled.bg.border.color:
window.inactive.button.toggled.image.color: #DCDCDC

window.inactive.button.hover.bg: parentrelative
window.inactive.button.hover.bg.color:
window.inactive.button.hover.bg.colorTo:
window.inactive.button.hover.bg.border.color:
window.inactive.button.hover.image.color:

window.inactive.button.toggled.unpressed.bg: parentrelative
window.inactive.button.toggled.unpressed.bg.color:
window.inactive.button.toggled.unpressed.bg.colorTo:
window.inactive.button.toggled.unpressed.bg.border.color:
window.inactive.button.toggled.unpressed.image.color:

window.inactive.button.toggled.pressed.bg: parentrelative
window.inactive.button.toggled.pressed.bg.color:
window.inactive.button.toggled.pressed.bg.colorTo:
window.inactive.button.toggled.pressed.bg.border.color:
window.inactive.button.pressed.toggled.image.color:

window.inactive.button.toggled.hover.bg: parentrelative
window.inactive.button.toggled.hover.bg.color:
window.inactive.button.toggled.hover.bg.colorTo:
window.inactive.button.toggled.hover.bg.border.color:
window.inactive.button.toggled.hover.image.color:

# Menus
menu.title.bg: Flat
menu.title.bg.color: #6C3614
menu.title.bg.colorTo: #6C3614
menu.title.text.color: #DCDCDC
menu.title.text.justify: Center

menu.separator.color: #393939
menu.separator.width: 1
menu.separator.padding.width: 2
menu.separator.padding.height: 4

menu.items.bg: Flat Solid
menu.items.bg.color: #EDE9E0
menu.items.text.color: #1D1210
menu.items.disabled.text.color: #999999

menu.items.active.bg: Flat
menu.items.active.bg.color: #6C3614
menu.items.active.bg.colorTo: #6C3614
menu.items.active.text.color: #DCDCDC
menu.items.active.disabled.text.color: #999999

osd.label.text.color: #DCDCDC
osd.hilight.bg.color: #1D1210
osd.unhilight.bg.color: #999999

psuinfo for system information executors in tint2 panel.

7 Likes

Looks well and tasty. :slight_smile:

BTW: you could try sgtk-menu as the OB menu replacement. I’ve just published v0.5.1, which should work well with Openbox.

1 Like

Should be able to check that out tomorrow when I get on the ArchLabs computer.

2 Likes

Very well. BTW: cloning the repo and starting the sgtk-menu.py should be enough on any Linux. I’m not going to package the script for Void before I install everything from scratch on my new SSD.

1 Like

BTW #2: GTK colors may be overridden in style.css:

[edit]: just added support for custom .css file names (in v0.7.0).

2 Likes

That looks good @PackRat

1 Like

Top again @PackRat . Keep it on mate.

Top @nwg

1 Like

Fluxbox variant -

2020-01-19-12-12-59.md.png

!
! fluxbox style - cafe
! created by PackRat
! creation date - 01-19-2020
!
! 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:                          Source Serif Pro-11:regular
toolbar.workspace.font:          Source Serif Pro-11:regular
toolbar.clock.font:              Source Serif Pro-11:regular
!window.font:                    Sans-11:Regular
!menu.frame.font:                Sans-11:Regular
!menu.hilite.font:               Calcutta-11:Bold
!menu.title.font:                Amiko-11:semibold
!toolbar.iconbar.focused.font:    SF Pro Display-11:regular
!toolbar.iconbar.unfocused.font: Sans-11:Regular

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

!TOOLBAR OPTIONS

toolbar:                        flat gradient vertical
toolbar.height:                 24
toolbar.shaped:                 false
toolbar.bevelWidth:             0
toolbar.borderColor:            #141413
toolbar.borderWidth:            1
toolbar.color:                  #EDE9E0
toolbar.colorTo:                #EDE9E0

toolbar.clock:                  flat gradient vertical
toolbar.clock.justify:          Center
toolbar.clock.borderColor:      #141413
toolbar.clock.borderWidth:      0
toolbar.clock.color:            #EDE9E0
toolbar.clock.colorTo:          #EDE9E0
toolbar.clock.textColor:        #04040C

toolbar.workspace:              flat gradient vertical
toolbar.workspace.justify:      Center
toolbar.workspace.borderColor:  #141413
toolbar.workspace.borderWidth:  0
toolbar.workspace.color:        #EDE9E0
toolbar.workspace.colorTo:      #EDE9E0
toolbar.workspace.textColor:    #04040C

toolbar.systray:    parentrelative
toolbar.button:     parentrelative
toolbar.button.PicColor:   #04040C
toolbar.button.scale:      0.50

toolbar.iconbar.empty:          flat gradient vertical
toolbar.iconbar.borderColor:    #141413
toolbar.iconbar.borderWidth:    1
toolbar.iconbar.empty.color:    #EDE9E0
toolbar.iconbar.empty.colorTo:  #EDE9E0

toolbar.iconbar.focused:              flat gradient elliptic
toolbar.iconbar.focused.justify:      Center
toolbar.iconbar.focused.borderColor:  #141413
toolbar.iconbar.focused.borderWidth:  1
toolbar.iconbar.focused.color:        #6E4327
toolbar.iconbar.focused.colorTo:      #6E4327
toolbar.iconbar.focused.textColor:    #DCDCDC

toolbar.iconbar.unfocused:              flat gradient vertical
toolbar.iconbar.unfocused.justify:      Center
toolbar.iconbar.unfocused.borderColor:  #141413
toolbar.iconbar.unfocused.borderWidth:  1
toolbar.iconbar.unfocused.color:       #EDE9E0
toolbar.iconbar.unfocused.colorTo:     #EDE9E0
toolbar.iconbar.unfocused.textColor:   #807E82

!WINDOW OPTIONS

window.title.height:            20
window.justify:                 Center
window.bevelWidth:              0
window.borderColor:             #141413
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 gradient vertical
window.title.focus.color:      #EDE9E0
window.title.focus.colorTo:    #EDE9E0

window.title.unfocus:           flat gradient vertical
window.title.unfocus.color:    #EDE9E0
window.title.unfocus.colorTo:  #EDE9E0

window.label.focus:             flat gradient elliptic
window.label.focus.color:       #6E4327
window.label.focus.colorTo:     #6E4327
window.label.focus.textColor:   #DCDCDC

window.label.unfocus:           flat gradient vertical
window.label.unfocus.color:     #EDE9E0
window.label.unfocus.colorTo:   #EDE9E0
window.label.unfocus.textColor: #807E82

window.button.focus:            flat gradient vertical
window.button.focus.color:      #EDE9E0
window.button.focus.colorTo:    #EDE9E0
window.button.focus.picColor:   #04040C

window.button.pressed:          sunken bevel2
window.button.pressed.color:    #E5E5E5
window.button.pressed.colorTo:  #E5E5E5

window.button.unfocus:          flat gradient vertical
window.button.unfocus.color:    #EDE9E0
window.button.unfocus.colorTo:  #EDE9E0
window.button.unfocus.picColor: #807E82

window.grip.focus:              flat
window.grip.focus.color:       #6E4327
window.grip.focus.colorTo:     #6E4327

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

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

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

window.handleWidth:             4

!MENU OPTIONS

menu.itemHeight:                24
menu.bevelWidth:                1
menu.borderColor:               #141413
menu.borderWidth:               1
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:               #EDE9E0
menu.frame.colorTo:             #EDE9E0
menu.frame.disableColor:        #6C5058
menu.frame.textColor:           #04040C

menu.hilite:                    flat gradient vertical
menu.hilite.color:              #6E4327
menu.hilite.colorTo:            #6E4327
menu.hilite.justify:            left
menu.hilite.textColor:          #DCDCDC

menu.title:                     flat gradient vertical
menu.title.color:               #6E4327
menu.title.colorTo:             #6E4327
menu.title.textColor:           #DCDCDC
menu.title.justify:             Center
menu.titleHeight:               20
!menu.roundCorners:              <{Top|Bottom}{Left|Right}>

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

!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:                 bar02.png
!toolbar.workspace.pixmap:       bar02.png
!toolbar.clock.pixmap:           bar02.png
!toolbar.iconbar.focused.pixmap: focus.png
!toolbar.iconbar.unfocused.pixmap: bar02.png
!toolbar.iconbar.empty.pixmap:   bar02.png

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

!window.label.focus.pixmap:      focus.png
!window.label.unfocus.pixmap:    bar02.png

!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:            dot-active.png
!window.close.pressed.pixmap:    dot-pressed.png
!window.close.unfocus.pixmap:    dot-active.png

!window.maximize.pixmap:          dot-active.png
!window.maximize.pressed.pixmap:  dot-pressed.png
!window.maximize.unfocus.pixmap:  dot-active.png

!window.iconify.pixmap:           dot-active.png
!window.iconify.pressed.pixmap:   dot-pressed.png
!window.iconify.unfocus.pixmap:   dot-active.png

!window.shade.pixmap:            dot-active.png
!window.shade.pressed.pixmap:    dot-pressed.png
!window.shade.unfocus.pixmap:    dot-active.png
!window.unshade.pixmap:          dot-active.png
!window.unshade.pressed.pixmap:  dot-pressed.png
!window.unshade.unfocus.pixmap:  dot-active.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)
3 Likes

Wow, top again @PackRat