Bug 302717

Summary: Progress bar color (gray) makes progress hard to read
Product: [Plasma] plasma4 Reporter: Timothée Ravier <travier>
Component: visualsAssignee: Plasma Bugs List <plasma-bugs>
Status: RESOLVED FIXED    
Severity: normal CC: adaptee, chalkerx, kde, nate, post
Priority: NOR Keywords: usability
Version: 4.9.80 Beta1   
Target Milestone: ---   
Platform: Arch Linux   
OS: Linux   
Latest Commit: Version Fixed In:
Bug Depends on:    
Bug Blocks: 303462, 305223    
Attachments: white progress bar on white background
gray progress bar on gray background
screenshot of style in 4.8.85
QML variant. Zoom in, it has a separator.
The volume OSD. It doesn't have a separator.
Space left on device. Not too hard to read, but not pleasant either
Progress indicator example
Wireless power hard to read
A good example
How it could (almost) look like
blue progress bar again

Description Timothée Ravier 2012-06-28 20:24:30 UTC
I'm using kde-unstable packages on Arch Linux, version 4.8.95-1.

Latest update (4.8.95-1) made progress bar in most plasmoids turn gray, on a gray background, which makes then difficult to "read". This affects at least:
* copy progress bar
* brightness progress bar

Maybe we should keep it white or choose some blue variation to match with sliders background color (in power management applet for example).

Reproducible: Always

Steps to Reproduce:
* copy a large file
* use the brightness slider
* ...
Actual Results:  
gray progress bar on gray background

Expected Results:  
an other color making it easier to "read".
Comment 1 Timothée Ravier 2012-06-28 20:27:45 UTC
Created attachment 72203 [details]
white progress bar on white background
Comment 2 Timothée Ravier 2012-06-28 20:28:19 UTC
Created attachment 72204 [details]
gray progress bar on gray background
Comment 3 Christian (Fuchs) 2012-06-29 16:22:33 UTC
Confirmed here. 
It works on rather dark backgrounds, but with white backgrounds the contrast is way too low.
Comment 4 Andreas Kuhl 2012-07-05 15:05:00 UTC
Created attachment 72332 [details]
screenshot of style in 4.8.85

Style of progress bar changed again in 4.8.95 but still not much contrast there...
Comment 5 Nikita Skovoroda 2012-07-16 17:56:55 UTC
https://bugs.kde.org/show_bug.cgi?id=303533 — looks i made a duplicate, didn't find this bug with regular search (i searched for "meter", because that is a meter).

Marco Martin (notmart) told me in irc that he will increase the background contrast.
Comment 6 Marco Martin 2012-07-16 19:55:44 UTC
Git commit 42f4cc57fde9d1ccc9de42853b11e996df117539 by Marco Martin.
Committed on 16/07/2012 at 21:54.
Pushed by mart into branch 'KDE/4.9'.

more contrast
Related: bug 303533
FIXED-IN:4.9

M  +-    --    desktoptheme/air/widgets/bar_meter_horizontal.svgz
M  +-    --    desktoptheme/air/widgets/bar_meter_vertical.svgz

http://commits.kde.org/kde-runtime/42f4cc57fde9d1ccc9de42853b11e996df117539
Comment 7 Timothée Ravier 2012-07-18 06:56:07 UTC
I did not (yet) check the look from master, but as a suggestion, you could also use the same blue, which is used in sliders for example, for the progressing part of the element.
Comment 8 Timothée Ravier 2012-08-02 22:53:55 UTC
I'm reopening this one as I've just updated to 4.9 and the progress bars are still really hard to read. Please, use an other color, like blue for example or make the background darker or make the progress lighter. Sliders are blue in other plasmoids, why not use this color ?
Comment 9 Myriam Schweingruber 2012-08-06 01:30:34 UTC
Added to the Extra Mile
Comment 10 Ralf Jung 2012-09-13 18:11:18 UTC
I can only agree: On a white background, the new progress bars are very hard to "read". And since most windows are mostly white (black text on white background), this is almost always the case. A clear visual regression compared to KDE 4.8.
Comment 11 Timothée Ravier 2012-12-06 21:44:49 UTC
Well, I'm testing the 4.10 beta and this is getting worser as more plasma widget are turned into QML ones.

