Improve visibility for Konsole icon when using Breeze Dark
Needs ReviewPublic

Authored by anishgiri on Nov 5 2018, 7:30 PM.

Details

Reviewers
ngraham
Group Reviewers
VDG
Summary

BUG: 367696

The dark theme along with the dark icon was hindering the visibility of the konsole icon. So in order to make it a bit more visible, I have added a lighter colored border around the icon

Test Plan

Before


After

Diff Detail

Repository
R266 Breeze Icons
Branch
utilities-terminal (branched from master)
Lint
No Linters Available
Unit
No Unit Test Coverage
Build Status
Buildable 5878
Build 5896: arc lint + arc unit
anishgiri created this revision.Nov 5 2018, 7:30 PM
Restricted Application added a project: Frameworks. · View Herald TranscriptNov 5 2018, 7:30 PM
Restricted Application added a subscriber: kde-frameworks-devel. · View Herald Transcript
anishgiri requested review of this revision.Nov 5 2018, 7:30 PM
ngraham requested changes to this revision.Nov 5 2018, 7:40 PM
ngraham added a reviewer: VDG.
ngraham added a subscriber: ngraham.

Thanks for the patch! And thanks for using arc, too. That makes life a bit easier for us. :)

Couple of things:

  1. The title becomes the commit message, so please change it to something more descriptive, such as, "Improve visibility for Konsole icon when using Breeze Dark"
  2. Please add BUG: 367696 to its own line in the summary section and add some explanation there regarding why this patch is necessary.
  3. The Test Plan section is empty; we need some evidence of testing. Can you provide some screenshots that show the icon when using Breeze Dark?
  4. In the future, please tag VDG for anything that involve an icon or visual change.

See also https://community.kde.org/Infrastructure/Phabricator#Formatting_your_patch

This revision now requires changes to proceed.Nov 5 2018, 7:40 PM
anishgiri retitled this revision from Patch For Bug 367696 to Improve visibility for Konsole icon when using Breeze Dark.Nov 5 2018, 8:13 PM
anishgiri edited the summary of this revision. (Show Details)
anishgiri edited the test plan for this revision. (Show Details)
ngraham requested changes to this revision.Nov 5 2018, 8:20 PM

Thanks for making those changes. Now we can see the icon, and also an issue that needs to be corrected. :) Notice how the corners look really bright--especially the bottom corners? That's a problem. I suspect what's happening is that the lines you drew to make the border are semi-transparent, but overlap one another at the corners, so the corners are mor opaque and therefore lighter. Either way, that "dots in the corner" effect must be fixed before this can land.

ndavis added a subscriber: ndavis.Nov 20 2018, 1:40 AM
anishgiri updated this revision to Diff 46959.Dec 6 2018, 2:45 PM
anishgiri edited the summary of this revision. (Show Details)

Corrected the bright corner issue

anishgiri edited the test plan for this revision. (Show Details)Dec 6 2018, 3:00 PM

Great, the corners are now correct!

For the outline let's try to use one of the Breeze colors, which you can see here: https://hig.kde.org/style/color/default.html

What we typically do is choose one of the shades of gray, and make it partially transparent. That way it's not too bold and stark, but it still accomplishes the goal of separating the icon from what it's drawn on top of.

@ndavis, do we have a consistent style for these translucent outlines? Should we come up with one?

ndavis added a comment.Dec 7 2018, 3:27 PM

Why are we using a color icon at such a small size? Wouldn't it make more sense to make a monochrome icon at that size?

This change would also affect how the Konsole icon looks in other places such as the task manager. At 100% size, I don't see this looking good on the task manager.

emateli added a subscriber: emateli.Dec 7 2018, 3:36 PM

Agree with @ndavis with respect to the icon. I would be in favor of using something similar (if not identical) to dialog-scripts. It's monochrome and works with dark and light backgrounds.

We had a big discussion in the VDG room and concluded that Konsole shouldn't even use this icon for its tabs by default (https://bugs.kde.org/show_bug.cgi?id=401864), which partially solves the problem.

However I personally think it's still worthwhile to tweak this icon in the manner suggested here, as long as we turn down the outline intensity a bunch.

anishgiri updated this revision to Diff 47239.Dec 10 2018, 7:08 AM

Changed the border color to #eff0f1 and 50% opacity

anishgiri updated this revision to Diff 47242.Dec 10 2018, 7:43 AM

Fixed some lines around the corner

@anishgiri What is the advantage of using this outlined version of the Konsole icon(which we haven't seen in a light scheme yet) compared to using one of the monochrome icons already available?

App icons shouldn't have monochrome versions except for very limited exceptions like on the system tray. The issue being solved here is a general problem that we have when a dark icon is used with a dark color scheme. It's by no means limited to this icon (see also D17469), but we have some visual restrictions on resolving it since this is an app icon and we can't really redesign the icon like we can in D17469.

This doesn't seem to actually work; after applying the patch; the new icon is not actually used with dark themes nor visible in Cuttlefish. Also the dupe test is now failing:

The following tests FAILED:
          4 - dupe (Failed)
Errors while running CTest

Please make sure to run the unit tests with ctest.