stopwatch@KopfdesDaemons: Add hover effect for buttons (#1591)

Author: KopfdesDaemons

stopwatch@KopfdesDaemons/files/stopwatch@KopfdesDaemons/desklet.js

@@ -110,7 +110,7 @@ class StopwatchDesklet extends Desklet.Desklet {
 
     const createButton = (iconName, callback) => {
       const icon = this._getImageAtScale(`${this.metadata.path}/${iconName}.svg`, buttonHeight, buttonHeight);
-      const button = new St.Button({ child: icon });
+      const button = new St.Button({ child: icon, style_class: "stopwatch-button" });
       button.connect("clicked", callback.bind(this));
       return button;
     };
@@ -136,7 +136,7 @@ class StopwatchDesklet extends Desklet.Desklet {
   _rgbToRgba(colorString) {
     const match = colorString.match(/\d+/g);
     if (match && match.length === 3) {
-      return match.map(Number).map((c) => c / 255);
+      return match.map(Number).map(c => c / 255);
     }
     return [0.3, 0.8, 0.5]; // Default color if parsing fails
   }

stopwatch@KopfdesDaemons/files/stopwatch@KopfdesDaemons/stylesheet.css

@@ -0,0 +1,4 @@
+.stopwatch-button:hover {
+  background-color: rgba(143, 143, 143, 0.411);
+  border-radius: 4px;
+}