MX-21 Screenshots

Show us how you are setting up MX
Message
Author
User avatar
h3kt0r
Posts: 147
Joined: Fri Oct 08, 2021 6:27 pm

Re: MX-21 Screenshots

#201 Post by h3kt0r »


Image

Code: Select all

! Stylefile for blackbox
! Automagically generated by bbstylemaker

!-- info --
style.name: xedni_steelgreen_mk6
style.author: doctorfrog | drfrog.wordpress.com
style.date: 12 Mar 2012
style.comments: the toolbar still not 100 done. working on the bsetroot for a bit, it's driving me nuts how ugly it is.

!-- background --
! rootcommand: 

!-- toolbar --
toolbar.appearance: flat elliptic gradient border
toolbar.color1: #2d3436
toolbar.color2: #9cada6
toolbar.textColor: #303937
toolbar.borderColor: #333e3c
toolbar.borderWidth: 1
toolbar.marginWidth: 1
toolbar.font: pix gelly 7pt:size=10
toolbar.alignment: center
toolbar.label.appearance: flat elliptic gradient border
toolbar.label.textColor: #e7eae8
toolbar.label.marginWidth: 2
toolbar.label.color1: #272c2c
toolbar.label.color2: #77807c
toolbar.label.borderColor: #343f3f
toolbar.label.borderWidth: 1
toolbar.windowLabel.appearance: flat elliptic gradient border
toolbar.windowLabel.textColor: #ffffdb
toolbar.windowLabel.color1: #354b4e
toolbar.windowLabel.color2: #63a9b7
toolbar.windowLabel.borderColor: #20444b
toolbar.windowLabel.borderWidth: 1
toolbar.clock.appearance: flat elliptic gradient border
toolbar.clock.textColor: #e7eae8
toolbar.clock.color1: #272c2c
toolbar.clock.color2: #77807c
toolbar.clock.borderColor: #343f3f
toolbar.clock.borderWidth: 1
toolbar.button.appearance: flat elliptic gradient border
toolbar.button.foregroundColor: #535353
toolbar.button.marginWidth: 2
toolbar.button.pressed.appearance: flat elliptic interlaced gradient border
toolbar.button.pressed.foregroundColor: #fdffee
toolbar.button.pressed.color1: #1b1e13
toolbar.button.pressed.color2: #fcffef
toolbar.button.pressed.borderColor: #343e00
toolbar.button.pressed.borderWidth: 1
toolbar.button.color1: #636f44
toolbar.button.color2: #fcffef
toolbar.button.borderColor: #3a461d
toolbar.button.borderWidth: 1

!-- menu --
menu.title.appearance: flat elliptic gradient label border
menu.title.color1: #272c2c
menu.title.color2: #77807c
menu.title.textColor: #e7eae8
menu.title.borderColor: #343f3f
menu.title.borderWidth: 1
menu.title.marginWidth: 2
menu.title.font: pix gelly 7pt:size=10
menu.title.alignment: center
menu.frame.appearance: flat elliptic gradient border
menu.frame.color1: #394244
menu.frame.color2: #9cada6
menu.frame.foregroundColor: #000000
menu.frame.textColor: #303937
menu.frame.disabledColor: #000000
menu.frame.borderColor: #2f3635
menu.frame.borderWidth: 1
menu.frame.marginWidth: 1
menu.frame.font: pix gelly 7pt:size=10
menu.frame.alignment: left
menu.active.appearance: flat elliptic gradient border
menu.active.color1: #636f44
menu.active.color2: #fcffef
menu.active.foregroundColor: #000000
menu.active.textColor: #535353
menu.active.marginWidth: 4
menu.active.borderColor: #3a461d
menu.active.borderWidth: 1
menu.bullet: triangle
menu.bullet.position: right

