theme: add colorful bar widget option

quickshell/Common/SettingsData.qml

@@ -44,6 +44,11 @@ Singleton {
         SuspendThenHibernate
     }
 
+    enum WidgetColorMode {
+        Default,
+        Colorful
+    }
+
     readonly property string defaultFontFamily: "Inter Variable"
     readonly property string defaultMonoFontFamily: "Fira Code"
     readonly property string _homeUrl: StandardPaths.writableLocation(StandardPaths.HomeLocation)
@@ -70,6 +75,7 @@ Singleton {
     property real popupTransparency: 1.0
     property real dockTransparency: 1
     property string widgetBackgroundColor: "sch"
+    property string widgetColorMode: "default"
     property real cornerRadius: 12
 
     property bool use24HourClock: true

quickshell/Common/Theme.qml

@@ -665,6 +665,34 @@ Singleton {
         }
     }
 
+    property color widgetIconColor: {
+        if (typeof SettingsData === "undefined") {
+            return surfaceText
+        }
+
+        switch (SettingsData.widgetColorMode) {
+            case "colorful":
+            return surfaceText
+            case "default":
+            default:
+            return surfaceText
+        }
+    }
+
+    property color widgetTextColor: {
+        if (typeof SettingsData === "undefined") {
+            return surfaceText
+        }
+
+        switch (SettingsData.widgetColorMode) {
+            case "colorful":
+            return primary
+            case "default":
+            default:
+            return surfaceText
+        }
+    }
+
 
     function isColorDark(c) {
         return (0.299 * c.r + 0.587 * c.g + 0.114 * c.b) < 0.5

quickshell/Common/settings/SettingsSpec.js

@@ -18,6 +18,7 @@ var SPEC = {
     dockTransparency: { def: 1.0, coerce: percentToUnit },
 
     widgetBackgroundColor: { def: "sch" },
+    widgetColorMode: { def: "default" },
     cornerRadius: { def: 12, onChange: "updateNiriLayout" },
 
     use24HourClock: { def: true },