Bug 403833

Summary: Icon request: symbolic variants of the weather icons
Product: [Plasma] Breeze Reporter: Friedrich W. H. Kossebau <kossebau>
Component: IconsAssignee: visual-design
Status: RESOLVED FIXED    
Severity: wishlist CC: kainz.a, nate
Priority: NOR    
Version: unspecified   
Target Milestone: ---   
Platform: Other   
OS: Linux   
Latest Commit: Version Fixed In: 6.0
Sentry Crash Report:
Bug Depends on:    
Bug Blocks: 473215    
Attachments: weather.svg - Plasma theme icon set file with draft to turn Breeze icons into mono-colored ones
Screenshot of using the draft Breeze-derived mono-colored icons with the weather applet
Screenshot of using the normal colored Breeze icons with the weather applet

Description Friedrich W. H. Kossebau 2019-02-01 15:06:36 UTC
Created attachment 117777 [details]
weather.svg - Plasma theme icon set file with draft to turn Breeze icons into mono-colored ones

When using the kdeplasma-addons weather applet on a panel, the weather status icon sticks out from the rest of the panel due to being colorful.

For a consistent appearance of the Plasma panel it might be nicer though to have mono-colored icons for the weather status as well.

Existing work known to me:
The weather widget from clearmartin (https://store.kde.org/p/998917/) uses characters from a font to get mono-colored icons, weathericons-regular-webfont-2.0.10.ttf (seems to be from https://erikflowers.github.io/weather-icons/).

I once tried myself to turn the Breeze weather icons into less-colored ones by simply changing the colors (with gimmicks to use the "highlight" color for the lightnings ;) , also replaced the sun circle with a smaller ones with beams), but I failed at least when it came to the different precipitation variants, where not only the shape was meaningful in the colored normal version.
Last state of working draft document with all the icons attached to your inspiration. It is marked-up for use with Plasma, so if you deploy the file as /usr/share/plasma/desktoptheme/default/icons/weather.svg and do a "plasmashell --restart", you then can test the draft yourself with the kdeplasma-addons weather applet.
See also attached screenshot with some samples.
Comment 1 Friedrich W. H. Kossebau 2019-02-01 15:08:01 UTC
Created attachment 117779 [details]
Screenshot of using the draft Breeze-derived mono-colored icons with the weather applet
Comment 2 Friedrich W. H. Kossebau 2019-02-01 15:13:52 UTC
Created attachment 117780 [details]
Screenshot of using the normal colored Breeze icons with the weather applet
Comment 3 Nate Graham 2019-02-01 18:48:26 UTC
There's definitely value to having a monochrome icon in the panel, but I think the colorful icons look much better in the fullrepresentation. Generally we only use the monochrome style for 16px and 22px icon sizes, and for anything larger we try to use colorful icons. I'd want to make sure that the colorful versions stick around and continue to be displayed in the applet itself.

For the monochrome precipitation icons, probably circles would mean snow, while lines would mean rain.
Comment 4 Friedrich W. H. Kossebau 2019-02-02 21:12:55 UTC
(In reply to Nate Graham from comment #3)
> There's definitely value to having a monochrome icon in the panel, but I
> think the colorful icons look much better in the fullrepresentation.
> Generally we only use the monochrome style for 16px and 22px icon sizes, and
> for anything larger we try to use colorful icons. I'd want to make sure that
> the colorful versions stick around and continue to be displayed in the
> applet itself.

For some time I would have rather said the same, but ever since I took over maintenance of the weather applet, the colorful icons have always felt somehow a bit strange to me. So I had looked out how other places are doing status symbols for weather observation/forecast (e.g. on TV, websites, print) and it seems to me the majority tends to use color-reduced and shape-emphasized symbols everywhere. Possibly not only to help color-blind people. And by the time I felt that I actually prefer those presentations with such symbols, they seem easier to "parse"/"understand" somehow, also look more clear. Especially with forecasts where all kind of states result in a very colorful icon row.

Also compare this overview of non-plasma weather apps which just popped up, see in the screenshots how they also favour mono-chrome symbols in the used icon sets:
https://www.omgubuntu.co.uk/2019/02/weather-apps-for-ubuntu-linux

Next, looking at the current set of status icons in the Breeze theme, the weather status icons look on the odd side to me, being more abstract paintings than abstract symbols/pictograms in general like the rest of the status icons.

So when it comes to me, I would rather favour something more abstract in the full representation as well. Though something way better than what I got stuck at ;)

