Like in settings, make the switches (green/grey) smaller and so more elegant. If possible, shrink the inner toggle also a little to not touch the border of the switch.

Epiphany uses infobar.info (blue) and usually has a progressbar under/above (can't remember) it so the two elements blend into each other.

Possibly purple can be used here for a nice nod to it, but also orange if the purple is too far removed from the other colors.

Selected folders in Nautilus look red with the Suru icon theme.

More space between min, max and close icons

With a smaller headerbar, buttons are a little too close to the edges of the headerbar. For uniformity they should be smaller overall, maybe just shave off 1/2px. Whatever dimensions we choose, image buttons need to be 1:1 in size.

see here

Right now these are pulled from the icon pack but they're a little too big. They should be based on Suru's, just a little smaller. The radio "tick" should be a dot as it is in Adwaita (the current check is being used as a placeholder as there's no appropriate icon in the suru icon theme).

see https://community.ubuntu.com/t/mockups-new-design-discussions/1898/120

This idea comes from madsrh's mockup.

It requires background-images for control buttons, so it's not a high priority task

With only 1 pathbar element

WIth more than one pathbar the underline is correctly backdropped

I think right now the background-image is 22x22px but maybe it's too large? Especially for the close button which seems really tall in the shorter GTK2 titlebars.

How about 20x20px?

Possibly make $text_color #5D5D5D and $fg_color #111 to follow Canonical

For programs with very long menus such as LibreOffice, it becomes an inconvenience on large monitors.

Focused

Unfocused

I think the solution is to darken all the buttons on the pathbar on unfocused windows since it seems to be common for elements to apear "inactive" when the window is unfocused. Example in gnome tweaks

Focused

Unfocused

Although now that I look at it, there seems to be a tiny difference between active and disabled buttons on inactive windows.

when using tray icon not all tray icons of installed app appear. I have skype and dropbox installed and only appear if I'm using ubuntu section and not communitheme section

Not sure it is the best description, so I took a picture. This happen in Document Viewer, on top-left widget

Change app launcher icon to a white Ubuntu logo with a darker background
https://community.ubuntu.com/t/mockups-new-design-discussions/1898/162

A white border appears on checked switch when in backdrop state.
The issue is more visible in headerbar switches because of the background, but it looks that all checked switches have it, while unchecked ones do not.

I'd like to discuss the terminal color scheme a bit. I did some research and surprisingly, there is only one "engineered" terminal color scheme: Solarized. When you start using Solarized, you immediately feel that it is an extremely readable color scheme. It's very friendly for colorblind people because of the combination of both color wheel and lightness relationships. As a result, the difference between red and orange for example is still clear to me.

The Unity8 color scheme looks similar to Solarized, but it is a bit less clear, even though it is a lot better than the default Gnome color scheme. The Ambiance color scheme sits in between Solarized and Unity8 in terms of clarity.

Solarized dark is shipped with Gnome Terminal, but it is disabled by default. You can try it out in edit>profile preferences>colour.

Unity8

Solarized Dark

Ambiance

next to each other

(best to zoom in 😉 )

Unity8	Solarized Dark	Ambiance

I've been comparing them for the past few days and my preference goes out to using Solarized Dark, because it is simply the clearest color scheme. However, the disadvantage of that approach is that the color scheme isn't "branded".

What do you guys think?

It seems like the non-headerbar pathbar needs some love, right now it uses the same hoover font as a headerbar pathbar.

Also, for some reason, the "home" button is still a regular button.. 🤔

Linked entries might be an issue.

This is an inconsistency with regular progress bars, which are green, a much better color.

See this Synaptic screenshot:

The gray background in some dropdown buttons (see Tweak) makes them look disabled.

see https://community.ubuntu.com/t/mockups-new-design-discussions/1898/120

The default font size is HUGE and makes the UI look very cluttered. Although I'm using 9 on my desktop, I think Ubuntu regular 10 as default would be a good choice for most people.

The volume slider arrow (like in input in soundsettings) seems to be out of the vertical center. Should be a little further up.

With some adaptation depending on the element (like the toggle).

Canonical mockups

To be more accurate with Suru.

Like already discussed, change the terminal colors back to the typical Ubuntu style, as it is a too big part of branding and recognition value.

see https://community.ubuntu.com/t/mockups-new-design-discussions/1898/120

Some of them have effects on hover and some (not all for some reason) disabled buttons have a background color when they should be transparent.

Currently the orange line isn't centered between the bottom and the label.

I know this is a hairsplitting detail, but this really bugs my eye nonetheless. Could we do one of the following: centered, right underneath the label or at the bottom?

Low priority for obvious reasons.

I get a one-pixel white line at the top of the screen on my second monitor. Anyone able to reproduce this?

I don't get it with Ambiance and Adwaita. Strange that it's a gtk bug, I thought it was a gnome-shell bug at first, but changing the gtk theme fixes it.

In this mockup it's #15030f -> #472c3f

Should consult with everyone first as this involves limiting the orange.

Should be an easy "fix", just let the background color for hovered items in the context menu be the same color as the one for the popover menu items.

A new $headerbar_text_color should be used instead of the standard headerbar text color.

There's a 1px gray line in the top of the Canvas in Nautilus

The black line between the titlebar and menubar looks a little off to me.

Example: the terminal: