Suggestion: create a yaru libreoffice icon theme

[Jupi007]

This is not a bug, but I thinks it should be great to have a yaru icon theme for libreoffice, which actually looks very inconsistent with the rest of the OS :

Elementary icons looks too much "Elementary"

Breeze icons (which at the moment seems to me to be the most neutral) looks too much "KDE"

And Colibre icons are just too "Windows" 😈

I know it's a lot of work, so this is just a suggestion.

[Feichtmeier]

Could you link to the specifications?

[madsrh]

Thanks @Jupiter007-43 It's been on my wishlist for a while but it's a ton of work, so this proberly isn't going to happen in this cycle.

[Jupi007]

@Feichtmeier Which mean (sorry I'm French) ? If it's the documentation I haven't found any resource (I've been searching since yesterday).

@madsrh Yes it's over a thousand icons... 😰 But it will look very great !

[madsrh]

Yes it's over a thousand icons... cold_sweat But it will look very great !

Okay, my comment was a bit misleading - I would love to see this, but I doubt that it will ever happen - especially if it's thousand icons 😬

it should be great to have a yaru icon theme for libreoffice, which actually looks very inconsistent with the rest of the OS

A much easier solution would be to default to a icon theme that fits better with Yaru (if any of them does)

[Jupi007]

A much easier solution would be to default to a icon theme that fits better with Yaru (if any of them does)

