[IMP] theme_orchid: revamp theme

[stefanorigano]

task-4178087
part of task-4177975

17.4	this PR

[robodoo]

[agau-odoo]

Thanks for the PR! :)

Here are some comments, including a bunch of nitpicking:

-> this transition doesn't match the jpg preview, + it seems odd to me. It's even more apparent on bigger screens (i.e. 1440p)
The shape is cut + the white color is slightly different
The different color is also visible in the jpg preview

[stefanorigano]

Hello @agau-odoo thanks so much for your review 👍
Changes applied and green in runbot (the very last push it's just about the SVG).

Thanks!

[agau-odoo]

Here are some more comments, mostly nitpicking again, but still a few important issues imo. We're almost there!

[agau-odoo]

Okay but now we get this on chromium:

And this on firefox:

I think we should prefer targeting chromium users first (biggest userbase), so if we don't have an easy fix now, let's revert to the previous version and fix this later.

The issue with the different color at the bottom part of this shape is still there
, but again I don't know if this is important

[agau-odoo]

There's also a weird line here (firefox):

[stefanorigano]

Ok, now I see. The issue it's that the font it's not loaded correctly on your side.
It should be "Elsie", see @import rule in the svg file.
Could you tell tell me if you get error in your console? Somehow the font it's not used and this leads to discrepancies... in my side it's good on Firefox, Chrome and Safari (OSX)

[agau-odoo]

The color is fixed, but the shape still clips on a 1080p screen (tested in chromium)

[stefanorigano]

but the shape still clips on a 1080p screen (tested in chromium)

Can't be solved until we introduce responsive margin; the solution would have been to add pt256, but this value it's totally unsuitable for mobile.

I'll remove the shape.. I don't mind it, it's clean:

[stefanorigano]

@agau-odoo , shape removed and screenshoot/svg updated.
Nitpicking remarks addressed as well. Let me know for the font, thanks.