From e96620592ac5aa9f4b58ec819d488a97c0c6ee29 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Volkan=20TA=C5=9ECI?= Date: Mon, 3 Aug 2026 17:34:54 +0300 Subject: [PATCH 1/2] [IMP] web_responsive: add dark mode support for the apps menu When dark mode is enabled (e.g. via web_dark_mode), the grid apps menu kept using its light background image, gradient and colors, making the menu unreadable and inconsistent with the rest of the interface. Add an apps_menu.dark.scss override, loaded only through the web.assets_web_dark bundle, that restyles the apps menu grid (background, text, hover state), the search box and the canonical search results with dark mode variables. Dark files are excluded from the light web.assets_backend bundle, following the pattern used by the web addon itself. --- web_responsive/__manifest__.py | 5 ++ .../components/apps_menu/apps_menu.dark.scss | 67 +++++++++++++++++++ 2 files changed, 72 insertions(+) create mode 100644 web_responsive/static/src/components/apps_menu/apps_menu.dark.scss diff --git a/web_responsive/__manifest__.py b/web_responsive/__manifest__.py index 086755d8a59a..928507aaac13 100644 --- a/web_responsive/__manifest__.py +++ b/web_responsive/__manifest__.py @@ -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/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; + } + } + } +} From 89ca180fa54c75277eed47b0a00a91497a010254 Mon Sep 17 00:00:00 2001 From: OCA-git-bot Date: Wed, 5 Aug 2026 07:24:08 +0000 Subject: [PATCH 2/2] [BOT] post-merge updates --- README.md | 2 +- web_responsive/README.rst | 2 +- web_responsive/__manifest__.py | 2 +- web_responsive/static/description/index.html | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) 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 | victoralmau | 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 | frahikLV luisg123v cuongnmtm | Remember the tree columns' widths across sessions. -[web_responsive](web_responsive/) | 19.0.1.0.3 | Tardo SplashS | Responsive web client, community-supported +[web_responsive](web_responsive/) | 19.0.1.1.0 | Tardo SplashS | 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 928507aaac13..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)", 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 @@

Web Responsive

!! This file is generated by oca-gen-addon-readme !! !! changes will be overwritten. !! !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -!! source digest: sha256:45e8e8156168f88320fa60a00f80bdbe8b038968da4d590249011121fc7f05f8 +!! source digest: sha256:cdfbec36e2e1aa83b9b44b34c64aa769b2d50867da82f88fc5c817fa641c2f9c !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->

Production/Stable License: LGPL-3 OCA/web Translate me on Weblate Try me on Runboat

This module adds responsiveness to web backend.