diff --git a/README.md b/README.md
index d2dc26a4494b..e42161aeac5e 100644
--- a/README.md
+++ b/README.md
@@ -41,7 +41,7 @@ addon | version | maintainers | summary
[web_pwa_customize](web_pwa_customize/) | 19.0.1.0.0 |
| Web Pwa Customize
[web_refresher](web_refresher/) | 19.0.1.0.0 | | Web Refresher
[web_remember_tree_column_width](web_remember_tree_column_width/) | 19.0.1.0.0 |
| Remember the tree columns' widths across sessions.
-[web_responsive](web_responsive/) | 19.0.1.0.3 |
| Responsive web client, community-supported
+[web_responsive](web_responsive/) | 19.0.1.1.0 |
| Responsive web client, community-supported
[web_search_with_and](web_search_with_and/) | 19.0.1.0.0 | | Use AND conditions on omnibar search
[web_timeline](web_timeline/) | 19.0.1.0.0 | | Interactive visualization chart to show events in time
[web_tree_many2one_clickable](web_tree_many2one_clickable/) | 19.0.1.0.0 | | Open the linked resource when clicking on their name
diff --git a/web_responsive/README.rst b/web_responsive/README.rst
index 82b8b2aac3d6..151e3d007651 100644
--- a/web_responsive/README.rst
+++ b/web_responsive/README.rst
@@ -11,7 +11,7 @@ Web Responsive
!! This file is generated by oca-gen-addon-readme !!
!! changes will be overwritten. !!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
- !! source digest: sha256:45e8e8156168f88320fa60a00f80bdbe8b038968da4d590249011121fc7f05f8
+ !! source digest: sha256:cdfbec36e2e1aa83b9b44b34c64aa769b2d50867da82f88fc5c817fa641c2f9c
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
.. |badge1| image:: https://img.shields.io/badge/maturity-Production%2FStable-green.png
diff --git a/web_responsive/__manifest__.py b/web_responsive/__manifest__.py
index 086755d8a59a..6332f4209558 100644
--- a/web_responsive/__manifest__.py
+++ b/web_responsive/__manifest__.py
@@ -9,7 +9,7 @@
{
"name": "Web Responsive",
"summary": "Responsive web client, community-supported",
- "version": "19.0.1.0.3",
+ "version": "19.0.1.1.0",
"category": "Website",
"website": "https://github.com/OCA/web",
"author": "LasLabs, Tecnativa, ITerra, Onestein, Odoo Community Association (OCA)",
@@ -48,6 +48,11 @@
"/web_responsive/static/src/components/control_panel/*",
"/web_responsive/static/src/components/command_palette/*",
"/web_responsive/static/src/views/form/*",
+ # Don't include dark mode files in light mode
+ ("remove", "web_responsive/static/src/**/*.dark.scss"),
+ ],
+ "web.assets_web_dark": [
+ "web_responsive/static/src/**/*.dark.scss",
],
"web.assets_clickbot": [
"/web_responsive/static/src/clickbot/clickbot.esm.js",
diff --git a/web_responsive/static/description/index.html b/web_responsive/static/description/index.html
index 93fdc0d78034..5c9683146eca 100644
--- a/web_responsive/static/description/index.html
+++ b/web_responsive/static/description/index.html
@@ -372,7 +372,7 @@
This module adds responsiveness to web backend.
diff --git a/web_responsive/static/src/components/apps_menu/apps_menu.dark.scss b/web_responsive/static/src/components/apps_menu/apps_menu.dark.scss new file mode 100644 index 000000000000..3c27161cede4 --- /dev/null +++ b/web_responsive/static/src/components/apps_menu/apps_menu.dark.scss @@ -0,0 +1,67 @@ +/* Copyright 2023 Taras Shabaranskyi + * License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl). */ + +:root { + .o_grid_apps_menu[data-theme="milk"], + .o_grid_apps_menu[data-theme="community"] { + --app-menu-background: linear-gradient( + to bottom, + #{$o-gray-300}, + #{desaturate(darken($o-gray-300, 5%), 15)} + ); + --app-menu-text-color: #{$o-gray-900}; + --app-menu-text-shadow: 1px 1px 1px #{rgba(black, 0.4)}; + --app-menu-hover-background: #{rgba(white, 0.08)}; + --apps-menu-scrollbar-background: #{$o-gray-400}; + --apps-menu-empty-search-color: #{$o-gray-900}; + } +} + +.o_grid_apps_menu { + .o-app-menu-item { + &__icon { + background-color: $o-gray-400; + } + + &__active { + background-color: $o-gray-900; + border-radius: 50%; + color: $o-gray-100; + text-shadow: none; + } + } + + .search-container { + // Search box + .search-input { + background-color: $o-gray-300; + + .search-icon { + color: $o-gray-900; + } + + .form-control { + color: $o-gray-900; + + &::placeholder { + color: $o-gray-700; + } + } + } + + // Search results (canonical searchbar) + .search-item { + background-color: $o-gray-300; + + &__name { + color: $o-gray-900; + text-shadow: none; + } + + &.highlight, + &:hover { + background-color: $o-gray-400; + } + } + } +}