MX-21 MX-Fluxbox

[mowest]

There is no need for total uniformity among the tint2s imo since the collection is intended to show variety

I wasn't trying to imply that all the different Tint2 panels in the collection needed a uniform look. I agree that the different ones show the variety.that is possible. If the green MX icon was just another alternative Tint2 that's fine to add another option. I thought you were considering what the default Tint2 that comes installed should look like. That one I believe would look nice to have either all papyrus icons like the dock or all B/W like all the current icons except the exit one. My apologies if I was unclear.

[Jerry3904]

Got it, sorry I misunderstood. I was thinking in fact about the default tint2 but it may well be too late to start fiddling around.

[PPC]

I recently noticed that the window decorations look bad, rounded, on the default MXFB 21 theme... Since it's not easy to find nice GB themes (styles) I adapted on from my fluxbox setup (it's based in zymek-dark blue)- I changed the colors of the window decorations to look smoother than the original ones... I'm thinking about changing the menu, when I have the time. I call this FT10dark...

Code: Select all

#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: Ft10-dark, based in zimek_darkblue
# made: PPC (based in tenner's work)
# date: 5/9/2021
#
############################################################## BACKGROUND #####

background: 					flat gradient elliptic
background.color: 				#1C232E
background.colorTo:				#12233F

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

############################################################## MENU ###########

menu.bevelWidth:						1

#menu.itemHeight:						35
#menu.titleHeight:						21
menu.borderColor:						#2B2B2B
menu.borderWidth:						1

menu.bullet:							triangle
menu.bullet.position:					Right
menu.frame.underlineColor:				#F4F4F4

menu.title:								flat gradient vertical
menu.title.justify:						center
menu.title.color:						#4E5A6A
menu.title.colorTo:						#010508
menu.title.textColor:					#B6B8C1

menu.frame:								flat gradient crossdiagonal	
menu.frame.justify:						left
menu.frame.color:						#4E5A6A
menu.frame.colorTo:						#010508
menu.frame.textColor:					#ffffff
menu.frame.disableColor:				#90A2C8

menu.hilite:						flat gradient pyramid
menu.hilite.color:					#010508
menu.hilite.colorTo:					#65676B
menu.hilite.textColor:					#90A2C8

menu.roundCorners: TopRight TopLeft BottomRight BottomLeft

############################################################## TOOLBAR ########

toolbar.bevelWidth:						0

toolbar.borderWidth:					1
toolbar.borderColor:					#2B2B2B

toolbar.height:							21

toolbar.justify:						center

toolbar:								flat gradient vertical
toolbar.pixmap:							
toolbar.color:							#3C4552
toolbar.colorTo:						#010508

toolbar.clock:							parentrelative
toolbar.clock.justify:					center
toolbar.clock.color:					#
toolbar.clock.colorTo:					#
toolbar.clock.textColor:				#B6B8C1

toolbar.workspace:						parentrelative
toolbar.workspace.justify:				Center
toolbar.workspace.color:				#
toolbar.workspace.colorTo:				#
toolbar.workspace.textColor:			#B6B8C1

toolbar.button:							parentrelative 
toolbar.button.color:					#
toolbar.button.colorTo:					#
toolbar.button.picColor:				#B6B8C1
toolbar.button.pressed:					parentrelative 
toolbar.button.pressed.color:			#
toolbar.button.pressed.colorTo:			#
toolbar.button.pressed.picColor:		#000000

toolbar.iconbar.borderWidth:			1
toolbar.iconbar.borderColor:			#2B2B2B

toolbar.iconbar.empty:					parentrelative
toolbar.iconbar.empty.color:			#
toolbar.iconbar.empty.colorTo:			#

toolbar.iconbar.focused.borderWidth:	1
toolbar.iconbar.focused.borderColor:	#2B2B2B
toolbar.iconbar.focused:				flat gradient vertical
toolbar.iconbar.focused.color:			#4E5A6A
toolbar.iconbar.focused.colorTo:		#010508
toolbar.iconbar.focused.textColor:		#B6B8C1
toolbar.iconbar.focused.justify:		center

toolbar.iconbar.unfocused.borderWidth:	1
toolbar.iconbar.unfocused.borderColor:	#2B2B2B
toolbar.iconbar.unfocused:				flat gradient vertical
toolbar.iconbar.unfocused.color:		#3C4552
toolbar.iconbar.unfocused.colorTo:		#010508
toolbar.iconbar.unfocused.textColor:	#65676B
toolbar.iconbar.unfocused.justify:		center

############################################################## WINDOW #########
window.roundCorners: TopLeft TopRight BottomLeft BottomRight
window.bevelWidth:						4
window.shade:							false
window.borderWidth:						1
window.borderColor:						#2B2B2B

