[NOW WITH POLL!] New logo

[gugalcrom123]

I think the circle shape isn't minty at all, but the old logo is too detailed. So I decided to make a crossover of both. I used the official LM shape extracted from the badge logo for this, so the LM is right.
Logo:

Logo with text:

The new leaf shape does not have a stem, to simplify the logo a bit and solve the offcenter logo problem. I used 2 colors to give the logo some depth. The colors are and . The color for the LM is and the color for the Linux Mint text is . The font is Lato.

Other images:
Black and white logos:

[Termy]

That looks amazing. I definitely prefer this one to the original — not gonna lie.

BTW, your signature is borked.

[gugalcrom123]

That looks amazing. I definitely prefer this one to the original — not gonna lie.

BTW, your signature is borked.

Fixed the signature.

[Mick-Cork]

I think the circle shape isn't minty at all, but the old logo is too detailed. So I decided to make a crossover of both. I used the official LM shape extracted from the badge logo for this, so the LM is right.

I opened this thread without any real expectation so was really nicely surprised to see such a good logo variation.

I took the liberty of adding it to my Firefox userContent.css setup to see what it would look like in a working environment...



Well done, like it a lot (think I'll keep it there for a while)

[Termy]

It's honestly one heck of a sexy logo. I really hope the developers consider switching over to it, because it looks amazing. I'll add it to my CSS file, too.

How did you get the size to show correctly? Been ages since I've worked with CSS. The best I could come up with is:

Code: Select all

background-image: url("https://raw.githubusercontent.com/Secret-chest/linuxmint-logo/main/linuxmint-icon.svg") !important;
width: 96px !important;
height: 96px !important;

But it's too big. Can you post your .site_logo block?

[Mick-Cork]

It's honestly one heck of a sexy logo. I really hope the developers consider switching over to it, because it looks amazing. I'll add it to my CSS file, too.

How did you get the size to show correctly? Been ages since I've work with CSS. I tried a height and width of 100%, but no luck.

Hi Termy,

What I did was:

1. Converted gugalcrom's SVG to a PNG using Gimp, without changing the size.
2. Uploaded it to my imgur account (without sharing it) and copied the direct image link.
3. Then modified my userContent.css file as follows (see .site_logo) :

Code: Select all

@-moz-document domain(forums.linuxmint.com) {

	body {
		background-color: #5e7553 !important;
		padding-top: 0px !important;
	}
	
	.page-body {
		color:#ffffff !important;
	}
	
 	.wrap { 
		max-width: 1100px !important; 
		background-color: #3a3a3a !important; 
		padding: 0px 35px 35px 35px !important;
		border: 0 !important; 
		border-radius: 0px !important;
	}
	
	.headerbar {
		background-color: #3a3a3a !important; 
		background-image: none !important;
		border-top-left-radius: 0px !important;
		border-top-right-radius: 0px !important;
		margin-bottom: 10px !important;
		padding-top: 15px !important;
		padding-bottom: 20px !important;
	}

	.site_logo {
		/* background-image: url("https://i.imgur.com/gzwK3tM.png") !important; */
		background-image: url("https://i.imgur.com/0thVroz.png") !important;
		width: 60px !important;
		height: 60px !important;
		background-repeat: no-repeat;
		background-size: 60px 60px !important;
    }
    	
	.navbar {
		border: 0 !important;
		background-color: #3a3a3a !important;
		/* color:#ffffff !important; */
	}
	
	.navbar a {
		color:#ffffff !important;
	}
	
	ul.navlinks {
		border-top: 0px !important;
		border-bottom: 1px solid #86be43;
	}
	
	.page-body h2 {
		color:#ffffff !important;
	}
	
	p.advanced-search-link a {
		color:#ffffff !important;
	}
	
	h2.searchresults-title a {
		color:#ffffff !important;
	}
	
	ul.dropdown-contents a {
		color: #3a3a3a !important;}
		
	.notification_text {
		color: #3a3a3a !important;
	}
		
	.notification-block {
		color: #3a3a3a !important;
	}
	
	.time {
		/* color: #ffffff !important; */
	}
	
	h2.ucp-title, h2.posting-title a {
		color: #ffffff !important;
	}
	
	a.mark-read, a.mark {
		color: #ffffff !important;
	}
	
	.rules {
		display: none !important;
	}
	
	.forabg {
		margin-bottom: 15px !important;
		background-image: none !important;
		background-color: #5e7553 !important;
		font-size: 1.1em !important;
		color: #3f3f3f !important;
		}
	
	.page-body .forum-title h2, .page-body .forum-title a {
		color: #ffffff !important;
	}
		
	.topic-title a {
		color: #ffffff !important;
	}
	
	.post {
		margin-top: 10px !important;
	}
	
	.postbody {
		padding: 10px !important;
	}
	
	.pagination {
		color: #ffffff !important;
	}
	
	.pagination li.active span {
		background: #86be43 !important;
		border-color: #86be43 !important;
		color: #FFFFFF;
    	}
    
	.pagination li a:hover {
		background-color:#5e7553 !important;
	}
	
	.jumpbox-return a {
		color: #ffffff !important;
	}
	
	.content h2.faq-title {
		color: #5e7553 !important;
	}
	
   	.headerspace { /* Login * Register form at bottom of home page */
		padding: 3px 10px 10px 10px !important;
	}
   
   	.online-list, .statistics { /* Who Is Online & Statistics divs at bottom of home page */
		padding: 3px 10px !important;
		color: #3f3f3f !important;
	}
   
	.headerspace, .online-list, .statistics {
		background-color: #C4DCAB !important;
		border-radius: 7px !important;
		margin-bottom: 15px !important;
	}
	
	.birthday-list a {
		color: #C4DCAB !important;
	}
	
	.birthday-list a:hover {
		color: #ffffff !important;
	}
	
	.birthday-list h3 {
		color: #C4DCAB !important;
	}
   
   	.footer-row, .footer-row a {
		color: #ffffff !important;
	}
}

I had to play around with my original size settings as well, adding background-size and no-repeat sorted it.

Let me know if still problematic.

Mick

[Termy]

That sorted it, without needing to convert to PNG — thanks! Is it you who posted an awesome CSS for this site? Because I'm still using it. BTW, it seems that you don't need the background size as well as the regular height and width values; the former suffices. Nevermind, you do.

[Mick-Cork]

That sorted it, without needing to convert to PNG — thanks! Is it you who posted an awesome CSS for this site? Because I'm still using it. BTW, it seems that you don't need the background size as well as the regular height and width values; the former suffices.

Yep, if your's looks similar to mine? I basically copied the colours used on the LM blog as a reference and then tidied up some of the other elements to my liking. My thinking was that I'd get some identity consistency across the forum and blog, even if it was just me that was seeing it!

Re the size setting that's what I had originally, just the width and height parameters. For some reason my FF here wasn't honouring it and the image was too big and cropped, hence I added the background-size attribute. That did reduce the image size, but the width of the parent container still spanned out, pushing the adjacent text too far to the right. That's when I added the height and width back in. I might play around with it again, but hey it's working

[Edit: ah, we're running in parallel - just saw your update]

[Termy]

Yep, that's what happened with me. At first, it seemed like only the background size was needed, but then it suddenly acted as you described, so I guess you do need both. Thanks for the awesome CSS tweaks, and yeah, this site looks like yours for me.

[Mick-Cork]

It's honestly one heck of a sexy logo. I really hope the developers consider switching over to it, because it looks amazing.

I'll second this, it's well worthy of consideration.

I did a live mod to the blog html just to get an idea of what it would look like there, coz I like doing stuff like that
Nice methinks...

[Termy]

Mmmm... delicious!

[gugalcrom123]

BTW it looks good as a menu icon too

[Mick-Cork]

BTW it looks good as a menu icon too

Sure does, growing all over my system now

[Termy]

Just need to change the favicon, somehow.

[Mick-Cork]

Just need to change the favicon, somehow.

Have faith, where there's a will there's a way...





(Hint: 'Tampermonkey')

[Termy]

Noice. I really, really, really hope the devs put some serious thought into adopting this new logo, because I genuinely feel like it's a cleaner, more modern take on Linux Mint.

[gugalcrom123]

(Hint: 'Tampermonkey')

Or Violentmonkey bc Tampermonkey is no longer open source

[Mick-Cork]

(Hint: 'Tampermonkey')

Or Violentmonkey bc Tampermonkey is no longer open source

Thanks for the heads-up gugalcrom, I just swapped it out for Violentmonkey.

Going back to Termy's comment about the devs considering the logo, you might want to check out the latest blog entry. They're looking for graphics artists so might be worth sounding them out if you're interested?

I decided not to comment any further on it yesterday as sometimes looking again the following day gives a fresh perspective. I have to say that I like it even more today. Termy's right, it has a modern vibrancy, and has a presence without being over-bearing / too dominant.

I've already decided to keep it in my CSS setup as I like the balanced impact it has.

[gugalcrom123]

(Hint: 'Tampermonkey')

Or Violentmonkey bc Tampermonkey is no longer open source

Thanks for the heads-up gugalcrom, I just swapped it out for Violentmonkey.

Going back to Termy's comment about the devs considering the logo, you might want to check out the latest blog entry. They're looking for graphics artists so might be worth sounding them out if you're interested?

I decided not to comment any further on it yesterday as sometimes looking again the following day gives a fresh perspective. I have to say that I like it even more today. Termy's right, it has a modern vibrancy, and has a presence without being over-bearing / too dominant.

I've already decided to keep it in my CSS setup as I like the balanced impact it has.

Could you give me the link? I would love to contribute to design!

[Gruppo Sportivo]

Could you give me the link? I would love to contribute to design!

https://github.com/linuxmint/website-wizixo