Mockups/new design discussions

Great work as usual @luxamman :wink:

+1 for the top panel shadow, I like the effect

I also like a lot the new $inkstone colored line separation between windows and top panel when maximized (and I didn’t expect that :D). It looks nicer than just black.

I’m against, however, to keeping the transparency of top panel and dock when window is maximized. I understand that it might look more modern and cleaner, but with the headerbar/titlebar not transparent, it looks out of place.

7 Likes

Thanks!

I’m fine with that, we can keep things like they are now and just adjust shadows and lines to see how it looks and feels. If we need more feedback over time, I can create mockups and start another poll to see what the community thinks.

I have some time now and so I will create some issues for all of that, hope you @c-lobrano and @godlyranchdressing doing good - lot of changes coming up^^

I’m happy to see progress and with @madsrh sounds, the system will be shiny, new - and will sound good :slight_smile:

3 Likes

Three more points to discuss:

#1 - Buttons on dark, like login and in the information center:
b1

This seems to be the opposite of the bright buttons, but for me, every non-bright button should be flat - the bright line on the bottom looks not right here. Sometimes (like in the rubbish bin) it seems to work - if it is the same design.


#2 - Dock icon background - white square
dock

This is just out of place, I would prefer the way it was - a simple white square all from left to the right. With the orange dots, it just looks offset. Maybe even no border (or only on top/bottom).


#3 - Rubbish Bin Color

This color is never used and to go with the meaning we should consider the Ubuntu design color #ED3146 (red, or variations of that color) for something like that. This has been discussed, but still is like that…


Lot to discuss and to do :slight_smile:
I can’t wait until more changes are live for testing, thanks to all!

3 Likes

About the Ubuntu dock overriding our css:

Does this means that we need to fork the Ubuntu dock and provide it in our ppa? Or is it better for the gnome-shell-communitheme package to install ubuntu-communitheme.css in the folder of the extension?

1 Like

I would go for the second solutoin: Having the gnome-shell-communitheme package installing the css in the extension folder directly. If the extension isn’t present, it’s not a biggie.

2 Likes

Hi guys

I hope you’re all doing great!

I’m really happy to see that there has been a few commits from users outside of this team :+1::fireworks: We should definitely encourage that - awesome!
As @luxamman said, the theme is coming together nicely and if there’s someone standing next to you, please ask them to pat you on the back - you’ve deserved it :stuck_out_tongue_winking_eye:

While there’s still a ton of things to work on with the theme, I got kind of sidetracked this weekend and with a little help from @godlyranchdressing I’ve uploaded a “proof of concept” cursor theme to github. My idea was to replace the black/white spinner with the blue suru spinner (like in Nautilus and Widget factory). It’s very simple (and yet not working 100% :upside_down_face:) as the icon theme only contains the spinner, the rest is inherited from DMZ.
A more comprehensive task, would be to change this spinner to something less Windows-like - something I would like to see. There’s plenty of ideas that might fit better with Ubuntu (Circle of friends, Plymouth dots,…).

I know that this is very much outside the scope for this theme and it could feel like we’re spreading too thin, but I believe the details makes the difference for the allover experience.

10 Likes

Nice work! I really like it :slight_smile: However, the blue color + style makes me thinking about Windows 8/10, am I the only one having this feeling?

That the kind of change we can definitively something in the theme IMHO, as indeed, it’s something quite important for the default look and feel.

2 Likes

No :wink:

I’ll try to come up with something, unless you can point to one idea in the link above, that you think I should base my animation on. In random order, I like: Ellipsis, tail, message, typing, recycle, swing, balls.

The dots may be an interesting idea, as they basically already mean “waiting to load” on plymouth boot screen…

1 Like

We get some attention, probably more testers in the near future:

http://www.omgubuntu.co.uk/2018/02/install-the-new-ubuntu-theme

8 Likes

hopefully I’ll be able to test it tonight or tomorrow, but in any case, great work! :smiley:

:confetti_ball:

2 Likes

I might have done something wrong. I still see the old spinner :frowning:

this is the content of my /usr/share/icons

