Can’t we use border-bottom here as well ?
Personally, I am all in for keeping breadcrumbs with a single element style. Keep it simple, please.
Can’t we use border-bottom here as well ?
Personally, I am all in for keeping breadcrumbs with a single element style. Keep it simple, please.
a sharper image can be obtained if the effect of 1px box shadow in window decoration is removed.
box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23);
to
box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.5);
or a new color is needed between the shadow and the title bar.
Nice . I like that .
Personally, not a fan of a full orange highlight for buttons, too much distraction. A silent highlight like #000 or similar shades would be better, in my opinion
Inspired by the post slider here in the forum, I have trimmed the height of unhighlighted part in the buttons
I agree! The best looking is definitely the silent “highlight” (as you call it). I was merely pointing out the inconsistency of it all.
I do agree @feich that it looks sharper, but I believe the issue is overlapping windows. Like this:
Currently, we’re using border-bottom for some selected items (like the current folder in path-bar), while these are just buttons you can click on to perform an action (or are disabled)
The underlying (inactive) Window do not pose a problem because their colors are dimmed.
If you are having problems with hdpi screens. Increase the shade a little.
box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.75);
And it can be useful to use #474747 instead of #363636 for inactive windows.
Indeed. Totally awesome app button!
It’s 0415 UK time and I’ve been playing with GIMP and Inkscape all night
I often post feedback here, so I want to start with some positive feedback, which I don’t always remember to include.
The login screen looks gorgeous now. Also, for apps that have buttons instead of menus - e.g., the text editor - I think you’ve pretty much cracked it. I would be happy to look at those windows all day. Keep up the great work
So, here’s what I’ve been playing with and mocking up tonight.
Full screen mockups:
I do think it should be a bit more centred on the button though.
The latest update of the Community Theme looks great!
The Ubuntu logo in the bottom left corner and the top bar color are now perfect.
Good screenie @TonyS - can’t wait to get home and update. Love the lack of boundary between Gnome top bar and window top bar.
These mockups looks very nice. How can I set the same transparency in dash and top panel?
I’ve said this before, but I honestly think it would make a huuuuuge difference if we superimposed other icons on Suru squircles. Could this be automated? I’m imagining a batch process that takes each of the non-Suru icons, shrinks it a bit, and centres it on (say) thirty-two pre-coloured squircles in different shades. Then someone simply has to pick the most pleasing one for each app.
I actually fully agree with this proposal. I fully understand the Suru icon set will not alter the branding of non-system applications, and I think that’s the correct way going forward. However, the mix of different shapes in the launcher just looks really weird and unpolished.
I think superimposing the icons on Suru squircles would make the launcher very pretty.
It appears Canonical was already doing this in Unity 8 and they basically also did it with Unity 7, putting the icons in the rounded squares.
http://www.phoronix.net/image.php?id=zesty-unity8-mir&image=ubuntu1704_unity8_6_show
“These mockups looks very nice. How can I set the same transparency in dash and top panel?”
@toptus011, I wish I knew how - I’m just making mockups in Inkscape and GIMP, I don’t know how to make or edit real themes.
“It appears Canonical was already doing this in Unity 8…”
@G-Force, if we go for the approach in your linked screenshot - i.e., putting 3rd party icons on the same neutral-coloured squircle - it becomes even easier, because you don’t have to worry about picking a pleasing background colour. You just have to take every non-Suru icon and centre it on a grey squircle.
Obviously, it would be better if the launcher had a “masking” feature to automatically put a squircle around icons - but, in the meantime, we can just make the icons manually. In my mockup below, I’ve stuck the Rhythmbox and Gedit icons on grey squircles. Only danger is it might start to get a bit cheerless and grey compared to the Unity Phone launcher, which had a lot of colour on it (personally, I think the text editor should be treated as a system app and get a colourful Suru icon).
@thread
Yep, Communitheme is shaping up nicely I’ve said I prefer the top bar to be transparent until you maximise a window, but that’s just a matter of personal preference, and some users will prefer what you’ve done instead.
One thing I will say is, I think it would look noticeably a lot better again (IMO less “cheesy”) without the drop shadow on the launcher:
I hope you agree, because I think flattening (“unshadowing”) the launcher really would be the finishing touch!