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

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

2 Likes

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:

  • Titlebar is dark by default, taking cues from Ambiance and the planned Unity 8 theme;
  • The tops of the tabs are made slightly lower, to allow for a little separation between the tabs and the dark section;
  • The tab titles have been re-centred accordingly;
  • The active breadcrumb has an orange line to highlight, as suggested by you;
  • The “x” button has a (flatter) orange circle, taking a cue from Ambiance.
2 Likes

@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.

1 Like

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 :slight_smile: 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:

launcher with suru-shaped 3rd party icons

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 :slight_smile:

3 Likes

@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 :smiley: :clap:

Remember to post it in the mockup thread.

2 Likes

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.

1 Like

@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 :slight_smile:

1 Like

@madsrh Please don’t use radius in folder highlighting. Not exactly what we are trying to do

https://ubuntucommunity.s3-us-east-2.amazonaws.com/optimized/2X/1/1032ac8f86509e470f56698f91d2c4b947d7117f_1_690x459.jpg

Otherwise, no match :+1:

1 Like

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) :roll_eyes:

Yes.

Can’t we match border radius at the bottom left section ? No CSS work around possible ?

1 Like

I have no idea. Did you the reply wfpaisa posted? Perhaps he can elaborate

1 Like

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.

3 Likes

Looks like a good direction to go about it. remind me DTD extention :wink:

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…

So, my logic for colored options would be:

  • If there’s a “preferred option”; make it green
  • If there’s a “destructive” option; make it red.

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.

1 Like

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 :slight_smile:

Box radius is also a bit too much in (2)

Ref : Mockups/new design discussions - #63 by godlyranchdressing - Theme Refresh - Ubuntu Community Hub

1 Like

Actually, this is the current default with Ambiance in 17.10. (FTR, it’s name suggested actions instead of preferred).

So as @didrocks points out, the actual name in Gnome is “suggested action”:

@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”?