window.justify:							Center

window.title.height:					21

window.title.focus:				flat gradient vertical
window.title.focus.color:			#4E5A6A
window.title.focus.colorTo:			#010508
window.title.unfocus:				flat gradient vertical
window.title.unfocus.color:			#3C4552
window.title.unfocus.colorTo:			#010508

window.label.focus:						parentrelative
window.label.focus.color:				#
window.label.focus.colorTo:				#
window.label.focus.textColor:			#B6B8C1
window.label.unfocus:					parentrelative
window.label.unfocus.color:				#
window.label.unfocus.colorTo:			#
window.label.unfocus.textColor:			#65676B

window.button.focus:					parentrelative
window.button.focus.color:      		#
window.button.focus.colorTo:      		#
window.button.focus.picColor:			#A0A0A0
window.button.unfocus:					parentrelative
window.button.unfocus.Color:			#
window.button.unfocus.ColorTo:			#
window.button.unfocus.picColor:			#606060
window.button.pressed:					parentrelative
window.button.pressed.color:			#
window.button.pressed.colorTo:			#
window.button.pressed.picColor:			#B6B8C1z

window.handle.focus:				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
window.grip.focus.color:			#2B2B2B
window.grip.focus.colorTo:			#2B2B2B
window.grip.unfocus:				raised
window.grip.unfocus.color:			#2B2B2B
window.grip.unfocus.colorTo:			#2B2B2B

###############################################################################
# EOF

[Jerry3904]

Cool! I'd love to include it and will take a look.

Thanks.

[kobaian]

I recently noticed that the window decorations look bad, rounded, on the default MXFB 21 theme... Since it's not easy to find nice GB themes (styles) I adapted on from my fluxbox setup (it's based in zymek-dark blue)- I changed the colors of the window decorations to look smoother than the original ones... I'm thinking about changing the menu, when I have the time. I call this FT10dark...

Nice!

And even more beautiful with a dark theme:

[Jerry3904]

I tried it too and it does look very nice indeed.

[mowest]

I recently noticed that the window decorations look bad, rounded, on the default MXFB 21 theme... Since it's not easy to find nice GB themes (styles) I adapted on from my fluxbox setup (it's based in zymek-dark blue)- I changed the colors of the window decorations to look smoother than the original ones... I'm thinking about changing the menu, when I have the time. I call this FT10dark...

I have installed this yet, but from the screenshots taken by @kobaian I like this a lot more than the current defaults. Thanks @PPC I hope we can make this our default for final.

[PPC]

One this for folks that want to save every bit of spare RAM they have and still have the same funcionality as the default MXFB...

MXFB beta comes with a particular tint2 toolbar that tries to emulate the default dock, but using much less RAM... There's one problem, users may not be aware how they can launch it or manage it's icons (add/remove/move icons).

You can close the default dock (Menu > Out of sight > Kill dock) and then launch tint2 with the dock-basic-tint2rc config file. You can do that using "tint2 manager" or go old school and do it from the terminal:

tint2 $HOME/.config/tint2/dock-basic-tint2rc

Once launched you can see it offers launchers to some MX applications...
Do you want to configure this "dock"?

tint2conf $HOME/.config/tint2/dock-basic-tint2rc

It may take a while to open, specially on older machines. This opens 2 windows, the first shows previews of all available tint2 configurations... DO NO MESS WITH ANYTHING IN THIS WINDOW! The second window - "Proprieties"- is the one that allows you to configure your "dock".

-Manage the "dock" icons:
click the "Launcher" tab. Then it's pretty easy to figure out how to add/remove icons... Press "apply" to apply any change, you may continue editing the launchers, until you press the "OK" button.

-Manage dock position, autohide, etc:
*click the "Panel" tab, then click where you want the "dock" to be placed. Press "apply"



*tick/untick the "autohide" entry as needed, then press "apply"

[note: you may need to increase the "Dock"'s "Length", in this tab, to accommodate more icons... and/or untick the "compact" field]

After you are done, close both tint2conf windows.

That's it! Tint2 is easy to configure, once you know how to do it...

P.

[Jerry3904]

In my test, using "compact" allows the tint2 docks to expand or contract to fit the number of icons. Is that not the case for you?

[PPC]

@Jerry3904 Yup, you are right- I switched so many settings in my tint2, in my virtualized MXFB, that it was glitching, presenting me with some wierd artifacts when I tried to add launchers- I rebooted and the "compact" setting works as it should, increasing/decreasing the "dock"'s width according to the number of launchers it holds... I'm rectifying my previous post accordingly!

P.