[IMP] web_editor: render inline svg icons, apply css style

Render inline SVG inside buttons in order to allow CSS styling.

Define SVG icons design for normal/hover status applying the same colors
as default text buttons.

In order to support multi-colors SVGs, this commits will affect inner
shapes in different ways:
- '.o_graphic' shapes: will gets the UI btns colors (default/hover)
- '.o_subdle' shapes: will gets a slightly reduced default text color

Shapes without '.o_graphic/.o_subdle' classes will be rendered normally,
as defined in the svg code.

Part of https://github.com/odoo/odoo/pull/54913
task-2157252

Co-authored-by: qsm-odoo <qsm@odoo.com>

1 files changed, 1 insertions, 1 deletions

diff --git a/addons/web_editor/static/src/scss/web_editor.variables.scss b/addons/web_editor/static/src/scss/web_editor.variables.scss
index cf4b8b3b7eb..f71d4d36184 100644
--- a/addons/web_editor/static/src/scss/web_editor.variables.scss
+++ b/addons/web_editor/static/src/scss/web_editor.variables.scss
@@ -54,7 +54,7 @@ $o-we-item-border-color: $o-we-bg-darkest !default;
 $o-we-item-border-radius: 1px !default;
 $o-we-item-clickable-bg: linear-gradient($o-we-bg-light, $o-we-bg-darker) !default;
 $o-we-item-pressed-bg: linear-gradient($o-we-bg-darkest, $o-we-bg-darker) !default;
-$o-we-item-pressed-color: $o-we-fg-light !default;
+$o-we-item-pressed-color: $o-we-fg-lighter !default;
 
 $o-we-dropdown-spacing: 5px !default;
 $o-we-dropdown-bg: $o-we-bg-darker !default;