New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 607901 link

Starred by 6 users

Issue metadata

Status: Assigned
Owner:
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux
Pri: 3
Type: Bug
Team-Accessibility



Sign in to add a comment

update (vectorize/redesign) Linux window controls

Project Member Reported by mlamouri@chromium.org, Apr 29 2016

Issue description

The difference between a focus window and an unfocus window is between pale grey and mildly pale grey. It is very hard for me to find out which window I currently have focused.

See attached screenshot.
 
chrome-focus-window.png
7.0 KB View Download
mlamouri@, can you please specify which OS, Chrome version, and Chrome channel you're using? This can be found at chrome://version.
I'm on Linux running Chrome 51 (Beta).
Exact version is 51.0.2704.22.


Owner: ----
(removing owner who was set by mistake)
Labels: Needs-Feedback M-51 OS-Linux
Owner: est...@chromium.org
Status: Assigned (was: Untriaged)
Thanks for clarifying.

Evan, are the colors in the attached screenshot WAI for Linux?

Comment 5 by est...@chromium.org, Apr 29 2016

Cc: sgabr...@chromium.org
this is also true of cros, although in addition to the frame color difference the focused window has a heavy shadow on it. +sgabriel to decide if we should worry about this since we can't depend on how the WM indicates focus on Linux.
Cc: aboxhall@chromium.org
+aboxhall@ for a11y POV.
My guess it that since the frame is the only thing changing (vs frame+shadow+controls on cros or entire core UI theming on OSX), we'd need to go for a really strong color difference to actually notice a difference. Even for the extreme case like OSX where we modify the entire theme, people still get the windows confused.

I don't think making it lighter would benefit recognition greatly, it will hurt the visual design however. 

I do not think accessibility should be taken into account here as this is non critical and not affecting the usage of Chrome. My assumption is that to actually make this color change accessible, we'd need to make it black/white.


Comment 8 by est...@chromium.org, Apr 29 2016

Yea, accessibility is probably better handled by users enabling WM-level accessibility features, like using the high contrast GTK theme and checking "use system title bar and borders".

How does cinnamon (the DE in the screenshot, I'm assuming) deal with this with native windows? See attached. There, the frame color distinction is even more subtle. There is a shadow difference, but that's also subtler than CrOS. The title text and window controls seem to be the biggest differentiators. Could we follow suit, changing the appearance of our window controls or the profile switcher or something?

Comment 9 by est...@chromium.org, Apr 29 2016

second try..
VGurkSQJs68.png
80.6 KB View Download
Based on this screenshot, we do the same thing than Cros, i.e light frame and change in window control. If this is sufficient for cros, why not Linux ?
The screenshot in the original comment was for linux with chrome's custom frame. My screenshot is linux with the system native frame (cinnamon desktop environment). The latter is OK but the former is not very distinctive.
ah got it. 
Well, If we can get Chrome custom frame on Linux to react the same way as on Cros, at least we'd get parity. 

Beyond that, I do not think that we can do anything that would drastically improve active/inactive window differentiation without modifying the core UI (tabs/toolbar/buttons) or impacting visual design. 
while we're on the topic, do you think it's time to update the appearance of the window controls? I think they were modeled after a popular style... from 2009. We could always go back to Glen's head.[1]

[1 http://techcrunch.com/2009/08/05/chromes-new-feature-click-the-ui-designer-to-close-the-window/
It would be. To what is the question. These where based off Windows XP I think.
well, the circular ones in the screenshot above (Comment 9) are the default for ubuntu these days, I believe. The theme is called Ambiance.
I have a laptop with my @google.com account and my @chromium.org account in two different Chrome profiles. For some reasons the @chromium.org account uses a black window colour. In this case, there is simply no difference between a focused window and an unfocused window.
chrome-focus-issue.png
144 KB View Download
Looks like you're using the GTK native theme. But for that setting (and that GTK theme) I think that focus would have been basically indiscernible even before MD.
You are right. I didn't realise it was a different theme. And you are also right that it is the same on Stable. Thanks for the insights :)
Cc: e...@chromium.org mgiuca@chromium.org
 bug 18668  is about this same topic (preserving WM shadows on custom framed windows) and it was closed as "not possible". I don't know if anything has changed since then, but I also found this comment in desktop_window_tree_host_x11.cc:

    // If the window has system borders, the mask must be set to null (not a
    // rectangle), because several window managers (eg, KDE, XFCE, XMonad) will
    // not put borders on a window with a custom shape.

I think mgiuca@ has some experience with this stuff.

I still think we can at least colorize the (x) if we're going to be copying the appearance of the window controls.

Comment 20 by e...@chromium.org, May 3 2016

Those colors are sadly coming from the system. If you open up /usr/share/themes/Ambiance/gtk-2.0/apps/chromium.rc, you'll see:

style "chrome-gtk-frame"
{
  ChromeGtkFrame::frame-color = "#3c3b37"
  ChromeGtkFrame::inactive-frame-color = "#3c3b37"

  ChromeGtkFrame::frame-gradient-size = 16
  ChromeGtkFrame::frame-gradient-color = "#5c5b56"

  ChromeGtkFrame::incognito-frame-color = lighter ("#3c3b37")
  ChromeGtkFrame::incognito-inactive-frame-color = lighter ("#3c3b37")

  ChromeGtkFrame::incognito-frame-gradient-size = 16
  ChromeGtkFrame::incognito-frame-gradient-color = "#5c5b56"

  ChromeGtkFrame::scrollbar-trough-color = shade (0.912, @bg_color)
  ChromeGtkFrame::scrollbar-slider-prelight-color = shade (1.04, @bg_color)
  ChromeGtkFrame::scrollbar-slider-normal-color = @bg_color
}

Sadly, Ambiance decided that the active and inactive frame color should be the same. Other themes make different (and sometimes saner) decisions.
yea, but even in chrome classic theme there's not much difference
so to tie this off, perhaps the best we can do is model off the window controls of ambiance, including colorizing the (x) for focused windows. Sound good? It seems like md-ified ambiance window controls should be pretty easy --- circle with -, square, or x.
Cc: ainslie@chromium.org
Summary: update (vectorize/redesign) Linux window controls (was: Very hard to distinguish focus state of a window)
+ainslie who can create some new svgs for linux window controls (modeled after the native controls in comment 9)?
Cc: bettes@chromium.org rpop@chromium.org
I imagine it'd be bettes@ 

rpop@, will we also need to do this control-drawing work for Win10 so that we can draw gray title bar instead of default-white behind the tabs and can draw modern window controls for Chrome-Themes folks?


ping?

Comment 26 by rpop@chromium.org, Oct 26 2016

Cc: bsep@chromium.org
Owner: bettes@chromium.org
Sorry I missed #24 at the time. +bsep, will we need to ship our own window controls to move away from the white titlebar on Win10, or can we still use the OS ones?

@bettes, there's a to-do here for you in #23 so assigning to you.

Comment 27 by bsep@chromium.org, Oct 26 2016

#26: We need to ship custom buttons. I already wrote some here: https://cs.chromium.org/chromium/src/chrome/browser/ui/views/frame/windows_10_caption_button.h

They're very specific to Windows 10 though, and drawn programmatically rather than with svgs. I doubt much can be reused for this.
Labels: NewComponent-Accessibility-Browser
Labels: NewComponent-Accessibility
Labels: -newcomponent-accessibility-browser -newcomponent-accessibility
ping. Poor unloved Linux window controls looking out of date.

Comment 32 by e...@chromium.org, Mar 9 2018

Cc: -e...@chromium.org
Un-cc-ing me from all bugs on my final day.

Sign in to add a comment