starting to use config files

Modules/Launcher.qml

@@ -5,7 +5,7 @@ import QtQuick
 import QtQuick.Controls
 import QtQuick.Effects
 import QtQuick.Layouts
-import qs
+import qs.Config
 
 Scope {
     id: root
@@ -224,7 +224,7 @@ Scope {
                     }
 
                     verticalLayoutDirection: ListView.BottomToTop
-                    implicitHeight: Math.min( count, 20 ) * 48
+                    implicitHeight: Math.min( count, Config.appCount ) * 48
 
                     preferredHighlightBegin: 0
                     preferredHighlightEnd: appListRect.height

Modules/Notification.qml

@@ -4,6 +4,7 @@ import Quickshell.Wayland
 import QtQuick.Layouts
 import QtQuick
 import Quickshell.Services.Notifications
+import qs.Config
 
 PanelWindow {
     id: root
@@ -66,7 +67,7 @@ PanelWindow {
         implicitHeight: 90
         x: root.centerX - implicitWidth - 20
         y: 34 + 20 + ( root.index * ( implicitHeight + 10 ))
-        color: "#801a1a1a"
+        color: Config.baseBgColor
         border.color: "#555555"
         radius: 8
 

Modules/NotificationCenter.qml

@@ -7,6 +7,7 @@ import QtQuick.Controls.FluentWinUI3
 import QtQuick.Effects
 import QtQuick
 import Quickshell.Services.Notifications
+import qs.Config
 
 PanelWindow {
     id: root
@@ -125,7 +126,7 @@ PanelWindow {
         x: Screen.width
         implicitWidth: 400
         implicitHeight: root.height - 20
-        color: "#801a1a1a"
+        color: Config.baseBgColor
         radius: 8
         border.color: "#555555"
         border.width: 1
@@ -276,7 +277,7 @@ PanelWindow {
                                     required property var index
                                     width: parent.width
                                     height: groupColumn.isExpanded ? ( modelData.actions.length > 1 ? 130 : 80 ) : ( groupColumn.notifications.length === 1 ? ( modelData.actions.length > 1 ? 130 : 80 ) : 80 )
-                                    color: "#801a1a1a"
+                                    color: Config.baseBgColor
                                     border.color: "#555555"
                                     border.width: 1
                                     radius: 8

Modules/Resource.qml

@@ -2,6 +2,7 @@ import qs.Modules
 import QtQuick
 import QtQuick.Layouts
 import Quickshell
+import qs.Config
 
 Item {
     id: root
@@ -71,7 +72,7 @@ Item {
                     var startAngle = -Math.PI / 2; // Start at top
                     var endAngle = startAngle + (2 * Math.PI * percentage);
 
-                    ctx.fillStyle = warning ? "#ff6b6b" : "#4080ff";
+                    ctx.fillStyle = warning ? Config.accentColor.accents.warning : Config.accentColor.accents.primary;
                     ctx.beginPath();
                     ctx.moveTo(centerX, centerY);
                     ctx.arc(centerX, centerY, radius, startAngle, endAngle);

Modules/Workspaces.qml

@@ -3,6 +3,7 @@ import QtQuick.Controls
 import QtQuick.Layouts
 import Quickshell
 import Quickshell.Hyprland
+import qs.Config
 
 Rectangle {
     id: root
@@ -37,9 +38,9 @@ Rectangle {
                 height: 14
                 radius: height / 2
 
-                color: modelData.id === Hyprland.focusedWorkspace.id ? "#4080ff" : "#606060"
+                color: modelData.id === Hyprland.focusedWorkspace.id ? Config.accentColor.accents.primary : "#606060"
 
-                border.color: modelData.id === Hyprland.focusedWorkspace.id ? "#60a0ff" : "#808080"
+                border.color: modelData.id === Hyprland.focusedWorkspace.id ? Config.accentColor.accents.primaryAlt : "#808080"
                 border.width: 1
 
                 scale: 1.0