!-- window --
window.title.focus.appearance: flat elliptic gradient border
window.title.focus.color1: #2d3436
window.title.focus.color2: #9cada6
window.title.focus.borderColor: #333e3c
window.title.focus.borderWidth: 1
window.label.focus.appearance: flat elliptic gradient border
window.label.focus.color1: #354b4e
window.label.focus.color2: #63a9b7
window.label.focus.textColor: #ffffdb
window.label.focus.borderColor: #364d51
window.label.focus.borderWidth: 1
window.handle.focus.appearance: flat elliptic gradient border
window.handle.focus.color1: #2d3436
window.handle.focus.color2: #9cada6
window.handle.focus.borderColor: #333e3c
window.handle.focus.borderWidth: 1
window.grip.focus.appearance: flat elliptic gradient border
window.grip.focus.color1: #636f44
window.grip.focus.color2: #fcffef
window.grip.focus.borderColor: #3a461d
window.grip.focus.borderWidth: 1
window.button.focus.appearance: flat elliptic gradient border
window.button.focus.color1: #636f44
window.button.focus.color2: #fcffef
window.button.focus.foregroundColor: #4b5534
window.button.focus.borderColor: #343e00
window.button.focus.borderWidth: 1
window.button.pressed.appearance: flat elliptic interlaced gradient border
window.button.pressed.color1: #1b1e13
window.button.pressed.color2: #fcffef
window.button.pressed.foregroundColor: #fdffee
window.button.pressed.borderColor: #343e00
window.button.pressed.borderWidth: 1
window.title.unfocus.appearance: flat elliptic gradient border
window.title.unfocus.color1: #232828
window.title.unfocus.color2: #7b8480
window.title.unfocus.borderColor: #1d2222
window.title.unfocus.borderWidth: 1
window.label.unfocus.appearance: parentrelative
window.label.unfocus.textColor: #d9dedb
window.handle.unfocus.appearance: flat elliptic gradient border
window.handle.unfocus.color1: #232828
window.handle.unfocus.color2: #7b8480
window.handle.unfocus.borderColor: #333b3a
window.handle.unfocus.borderWidth: 1
window.grip.unfocus.appearance: flat elliptic gradient border
window.grip.unfocus.color1: #232828
window.grip.unfocus.color2: #7b8480
window.grip.unfocus.borderColor: #333b3a
window.grip.unfocus.borderWidth: 1
window.button.unfocus.appearance: parentrelative border
window.button.unfocus.foregroundColor: #68716d
window.button.unfocus.borderColor: #474d4c
window.button.unfocus.borderWidth: 1
window.title.marginWidth: 1
window.label.marginWidth: 2
window.button.marginWidth: 2
window.frame.focus.borderColor: #262a27
window.frame.unfocus.borderColor: #333b3a
window.frame.borderWidth: 1
window.handleHeight: 1
window.font: pix gelly 7pt:size=10
window.alignment: center

!-- slit --
slit.appearance: flat elliptic gradient border
slit.color1: #202526
slit.color2: #9cada6
slit.borderColor: #2f3635
slit.borderWidth: 2
slit.marginWidth: 3

Fonts :
pix gelly 7pt (See previous posts)

GTK theme : OneStepBack-darker also avilable from author's webpage here
Wallpaper : https://www.sgeier.net/fractals/fractals/01/Cs4.jpg
Dell OptiPlex 7010 - i7-3770 (8) @ 3.9GHz - 16Gb RAM - GeForce GT 1030 - MX 21
Panasonic CF MX4 - i5-5300U vPro (4) @ 2.9GHz - 4Gb RAM - HD Graphics 5500 - MX 21
Acer Aspire One ZG5 - Atom (2) @ 1.6GHz - 1.5Gb RAM - HD Gfx 945 - LXLE & XenialPup

User avatar
h3kt0r
Posts: 147
Joined: Fri Oct 08, 2021 6:27 pm

Re: MX-21 Screenshots

#202 Post by h3kt0r »


Image

Code: Select all

! Stylefile for blackbox 
! Automagically generated by bbstylemaker

! -- info --
style.name:                         Jimi H
style.author:                       h3kt0r
style.date:                         07.23.2024
style.credits:                      
style.comments:                     

! -- background --
! rootcommand:                        bsetbg -f jimi_H.jpg

! -- toolbar --
toolbar:                            gradient vertical raised bevel1
toolbar.color:                      #21132C
toolbar.colorTo:                    #192B53
toolbar.textColor:                  #D0C2B7
toolbar.alignment:                    center
toolbar.font:                       kroeger 05_53:size=12


toolbar.label:                      parentrelative
toolbar.label.textColor:            #D0C2B7

toolbar.windowlabel:                parentrelative
toolbar.windowlabel.textColor:      #D0C2B7

toolbar.clock:                      parentrelative
toolbar.clock.textColor:            #D0C2B7

toolbar.button:                     parentrelative
toolbar.button.piccolor:            #D0C2B7

toolbar.button.pressed:             gradient vertical sunken bevel1
toolbar.button.pressed.color:       #162B56
toolbar.button.pressed.colorTo:     #192B53
toolbar.button.pressed.piccolor:    #D0C2B7

! -- menu --
menu.title:                         gradient vertical raised bevel1
menu.title.color:                   #21132C
menu.title.colorTo:                 #192B53
menu.title.textColor:               #E62751
menu.title.alignment:                 left
menu.title.font:                    kroeger 05_53:bold:size=12


menu.frame:                         gradient vertical sunken bevel1
menu.frame.color:                   #192B53
menu.frame.colorTo:                 #21132C
menu.frame.textColor:               #D0C2B7

menu.frame.alignment:                 left
menu.frame.font:                    kroeger 05_53:size=12


menu.active:                        gradient horizontal sunken bevel2
menu.active.color:                  #162B56
menu.active.colorTo:                #1E516E
menu.active.textColor:              #4492A1

menu.bullet:                        empty
menu.bullet.position:               right

! -- window --
window.title.focus:                 gradient vertical raised bevel1
window.title.focus.color:           #21132C
window.title.focus.colorTo:         #192B53

window.label.focus:                 parentrelative
window.label.focus.textColor:       #E62751

