Apps: Libre Office Icon Suite Revamp

[ochi12]

This PR includes Changes to LibreOffice app icons under fullcolor and symbolic variants. The aim of this PR is to sync LibreOffice Icons with upstream design plus adding my own Yaru touch.

ToDo

Full Color

• Revamp libreoffice-main
• Revamp libreoffice-writter
• Revamp libreoffice-impress
• Revamp libreoffice-math
• Revamp libreoffice-draw
• Revamp libreoffice-base
• Revamp libreoffice-calc

Mimetypes

• libreoffice-oasis-database
• libreoffice-oasis-drawing
• libreoffice-oasis-formula
• libreoffice-oasis-master-document
• libreoffice-oasis-presentation
• libreoffice-oasis-spreadsheet
• libreoffice-oasis-text
• libreoffice-oasis-web

What are the benefits of these changes?

1. The dangling cutout

• it looks better at smaller sizes
• reducing rounded corners across the cutout gives a more grounded look and more consistent to upstream look

2. Colors

• Colors used sticks with the official Suru pallete.

3. Pictograms

• Pictograms are designed with Yaru look while tightly referencing upstream design

Preview

LO Main

UPSTREAM	YARU BEFORE	YARU AFTER	Symbolic

LO Writer

UPSTREAM	YARU BEFORE	YARU AFTER	Symbolic

LO Impress

UPSTREAM	YARU BEFORE	YARU AFTER	Symbolic

LO Math

UPSTREAM	YARU BEFORE	YARU AFTER	Symbolic

LO Calc

UPSTREAM	YARU BEFORE	YARU AFTER	Symbolic

LO Draw

UPSTREAM	YARU BEFORE	YARU AFTER	Symbolic

closes #4264

[3v1n0]

Very nice, but let's target this for 26.04

[ochi12]

Very nice, but let's target this for 26.04

yep still need to work on mimetypes too

[ochi12]

@3v1n0

just finished the mimetype icons

[Jupi007]

@ochi12 this is nice, but to be very honnest, I prefer to have the blank page below the pictogram like before.
I don't know what the other think about that?

[ochi12]

@ochi12 this is nice, but to be very honnest, I prefer to have the blank page below the pictogram like before. I don't know what the other think about that?

hmm at first that is what I was going for but I really referenced upstream design

IMO it looks good and is easily recognizable

[Jupi007]

IMO the blank layer under the pictogram enforce the "document" look of the icon.
And it clearly differentiates it from the app icon.

[ochi12]

IMO the blank layer under the pictogram enforce the "document" look of the icon. And it clearly differentiates it from the app icon.

I don’t think we really need to differentiate it. There’s very little risk of users mistaking it for an executable or some kind of installer Linux doesn’t use that type of file format, and AppImages all share the same generic executable mimetype icon anyway. In fact, having the icon closely resemble the app icon actually improves UX, because users can immediately recognize which application will open the file.

Also, within Yaru’s UX pattern, a paper-like icon with a folded upper-right corner already conventionally represents a file mimetype. So the document meaning is preserved without needing an extra blank layer underneath the pictogram.

These MS mimetypes don't even need white background to enforce a document look.

As long as Upstream -> Yaru look transformation works I don't think we necessarily need to diverge.

Tho, I'm considering reducing the fold effect intensity

[Jupi007]

We have authorization from upstream to have a divergent design to theirs.
So that's really not a problem to have our own design.

But this is more a question of taste. I really prefer the mimetype icon with white background, which symbolize itself the document you are working on.

These MS mimetypes don't even need white background to enforce a document look.

Tbh, it makes a long time that I think we should add a white bg to the MS Office icons.
Btw, this is how the official ones look:

As you can see they use a white BG ;)
IMO ours should be reworked with the new pictogram (and also the white BG to be in sync).

What do you think about this topic @Feichtmeier @ubuntujaggers @Muqtxdir @madsrh ?

[ochi12]

We have authorization from upstream to have a divergent design to theirs. So that's really not a problem to have our own design.

But this is more a question of taste. I really prefer the mimetype icon with white background, which symbolize itself the document you are working on.

These MS mimetypes don't even need white background to enforce a document look.

Tbh, it makes a long time that I think we should add a white bg to the MS Office icons. Btw, this is how the official ones look:

As you can see they use a white BG ;) IMO ours should be reworked with the new pictogram (and also the white BG to be in sync).

What do you think about this topic @Feichtmeier @ubuntujaggers @Muqtxdir @madsrh ?

I will try it later on. But let's see what others think

[ochi12]

Upon closer inspection, the new set of pictograms in this PR doesn't fit the aesthetic of having a white bg just like the current ones. Reasons like squashing the new set of pictograms and reduced detail for smaller sizes, since I need to fit a paper + the new set of pictograms.

For now I can accept the upstream design, yarufied, is already a fine endpoint. I really have strong feelings that if an upstream icon is good enough to be yarufied directly then there's no need for modification even with autorization (e.g. gnome papers and ear tag).

there could still be other options tho.

[3v1n0]

Is this approved design-wise?

I mean from the yaru team!

[Jupi007]

Just a little nitpick, except what it looks perfect to me 👍

[Jupi007]

The 16x16 pictogram is on the wrong layer (borders):

[ochi12]

For libre office draw only?

[Jupi007]

Yes, only this one :)