quick website hack

web_responsive/static/src/components/apps_menu/apps_menu.scss

@@ -14,7 +14,7 @@
     }
 
     .o_grid_apps_menu[data-theme="community"] {
-        --app-menu-background: url("../../img/home-menu-bg-overlay.svg"),
+        --app-menu-background: url("../../img/background-dark.jpg"),
             linear-gradient(
                 to bottom,
                 #{$o-brand-primary},

web_responsive/static/src/components/apps_menu_item/apps_menu_item.scss

@@ -13,7 +13,7 @@
     .o_grid_apps_menu[data-theme="community"] {
         --app-menu-text-color: white;
         --app-menu-text-shadow: 1px 1px 1px #{rgba(black, 0.4)};
-        --app-menu-hover-background: #{rgba(white, 0.2)};
+        // --app-menu-hover-background: #{rgba(white, 0.7)};
     }
 }
 
@@ -23,6 +23,7 @@
     border-radius: 4px;
     gap: 0.25rem;
     transition: ease box-shadow, transform, 0.3s;
+    
     background: unset;
     outline: unset;
     border: unset;
@@ -46,13 +47,17 @@
     }
 
     &__icon {
-        height: auto;
-        max-width: 64px;
-        width: 64px;
+        width: 70px;
+        // height: auto;
+        // max-width: 64px;
+        // width: 64px;
         aspect-ratio: 1;
         padding: 10px;
-        background-color: white;
-        box-shadow: $app-menu-box-shadow;
+        background-color: rgba(255, 255, 255, 0.05);
+        object-fit: cover;
+        transform-origin: center bottom;
+        transition: box-shadow ease-in 0.1s, transform ease-in 0.1s;
+        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
     }
 
     &__active {
@@ -67,7 +72,7 @@
     &:hover {
         transform: translateY(-4px);
         box-shadow: 0 6px 12px -8px transparentize($app-menu-text-color, 0.6);
-        background-color: var(--app-menu-hover-background) !important;
+        // background-color: var(--app-menu-hover-background) !important;
         backdrop-filter: blur(2px);
     }
 }

web_responsive/static/src/components/menu_canonical_searchbar/searchbar.scss

@@ -10,8 +10,8 @@
     }
 
     .o_grid_apps_menu[data-theme="community"] {
-        --apps-menu-scrollbar-background: white;
-        --apps-menu-empty-search-color: white;
+        --apps-menu-scrollbar-background: rgba(255, 255, 255, 0.445);
+        --apps-menu-empty-search-color: rgba(255, 255, 255, 0.466);
     }
 }
 
@@ -64,7 +64,7 @@
         background-size: contain;
         white-space: normal;
         font-weight: 100;
-        background-color: white;
+        background-color: rgba(255, 255, 255, 0.397);
         box-shadow: $app-menu-box-shadow;
         margin: 0 4px;
         border-radius: 4px;

web_responsive/static/src/components/menu_searchbar/searchbar.scss

@@ -13,10 +13,10 @@
         box-shadow: $app-menu-box-shadow;
         border-radius: 4px;
         padding: 0.5rem 0.75rem;
-        background-color: white;
+        // background-color: rgba(255, 255, 255, 0.523);
 
         .search-icon {
-            color: $app-menu-text-color;
+            color: #fff;
             font-size: 1.5rem;
             padding-top: 1px;
         }
@@ -25,13 +25,13 @@
             height: 1.75rem;
             background: none;
             border: none;
-            color: $app-menu-text-color;
+            color: #fff;
             display: block;
             padding: 0;
             box-shadow: none;
 
             &::placeholder {
-                color: $app-menu-text-color;
+                color: #fff;
                 opacity: 0.5;
             }
         }