[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>
This commit is contained in:
stefanorigano (SRI)
2023-10-08 10:45:45 +00:00
committed by qsm-odoo
co-authored by Brieuc-brd
parent 24a4cb1ce4
commit 8175268a53
2 changed files with 17 additions and 0 deletions
@@ -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)};
}
}
}
}
@@ -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;