Call for participation: an ubuntu default theme lead by the community?

Is this with the edge snap on Ubuntu 18.04? I don’t think I have this on 18.10 unless I’m misunderstanding you? The inconsistency may have been created by the following reasoning given earlier in the thread in mpt’s theme review:

See https://github.com/ubuntu/yaru/issues/866 for the GitHub Issue and https://github.com/CanonicalLtd/desktop-design/issues/143 to observe that the issue was not reported to upstream Suru.

Nope. Since it is part of the Suru design language even a sheet of paper should have rounded corners. In real life there are also sheets of paper with round corners available :wink: Here I tend to disagree with @mpt and I like the simplicity ot the icon a lot.

I mean another thing:

See the screenshot below. The .png icon is horizontally orientated and looks more like a squircle for an app.

The text file is vertically orientated and looks rather different. It is because it is a file and not an app. In my eyes the png should be rotated to look like the text file below it, like a sheet of paper with a drawing on it.

Bildschirmfoto vom 2018-10-25 19-07-35

@snwh: is this by design or a bug?

As said, it is by design

Hi @jaggers , following your excellent work and speaking about Firefox icon, I use flatwoken icon for it .
Just to get some ideas :slight_smile:
Screenshot from 2018-10-26 03-14-04Screenshot from 2018-10-26 03-24-40

1 Like

Unless if you’re using a smartphone or taking a picture of a person, photos tend to be landscape I think? And the icon is evoking the idea of a landscape with it’s mountains+sun riff.

1 Like

I can’t reply in Mockups/new design discussions, so I’m writing here.

Sam created the icon for Amazon, inspired by the icon of the official mobile application. Let’s try with Firefox?

Firefox icon on iOS, Android (Adaptive Icon) and Windows 10 have the dark background:

Снимок экрана от 2018-10-26 14-48-50

What about this?

Снимок экрана от 2018-10-26 14-54-10

11 Likes

Hi @eaglers

That looks great and it’s the sort of thing I was trying first - the problem I found was the 48x48 version. In Suru it’s not the same as the full size version because it has more of a border and thicker highlight, and it’s smaller than the small icon you have shown. I struggled to get the Firefox logo to look good at the small size required and on a not-completely-flat squircle. It would be easier on Ubuntu Touch IMO because the masked phone icons didn’t have detail on the edge. But if we could make the normal icon work (and look professional) on a 48x48 squircle then I agree it would be much better than using the glyph version of the icon.

I’ll certainly have a go at doing that colour background (with the full logo) when I get home, fingers crossed!

Also, big advantage: it’s clearly allowed!

Looks excellent at 48x48!

Снимок экрана от 2018-10-26 16-45-03

1 Like

Do you have that in SVG?

Yes, but I have a problem. I used the screenshot of logo from the “About Firefox” window as the pictogram. I can’t find the Firefox vector logo on the web.

Don’t worry, I can make it :slight_smile: When I said that this was the sort of thing I was trying first, I mean putting it on a squircle - I didn’t try that shade and it works better than any of the ones I tried! Because it’s dark, the Suru border is less bold and the icon feels less crowded-in. Darker seems to help preserve the detail at the smaller size. Also, that particular shade squircle is clearly acceptable for the trademark because it’s used on iOS and Android. So I think this is a better bet than the glyph icon, which resulted in an icon that just didn’t look “Firefox” enough (e.g., @madsrh).

2 Likes

Okay - this approach (using the Suru template and exporting from there, for the most faithful recreation of the eventual output) gives this look for the launcher:

image

Recreating it through the Suru template means the standard highlight is too bright, IMO. This is because a background this dark is unusual for Suru. So we could perhaps make the highlight more subtle for just this one icon?

image

Or would people prefer to keep the bright highlight, because it makes the squircle more defined on the dark launcher?

The colour stands out a bit compared to the rest of the (Suru) colours, but I guess that’s permissible for such a famous third party app?

Note: the colour going a bit naff on the Firefox itself is a result of the upload, it looks like a normal Firefox logo on my computer :slight_smile:

1 Like

Like someone else in the mockup thread, I’m going to also say it’s probably a good idea to contact Mozilla directly for trademark clarification.

3 Likes

image
This is my choice :heart:

1 Like

Yes, we’ll have to :slight_smile: Would be good to agree our “Plan A” and then I guess we can show them our preferred mockup.

1 Like

If you are using a full logo, I think a lighter background will be better

Grey background in mockup no.2 looks much better than the shades of blue used so far

If I could vote I would choose this one:

grafik

For me it’s firefoxy enough and very Suru :wink:

(Logo adapted by @madsrh I think)

Maybe one could play with different shades of blue but the idea is convincing…

2 Likes

Dual tone orange by @jaggers in mockup threads looks much nice. Especially with the fold. I think if the fold is applied vertically, it will be much better.

2 Likes

I’m going to try some more versions tonight and svgs of the orange and blue glyph one too.

1 Like