This one is my favorit so far.
My problem with dark titlebars is that the top bar of the DE will be transparent and thus the titlebar will look out of place
This one is my favorit so far.
My problem with dark titlebars is that the top bar of the DE will be transparent and thus the titlebar will look out of place
Hey! Thanks! It looks a lot better already.
The fonts in the light shell still looks a little blurry, but overall it’s a LOT better!
Still my favorite theme!
@madsrh, a new mockup with your feedback on the breadcrumbs:
Minor tweaks to @wfpaisa 's design, which is otherwise unchanged:
@jaggers if I may, in my opinion the orange line is unneeded . The bold font define the tab. When we use dark the ruls should be a bit different. I would leave all the same with @wfpaisa work, just change the color to dark. Again, my opinion only.
I think you’re right @mozit - I was trying to shoehorn in another orange accent, but it looks better without it here.
Okay - my last screenshot. As an Ubuntu end user, I would like to formally place a vote for the following to be the default look in Ubuntu 18.04 Bionic Beaver:
Notes:
Shell and launcher as per 17.10 - except, when the window is maximised, I’d prefer the Gnome heading to turn opaque without a noticeable gradient, to suit @wfpaisa’s flat modern theme;
Orange/purple wallpaper with “folds”, as per current Ubuntu style;
GTK theme using @wfpaisa’s design, except with a dark title bar for windows and an orange “x” button - taking cues from Ambience and Unity 8;
@snwh’s rebooted Suru icons - ideally enriched with a small number of Suru-framed icons for the most commonly used default 3rd party apps, as per my previous mockup:
Thanks for taking the time to look at my posts. There’s a lot of good-looking stuff in this thread, and I have every confidence that whatever the design team produces will look great
@jaggers Awesome work! There’s tiny details I would do different, but there are as many different preferences as there are people, so if this is the theme landing in 18.04, I will be absolutely thrilled
Remember to post it in the mockup thread.
Theme looks nice, but please dont use too dark titlebars with no light/border/gradient at the top. If you have two titlebars slightly overlapping, with dark themes (such as Adapta) its very hard to distinguish where one titlebar ends and the other starts. The Pop variant of Adapta works better because it has a slight ‘shine’ near the top of the titlebar. With lighter themes its less of an issue - as the shadow helps to distinguish between two windows.
So, if it has to be dark (and Ambiannce’s dark title and header bars are nice), then please either add a slight ‘shine’, gradient, or some other means to distinguish between titlebars of applications. This is also an issue with two unfocussed windows - so you can’t just use different shades for focussed and unfocussed.
@madsrh Thank you! I don’t believe I have permission to post in that thread - it says “Updates Designer only” and I don’t get the Reply button. Some good-looking screenshots in that thread.
@CraigD, you may well be right - this is just a mockup of one isolated window in GIMP. It may be that it benefits from a light shine, once multiple windows are being opened/moved around
@madsrh Please don’t use radius in folder highlighting. Not exactly what we are trying to do
Otherwise, no match
Do you mean the orange square with round edges in the sidebar? I was simply trying to stay consistent with round edges for that, window and tabs.
Anyway, the rounded window concept have been killed (Mockups/new design discussions - #51 by wfpaisa - Theme Refresh - Ubuntu Community Hub)
Yes.
Can’t we match border radius at the bottom left section ? No CSS work around possible ?
I have no idea. Did you the reply wfpaisa posted? Perhaps he can elaborate
Can’t we match border radius at the bottom left section ? No CSS work around possible ?
You can, but it won’t be reliable and “just work” for every program.
Window corners can be rounded just fine. The problem comes when a a widget overlaps and draws over where the corner is rounded. @wfpaisa explains it here.
Looks like a good direction to go about it. remind me DTD extention
I think that design has a bit too much clutter, especially since the idea behind icon masking was to make everything more unified. This makes the difference between icons stand out even more…
Do we need colours to tell what those buttons are ? I mean, those are non-destructive functions. Clicking cancel or login / Unlock won’t cause any damage at all. Plain button scheme would be fine there.
So, my logic for colored options would be:
So in the case of the login button, this is the preferred button, so make it green but there’s no need to make the cancel button red because it’s not destructive. I think this is already possible with Gnome, I think buttons have a property that tells you if the action is preferred or destructive. If none of the above apply, make it a normal, non-colored option.
login button, this is the preferred button,
Login is a preferred option ? :neutral_tone:
That too is a non-destructive choice we should leave to the user, right ? Not something like " save " .
This (1) scheme would work just fine for now
After a year or two, I am sure this (2) will last.
Let’s go flat for now
Box radius is also a bit too much in (2)
Ref : Mockups/new design discussions - #63 by godlyranchdressing - Theme Refresh - Ubuntu Community Hub
So in the case of the login button, this is the preferred button, so make it green but there’s no need to make the cancel button red because it’s not destructive. I think this is already possible with Gnome, I think buttons have a property that tells you if the action is preferred or destructive. If none of the above apply, make it a normal, non-colored option.
Actually, this is the current default with Ambiance in 17.10. (FTR, it’s name suggested actions instead of preferred).
Login is a preferred option ?
That too is a non-destructive choice we should leave to the user, right ? Not something like " save " .
So as @didrocks points out, the actual name in Gnome is “suggested action”:
Actually, this is the current default with Ambiance in 17.10. (FTR, it’s name suggested actions instead of preferred).
@meetdilip, in my explanation I only mention “destructive” for red buttons. Green should be the action that the app developer or the OS developer suggests you click on in 99% of the cases. This gives the user an additional confirmation that what he is doing is “correct”. It’s ok to press the green button since that will “do the right thing” in 99% of the cases. For the login screen, 99% of the cases, a user wants to login.
@didrocks, is there any notion of a “destructive” action in Gnome? Either “an action you should not do” of “a dangerous action”?