Add styling to icons in state color button module

bubble/State Color Button/code.js

@@ -21,6 +21,13 @@
         mainButton.style.transition = 'background-color 1s';
     }
 
+    // Icon color
+    const icon = card?.querySelector('.bubble-icon');
+    if (icon) {
+        icon.style.color = state === 'on' ? on_color : 'var(--bubble-main-icon-color)';
+        icon.style.transition = 'color 1s';
+    }
+
     // Unavailable state
     if (mainButton && state === 'unavailable') {
         mainButton.style.opacity = '0.5';

bubble/State Color Button/import.yaml

@@ -1,6 +1,6 @@
 state_color_button:
   name: State Color Button
-  version: 1.1.2
+  version: 1.1.3
   creator: Tony Stork
   supported:
     - button
@@ -37,6 +37,13 @@ state_color_button:
             mainButton.style.transition = 'background-color 1s';
         }
 
+        // Icon color
+        const icon = card?.querySelector('.bubble-icon');
+        if (icon) {
+            icon.style.color = state === 'on' ? on_color : 'var(--bubble-main-icon-color)';
+            icon.style.transition = 'color 1s';
+        }
+
         // Unavailable state
         if (mainButton && state === 'unavailable') {
             mainButton.style.opacity = '0.5';