Page 79 of 142

Re: MX Fluxbox Screenshots

Posted: Sat Dec 03, 2022 2:40 pm
by siamhie
AVLinux wrote: Sat Dec 03, 2022 2:21 pmHaha, Fun!!
Thanks. I've been playing around with the halo and shadow effects lately.

Re: MX Fluxbox Screenshots

Posted: Mon Dec 05, 2022 6:32 am
by kobaian
After getting rid of anything in the code that won't work for anyone else than me and rewriting it to match the Melber's MX-Rofi color templates as much as possible. (I hope I have understood the coloring-rules properly.)


Image

Code: Select all

/** Iconic-Start-Menu -
	the rofi theme with vertical iconbar by Kobaian.
	It is based on sidetab-adapta (a fork of sidetab theme by deadguy) 
	and MX-comfort theme by Melber & MX-Devs.
	This theme has been dedicated to the public domain.
	
	To display the theme properly, you should install FontAwesome (fonts-font-awesome package)
	and define icons for rofi modi adding to the 'configuration {}' section
	in your config.rasi file the following lines:
    display-drun:    "";
	display-run:     "";
	display-window:  "";
	display-help:   "";
	display-filebrowser: "";
	display-ssh: "";
	display-calc:   "";  
*/

* {
	background-color: transparent;
	
    // Title background
    color01: #2C2C2CF6;
    // Title text
    color02: #CACDD0;
    // Searchbar background
    color03: #1D2324;
    // Searchbar text
    color04: #ffffff;
    // Inctive tab background
    color05: #2C2C2CF6;
    // Inctive tab text
    color06: #CACDD0;
    // Active tab background
    color07: #1D2324F9;
    // Active tab text
    color08: #F0B24C;
    // Active tab highlight
    color09: #F0B24C;
    // Selection background
    color10: #2C2C2C;
    // Selection text 
    color11: #ffffff;
   
   font: "Noto Sans 11";
   }
   
window {
		margin: 0px 0px 0px;
        anchor:   south west;
        location: south west;
        width:    25%;
        height:   60%;
        x-offset: 0px;
        y-offset: -45px;
}

mainbox {
        children: [ inputbar, listbox  ];
            spacing: 0;
 }

inputbar {
		children: [ textbox, entry ];
		orientation: horizontal;
		expand: false;
	    background-color: @color01;
	    border:           3px 3px 0px 3px;
        border-color:     @color07;
	}
	
textbox {
	margin: 16px 14px 12px 14px;
	width: 42px;
	height: 40px;
    background-color:  transparent;
    str:  "";
    font: "FontAwesome 14";
    expand: false;
    text-color:       @color02;
}

entry {
    border-radius:  0;
    border: 1px;
    border-color: @color09;
    background-color: @color03;
    text-color: @color04;
    padding: 5px;
    margin: 8px 6px;
    expand: true;
}	

listbox {
		orientation: horizontal;
		children: [ leftbar, listview ];
		border: 0;
    border-color:     @color05;
    spacing: 0;
    background-color: transparent;    
}

leftbar {
		orientation: vertical;
		children: [ custombox, mode-switcher ];
		expand: false;
		spacing: 0;
			background-color: transparent;
}
		
custombox	{
		background-color: @color05;
        border:           0px 3px 0px 3px;
        border-color:     @color07;
		expand: true;
}

listview {
		margin: 0;
		scrollbar: false;
		border: 0 0 0 0;
		padding: 6px 0 0 6px;
		border-color: inherit;
		spacing: 0;
		background-color: @color07;

}


element {
    background-color: transparent;
    padding: 6;
    text-color: @color06;
}

element selected {
    background-color:	@color10;
    text-color: 		@color11;
        border:			0px 4px 0px 0px;
        border-color: 	@color09;
}

element-text {
    background-color: inherit;
    text-color: inherit;
    vertical-align: 0.5;
}

element-icon {
    size: 32;
    background-color: inherit;
    padding: 0 6px 0 0;
}

mode-switcher {
	padding: 0 0 0 0;
    spacing: 0px;
    expand: false;
    orientation: vertical;
	border:          0;
	border-color:     @color07;
	background-color: transparent;
}

button {
    	font: "FontAwesome 12";
        padding: 14px 12px;
        spacing: 0px;
        background-color: @color05;
        text-color:       @color06;
        border:           0px 3px 0px 3px;
        border-color:     @color07;
        expand: false;
}

button selected {
        background-color: @color07;
        text-color:       @color08;
        border:           0px 0px 0px 3px;
        border-color:     @color09;
        border-radius:	0;
}
Note, that you need to install FontAwesome from the fonts-font-awesome package to achieve the desired look and feel.
You need also add to the configuration {} section in your config.rasi file the following lines:

Code: Select all

	display-drun:    "";
	display-run:     "";
	display-window:  "";
	display-help:   "";
	display-filebrowser: "";
	display-ssh: "";
	display-calc:   "";  

Re: MX Fluxbox Screenshots

Posted: Mon Dec 05, 2022 9:35 am
by Melber
@kobaian
Excellent, will take a look...special thanks for taking the trouble to incorporate the color codes.

Re: MX Fluxbox Screenshots

Posted: Wed Dec 07, 2022 7:32 am
by ceeslans
Mx-comfort_themed mxFlux

Image

Re: MX Fluxbox Screenshots

Posted: Wed Dec 07, 2022 7:51 am
by Jerry3904
My oh my!

That's a fine-looking rofi--any chance we could add it to the special group of "extra themes" being collected and curated for Rofi Manager?

Re: MX Fluxbox Screenshots

Posted: Wed Dec 07, 2022 8:15 am
by AVLinux
Wow! Love those rounded corners!

Re: MX Fluxbox Screenshots

Posted: Wed Dec 07, 2022 8:41 am
by kobaian
ceeslans wrote: Wed Dec 07, 2022 7:32 am Mx-comfort_themed mxFlux
Image
It looks great!

Re: MX Fluxbox Screenshots

Posted: Wed Dec 07, 2022 8:45 am
by Jerry3904
@kobaian @Melber It looks like we could include those "display-" settings in the default config.rasi without disturbing any other theme. Could we? Should we? Here's my draft--which comments out the sidebar mode or else those new settings show up in other themes:

Code: Select all

configuration {
	
modi: "drun,help:/usr/share/rofi/rofi-help";
	//width: 20;
	show-icons: true;
	icon-theme: "papirus";
	//lines: 20;
	//fake-transparency: true;
	//sidebar-mode: true;
	
//the following settings are used with kobaian.rasi;
	display-drun:    "";
	display-run:     "";
	display-window:  "";
	display-help:   "";
	display-filebrowser: "";
	display-ssh: "";
	display-calc:   ""; 
}
BTW: do we need to keep the 3 entries that we are not using (lines, fake, sidebar) in the config.rasi?

Re: MX Fluxbox Screenshots

Posted: Wed Dec 07, 2022 8:58 am
by ceeslans
Jerry3904 wrote: Wed Dec 07, 2022 7:51 am My oh my!
That's a fine-looking rofi--any chance we could add it to the special group of "extra themes" being collected and curated for Rofi Manager?
It's one of the many-colored 'rounded-" rofi themes I found at https://github.com/newmanls/rofi-themes ... ter/themes.
The original theme is by LR-Tech (as specified in the rasi file header). All version colors are great; and the blue variant simply matches melber's mx-comfort blue.

Re: MX Fluxbox Screenshots

Posted: Wed Dec 07, 2022 9:32 am
by Jerry3904
Well damn, I thought I'd found all the rofi theme sites out there! We'll take a careful look for includsion.

Thanks.