adjust theme on components

components/StyledButton.qml

@@ -8,20 +8,17 @@ Button {
     property alias radius: rectangle.radius
 
     font.pixelSize: 14
-    padding: 6
+    verticalPadding: 6
+    horizontalPadding: 8
 
-    palette.button: hovered ? Theme.palette.primary : Theme.palette.base100
+    palette.button: hovered ? Theme.palette.primary : Theme.palette.base200
-    Behavior on palette.button {
+    ColorAnimation on palette.button {
-        ColorAnimation {
         duration: 100
     }
-    }
     palette.buttonText: hoverEnabled && hovered ? Theme.palette.primarycontent : Theme.palette.basecontent
-    Behavior on palette.buttonText {
+    ColorAnimation on palette.buttonText {
-        ColorAnimation {
         duration: 100
     }
-    }
 
     wheelEnabled: true
 

components/StyledDrawer.qml

@@ -20,6 +20,6 @@ Drawer {
                 topRightRadius = 8;
             }
         }
-        color: Theme.palette.base200
+        color: Theme.palette.base100
     }
 }

components/StyledIconButton.qml

@@ -15,9 +15,9 @@ RoundButton {
     property int rotation: 0
 
     font.family: loader.font.family
-    font.pixelSize: 18
+    font.pixelSize: 19
     radius: 8
-    padding: 6
+    padding: 8
 
     HoverHandler {
         cursorShape: Qt.PointingHandCursor
@@ -28,35 +28,27 @@ RoundButton {
         font: control.font
         text: control.text
         color: control.color
-        Behavior on color {
+        ColorAnimation on color {
-            ColorAnimation {
             duration: 100
         }
-        }
         rotation: control.rotation
-        Behavior on rotation {
+        RotationAnimation on rotation {
-            RotationAnimation {
             duration: 200
             easing.type: Easing.InOutCubic
         }
     }
-    }
 
     background: Rectangle {
         id: rect
-        border.color: control.hovered ? Theme.palette.primary : Theme.palette.base100
+        border.color: control.hovered ? Theme.palette.base300 : Theme.palette.base200
-        Behavior on border.color {
+        ColorAnimation on border.color {
-            ColorAnimation {
             duration: 100
         }
-        }
+        border.width: 0
-        border.width: 2
+        color: control.hovered ? Theme.palette.primary : Theme.palette.base200
-        color: control.hovered ? Theme.palette.primary : Theme.palette.base100
+        ColorAnimation on color {
-        Behavior on color {
-            ColorAnimation {
             duration: 100
         }
-        }
         radius: control.radius
     }
 }

components/StyledLabel.qml

@@ -6,11 +6,9 @@ WrapperRectangle {
     id: root
     margin: 8
     radius: 8
-    color: Theme.palette.base100
+    color: Theme.palette.base200
-    Behavior on color {
+    ColorAnimation on color {
-        ColorAnimation {
         duration: 200
         easing.type: Easing.InOutQuad
     }
 }
-}

components/StyledTextField.qml

@@ -1,8 +1,9 @@
 import qs.config
+import QtQuick
 import QtQuick.Controls
 
 TextField {
 
     color: Theme.palette.basecontent
-    background: null
+    background: Item {}
 }

components/StyledToolTip.qml

@@ -14,6 +14,6 @@ ToolTip {
 
     background: Rectangle {
         radius: 8
-        color: Theme.palette.base200
+        color: Theme.palette.base100
     }
 }

components/StyledWrapperRectangle.qml

@@ -4,11 +4,9 @@ import Quickshell.Widgets
 
 WrapperRectangle {
     radius: 8
-    color: Theme.palette.base300
+    color: Theme.palette.base100
-    Behavior on color {
+    ColorAnimation on color {
-        ColorAnimation {
         duration: 200
         easing.type: Easing.InOutQuad
     }
 }
-}

modules/bar/Bar.qml

@@ -32,11 +32,11 @@ PanelWindow {
         Rectangle {
             id: background
             anchors.fill: parent
-            color: Theme.palette.base300
+            color: Theme.palette.base100
             radius: Dimensions.radius
 
             border {
-                color: Theme.palette.base100
+                color: Theme.palette.base200
                 width: Dimensions.bar.border
                 pixelAligned: true
             }

modules/bar/components/Caffeine.qml

@@ -6,7 +6,8 @@ import qs.services
 StyledIconButton {
     id: root
 
-    border.color: Caffeine.enabled ? Theme.palette.secondary : root.hovered ? Theme.palette.primary : Theme.palette.base100
+    border.width: 2
+    border.color: Caffeine.enabled ? Theme.palette.secondary : root.hovered ? Theme.palette.primary : Theme.palette.base300
     text: Icons.coffee
 
     onClicked: {

modules/drawers/dashboard/Dashboard.qml

@@ -4,13 +4,14 @@ import qs.components
 import qs.services
 import QtQuick
 import QtQuick.Layouts
+import Quickshell.Widgets
 
 StyledDrawer {
     id: root
 
     visible: Visibility.dashboard
 
-    StyledWrapperRectangle {
+    WrapperItem {
         margin: 32
         ColumnLayout {
             spacing: 8

modules/launcher/AppList.qml

@@ -4,7 +4,6 @@ import "items"
 import "services"
 import qs.components
 import qs.config
-import qs.widgets
 import Quickshell
 import QtQuick
 import QtQuick.Controls

modules/launcher/Launcher.qml

@@ -1,6 +1,7 @@
 pragma ComponentBehavior: Bound
 
 import "services"
+import qs.config
 import qs.components
 import qs.constants
 import qs.services
@@ -47,6 +48,8 @@ StyledWindow {
                 Layout.alignment: Qt.AlignTop
                 margin: 4
 
+                color: Theme.palette.base200
+
                 RowLayout {
                     LucideIcon {
                         id: icon

modules/powermenu/PowerMenu.qml

@@ -3,7 +3,6 @@ pragma ComponentBehavior: Bound
 import qs.components
 import qs.config
 import qs.services
-import qs.widgets
 import Quickshell.Hyprland
 import Quickshell.Io
 import Quickshell.Wayland
@@ -28,7 +27,6 @@ StyledWindow {
     StyledWrapperRectangle {
         id: rect
 
-        color: Theme.palette.base300
         margin: 14
         radius: 8