adjust theme on components

components/StyledButton.qml

@@ -8,19 +8,16 @@ Button {
     property alias radius: rectangle.radius
 
     font.pixelSize: 14
-    padding: 6
+    verticalPadding: 6
+    horizontalPadding: 8
 
-    palette.button: hovered ? Theme.palette.primary : Theme.palette.base100
-    Behavior on palette.button {
-        ColorAnimation {
-            duration: 100
-        }
+    palette.button: hovered ? Theme.palette.primary : Theme.palette.base200
+    ColorAnimation on palette.button {
+        duration: 100
     }
     palette.buttonText: hoverEnabled && hovered ? Theme.palette.primarycontent : Theme.palette.basecontent
-    Behavior on palette.buttonText {
-        ColorAnimation {
-            duration: 100
-        }
+    ColorAnimation on palette.buttonText {
+        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,34 +28,26 @@ RoundButton {
         font: control.font
         text: control.text
         color: control.color
-        Behavior on color {
-            ColorAnimation {
-                duration: 100
-            }
+        ColorAnimation on color {
+            duration: 100
         }
         rotation: control.rotation
-        Behavior on rotation {
-            RotationAnimation {
-                duration: 200
-                easing.type: Easing.InOutCubic
-            }
+        RotationAnimation on rotation {
+            duration: 200
+            easing.type: Easing.InOutCubic
         }
     }
 
     background: Rectangle {
         id: rect
-        border.color: control.hovered ? Theme.palette.primary : Theme.palette.base100
-        Behavior on border.color {
-            ColorAnimation {
-                duration: 100
-            }
+        border.color: control.hovered ? Theme.palette.base300 : Theme.palette.base200
+        ColorAnimation on border.color {
+            duration: 100
         }
-        border.width: 2
-        color: control.hovered ? Theme.palette.primary : Theme.palette.base100
-        Behavior on color {
-            ColorAnimation {
-                duration: 100
-            }
+        border.width: 0
+        color: control.hovered ? Theme.palette.primary : Theme.palette.base200
+        ColorAnimation on color {
+            duration: 100
         }
         radius: control.radius
     }

components/StyledLabel.qml

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