Just my 2 cents as consumer. With way too many weather applets perhaps (due to maintainer real world test coverage) :P
Comment 5 Nate Graham 2023-08-16 18:12:25 UTC
Git commit f0030033758f6a54f0f4cfb0e2a6927c493de0fa by Nate Graham.
Committed on 16/08/2023 at 20:09.
Pushed by ngraham into branch 'master'.

applets/weather: use symbolic icons when in panel

Currently this code produces no changes when using the Breeze icon theme
since it lacks any -symbolic variants of these icons; see
https://bugs.kde.org/show_bug.cgi?id=403833.

However it will make the icons symbolic when using an icon theme that
does have -symbolic variants of these icons. And it will do the same
automatically once Breeze gets them too.
Related: bug 473278

M  +25   -3    applets/weather/package/contents/ui/main.qml

https://invent.kde.org/plasma/kdeplasma-addons/-/commit/f0030033758f6a54f0f4cfb0e2a6927c493de0fa
Comment 6 Nate Graham 2023-08-16 18:26:41 UTC
We have the ability to do this for Plasma 6 now. What we need are versions of the existing icons that are symbolic and have "-symbolic" appended to their names.

Thanks to the commit mentioned in the comment above this one, once these icons are created and added to the Breeze icon theme, they will show up in the CompactRepresentation when living on a panel (and only in a panel) automatically. The colorful versions will still be shown in the FullRepresentation.
Comment 7 Bug Janitor Service 2023-08-29 06:11:32 UTC
A possibly relevant merge request was started @ https://invent.kde.org/frameworks/breeze-icons/-/merge_requests/285
Comment 8 Nate Graham 2023-11-01 15:38:42 UTC
Git commit 64a685b85165c9e9662481ebdd6c8c1ffccaaf0a by Nate Graham.
Committed on 01/11/2023 at 16:38.
Pushed by ngraham into branch 'master'.

applets/weather: Actually use symbolic-or-not icon in CompactRepresentation

f0030033758f6a54f0f4cfb0e2a6927c493de0fa changed the icon in general,
but the CompactRepresentation wasn't actually using that icon,
preferring its own way of getting it. Don't do that, and instead use the
icon we already set via the Plasmoid.Icon property.

M  +2    -2    applets/weather/package/contents/ui/CompactRepresentation.qml

https://invent.kde.org/plasma/kdeplasma-addons/-/commit/64a685b85165c9e9662481ebdd6c8c1ffccaaf0a
Comment 9 Nate Graham 2023-11-16 19:35:15 UTC
Git commit e4de78c4ba7657328074afd5008821b4a8b69873 by Nate Graham, on behalf of Alois Spitzbart.
Committed on 16/11/2023 at 20:35.
Pushed by ngraham into branch 'master'.

Add 48px symbolic weather icons 
FIXED-IN: 6.0