Yes, it's a good idea, but there's really not a lot of themes available (https://libreofficehelp.com/change-libreoffice-default-look-and-feel/).

Bonus : some yaru icons in libreoffice !

I got breeze zip and replace some icons.

[madsrh]

@Jupiter007-43 I had a quick look at this and it's a WAY too huge task for us. There is 3760 files within one iconset 😵

I'll have to close the issue here. If anyone wants to step up to this "challenge" that would be fantastic!

We can't change the default icon theme in LO, so if you think there's a more fitting one to match Yaru, you'll have to file a bug against LibreOffice in Launchpad.

Thanks!

...And if anyone wants to have a look, the files are stored here:

[Jupi007]

I'm working on here: https://github.com/Jupiter007-43/libreoffice-style-yaru

[Feichtmeier]

Woah awesome! How far are you? Maybe we could still get this into 20.04 (it's not me to decide at all, just thinking about it)

[Jupi007]

Most of the work is done: I replace all KDE blue with Ubuntu purple, rounded corners (table, ...), replace some icons with Yaru ones, and create some missing ones from scratch.

A few more screenshot:

I don't know if it should be ready for 20.04...

[madsrh]

@hellsworth Would it be possible to get this into 20.04 (if it's ready)?

[Jupi007]

I'm going to attempt... but I can't promise anything 😉

[Jupi007]

I will post some news here.

[hellsworth]

Would it be possible to get this into 20.04 (if it's ready)?

@madsrh If the yaru team gets an icon theme for libreoffice to me in time, then I can make this the default.

[Feichtmeier]

Awesome @hellsworth :+1: Will libreoffice be a snap or a deb in 20.04?

[hellsworth]

Will libreoffice be a snap or a deb in 20.04?

Most likely we will ship both.

[Jupi007]

A preview (still work in progress), bundled in an extension:

yaru-theme.zip

Happy testing !!! 😊

[madsrh]

As much as I like the icons @Jupiter007-43 I don't think we should ship this by default. Have you checked out the work ubuntujaggers is doing with the Inkscape legacy icons?

[Feichtmeier]

Yes they need to work in both light and dark themes as libre office can't handle symbolic icons yet. As mads said, check out Stuart's inkscape branch

[Jupi007]

The dark theme is separated:

yaru-theme-dark.zip

Do you mean that the same theme must support both light and dark variants (Breeze has two variants)?

[madsrh]

Do you mean that the same theme must support both light and dark variants (Breeze has two variants)?

Preferably one icon theme should work in both light and dark.

[Jupi007]

Oh! So a symbolic icon set isn't a good idea...

All this is for nothing. It's sad. 😢 That doesn't matter I'll put it on my computer.

[Jupi007]

Great job with Inkscape 👍

[Feichtmeier]

Nooooo it's not for nothing:

Take your light set, and create 1px black and 1px white outlines, then fill it with a color, similar to what stuart did with the inkscape icons

[Feichtmeier]

@Jupiter007-43 or... before I give some crap advice, better keep your hands calm until @ubuntujaggers is back from his break, he can give real advices

[Jupi007]

OK, thanks!

[Feichtmeier]

He is not done yet, but here are some, maybe it's already an inspiration for indeas:

[Jupi007]

The Libreoffice Gtk dark theme support is (very) bad:

(Maybe custom style make this strange rendering with the left menu)

And some icons of the actual default theme (Elementary) are almost invisible (bold, underline, align, ...) and disabled icons are just desaturated and a bit lighter (which look bad on dark theme):

It's really difficult to work under these conditions... 😰

[Jupi007]

I tested a mid grey icon set:

But it's too light on light theme and too dark on dark theme... 😑

[Jupi007]

Grey icons on white background:

The visibility is good on both dark and light theme. But each icons need to be edited one by one...

[Jupi007]

I tested another grey (#808080) without white background and with light purple, which look pretty well on both theme:

yaru-theme.zip

Can I get your opinion: which one is better with or without white background?

[Feichtmeier]

I think you need @ubuntujaggers opinion here. I think your border needs to be way darker to look good in the dark theme. And the icons need to be indeed filled like you've showed in the comment above :)

[madsrh]

This one was really great 🎉Maybe a bit more color than just white, is probably needed IMO 😀

[ubuntujaggers]

Visually I think the mid grey symbols with people accents look smart and cool... but the problem I have with monochrome buttons in apps with many buttons is, nothing catches my eye. E.g., I use GIMP all the time, but whenever I need a particular tool I have to look at them one by one till I find it ☹️

What do you think of the 16px legacy icons in Master currently? They're like halfway between a full colour icon and a symbol and many of them are based on symbols. It's an easy style to do, if you like them it would be good to get a second pair of hands on the project if we want to target as many apps as possible (including LO). Likewise @madsrh could join in if he fancies 👍

[Jupi007]

I use GIMP all the time, but whenever I need a particular tool I have to look at them one by one till I find it frowning_face

I'm in the same case, that's why I use the color icons in Gimp 😉 (in Libreoffice I got used to symbolic).

In fact, it was simpler for me to use Breeze as a starting point because I only had to round some corners and change the blue to purple (among other things). And also...symbolic icons are very easy to create! There is three size 16px, 24px and 32px, most of them are very specific and there is a lot of declensions. There is about more 3000 icons! I will try with some of the legacy icons, but it will take much longer... Certainly won't be ready for 20.04 (it was my target 😢). That doesn't matter, maybe 20.10! 😃

it would be good to get a second pair of hands on the project if we want to target as many apps as possible (including LO).

If there's anything I can do, let me know!

[ubuntujaggers]

@Jupiter007-43, would be great to take some of the legacy icons for common functions (e.g. print) and see how they look in LO 👍

[Jupi007]

Et voila !

Just 2px too small (I didn't take the time to resize them). It look great on both theme 👍

[Feichtmeier]

Nice, thanks for the screenshots. In my opinion this could work! It's too late for a default in focal now but... Maybe we could provide a "libreoffice-icons-yaru.deb" later in the focal cycle? If you want to manage this task together with @ubuntujaggers don't stress yourself - it's a really huge task :)

[ubuntujaggers]

@Jupiter007-43 and I could start by targeting just the icons that appear on the top bar by default? Getting a Yaru set of those would be a great start 👍

[madsrh]

Where can I download this @Jupiter007-43 ? Could you upload this to your Github repo?

Et voila !

[Jupi007]

The new repository is here: https://github.com/Jupiter007-43/libreoffice-style-yaru-fullcolor

[Jupi007]

And the old: https://github.com/Jupiter007-43/libreoffice-style-yaru-symbolic

I still want to finish the symbolic version! 😋

[Jupi007]

Some new screenshot (main toolbar, but some icons in other places are fullcolor too):

Small

Medium

Large

But don't know how to render this kind of icon (just a letter) to fit consistency with overs 🤔

It looks strange like with just a white border...

[Jupi007]

🎉 I finished the main toolbar of Writer on medium size: 🎉

What do you think of ? Can I resize them on Large and Small size, and make declensions ?

[Feichtmeier]

This looks really good, gj @Jupiter007-43 !

[Jupi007]

I had forgotten masked icons, it's done now.

But my toolbar is a big mess now!

[ubuntujaggers]

This is starting to shape up really nicely :) Couple of thoughts:

• Some of the icons that are made up of bars and lines probably don't need the outline... Inkscape has a mix including some that are just coloured glyphs and I don't think they look out of place:

• We might rethink how we handle letter-based designs. The existing legacy buttons do have the white outline, but there are only a couple of affected buttons in Inkscape. There's a lot more of these in LO and the overall impression might not be great in dark theme.

[Jupi007]

Much better without outline indeed 👍

About the letter icons, I've tried some concepts but I can't find one that looks nice and with a good contrast with light and dark theme in the same time... 😑

[Jupi007]

🎉 I finished resizing Writer main toolbar icon to large and small sizes:

And I started working on the table toolbar (medium icons):

[Jupi007]

Other thing, what do you think of these font based icons?

[ubuntujaggers]

Great work @Jupiter007-43 - those text-based icons look pretty smart!