r0b08x [chore] 3/8/2024, 1:51:49 PM

README.md

@@ -14,7 +14,7 @@ https://corifeus.com/redis-ui
 
 
 ---
-# 💿 The p3x-redis-ui-material web interface that connects to the p3x-redis-ui-server via http and socket.io v2024.4.125
+# 💿 The p3x-redis-ui-material web interface that connects to the p3x-redis-ui-server via http and socket.io v2024.4.126
 
 
 
@@ -79,7 +79,7 @@ All my domains ([patrikx3.com](https://patrikx3.com) and [corifeus.com](https://
 
 ---
 
-[**P3X-REDIS-UI-MATERIAL**](https://corifeus.com/redis-ui-material) Build v2024.4.125
+[**P3X-REDIS-UI-MATERIAL**](https://corifeus.com/redis-ui-material) Build v2024.4.126
 
 [![Donate for Corifeus / P3X](https://img.shields.io/badge/Donate-Corifeus-003087.svg)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=QZVM4V6HVZJW6)  [![Contact Corifeus / P3X](https://img.shields.io/badge/Contact-P3X-ff9900.svg)](https://www.patrikx3.com/en/front/contact) [![Like Corifeus @ Facebook](https://img.shields.io/badge/LIKE-Corifeus-3b5998.svg)](https://www.facebook.com/corifeus.software)
 

package.json

@@ -1,6 +1,6 @@
 {
     "name": "p3x-redis-ui-material",
-    "version": "2024.4.125",
+    "version": "2024.4.126",
     "description": "💿 The p3x-redis-ui-material web interface that connects to the p3x-redis-ui-server via http and socket.io",
     "corifeus": {
         "icon": "fas fa-database",

src/angular/provider/p3xr-theme.js

@@ -95,6 +95,13 @@ p3xr.ng.provider('p3xrTheme', function p3xrThemeProvider($mdThemingProvider,) {
                 const borderColor = $mdColors.getThemeColor(p3xr.state.themeLayout + '-primary-hue-1');
 
                 const styles = `
+
+body.p3xr-theme-dark[md-theme="p3xrThemeDarkNeuLayout"] md-toolbar.md-hue-1 .md-button-dark-hover-fix:hover,
+body.p3xr-theme-dark[md-theme="p3xrThemeDarkLayout"] md-toolbar.md-hue-1 .md-button-dark-hover-fix:hover,
+body[md-theme="p3xrThemeEnterpriseLayout"] md-toolbar.md-hue-1 .md-button-dark-hover-fix:hover {
+    background-color: rgba(0, 0, 0, 0.1) !important; /* Lighten on hover for example */
+}
+
 .p3xr-theme-dark .p3xr-content-border {
     border-left: 1px solid ${borderColor};
     border-right: 1px solid ${borderColor};

src/angular/ui/p3xr-button.html

@@ -1,4 +1,4 @@
-<md-button class="{{ $ctrl.p3xrClasses }}">
+<md-button ng-class="$ctrl.p3xrClasses" class="md-button-dark-hover-fix">
     <md-icon ng-if="$ctrl.p3xrMdIcon !== undefined">{{ $ctrl.p3xrMdIcon }}</md-icon>
     <i ng-if="$ctrl.p3xrFaIcon !== undefined" class="{{ $ctrl.p3xrFaIcon }}"></i>
     <span ng-if="$root.$mdMedia('(min-width: 720px)')">{{ $ctrl.p3xrLabel }}</span>