$  ll /usr/share/icons/Communitheme-White/
total 200
drwxr-xr-x 6 root root   4096 feb  6 08:59 cursors
-rw-r--r-- 1 root root     32 feb  6 08:59 cursor.theme
-rw-r--r-- 1 root root 189729 feb  6 08:59 dmz.svg
-rw-r--r-- 1 root root   1713 feb  6 08:59 index.theme

and Communitheme-White is selected in Tweaks

1 Like

:thinking: I’ll look into it. I’m working on a new spinner.

EDIT: I just realized that there’s an undelete option in this forum :persevere: Sorry about the noise!

@everyone :wink:
I’m really in doubt here, so please let us discuss this (again):

As mentioned in “Style white dialogs to match the dark look”, it seems inconsistent with three different kinds of dialogs. Especially the white dialog with rounded corners jumps in my eye and looks out of place.
I think it should somehow be styled to look more like part of the theme. Perhaps just add a headerbar?

dialog

@c-lobrano @merlijn-sebrechts I don’t want to reopen this issue, because it might just be me that have been thinking about this for too long. I’ve read the comment from @didrocks and I understand that there could be issues with a 100% identical look. Anyway, the dark ones doesn’t feel like a good choice to me.

If #4 wins the poll, I will never speak of this again :stuck_out_tongue_winking_eye:
When you’re presented with a dialog from an application, which of these looks best integrated with the theme to you?

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

0 voters

2 Likes

A short background on my choice

  • #4 will still be an improvement respect the current one, even only for the smaller bottom corner radius :smiley:
  • #3-#7 are similar to the “interactive dialog”. I don’t know if that’s the real name, but it’s the name used in the example under Gtk3-demo>Dialog and Message boxes

image

  • #6-#7: I’m not sure we can decide where to show the text “Close this terminal”. I think it’s up to the application to use it as title or content

So to me, it would be either #4 or #5, but I chose #5

1 Like

I agree with you for the exact same reason.

I’m completely opposed to #1 or #2, for the reasons I gave on the bug, and the lack of distinction of Shell vs Application dialogs (as stated on the bug report, this isn’t a question of security, but rather knowing what you are dialoging to).

4 Likes

I would be surprised if all those options can be achieved by theming the same two dialogs!

Having the entire width of the dialog taken up by the commit buttons — as in options #1, #4, #5, and #7 — makes sense on a small touchscreen, such as a phone, where you’re trying to maximize target area. But they would not work in Ubuntu nearly as well as they do in iOS:

  • In Ubuntu it’s possible for dialogs to have three or more buttons. When they do, spacing is used to separate unusual/dangerous buttons (for example, “New Folder…”, “Show Print Preview”, or “Don’t Save”) from common/safe buttons (for example, “Cancel” and “Save”). Dialog-spanning buttons don’t allow for this spacing.

  • In Ubuntu it’s possible to have other elements horizontally adjacent to a dialog’s commit buttons. For example, static text displaying a count or countdown; a menubutton containing less-used options; or a checkbox governing whether the dialog will reappear in future. Buttons in the dialog-spanning style, next to other elements in the normal style, would look lopsided.

  • In Ubuntu it’s much more common to see a button’s focus ring (as shown in these screenshots, for example). Therefore, the kookiness of a focus ring having three square corners, but one circular one, would be much more of a problem.

4 Likes

+1

@mpt you forgot to cast your vote :wink:

As you can see from the gif above, these are already used in the theme. Are you suggesting that we should change these to “regular” buttons?

1 Like

I simply separate those two layers of interaction - interact with Gnome (or the system), and interact with apps/programs. A terminal is still an app/program and so it should follow the light look.

Gnome, on the other hand is dark: so like the “power off” dialog, the app-launcher, notifications and so on, they should follow the dark look.

This has (at least for me) a simple and reproducible meaning (which is also because we cannot / should not change Gnome elements too much, like making the whole system light).

6 Likes

Yes, we definitely agree that #1 and #2 aren’t options. I’m not saying that we should make it dark or change the shell dialogs to light, I just think the current design (almost #4) looks a bit out of place with the rest of the theme.

So do you think we should go with #5 or maybe even #3 if I understand @mpt correctly? I would like to see #6 if it’s technical possible.

3 Likes