window.handle.focus:                gradient vertical raised bevel1
window.handle.focus.color:          #162B56
window.handle.focus.colorTo:        #192B53

window.grip.focus:                  parentrelative

window.button.focus:                parentrelative
window.button.focus.picColor:       #D0C2B7

window.button.pressed:              gradient vertical sunken bevel1
window.button.pressed.color:        #162B56
window.button.pressed.colorTo:      #192B53
window.button.pressed.picColor:     #D0C2B7

window.title.unfocus:               gradient vertical raised bevel1
window.title.unfocus.color:         #162B56
window.title.unfocus.colorTo:       #192B53

window.label.unfocus:               parentrelative
window.label.unfocus.textColor:     #527787

window.handle.unfocus:              gradient vertical raised bevel1
window.handle.unfocus.color:        #162B56
window.handle.unfocus.colorTo:      #192B53

window.grip.unfocus:                parentrelative

window.button.unfocus:              parentrelative
window.button.unfocus.picColor:     #527787

window.frame.focusColor:            black
window.frame.unfocusColor:          black

window.font:                        kroeger 05_53:size=12
window.alignment:                     center

! -- misc. --
bordercolor:                        #D0C2B7
borderwidth:                        1
bevelwidth:                         2
framewidth:                         1
handlewidth:                        7

Fonts :
kroeger 05_53

GTK theme : Flat Remix GTK. Author's page here.

Wallpaper : Image from https://www.tstout.com/
Last edited by h3kt0r on Tue Jul 23, 2024 12:15 pm, edited 1 time in total.
Dell OptiPlex 7010 - i7-3770 (8) @ 3.9GHz - 16Gb RAM - GeForce GT 1030 - MX 21
Panasonic CF MX4 - i5-5300U vPro (4) @ 2.9GHz - 4Gb RAM - HD Graphics 5500 - MX 21
Acer Aspire One ZG5 - Atom (2) @ 1.6GHz - 1.5Gb RAM - HD Gfx 945 - LXLE & XenialPup

User avatar
AVLinux
Posts: 3220
Joined: Wed Jul 15, 2020 1:15 am

Re: MX-21 Screenshots

#203 Post by AVLinux »

@h3kt0r

Another great combination! I'm not in love with the font on this one, but the rest is great! Nice Hendrix wallpaper, thanks for sharing!

User avatar
h3kt0r
Posts: 147
Joined: Fri Oct 08, 2021 6:27 pm

Re: MX-21 Screenshots

#204 Post by h3kt0r »

Thank you. This is the second style i've made for BlackBox.
You can find more illustrations from Tyler Stout, the author of the Jimi Hendrix wallpaper, here : https://www.tstout.com/

A more polished version :


Image

Code: Select all

! Stylefile for blackbox 
! Automagically generated by bbstylemaker

! -- info --
style.name:                         Jimi H
style.author:                       h3kt0r
style.date:                         07.23.2024
style.credits:                      
style.comments:                     version 1.1

! -- background --
! rootcommand:                        bsetbg -f jimi_H.jpg

! -- toolbar --
toolbar.appearance:                 gradient vertical raised bevel1
toolbar.color:                      #21132C
toolbar.colorTo:                    #192B53
toolbar.textColor:                  #EA0100
toolbar.alignment:                    center
toolbar.font:                       Dungeon:bold:size=11
toolbar.borderColor:                #EA0009
toolbar.borderWidth:                1

! space around and between buttons and labels
toolbar.marginWidth:                   2

toolbar.label:                gradient vertical raised bevel1
toolbar.label.color:          #192B53
toolbar.label.colorTo:        #21132C
toolbar.label.textColor:      #D0C2B7


! space around text in labels
toolbar.label.marginWidth:          5

toolbar.windowLabel:                gradient vertical raised bevel1 border
toolbar.windowLabel.color:          #192B53
toolbar.windowLabel.colorTo:        #21132C
toolbar.windowLabel.textColor:      #D0C2B7
toolbar.windowLabel.borderColor:    #EA0009


toolbar.clock:                      gradient vertical raised bevel1
toolbar.clock.color:                #192B53
toolbar.clock.colorTo:              #21132C
toolbar.clock.textColor:            #D0C2B7
toolbar.clock.borderColor:          #EA0009


toolbar.button:                     gradient vertical raised bevel1
toolbar.button.piccolor:            #D0C2B7
toolbar.button.color:               #00767F
toolbar.button.colorTo:             #21132C
toolbar.button.foregroundColor:     #D0C2B7

toolbar.button.pressed:             gradient vertical sunken bevel1 border
toolbar.button.pressed.color:       #162B56
toolbar.button.pressed.colorTo:     #192B53
toolbar.button.pressed.piccolor:    #D0C2B7


! -- menu --
menu.title.marginWidth:             5

menu.title:                         gradient vertical raised bevel1 border
menu.title.color:                   #192B53
menu.title.colorTo:                 #21132C
menu.title.textColor:               #EA0100
menu.title.alignment:               left
menu.title.font:                    Dungeon:bold:size=11
menu.title.borderColor:             #EA0009
menu.title.borderWidth:             1

menu.frame.marginWidth:             5
menu.frame:                         gradient vertical raised bevel1 border
menu.frame.color:                   #192B53
menu.frame.colorTo:                 #21132C
menu.frame.textColor:               #D0C2B7
menu.frame.borderColor:             #EA0009
menu.frame.borderWidth:             1
menu.frame.alignment:               left
menu.frame.font:                    pix gelly 7pt:size=10
! the menu bullet color
menu.frame.foregroundColor:            #44423d
! only shows in 'nix
menu.frame.disabledColor:              #94817c


menu.active:                        gradient horizontal sunken bevel2 border
menu.active.color:                  #162B56
menu.active.colorTo:                #1E516E
menu.active.textColor:              #4492A1
menu.active.borderColor:            #192B53
menu.active.borderWidth:            1


! -- window --
window.title.focus:                 gradient vertical raised bevel1
window.title.focus.color:           #192B53
window.title.focus.colorTo:         #21132C


window.label.focus:                 gradient vertical raised bevel1 border
window.label.focus.color:           #192B53
window.label.focus.colorTo:         #21132C
window.label.focus.textColor:       #EA0100
window.label.focus.borderColor:     #EA0009
window.label.focus.borderWidth:     1

window.handle.focus:                gradient vertical raised bevel1
window.handle.focus.color:          #21132C
window.handle.focus.colorTo:        #192B53
window.handle.focus.borderColor:    #EA0009

window.grip.focus:                 flat solid border
window.grip.focus.color:           #EA0009
window.grip.focus.borderColor:     #EA0009


window.button.focus:                gradient vertical raised bevel1
window.button.focus.color:          #00767F
window.button.focus.colorTo:        #21132C
window.button.focus.picColor:       #D0C2B7
window.button.focus.borderColor:    #D0C2B7


window.button.pressed:              gradient vertical sunken bevel1
window.button.pressed.color:        #162B56
window.button.pressed.colorTo:      #192B53
window.button.pressed.picColor:     #D0C2B7

window.title.unfocus:               gradient vertical raised bevel1
window.title.unfocus.color:         #162B56
window.title.unfocus.colorTo:       #192B53

window.label.unfocus:               parentrelative
window.label.unfocus.textColor:     #527787

window.handle.unfocus:              gradient vertical raised bevel1
window.handle.unfocus.color:        #162B56
window.handle.unfocus.colorTo:      #192B53

window.grip.unfocus:                parentrelative

window.button.unfocus:              parentrelative
window.button.unfocus.picColor:     #527787

window.frame.focusColor:            #EA0009
window.frame.unfocusColor:          #EA0009

window.font:                        Dungeon:bold:size=11
window.alignment:                   center

! -- misc. --
bordercolor:                        #EA0009
borderwidth:                        1
bevelwidth:                         2
framewidth:                         1
handlewidth:                        7

Fonts : pix gelly 7pt (see previous posts)
Dungeon
Same GTK theme in its "Red Darkest" variant to match the changes of the BlackBox style...
Dell OptiPlex 7010 - i7-3770 (8) @ 3.9GHz - 16Gb RAM - GeForce GT 1030 - MX 21
Panasonic CF MX4 - i5-5300U vPro (4) @ 2.9GHz - 4Gb RAM - HD Graphics 5500 - MX 21
Acer Aspire One ZG5 - Atom (2) @ 1.6GHz - 1.5Gb RAM - HD Gfx 945 - LXLE & XenialPup

User avatar
asqwerth
Developer
Posts: 8043
Joined: Sun May 27, 2007 5:37 am

Re: MX-21 Screenshots

#205 Post by asqwerth »

Celebrating the fact that I can boot into my MX21 KDE again. Few weeks ago it just refused to boot up after an update to the 6.1 kernel from AHS repo. After assistance from the forum helpers, I installed the liquorix kernel [via chroot rescue scan], and was able to boot back into MX21 KDE again.

Image

https://imgur.com/FsLkc9D


Folder icons made with the Papirus folder colours tool.

Application theme is KvFlat, a theme preinstalled with Kvantum manager.

Plasma desktop theme = Spectrum Classic Iollite

Window Decoration {aurorae] theme = BreezemiteForman1, which I've used for ages on any Plasma 5 distro I had.

Analogue clock conky from the bunsenlabs forum, from loutch, I believe.

Weather conky is from TeobigusGeekus' accuweather-conky-script, but the weather icons is Google Gradient, found on Deviantart. They were already numbered for Accuweather weather condition codes.

Start button graphic with MX (old) Logo with 3D pyramids - by @Auro Kumar Sahoo , though I recoloured the pyramids.
Desktop: Intel i5-4460, 16GB RAM, Intel integrated graphics
Clevo N130WU-based Ultrabook: Intel i7-8550U (Kaby Lake R), 16GB RAM, Intel integrated graphics (UEFI)
ASUS X42D laptop: AMD Phenom II, 6GB RAM, Mobility Radeon HD 5400

