From c0b683e2f43a8d4145946738b2f24fc65453dd16 Mon Sep 17 00:00:00 2001 From: mano-odoo Date: Mon, 23 Oct 2023 14:17:14 +0200 Subject: [PATCH] [IMP] web,*: improve darkmode This commit introduces some adjustments to the dark mode color scheme and the use of bootstrap classes in Community. - Mini calendar contrast - The colors were not using variables, making them non dynamic and breaking the contrast in dark mode. - Avoid !important rules spreadsheet - Prior to this commit, spreadsheet top bar was using a `bg-white` class, making it pure black in dark mode. Since spreadsheet is designed with light colors and we don't provide a dark mode for it, we remove that class and set a `background-color` property using CSS in Enterprise. - Input color - This commit fixes the focus behavior on the searchbar in the control panel, the `command_palette_search`, and the `start a conversation` in discuss. - Copy clipboard field border color - Make use of the `text-primary` color for the copy to clipboard field We use the o-theme-color function to avoid an undefined since primary doesn't exist in the o-theme-text-color map in white mode. - Web_editor toolbar variables - The toolbar was using the `o-brand-primary` variable which was set to a darker shade. This caused issue when activating an option due to how vibrant the color is. - Improve the controls on border-color - Introducing a custom property on the border-color to allow further control on individual components (such as the popover). - Improve setting tabs colors use - Prior to this commit, the colors of the settings tabs menu were kinda inverted. The menu was light in dark mode and dark in light mode. We fix this by changing the values associated to the CSS variables in use. - Make model field selector dark mode proof - Fixing the design of the model field selector popover in both light and dark mode. Since the popover was using custom style with arbitrary values, it was not designed for the dark mode and had a lack of consistency. To improve the design, we use variables rather than custom style, and make sure the desired render is as close as before. - Sign colors use - This commit aims to improve the sign module in both light and dark mode. There were some readability issue with some `btn-light` having poor contrasts in both light and dark mode, and the use of some classes was a bit unexpected (e.g `card-header` to set a grey background with some padding). - Improve buttons design inside listview - Prior to this commit, this button was using custom CSS to make it look like a primary button, while it was using classes related to secondary buttons. We remove the custom CSS used to style it correctly and keep our button design consistent. - Messaging menu layout in mail - This commit aims to improve the design of the notifications displayed in the messaging menu. Prior to this commit, the notifications dropdown was using custom CSS variables overriding the regular behavior of our dropdowns. In fact, the layout was generating some friction: 1) Marking a notification as read would turn its background into a darker color 2) Effects like `:hover` were all based on the custom CSS variables resulting in an inconsistent layout. - Multi company selector adaptations - In darkmode the multi company selection was using the btn-light which creates a weird effect and overrides the dropdown default hover behavior This commit uses the btn-link to display an hover effect on the company switch and on the checkbox while blending with the background and the default dropdown hover effect. - Adapts default badge design - Improve the design of the default badges in dark mode. If you open the light mode, these badges are dark grey with a white text. If you switch to dark mode, they are dark grey but with a dark text, which makes them look either muted or off. We make use of SCSS variables to handle the color of the component, providing a good styling in both modes. - Fix kanban cards borders inside dropdown - Fixes the issue with the divider inside the kanban dropdown menu not showing in dark mode. To ensure it is visible, we assign it the `$dropdown-divider-bg`, which is the color it should use, as the horizontal divider above uses. - Fix tour pointer design for dark mode - This commit aims to insert the tour pointer and its content inside the styling we applied to our tooltip. To do so, we make sure it uses CSS variables, allowing more control and consistency, plus we replicate the overall look of our tooltips. - Fix `text-primary` on action background contrast - This commit improves the readability of our `text-primary` classes when it's used on a `$o-component-active-bg` background. Prior to this commit, the `text-primary` was not meeting the contrast standard, mainly when you were using the `CMD+K` shortcut on the app switcher. To prevent that, we changed the background to a `$o-component-active-bg` background with an opacity ensuring our text provides a good contrast. - Fix input states - Prior to this commit, the `--o-input-border-color` CSS variable was using the `$o-form-lightsecondary` variable to define the standard color of the `border-bottom` property of our inputs. This was conflicting since `$o-form-light-secondary` is also used to define the `background-color` of our table on focus. With this commit, we separate these two element with different variables to make sure they don't affect each others. - Fix kanban ghost background - Before this commit, if you created a project without any stage or element in it, the ghost cards that act like placeholders would be pure `#000` in dark mode, due to the `bg-white` class. This commit replaces that class with a `bg-light`, providing a better visual result in both light and dark mode. - Fix new message design - Improve the design of the new message element while inside Discuss, using our danger color, ensuring a good visual result in both modes. task-3201038 closes odoo/odoo#139966 Related: odoo/enterprise#49666 Signed-off-by: Pierre Paridans (app) Co-authored-by: chgo-odoo Co-authored-by: stefanorigano --- .../views/account_payment_term_views.xml | 2 +- addons/fleet/views/fleet_vehicle_views.xml | 4 +-- .../views/gamification_goal_views.xml | 2 +- .../department_chart/department_chart.xml | 2 +- .../src/components/expense_dashboard.xml | 2 +- .../static/src/dashboard/time_off_card.xml | 2 +- .../hr_holidays/views/hr_leave_type_views.xml | 6 ++--- .../static/src/fields/hr_org_chart.xml | 2 +- .../static/src/scss/hr_job.scss | 5 ---- addons/hr_recruitment/views/hr_job_views.xml | 4 +-- addons/lunch/views/lunch_product_views.xml | 2 +- .../src/core/common/autoresize_input.scss | 14 +++++----- .../src/core/common/autoresize_input.xml | 2 +- .../static/src/core/common/core.dark.scss | 5 +++- addons/mail/static/src/core/common/core.scss | 2 +- .../mail/static/src/core/common/discuss.xml | 4 +-- .../mail/static/src/core/common/message.xml | 4 +-- .../static/src/core/common/navigable_list.xml | 2 +- .../mail/static/src/core/common/thread.scss | 8 ------ addons/mail/static/src/core/common/thread.xml | 2 +- .../src/core/web/discuss_sidebar.dark.scss | 2 +- .../static/src/core/web/discuss_sidebar.scss | 2 +- .../src/core/web/notification_item.scss | 26 ------------------- .../static/src/core/web/notification_item.xml | 2 +- .../src/discuss/core/web/channel_selector.xml | 2 +- .../messaging_menu/messaging_menu_tests.js | 2 +- .../static/src/xml/mailing_filter_widget.xml | 2 +- .../src/scss/onboarding.variables.dark.scss | 2 +- addons/project/models/project_update.py | 6 ++--- .../static/src/scss/project_dashboard.scss | 4 --- .../static/src/scss/project_widgets.scss | 3 +++ .../project/static/src/utils/project_utils.js | 10 +++---- .../static/tests/tours/personal_stage_tour.js | 2 +- .../todo_editable_breadcrumb_name.scss | 9 ------- .../static/src/views/purchase_dashboard.xml | 10 +++---- .../src/scss/survey_question_views.scss | 3 +-- addons/survey/views/survey_question_views.xml | 2 +- .../src/core/commands/command_palette.scss | 2 +- .../static/src/core/effects/rainbow_man.xml | 2 +- .../model_field_selector_popover.scss | 12 +++------ .../model_field_selector_popover.xml | 8 +++--- .../src/core/notifications/notification.xml | 2 +- .../core/signature/name_and_signature.scss | 4 --- .../src/core/signature/name_and_signature.xml | 4 +-- .../static/src/scss/bootstrap_overridden.scss | 2 +- .../src/scss/bs_mixins_overrides_backend.scss | 2 +- .../static/src/scss/primary_variables.scss | 2 +- .../src/search/search_bar/search_bar.scss | 2 +- .../src/search/search_bar/search_bar.xml | 4 +-- .../src/search/search_panel/search_panel.xml | 2 +- .../src/search/search_panel/search_view.scss | 7 +++-- .../views/calendar/calendar_controller.scss | 2 +- .../src/views/calendar/calendar_renderer.scss | 2 +- .../filter_panel/calendar_filter_panel.xml | 2 +- .../src/views/fields/badge/badge_field.scss | 4 +-- .../copy_clipboard/copy_clipboard_field.scss | 2 +- .../many2many_binary_field.xml | 2 +- .../fields/properties/properties_field.scss | 4 +-- .../src/views/form/button_box/button_box.scss | 4 +-- .../src/views/kanban/kanban_dashboard.scss | 4 +-- .../kanban/kanban_record_quick_create.xml | 2 +- .../src/views/kanban/kanban_renderer.xml | 2 +- .../static/src/views/list/list_renderer.scss | 3 --- .../mobile_switch_company_menu.xml | 2 +- .../settings/settings_page.xml | 2 +- .../settings_form_view.scss | 16 ++++++------ .../settings_form_view/settings_form_view.xml | 2 +- .../switch_company_menu.xml | 6 ++--- .../settings_form_view_tests.js | 2 +- .../static/src/scss/wysiwyg.dark.scss | 2 +- .../static/src/tour_pointer/tour_pointer.scss | 16 ++++++------ .../static/src/tour_pointer/tour_pointer.xml | 2 +- .../src/scss/website_visitor_views.scss | 3 --- 73 files changed, 120 insertions(+), 186 deletions(-) diff --git a/addons/account/views/account_payment_term_views.xml b/addons/account/views/account_payment_term_views.xml index ae1fb0fa380..5ce1f4fdb5d 100644 --- a/addons/account/views/account_payment_term_views.xml +++ b/addons/account/views/account_payment_term_views.xml @@ -79,7 +79,7 @@ on -
+
diff --git a/addons/fleet/views/fleet_vehicle_views.xml b/addons/fleet/views/fleet_vehicle_views.xml index 2db560e8abd..9102efc2e5f 100644 --- a/addons/fleet/views/fleet_vehicle_views.xml +++ b/addons/fleet/views/fleet_vehicle_views.xml @@ -311,10 +311,10 @@ Contract(s) + class="fa fa-exclamation-triangle text-warning" role="img" aria-label="Warning: renewal due soon" title="Warning: renewal due soon"> + class="fa fa-exclamation-triangle text-danger" role="img" aria-label="Attention: renewal overdue" title="Attention: renewal overdue"> diff --git a/addons/gamification/views/gamification_goal_views.xml b/addons/gamification/views/gamification_goal_views.xml index 59b1b22b79a..d892a714190 100644 --- a/addons/gamification/views/gamification_goal_views.xml +++ b/addons/gamification/views/gamification_goal_views.xml @@ -175,7 +175,7 @@
- +
diff --git a/addons/hr/static/src/components/department_chart/department_chart.xml b/addons/hr/static/src/components/department_chart/department_chart.xml index 0aca97f4ce3..d2291eebbfa 100644 --- a/addons/hr/static/src/components/department_chart/department_chart.xml +++ b/addons/hr/static/src/components/department_chart/department_chart.xml @@ -35,7 +35,7 @@ - diff --git a/addons/hr_expense/static/src/components/expense_dashboard.xml b/addons/hr_expense/static/src/components/expense_dashboard.xml index cb7fb0199fd..7137be77a3f 100644 --- a/addons/hr_expense/static/src/components/expense_dashboard.xml +++ b/addons/hr_expense/static/src/components/expense_dashboard.xml @@ -7,7 +7,7 @@
- +
diff --git a/addons/hr_holidays/static/src/dashboard/time_off_card.xml b/addons/hr_holidays/static/src/dashboard/time_off_card.xml index 3c43e6b1020..88f03ea653e 100644 --- a/addons/hr_holidays/static/src/dashboard/time_off_card.xml +++ b/addons/hr_holidays/static/src/dashboard/time_off_card.xml @@ -1,6 +1,6 @@ -
+
diff --git a/addons/hr_holidays/views/hr_leave_type_views.xml b/addons/hr_holidays/views/hr_leave_type_views.xml index 7e786b2007d..25d5e9226f9 100644 --- a/addons/hr_holidays/views/hr_leave_type_views.xml +++ b/addons/hr_holidays/views/hr_leave_type_views.xml @@ -28,7 +28,7 @@ invisible="requires_allocation == 'no' or not id" help="Count of allocations for this time off type (approved or waiting for approbation) with a validity period starting this year.">
- + Allocations
@@ -39,7 +39,7 @@ invisible="not id" help="Count of time off requests for this time off type (approved or waiting for approbation) with a start date in the current year.">
- + Time Off
@@ -50,7 +50,7 @@ invisible="not id or accrual_count == 0" help="Count of plans linked to this time off type.">
- + Accruals
diff --git a/addons/hr_org_chart/static/src/fields/hr_org_chart.xml b/addons/hr_org_chart/static/src/fields/hr_org_chart.xml index b6d10f59c97..2d36a182c29 100644 --- a/addons/hr_org_chart/static/src/fields/hr_org_chart.xml +++ b/addons/hr_org_chart/static/src/fields/hr_org_chart.xml @@ -55,7 +55,7 @@ data-bs-toggle="popover" t-on-click="(event) => this._onOpenPopover(event, employee)"> diff --git a/addons/hr_recruitment/static/src/scss/hr_job.scss b/addons/hr_recruitment/static/src/scss/hr_job.scss index c3b3a2385ef..f800157a231 100644 --- a/addons/hr_recruitment/static/src/scss/hr_job.scss +++ b/addons/hr_recruitment/static/src/scss/hr_job.scss @@ -24,11 +24,6 @@ .o_job_activities { list-style-type: none; - - .to-recruit { - color: $o-enterprise-color; - font-weight: bold; - } } .o_kanban_card_header_title { diff --git a/addons/hr_recruitment/views/hr_job_views.xml b/addons/hr_recruitment/views/hr_job_views.xml index 9dc822942ca..bf017cb6add 100644 --- a/addons/hr_recruitment/views/hr_job_views.xml +++ b/addons/hr_recruitment/views/hr_job_views.xml @@ -99,10 +99,10 @@
  • - + To Recruit - + To Recruit
    • diff --git a/addons/lunch/views/lunch_product_views.xml b/addons/lunch/views/lunch_product_views.xml index ff65717920f..e6bd73cf3ee 100644 --- a/addons/lunch/views/lunch_product_views.xml +++ b/addons/lunch/views/lunch_product_views.xml @@ -124,7 +124,7 @@
-
+
New
diff --git a/addons/mail/static/src/core/common/autoresize_input.scss b/addons/mail/static/src/core/common/autoresize_input.scss index e008303ec03..49df2b303ed 100644 --- a/addons/mail/static/src/core/common/autoresize_input.scss +++ b/addons/mail/static/src/core/common/autoresize_input.scss @@ -1,11 +1,9 @@ -.o-mail-AutoresizeInput:not([disabled]):focus { - border-color: map-get($theme-colors, "dark") !important; - background-color: $white; -} +.o-mail-AutoresizeInput { + --o-input-border-color: transparent; -.o-mail-AutoresizeInput:not([disabled]):hover { - background-color: $white; - &:not(:focus) { - border: $border-width solid $border-color !important; + &:not([disabled]) { + &:hover, &:focus { + --o-input-border-color: #{$border-color}; + } } } diff --git a/addons/mail/static/src/core/common/autoresize_input.xml b/addons/mail/static/src/core/common/autoresize_input.xml index f7688cafc14..e056444127f 100644 --- a/addons/mail/static/src/core/common/autoresize_input.xml +++ b/addons/mail/static/src/core/common/autoresize_input.xml @@ -3,7 +3,7 @@
Add a description
- +
@@ -36,7 +36,7 @@ - + - diff --git a/addons/mail/static/src/core/common/navigable_list.xml b/addons/mail/static/src/core/common/navigable_list.xml index 0a46b75f520..45fe0f5895c 100644 --- a/addons/mail/static/src/core/common/navigable_list.xml +++ b/addons/mail/static/src/core/common/navigable_list.xml @@ -2,7 +2,7 @@ -
+
diff --git a/addons/mail/static/src/core/common/thread.scss b/addons/mail/static/src/core/common/thread.scss index ca51f24e391..a28bcfb8b3b 100644 --- a/addons/mail/static/src/core/common/thread.scss +++ b/addons/mail/static/src/core/common/thread.scss @@ -4,14 +4,6 @@ .o-mail-Thread-newMessage { transition: opacity 0.5s; - hr { - border-color: lighten($o-brand-odoo, 15%) !important; - } - - hr, span { - color: lighten($o-brand-odoo, 15%); - } - span { font-size: 0.8rem; } diff --git a/addons/mail/static/src/core/common/thread.xml b/addons/mail/static/src/core/common/thread.xml index 590b26a6627..7e6e4ab9b90 100644 --- a/addons/mail/static/src/core/common/thread.xml +++ b/addons/mail/static/src/core/common/thread.xml @@ -24,7 +24,7 @@
-
New messages
+
New messages
 diff --git a/addons/mail/static/src/core/web/discuss_sidebar.dark.scss b/addons/mail/static/src/core/web/discuss_sidebar.dark.scss index d57731b58fc..67967ec406f 100644 --- a/addons/mail/static/src/core/web/discuss_sidebar.dark.scss +++ b/addons/mail/static/src/core/web/discuss_sidebar.dark.scss @@ -1,5 +1,5 @@ .o-mail-DiscussSidebar-item { &:hover, &.o-active { - background-color: $o-gray-100 !important; + background-color: $o-gray-300; } } diff --git a/addons/mail/static/src/core/web/discuss_sidebar.scss b/addons/mail/static/src/core/web/discuss_sidebar.scss index a8161683a4e..7ec391f9909 100644 --- a/addons/mail/static/src/core/web/discuss_sidebar.scss +++ b/addons/mail/static/src/core/web/discuss_sidebar.scss @@ -8,6 +8,6 @@ .o-mail-DiscussSidebar-item { &:hover, &.o-active { - background-color: $o-gray-200 !important; + background-color: $o-gray-200; } } diff --git a/addons/mail/static/src/core/web/notification_item.scss b/addons/mail/static/src/core/web/notification_item.scss index c763005cd7b..f88f5c21934 100644 --- a/addons/mail/static/src/core/web/notification_item.scss +++ b/addons/mail/static/src/core/web/notification_item.scss @@ -1,29 +1,3 @@ -$o-mail-NotificationItem-background-color: $o-view-background-color !default; -$o-mail-NotificationItem-hover-background-color: darken( - $o-mail-NotificationItem-background-color, - 7% -) !default; - -$o-mail-NotificationItem-muted-background-color: $gray-100 !default; -$o-mail-NotificationItem-muted-hover-background-color: - darken($o-mail-NotificationItem-muted-background-color, 7%) !default; - -.o-mail-NotificationItem { - background-color: $o-mail-NotificationItem-background-color; - - &:hover { - background-color: $o-mail-NotificationItem-hover-background-color; - } - - &.o-muted { - background-color: $o-mail-NotificationItem-muted-background-color; - - &:hover { - background-color: $o-mail-NotificationItem-muted-hover-background-color; - } - } -} - .o-mail-NotificationItem-badge { padding: 3px 6px !important; } diff --git a/addons/mail/static/src/core/web/notification_item.xml b/addons/mail/static/src/core/web/notification_item.xml index 71ec12c5287..1dab4cfba9e 100644 --- a/addons/mail/static/src/core/web/notification_item.xml +++ b/addons/mail/static/src/core/web/notification_item.xml @@ -3,7 +3,7 @@ - - diff --git a/addons/web/static/src/core/notifications/notification.xml b/addons/web/static/src/core/notifications/notification.xml index fc2081cf276..1d75a60a079 100644 --- a/addons/web/static/src/core/notifications/notification.xml +++ b/addons/web/static/src/core/notifications/notification.xml @@ -2,7 +2,7 @@ -
diff --git a/addons/web/static/src/views/fields/properties/properties_field.scss b/addons/web/static/src/views/fields/properties/properties_field.scss index b9fbc697ec4..8aac4be76a5 100644 --- a/addons/web/static/src/views/fields/properties/properties_field.scss +++ b/addons/web/static/src/views/fields/properties/properties_field.scss @@ -32,9 +32,9 @@ .dropdown:focus-within ~ .o_dropdown_button, .o_input:focus ~ .o_datepicker_button, .o_dropdown_button:focus { - @include print-variable(o-input-border-color, $o-brand-primary); + @include print-variable(o-input-border-color, $o-action); * { - @include print-variable(o-input-border-color, $o-brand-primary); + @include print-variable(o-input-border-color, $o-action); } } } diff --git a/addons/web/static/src/views/form/button_box/button_box.scss b/addons/web/static/src/views/form/button_box/button_box.scss index 10c29e7b2ed..f1a509dea2b 100644 --- a/addons/web/static/src/views/form/button_box/button_box.scss +++ b/addons/web/static/src/views/form/button_box/button_box.scss @@ -27,7 +27,7 @@ %-stat-button-value { order: 2; font-weight: $font-weight-bold; - color: $o-brand-primary; + color: var(--o-stat-text-color, #{$o-brand-primary}); font-size: $o-font-size-base-smaller; } @@ -50,7 +50,7 @@ .o_button_icon { font-size: $-stat-button-icon-size; - color: $primary; + color: var(--o-stat-button-color, #{$primary}); &:before { margin-right: $-stat-button-icon-margin-end; diff --git a/addons/web/static/src/views/kanban/kanban_dashboard.scss b/addons/web/static/src/views/kanban/kanban_dashboard.scss index 9788c55ee5c..155a0aa6c8a 100644 --- a/addons/web/static/src/views/kanban/kanban_dashboard.scss +++ b/addons/web/static/src/views/kanban/kanban_dashboard.scss @@ -164,7 +164,7 @@ padding-top: $o-kanban-dashboard-dropdown-complex-gap*3; &:not(:first-child) { - border-top: 1px solid map-get($grays, '300'); + border-top: 1px solid $dropdown-divider-bg; } .oe_kanban_colorpicker { @@ -173,7 +173,7 @@ } div[class*="col-"] + div[class*="col-"] { - border-left: 1px solid map-get($grays, '300'); + border-left: 1px solid $dropdown-divider-bg; } > div:last-child { @include o-kanban-dashboard-dropdown-link($link-padding-gap: $o-kanban-dashboard-dropdown-complex-gap); diff --git a/addons/web/static/src/views/kanban/kanban_record_quick_create.xml b/addons/web/static/src/views/kanban/kanban_record_quick_create.xml index 3f7c3471ee9..62419b74793 100644 --- a/addons/web/static/src/views/kanban/kanban_record_quick_create.xml +++ b/addons/web/static/src/views/kanban/kanban_record_quick_create.xml @@ -20,7 +20,7 @@ Edit -
diff --git a/addons/web/static/src/views/kanban/kanban_renderer.xml b/addons/web/static/src/views/kanban/kanban_renderer.xml index 265f643bf5a..d229cf3451c 100644 --- a/addons/web/static/src/views/kanban/kanban_renderer.xml +++ b/addons/web/static/src/views/kanban/kanban_renderer.xml @@ -96,7 +96,7 @@
-
+
diff --git a/addons/web/static/src/views/list/list_renderer.scss b/addons/web/static/src/views/list/list_renderer.scss index 0d136cbda99..cef95dab744 100644 --- a/addons/web/static/src/views/list/list_renderer.scss +++ b/addons/web/static/src/views/list/list_renderer.scss @@ -211,9 +211,6 @@ margin-left: 10px; > button { - @include o-hover-text-color($o-brand-primary, darken($o-brand-primary, 20%)); - background-color: transparent; - border: none; padding-top: 0; padding-bottom: 0; } diff --git a/addons/web/static/src/webclient/burger_menu/mobile_switch_company_menu/mobile_switch_company_menu.xml b/addons/web/static/src/webclient/burger_menu/mobile_switch_company_menu/mobile_switch_company_menu.xml index e19770bddab..7203758b627 100644 --- a/addons/web/static/src/webclient/burger_menu/mobile_switch_company_menu/mobile_switch_company_menu.xml +++ b/addons/web/static/src/webclient/burger_menu/mobile_switch_company_menu/mobile_switch_company_menu.xml @@ -2,7 +2,7 @@ -
+
Companies
-
+
diff --git a/addons/web/static/src/webclient/switch_company_menu/switch_company_menu.xml b/addons/web/static/src/webclient/switch_company_menu/switch_company_menu.xml index 7b770532dc9..3c78eed49a4 100644 --- a/addons/web/static/src/webclient/switch_company_menu/switch_company_menu.xml +++ b/addons/web/static/src/webclient/switch_company_menu/switch_company_menu.xml @@ -18,7 +18,7 @@ - +
- +
@@ -46,7 +46,7 @@ t-att-title="'Switch to ' + props.company.name " tabindex="0" class="d-flex flex-grow-1 align-items-center py-0 log_into ps-2" - t-att-class="isCurrent ? 'alert-primary' : 'btn fw-normal border-0 ' + (isCompanyAllowed ? 'btn-light' : 'disabled')" + t-att-class="isCurrent ? 'alert-primary' : 'btn fw-normal border-0 ' + (isCompanyAllowed ? 'btn-link text-primary' : 'disabled')" t-on-click="() => this.logIntoCompany()"> { assert.containsOnce(target, "[name='textField'] input"); assert.verifySteps([ - `focusin: `, + `focusin: `, ]); }); diff --git a/addons/web_editor/static/src/scss/wysiwyg.dark.scss b/addons/web_editor/static/src/scss/wysiwyg.dark.scss index 0bf6f91f140..a34aabe2ef0 100644 --- a/addons/web_editor/static/src/scss/wysiwyg.dark.scss +++ b/addons/web_editor/static/src/scss/wysiwyg.dark.scss @@ -7,7 +7,7 @@ --o-we-toolbar-bg-active: #{$o-gray-400}; --o-we-toolbar-border: #{$o-gray-200}; --o-we-toolbar-color-text: #{$o-gray-800}; - --o-we-toolbar-color-accent: #{$o-brand-primary}; + --o-we-toolbar-color-accent: #{$o-action}; --o-we-toolbar-color-clickable: #{$o-gray-800}; --o-we-toolbar-color-clickable-active: #{$o-black}; } diff --git a/addons/web_tour/static/src/tour_pointer/tour_pointer.scss b/addons/web_tour/static/src/tour_pointer/tour_pointer.scss index b294a3919ff..3dc7ce30656 100644 --- a/addons/web_tour/static/src/tour_pointer/tour_pointer.scss +++ b/addons/web_tour/static/src/tour_pointer/tour_pointer.scss @@ -45,7 +45,7 @@ $o-tour-pointer-size-delay-in: $o-tour-pointer-duration-in - $o-tour-pointer-siz --TourPointer__scale: 1.12; --TourPointer__color: #{$o-enterprise-color}; --TourPointer__color-accent: #{lighten($o-enterprise-color, 7%)}; - --TourPointer__border-width: 3px; + --TourPointer__border-width: 1px; --TourPointer__border-color-rgb: 255, 255, 255; --TourPointer__border-color: rgba(var(--TourPointer__border-color-rgb), 1); --TourPointer__arrow-size: 1rem; @@ -83,7 +83,7 @@ $o-tour-pointer-size-delay-in: $o-tour-pointer-duration-in - $o-tour-pointer-siz .o_tour_pointer_tip { width: var(--TourPointer__width); height: var(--TourPointer__height); - border: var(--TourPointer__border-width) solid var(--TourPointer__border-color); + border: var(--TourPointer__border-width) solid white; border-radius: 0 50% 50% 50%; background-image: radial-gradient( var(--TourPointer__color-accent), @@ -93,7 +93,7 @@ $o-tour-pointer-size-delay-in: $o-tour-pointer-duration-in - $o-tour-pointer-siz } .o_tour_pointer_content { - background-color: inherit; + background-color: $light; color: transparent; transition: color 0s ease var(--TourPointer__expand-duration); @@ -140,21 +140,21 @@ $o-tour-pointer-size-delay-in: $o-tour-pointer-duration-in - $o-tour-pointer-siz } &.o_open { - border-color: var(--TourPointer__color); - background-color: var(--TourPointer__border-color); + border-color: #{$o-gray-400}; + background-color: #{$o-gray-300}; animation: var(--TourPointer__reveal-animation); .o_tour_pointer_tip { width: var(--TourPointer__arrow-size); height: var(--TourPointer__arrow-size); - border-color: var(--TourPointer__color); + border-color: #{$o-gray-400}; border-radius: 0; - background: white; + background: $light; box-shadow: none; } .o_tour_pointer_content { - color: var(--TourPointer__text-color); + color: $o-black; } &.o_left { diff --git a/addons/web_tour/static/src/tour_pointer/tour_pointer.xml b/addons/web_tour/static/src/tour_pointer/tour_pointer.xml index 9b798d606c7..07c3c33804f 100644 --- a/addons/web_tour/static/src/tour_pointer/tour_pointer.xml +++ b/addons/web_tour/static/src/tour_pointer/tour_pointer.xml @@ -20,7 +20,7 @@ >
diff --git a/addons/website/static/src/scss/website_visitor_views.scss b/addons/website/static/src/scss/website_visitor_views.scss index 1c94168e9de..221e995391c 100644 --- a/addons/website/static/src/scss/website_visitor_views.scss +++ b/addons/website/static/src/scss/website_visitor_views.scss @@ -8,9 +8,6 @@ margin: 0px; padding: 0px; border-top: 0px !important; - &:first-child { - border-bottom: 1px solid #dee2e6 !important; - } .oe_kanban_details { display:none !important; }