It concerns a lot of things, as it's now hard to see :
* screen brightness
* volume levels
* any progress indicator moving in circles (the notification one, the disk mounting one)
* wifi power in NetworkManager

Please, use a simple blue color instead (just like in QML scrolling bars, for example in the battery status one).

I have no idea what's the amount of work to change this. Please give me a pointer to where I should look to make this change and create a patch.

Thanks
Comment 12 Nikita Skovoroda 2012-12-07 01:33:09 UTC
> Well, I'm testing the 4.10 beta and this is getting worser as more plasma widget are turned into QML ones.

Strange. It's getting better for me, because the QML widgets have a clear separator between the filled and not filled part.
Comment 13 Nikita Skovoroda 2012-12-07 01:37:54 UTC
Created attachment 75670 [details]
QML variant. Zoom in, it has a separator.
Comment 14 Nikita Skovoroda 2012-12-07 01:38:42 UTC
Created attachment 75671 [details]
The volume OSD. It doesn't have a separator.
Comment 15 Nikita Skovoroda 2012-12-07 01:43:13 UTC
>Well, I'm testing the 4.10 beta and this is getting worser as more plasma widget are turned into QML ones.

>It concerns a lot of things, as it's now hard to see :
>* screen brightness
>* volume levels
>* wifi power in NetworkManager
Are you sure any of that is QML a widget?

>* any progress indicator moving in circles (the notification one, the disk mounting one)
Good for me in 4.10 because of a separator.
Comment 16 Nikita Skovoroda 2012-12-07 01:43:56 UTC
s/QML a widget/a QML widget/
Comment 17 Timothée Ravier 2012-12-08 14:34:13 UTC
Created attachment 75716 [details]
Space left on device. Not too hard to read, but not pleasant either

Space left on device. Not too hard to read, but not pleasant either.
Comment 18 Timothée Ravier 2012-12-08 14:36:06 UTC
Created attachment 75717 [details]
Progress indicator example

The new left to right filling indicator is great, but the line part moving in circle is not clearly visible.
Comment 19 Timothée Ravier 2012-12-08 14:37:48 UTC
Created attachment 75719 [details]
Wireless power hard to read

Ok, this one may not be a QML app (I don't konw) but it's still using the KDE theme colors (I hope).
Comment 20 Timothée Ravier 2012-12-08 14:40:03 UTC
Created attachment 75720 [details]
A good example

According to me, this is the colors which should be used in those progress/status indicators. It should make thing much clearer. Please, give me a hint on where I should look for in order to change this and make a patch.
Comment 21 Ralf Jung 2013-03-10 19:28:55 UTC
The lack of proper contrast in Plasma's progress bars is till an issue in KDE 4.10.1.
Comment 22 Michele Gastaldo 2013-03-28 19:39:32 UTC
Created attachment 78465 [details]
How it could (almost) look like

I tried to make it the same color suggested in comment #20, I made it fast so there is some very evident mistakes, but the intention was to see whether I actually liked it or not and I actually think it's better than the old one, judge yourselves.

The file(s) to modify are in /usr/share/kde4/apps/desktoptheme/default/widgets ; it's "bar_meter_horizontal.svgz" and the -vertical . The colors are copied from slider.svgz .
Comment 23 Nikita Skovoroda 2013-03-28 20:09:33 UTC
That's not just contrasts, there needs to be a separator, which (as I was told) couldn't be easily done without porting to QML.

A separator would solve this issue in a nice way.

See  http://bugsfiles.kde.org/attachment.cgi?id=75670 (QML with a separator), compare it with http://bugsfiles.kde.org/attachment.cgi?id=75671 (no separator).
Comment 24 Michele Gastaldo 2013-03-29 15:47:56 UTC
Created attachment 78483 [details]
blue progress bar again

I agree, the separator surely makes it easier to see, yet the choice of colors is not the luckiest one I believe, here is how it'd look like with separator and contrast f.ex.
Comment 25 Ralf Jung 2013-05-26 11:21:23 UTC
Any chance the artist team could have a look at this problem? The KDE default theme has a few contrast issues, which greatly decrease the usability of the entire desktop. Even though I really like most of the theme and artwork, these few poor choices continue to spoil the entire experience.
Comment 26 Nate Graham 2017-11-29 06:15:03 UTC
Progress bars in Plasma 5 are blue, against a light gray background. The contrast is much better now.