User avatar
Jerry3904
Administrator
Posts: 23620
Joined: Wed Jul 19, 2006 6:13 am

Re: MX-21 Screenshots

#206 Post by Jerry3904 »

Pretty neat--and great colors!
Production: MX-23 Xfce, AMD FX-4130 Quad-Core, GeForce GT 630/PCIe/SSE2, 16 GB, SSD 120 GB, Data 1TB
Personal: MX-25 Fluxbox, ThinkPad X1 Carbon gen 9 with i7
Other: Raspberry Pi 5 with MX-23 Xfce Raspberry Pi Respin

User avatar
AVLinux
Posts: 3220
Joined: Wed Jul 15, 2020 1:15 am

Re: MX-21 Screenshots

#207 Post by AVLinux »

@asqwerth

Very cool, love the folder color and that Conky! Fun to see the MX Art Maestro's setup (or at least one of them!)

User avatar
h3kt0r
Posts: 147
Joined: Fri Oct 08, 2021 6:27 pm

Re: MX-21 Screenshots

#208 Post by h3kt0r »


Image

Code: Select all

! STYLEFILE FOR BLACKBOX 0.7.x
!
! This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License.
!
! Please read this license to know the legal rights to the use of this work. The license can be
! found at the folowing location: http://creativecommons.org/licenses/by-nc-sa/2.5/

! -------- INFO-------- 
style.name:                            scarab
style.author:                          crowmag
style.date:                            27 August, 2006
style.credits:
style.comments:                        in response to a screenie by dubox on boxshots.org

! ################################################################
! All width, height and margin resources are specified in pixels.
! In general, width and height specify the full extent, where as
! margin specifies the space around another element.
! ################################################################

! -------- BACKGROUND --------
! wallpaper source:                    
!rootCommand:                           bsetbg -f backgrounds\
rootCommand:                           bsetroot -gradient diagonal -from #be8830 -to #183b23

! -------- TOOLBAR --------
toolbar.appearance:                    raised gradient diagonal bevel2 border
toolbar.color1:                        #be8830
toolbar.color2:                        #183b23
toolbar.textColor:                     #e9e9ab
toolbar.alignment:                     center
toolbar.borderColor:                   #0b3622
toolbar.borderWidth:                   1

! space around and between buttons and labels
toolbar.marginWidth:                   2

toolbar.label.appearance:              raised gradient horizontal bevel2 border
toolbar.label.color1:                  #d3bf7a
toolbar.label.color2:                  #be8830
toolbar.label.textColor:               #001500
toolbar.label.borderColor:             #0b3622
toolbar.label.borderWidth:             1

! space around text in labels
toolbar.label.marginWidth:             2

toolbar.windowLabel.appearance:        sunken gradient diagonal bevel2 border
toolbar.windowLabel.color1:            #183b23
toolbar.windowLabel.color2:            #be8830
toolbar.windowLabel.textColor:         #e9e9ab
toolbar.windowlabel.borderColor:       #0b3622
toolbar.windowlabel.borderWidth:       1

! space around text in labels
toolbar.windowlabel..marginWidth:      2

toolbar.clock.appearance:              raised gradient horizontal bevel2 border
toolbar.clock.color1:                  #d3bf7a
toolbar.clock.color2:                  #be8830
toolbar.clock.textColor:               #001500
toolbar.clock.borderColor:             #0b3622
toolbar.clock.borderWidth:             1

! space around text in clock
toolbar.clock.marginWidth:             2

toolbar.button.appearance:             raised gradient crossdiagonal bevel2 border
toolbar.button.color1:                 #d3bf7a
toolbar.button.color2:                 #0a5534
toolbar.button.foregroundColor:        #e9e9ab
toolbar.button.borderColor:            #0b3622
toolbar.button.borderWidth:            1

toolbar.button.pressed.appearance:     sunken gradient crossdiagonal bevel2 border
toolbar.button.pressed.color1:         #0a5534
toolbar.button.pressed.color2:         #d3bf7a
toolbar.button.pressed.foregroundColor:#e9e9ab
toolbar.button.pressed.borderColor:    #0b3622
toolbar.button.pressed.borderWidth:    1

! space around bitmaps in buttons
toolbar.button.marginWidth:            3

! -------- MENU --------
menu.title.appearance:                 raised gradient horizontal bevel2 border
menu.title.color1:                     #dbc47e
menu.title.color2:                     #0a5534
menu.title.textColor:                  #e9e9ab
menu.title.alignment:                  center
menu.title.borderColor:                #0b3622
menu.title.borderWidth:                1

! space around text in title
menu.title.marginWidth:                2

menu.frame.appearance:                 raised gradient crossdiagonal bevel2 border
menu.frame.color1:                     #0a5534
menu.frame.color2:                     #d3bf7a
menu.frame.textColor:                  #e9e9ab
menu.frame.alignment:                  left
! the menu bullet color
menu.frame.foregroundColor:            #e9e9ab
! only shows in 'nix...
menu.frame.disabledColor:              #001500
menu.frame.borderColor:                #0b3622
menu.frame.borderWidth:                1

