From f84b9b7ef3f9b0d2b3d50fd3a3e218af27407be1 Mon Sep 17 00:00:00 2001 From: "stefanorigano (SRI)" Date: Fri, 7 Oct 2022 19:02:00 +0000 Subject: [PATCH] [IMP] website: adapt for dark-mode This commit adapts several components in order to correctly handle color-scheme variations. task-2710677 Part-of: odoo/odoo#102868 --- .../configurator/configurator.js | 2 +- .../configurator/configurator.scss | 12 +++++++- .../configurator/configurator.xml | 26 ++++++------------ .../static/src/components/dialog/seo.scss | 5 ++-- .../static/src/components/dialog/seo.xml | 4 +-- .../website_loader/website_loader.scss | 5 ++++ .../website_loader/website_loader.xml | 2 +- ...website_dashboard_visit_demo_dark_mode.png | Bin 0 -> 34922 bytes .../static/src/scss/website.backend.scss | 10 +++---- .../static/src/systray_items/edit_website.xml | 2 +- .../views/res_config_settings_views.xml | 5 ++-- addons/website/views/website_views.xml | 4 +-- 12 files changed, 40 insertions(+), 37 deletions(-) create mode 100644 addons/website/static/src/img/website_dashboard_visit_demo_dark_mode.png diff --git a/addons/website/static/src/client_actions/configurator/configurator.js b/addons/website/static/src/client_actions/configurator/configurator.js index 63ef0de89a9..14bfed3e957 100644 --- a/addons/website/static/src/client_actions/configurator/configurator.js +++ b/addons/website/static/src/client_actions/configurator/configurator.js @@ -104,7 +104,7 @@ class DescriptionScreen extends Component { open: this._customizeNoResultMenuStyle.bind(this), focus: this._disableKeyboardNav.bind(this), classes: { - 'ui-autocomplete': 'custom-ui-autocomplete shadow-lg border-0 o_configurator_show_fast', + 'ui-autocomplete': 'custom-ui-autocomplete shadow-lg border-0 o_configurator_show_fast o_configurator_industry_dropdown', }, }); if (this.state.selectedIndustry) { diff --git a/addons/website/static/src/client_actions/configurator/configurator.scss b/addons/website/static/src/client_actions/configurator/configurator.scss index d131615539c..4b73ac8c0c6 100644 --- a/addons/website/static/src/client_actions/configurator/configurator.scss +++ b/addons/website/static/src/client_actions/configurator/configurator.scss @@ -1,6 +1,6 @@ .o_configurator_container { @include o-position-absolute(0, 0, 0, 0); - background-color: $white; + background-color: $o-view-background-color; .o_configurator_screen { @@ -74,6 +74,12 @@ } } + .o_configurator_odoo_logo { + background-image: var(--configurator-logo, url(/web/static/img/odoo_logo.svg)); + background-repeat: no-repeat; + background-size: contain; + } + // ==== Screens &.o_description_screen { @@ -127,6 +133,10 @@ } } + .o_configurator_industry_dropdown { + background: $dropdown-bg; + } + .dropdown { box-shadow: inset 0 -3px 0 map-get($theme-colors, primary); diff --git a/addons/website/static/src/client_actions/configurator/configurator.xml b/addons/website/static/src/client_actions/configurator/configurator.xml index a9dcdc07d26..fa34fd78239 100644 --- a/addons/website/static/src/client_actions/configurator/configurator.xml +++ b/addons/website/static/src/client_actions/configurator/configurator.xml @@ -9,9 +9,7 @@
-
- -
+