From 8175268a53510c140af92ad709cb3c9b53a229a2 Mon Sep 17 00:00:00 2001
From: "stefanorigano (SRI)" <sri@odoo.com>
Date: Wed, 16 Aug 2023 17:31:04 +0200
Subject: [PATCH] [IMP] website, *: set light background on every input

*: web_editor

This commit applies the light color on inputs to keep consistency with
the default theme redesign. That color is now customizable as it is
linked to o-color-3.

task-3097005

Part-of: odoo/odoo#120302
Co-authored-by: Brieuc-brd <brd@odoo.com>
---
 .../web_editor/static/src/scss/web_editor.common.scss  |  7 +++++++
 .../website/static/src/scss/bootstrap_overridden.scss  | 10 ++++++++++
 2 files changed, 17 insertions(+)

diff --git a/addons/web_editor/static/src/scss/web_editor.common.scss b/addons/web_editor/static/src/scss/web_editor.common.scss
index abf82de6a4e..97161f9818b 100644
--- a/addons/web_editor/static/src/scss/web_editor.common.scss
+++ b/addons/web_editor/static/src/scss/web_editor.common.scss
@@ -813,6 +813,13 @@ blockquote {
                     border-color: $-btn-primary-color;
                 }
             }
+
+            // Forms
+            @if ($-bg-color == $light and $-bg-color != $body-bg) {
+                --o-input-bg: #{$body-bg};
+                --o-input-border-color: var(--o-border-color);
+                --o-input-placeholder-color: #{rgba(color-contrast($body-bg), .5)};
+            }
         }
     }
 }
diff --git a/addons/website/static/src/scss/bootstrap_overridden.scss b/addons/website/static/src/scss/bootstrap_overridden.scss
index 57226ee8c12..662931a98f3 100644
--- a/addons/website/static/src/scss/bootstrap_overridden.scss
+++ b/addons/website/static/src/scss/bootstrap_overridden.scss
@@ -206,6 +206,16 @@ $input-border-radius: o-website-value('input-border-radius') !default;
 $input-border-radius-lg: o-website-value('input-border-radius-lg') !default;
 $input-border-radius-sm: o-website-value('input-border-radius-sm') !default;
 
+$input-bg: var(--o-input-bg, #{$light}) !default;
+$input-border-color: var(--o-input-border-color, #{$light}) !default;
+$input-color: color-contrast($light) !default;
+$input-focus-bg: $body-bg !default;
+$input-focus-color: $body-color !default;
+$input-placeholder-color: var(--o-input-placeholder-color, #{rgba($input-color, .5)}) !default;
+
+$form-check-input-border: ($input-border-width or 1px) solid $input-border-color !default;
+$form-range-track-bg: $light !default;
+
 // Badge
 $badge-padding-y: 0.25em !default;
 $badge-padding-x: 0.4em !default;