! space around all items in frame
menu.frame.marginWidth:                0

menu.active.appearance:                flat solid bevel2 border
menu.active.Color:                     #b9ca0c
menu.active.textColor:                 #396500
! the highlited menu bullet color
menu.active.foregroundColor:           #e9e9ab
menu.active.borderColor:               #0b3622
menu.active.borderWidth:               1

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

! -------- WINDOW --------
window.title.focus.appearance:         raised gradient horizontal bevel2 border
window.title.focus.color1:             #dbc47e
window.title.focus.color2:             #0a5534
window.title.focus.borderColor:        #0b3622
window.title.focus.borderWidth:        1

window.title.unfocus.appearance:       raised gradient diagonal bevel2 border
window.title.unfocus.color1:           #be8830
window.title.unfocus.color2:           #183b23
window.title.unfocus.borderColor:      #0b3622
window.title.unfocus.borderWidth:      1

! space around and between buttons and labels
window.title.marginWidth:              2

window.label.focus.appearance:         parentrelative
window.label.focus.textColor:          #e9e9ab
window.label.focus.borderColor:        #0b3622
window.label.focus.borderWidth:        1

window.label.unfocus.appearance:       parentrelative
window.label.unfocus.textColor:        #001500

! space around text in labels
window.label.marginWidth:              2
window.alignment:                      center

window.button.focus.appearance:        raised gradient diagonal bevel2 border
window.button.focus.color1:            #d3bf7a
window.button.focus.color2:            #0a5534
window.button.focus.foregroundColor:   #e9e9ab
window.button.focus.borderColor:       #0b3622
window.button.focus.borderWidth:       1

window.button.unfocus.appearance:      flat gradient diagonal bevel2 border
window.button.unfocus.color1:          #be8830
window.button.unfocus.color2:          #183b23
window.button.unfocus.foregroundColor: #001500
window.button.unfocus.borderColor:     #0b3622
window.button.unfocus.borderWidth:     1

window.button.pressed.appearance:      sunken gradient diagonal bevel2 border
window.button.pressed.color1:          #0a5534
window.button.pressed.color2:          #d3bf7a
window.button.pressed.foregroundColor: #e9e9ab
window.button.pressed.borderColor:     #0b3622
window.button.pressed.borderWidth:     1

! space around bitmaps in buttons
window.button.marginWidth:             4

window.handle.focus.appearance:        sunken gradient diagonal bevel2 border
window.handle.focus.color1:            #183b23
window.handle.focus.color2:            #be8830
window.handle.focus.borderColor:       #0b3622
window.handle.focus.borderWidth:       1

window.handle.unfocus.appearance:      sunken gradient diagonal bevel2 border
window.handle.unfocus.color1:          #183b23
window.handle.unfocus.color2:          #be8830
window.handle.unfocus.borderColor:     #0b3622
window.handle.unfocus.borderWidth:     1

! height of the window handle
window.handleHeight:                   6

window.grip.focus.appearance:          raised gradient diagonal bevel2 border
window.grip.focus.color1:              #d3bf7a
window.grip.focus.color2:              #0a5534
window.grip.focus.borderColor:         #0b3622
window.grip.focus.borderWidth:         1

window.grip.unfocus.appearance:        raised gradient diagonal bevel2 border
window.grip.unfocus.color1:            #be8830
window.grip.unfocus.color2:            #183b23
window.grip.unfocus.borderColor:       #0b3622
window.grip.unfocus.borderWidth:       1

! these are the left and right borders of the window frame
window.frame.focus.borderColor:        #0b3622
window.frame.unfocus.borderColor:      #0b3622
window.frame.borderWidth:              1

! -------- SLIT --------
slit.appearance:                       raised gradient diagonal bevel2 border
slit.color1:                           #be8830
slit.color2:                           #183b23
slit.borderColor:                      #0b3622
slit.borderWidth:                      1
slit.bevelWidth:                       1
! the space around and between slit clients
slit.marginWidth:                      2

! -------- FONTS --------
! syntax is for Posix platforms - I use "global.fonts" (bbLean 1.16)
toolbar.font:                           pix gelly 7pt-11:normal
menu.title.font:                        Dungeon-12:style=bold
menu.frame.font:                        pix gelly 7pt-11:normal
window.font:                            Dungeon-12:style=bold
*font:                                  pix gelly 7pt-11:normal

! -------- MISC. --------
*borderColor:                           #0b3622
*borderWidth:                           1
*bevelWidth:                            1
Fonts :
Dungeon
pix gelly

GTK theme : Devil-Pluto

Wallpaper : stock MX wallpaper
Dell OptiPlex 7010 - i7-3770 (8) @ 3.9GHz - 16Gb RAM - GeForce GT 1030 - MX 21
Panasonic CF MX4 - i5-5300U vPro (4) @ 2.9GHz - 4Gb RAM - HD Graphics 5500 - MX 21
Acer Aspire One ZG5 - Atom (2) @ 1.6GHz - 1.5Gb RAM - HD Gfx 945 - LXLE & XenialPup