A  +12   -0    icons/applets/48/weather-clear-night-symbolic.svg
A  +22   -0    icons/applets/48/weather-clear-symbolic.svg
A  +13   -0    icons/applets/48/weather-clear-wind-night-symbolic.svg
M  +1    -1    icons/applets/48/weather-clear-wind-night.svg
A  +24   -0    icons/applets/48/weather-clear-wind-symbolic.svg
M  +1    -1    icons/applets/48/weather-clear-wind.svg
A  +13   -0    icons/applets/48/weather-clouds-night-symbolic.svg
A  +16   -0    icons/applets/48/weather-clouds-symbolic.svg
A  +16   -0    icons/applets/48/weather-clouds-wind-night-symbolic.svg
M  +2    -2    icons/applets/48/weather-clouds-wind-night.svg
A  +21   -0    icons/applets/48/weather-clouds-wind-symbolic.svg
A  +14   -0    icons/applets/48/weather-few-clouds-night-symbolic.svg
A  +22   -0    icons/applets/48/weather-few-clouds-symbolic.svg
A  +16   -0    icons/applets/48/weather-few-clouds-wind-night-symbolic.svg
M  +1    -1    icons/applets/48/weather-few-clouds-wind-night.svg
A  +23   -0    icons/applets/48/weather-few-clouds-wind-symbolic.svg
M  +1    -1    icons/applets/48/weather-few-clouds-wind.svg
A  +1    -0    icons/applets/48/weather-fog-symbolic.svg
A  +28   -0    icons/applets/48/weather-freezing-rain-day-symbolic.svg
A  +23   -0    icons/applets/48/weather-freezing-rain-night-symbolic.svg
A  +18   -0    icons/applets/48/weather-freezing-rain-symbolic.svg
A  +20   -0    icons/applets/48/weather-freezing-scattered-rain-day-symbolic.svg
A  +15   -0    icons/applets/48/weather-freezing-scattered-rain-night-symbolic.svg
A  +21   -0    icons/applets/48/weather-freezing-scattered-rain-storm-day-symbolic.svg
A  +16   -0    icons/applets/48/weather-freezing-scattered-rain-storm-night-symbolic.svg
A  +15   -0    icons/applets/48/weather-freezing-scattered-rain-storm-symbolic.svg
A  +14   -0    icons/applets/48/weather-freezing-scattered-rain-symbolic.svg
A  +31   -0    icons/applets/48/weather-freezing-storm-day-symbolic.svg
A  +20   -0    icons/applets/48/weather-freezing-storm-night-symbolic.svg
A  +27   -0    icons/applets/48/weather-freezing-storm-symbolic.svg
A  +18   -0    icons/applets/48/weather-hail-symbolic.svg
A  +11   -0    icons/applets/48/weather-many-clouds-symbolic.svg
A  +17   -0    icons/applets/48/weather-many-clouds-wind-symbolic.svg
M  +2    -2    icons/applets/48/weather-many-clouds-wind.svg
A  +12   -0    icons/applets/48/weather-mist-symbolic.svg
A  +10   -0    icons/applets/48/weather-none-available-symbolic.svg
A  +1    -0    icons/applets/48/weather-overcast-symbolic.svg
A  +1    -0    icons/applets/48/weather-overcast-wind-symbolic.svg
A  +21   -0    icons/applets/48/weather-showers-day-symbolic.svg
A  +15   -0    icons/applets/48/weather-showers-night-symbolic.svg
A  +18   -0    icons/applets/48/weather-showers-scattered-day-symbolic.svg
A  +13   -0    icons/applets/48/weather-showers-scattered-night-symbolic.svg
A  +19   -0    icons/applets/48/weather-showers-scattered-storm-day-symbolic.svg
A  +14   -0    icons/applets/48/weather-showers-scattered-storm-night-symbolic.svg
A  +13   -0    icons/applets/48/weather-showers-scattered-storm-symbolic.svg
A  +12   -0    icons/applets/48/weather-showers-scattered-symbolic.svg
A  +14   -0    icons/applets/48/weather-showers-symbolic.svg
A  +24   -0    icons/applets/48/weather-snow-day-symbolic.svg
A  +19   -0    icons/applets/48/weather-snow-night-symbolic.svg
A  +17   -0    icons/applets/48/weather-snow-rain-symbolic.svg
A  +19   -0    icons/applets/48/weather-snow-scattered-day-symbolic.svg
A  +15   -0    icons/applets/48/weather-snow-scattered-night-symbolic.svg
A  +21   -0    icons/applets/48/weather-snow-scattered-storm-day-symbolic.svg
A  +16   -0    icons/applets/48/weather-snow-scattered-storm-night-symbolic.svg
A  +15   -0    icons/applets/48/weather-snow-scattered-storm-symbolic.svg
A  +14   -0    icons/applets/48/weather-snow-scattered-symbolic.svg
A  +25   -0    icons/applets/48/weather-snow-storm-day-symbolic.svg
A  +20   -0    icons/applets/48/weather-snow-storm-night-symbolic.svg
A  +21   -0    icons/applets/48/weather-snow-storm-symbolic.svg
A  +18   -0    icons/applets/48/weather-snow-symbolic.svg
A  +21   -0    icons/applets/48/weather-storm-day-symbolic.svg
A  +16   -0    icons/applets/48/weather-storm-night-symbolic.svg
A  +17   -0    icons/applets/48/weather-storm-symbolic.svg

https://invent.kde.org/frameworks/breeze-icons/-/commit/e4de78c4ba7657328074afd5008821b4a8b69873