move qs config to work on mango and do general improvements

widgets/BarComponent.qml

@@ -0,0 +1,10 @@
+import Quickshell
+import QtQuick
+import qs
+import qs.settings
+
+Rectangle {
+    property bool active: false
+    color: active ? Colors.activeModuleBg : Colors.moduleBg
+    implicitHeight: Config.moduleHeight
+}

widgets/BarComponent.qml~

@@ -0,0 +1,11 @@
+import Quickshell
+import QtQuick
+
+
+
+
+Rectangle {
+    property bool active: false
+    color: active ? Colors.activeModuleBg : Colors.moduleBg
+    implicitHeight: Config.moduleHeight
+}

widgets/MaterialIcon.qml

@@ -0,0 +1,16 @@
+import qs
+import qs.settings
+import QtQuick
+
+Text {
+    font.family: "Material Symbols Outlined"
+    color: Colors.text
+    font.pointSize: Config.iconSize
+    property bool fill: false
+    renderType: Text.NativeRendering
+    font.variableAxes: {
+        "FILL": fill ? 1 : 0,
+        "opsz": 24,
+        "wght": 400
+    }
+}

widgets/StyledText.qml

@@ -0,0 +1,9 @@
+import QtQuick
+import qs
+import qs.settings
+
+Text {
+    color: Colors.text
+    font.family: Config.font
+    font.pixelSize: Config.fontSize
+}

widgets/StyledText.qml~

@@ -0,0 +1,10 @@
+import QtQuick
+import qs
+import qs.settings
+
+Text {
+    color: Colors.text
+    anchors.verticalCenter: parent.verticalCenter
+    font.family: Config.font
+    font.pixelSize: Config.fontSize
+}

widgets/barComponent.qml~

@@ -0,0 +1,9 @@
+import Quickshell
+import QtQuick
+
+
+
+
+Rectangle {
+    color: Colors.moduleBg
+}