User avatar
h3kt0r
Posts: 147
Joined: Fri Oct 08, 2021 6:27 pm

Re: MX-21 Screenshots

#209 Post by h3kt0r »


Image

Code: Select all

! Automagically generated by bbstylemaker

style.name:                         secondary
style.author:                       looper
style.date:                         March 2005
style.credits:                      
style.comments:                     

!rootCommand:                        bsetroot
toolbar:                            sunken gradient vertical
toolbar.color:                      #C3A36B
toolbar.colorTo:                    #C3A36B
toolbar.textColor:                  #33284A
toolbar.alignment:                    center
toolbar.font:                       pix gelly 7pt:size=10

toolbar.button:                     raised solid
toolbar.button.color:               #BF7126
toolbar.button.picColor:            #33284A

toolbar.button.pressed:             flat gradient vertical
toolbar.button.pressed.color:       #BF7126
toolbar.button.pressed.picColor:    #33284A

toolbar.label:                      raised solid
toolbar.label.color:                #2673BF
toolbar.label.textColor:            #dd9754

toolbar.windowLabel:                sunken solid
toolbar.windowLabel.color:          #BF7126
toolbar.windowLabel.textColor:      #33284A

toolbar.clock:                      raised solid
toolbar.clock.color:                #2673BF
toolbar.clock.textColor:            #dd9754

menu.title:                         raised gradient vertical
menu.title.color:                   #DA7920
menu.title.colorTo:                 #BF7126
menu.title.textColor:               #33284A
menu.title.alignment:                 center
menu.title.font:                    pix nu 7pt:bold:size=11

menu.frame:                         flat gradient vertical
menu.frame.color:                   #C3A36B
menu.frame.colorTo:                 #BF7126
menu.frame.disableColor:            #666666
menu.frame.textColor:               #33284A
menu.frame.alignment:                 left
menu.frame.font:                    pix gelly 7pt:size=10

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

menu.active:                        raised gradient vertical
menu.active.color:                  #C3A36B
menu.active.colorTo:                #BF7126
menu.active.textColor:              #1B0035

window.title.focus:                 raised solid
window.title.focus.color:           #C3A36B


window.title.unfocus:               raised solid
window.title.unfocus.color:         #B9833C

window.label.focus:                 sunken gradient vertical
window.label.focus.color:           #DA7920
window.label.focus.colorTo:         #BF7126
window.label.focus.textColor:       #33284A
window.label.focus.alignment:         center


! window.label.unfocus:               parentrelative
! window.label.unfocus.textColor:     #C3A36B
window.label.unfocus:                 sunken gradient horizontal
window.label.unfocus.color:           #A06527
window.label.unfocus.colorTo:         #B9833C
window.label.unfocus.textColor:       #C3A36B
window.label.unfocus.alignment:         center

window.handle.focus:                flat gradient vertical
window.handle.focus.color:          #C3A36B
window.handle.focus.colorTo:        #C3A36B

window.handle.unfocus:              raised gradient vertical
window.handle.unfocus.color:        #B9833C
window.handle.unfocus.colorTo:      #B9833C

window.grip.focus:                  raised gradient horizontal
window.grip.focus.color:            #BF7126
window.grip.focus.colorTo:          #A06527

window.grip.unfocus:                raised gradient horizontal
window.grip.unfocus.color:          #BF7126
window.grip.unfocus.colorTo:        #A06527

window.button.focus:                parentrelative
window.button.focus.picColor:       #33284A

window.button.unfocus:              parentrelative
window.button.unfocus.picColor:     #C3A36B
window.font:                        pix gelly 7pt:size=10

window.button.pressed:              sunken solid
window.button.pressed.color:        #BF7126
window.button.pressed.picColor:     #33284A

window.frame.focusColor:            #33284A
window.frame.unfocusColor:          #33284A

window.alignment:                     center
window.font:                       pix nu 7pt:bold:size=11

borderColor:                        #2c2c2c
borderWidth:                        1
bevelWidth:                         2
handleWidth:                        3
frameWidth:                         1

*font:                              pix gelly 7pt:size=10

Fonts :
pix nu
pix gelly

GTK theme : yaru-coffe-master

Wallpaper : stock MX wallpaper
Dell OptiPlex 7010 - i7-3770 (8) @ 3.9GHz - 16Gb RAM - GeForce GT 1030 - MX 21
Panasonic CF MX4 - i5-5300U vPro (4) @ 2.9GHz - 4Gb RAM - HD Graphics 5500 - MX 21
Acer Aspire One ZG5 - Atom (2) @ 1.6GHz - 1.5Gb RAM - HD Gfx 945 - LXLE & XenialPup

User avatar
h3kt0r
Posts: 147
Joined: Fri Oct 08, 2021 6:27 pm

Re: MX-21 Screenshots

#210 Post by h3kt0r »


Image

Code: Select all

style.name:     Color Wheel
style.author:   h3kt0r
style.date:     August 2024
style.credits:  evolve for the original 'Garam Masala' bb style
style.comments: 

! t o o l b a r

toolbar:                    Raised Gradient Vertical
toolbar.color:              #F5B515
toolbar.colorTo:            #C46207
toolbar.textColor:          #07360C
toolbar.font:           	pix gelly 7pt:size=10
toolbar.alignment:          center


toolbar.button:             Sunken Gradient Vertical
toolbar.button.color:       #A7A6AC
toolbar.button.colorTo:     #000406
toolbar.button.picColor:    #ffffff
toolbar.button.pressed:     Sunken Gradient Vertical
toolbar.button.pressed.color:       #A7A6AC
toolbar.button.pressed.colorTo:     #000406
toolbar.button.pressed.picColor: #ffffff

toolbar.label:      Flat Gradient Vertical
toolbar.label.color:  		#F5B515
toolbar.label.ColorTo: 		#C46207
toolbar.label.textColor:    #07360C


toolbar.windowLabel:                sunken gradient diagonal
toolbar.windowLabel.color:          #6d887c
toolbar.windowLabel.colorTo:        #172726
toolbar.windowLabel.textColor:      #d0cebd

toolbar.clock:         		Flat Gradient Vertical
toolbar.clock.color:  		#F5B515
toolbar.clock.ColorTo: 		#C46207
toolbar.clock.textColor:    #07360C

! m e n u

menu.title:             Raised Gradient Vertical
menu.title.color:       #F5B515
menu.title.colorTo:     #C46207
menu.title.textColor:   #172726
menu.title.font:        pix gelly 7pt:bold:size=10
menu.title.alignment:     Left


menu.frame:             flat gradient diagonal
menu.frame.color:       #6d887c
menu.frame.colorTo:     #172726
menu.frame.textColor:   #FBFDFC
menu.frame.font:        pix gelly 7pt:size=10
menu.frame.alignment:     Left
menu.frame.disableColor: #000000


menu.active:            flat gradient diagonal
menu.active.color:      #FEFDFE
menu.active.colorTo:    #F5B515
menu.active.textColor:  #000000

menu.bullet:            triangle
menu.bullet.position:   Right

! w i n d o w

window.title.focus:         Raised Gradient Vertical
window.title.focus.color:   #F5B515
window.title.focus.colorTo: #C46207

window.title.unfocus:           Raised Gradient Vertical
window.title.unfocus.color:     #F5B515
window.title.unfocus.colorTo:   #C46207

window.alignment: Center

window.label.focus:             Sunken Gradient Vertical
window.label.focus.color:    	#90A18F
window.label.focus.colorTo: 	#819081
window.label.focus.textColor:   #07360C

window.font:    pix gelly 7pt:bold:size=10

window.label.unfocus:           parentrelative
window.label.unfocus.textColor: #000000

window.handle.focus:            Raised Gradient Crossdiagonal
window.handle.focus.color:      #F5B515
window.handle.focus.colorTo:    #C46207

window.handle.unfocus:          Raised Gradient Crossdiagonal
window.handle.unfocus.color:    #F5B515
window.handle.unfocus.colorTo:  #C46207

window.grip.focus:          Raised Gradient Crossdiagonal
window.grip.focus.color:    #F5B515
window.grip.focus.colorTo:  #C46207

window.grip.unfocus:            Raised Gradient Crossdiagonal
window.grip.unfocus.color:      #F5B515
window.grip.unfocus.colorTo:    #C46207

window.button.focus:            Raised Gradient Vertical
window.button.focus.color:       #A7A6AC
window.button.focus.colorTo:     #000406
window.button.focus.picColor:   #ffffff

window.button.unfocus:          Sunken Gradient Vertical
window.button.unfocus.color:       #A7A6AC
window.button.unfocus.colorTo:     #000406
window.button.unfocus.picColor: #A0A0A0

window.button.pressed:          parentrelative
window.button.pressed.picColor: #A0A0A0

window.frame.focusColor:    #F5B515
window.frame.unfocusColor:  #C46207

! m i s c

handleWidth:    0
frameWidth:     0
bevelWidth:     1
borderWidth:    1
borderColor:    #373737


! rootcommand:          bsetbg -Solid #5c5c5c
*font:  pix gelly 7pt:size=10
Fonts :
pix gelly

GTK style : Orangine

Wallpaper : Color Wheel
Last edited by h3kt0r on Thu Aug 29, 2024 9:06 am, edited 2 times in total.
Dell OptiPlex 7010 - i7-3770 (8) @ 3.9GHz - 16Gb RAM - GeForce GT 1030 - MX 21
Panasonic CF MX4 - i5-5300U vPro (4) @ 2.9GHz - 4Gb RAM - HD Graphics 5500 - MX 21
Acer Aspire One ZG5 - Atom (2) @ 1.6GHz - 1.5Gb RAM - HD Gfx 945 - LXLE & XenialPup

Post Reply

Return to “Themes and Screenshots”