Fixed brightness settings tabs wrong alignment, improved colorschemes tab

Modules/SettingsPanel/Tabs/BrightnessTab.qml

@@ -6,25 +6,31 @@ import qs.Commons
 import qs.Services
 import qs.Widgets
 
-Item {
-  property real scaling: 1
+ColumnLayout {
+  id: root
+  spacing: 0
+
   readonly property string tabIcon: "brightness_6"
   readonly property string tabLabel: "Brightness"
-  Layout.fillWidth: true
-  Layout.fillHeight: true
 
   ScrollView {
-    anchors.fill: parent
+    id: scrollView
+    Layout.fillWidth: true
+    Layout.fillHeight: true
+    padding: Style.marginM * scaling
     clip: true
+
+    ScrollBar.horizontal.policy: ScrollBar.AlwaysOff
     ScrollBar.vertical.policy: ScrollBar.AsNeeded
-    ScrollBar.horizontal.policy: ScrollBar.AsNeeded
-    contentWidth: parent.width
 
     ColumnLayout {
-      width: parent.width
+      width: scrollView.availableWidth
+      spacing: 0
+
       ColumnLayout {
+
+        width: scrollView.availableWidth
         spacing: Style.marginL * scaling
-        Layout.margins: Style.marginL * scaling
         Layout.fillWidth: true
 
         NText {

Modules/SettingsPanel/Tabs/ColorSchemeTab.qml

@@ -107,6 +107,13 @@ ColumnLayout {
         spacing: Style.marginL * scaling
         Layout.fillWidth: true
 
+        NText {
+          text: "Colors Settings"
+          font.pointSize: Style.fontSizeXXL * scaling
+          font.weight: Style.fontWeightBold
+          color: Color.mOnSurface
+        }
+
         // Dark Mode Toggle (affects both Matugen and predefined schemes that provide variants)
         NToggle {
           label: "Dark Mode"
@@ -163,22 +170,28 @@ ColumnLayout {
           Layout.bottomMargin: Style.marginL * scaling
         }
 
+        NText {
+          text: "Predefined Color Schemes"
+          font.pointSize: Style.fontSizeXXL * scaling
+          font.weight: Style.fontWeightBold
+          color: Color.mOnSurface
+        }
+
         ColumnLayout {
           spacing: Style.marginXXS * scaling
           Layout.fillWidth: true
 
-          NText {
-            text: "Predefined Color Schemes"
-            font.pointSize: Style.fontSizeL * scaling
-            font.weight: Style.fontWeightBold
-            color: Color.mOnSurface
-            Layout.fillWidth: true
-          }
-
+          // NText {
+          //   text: "Predefined Color Schemes"
+          //   font.pointSize: Style.fontSizeL * scaling
+          //   font.weight: Style.fontWeightBold
+          //   color: Color.mOnSurface
+          //   Layout.fillWidth: true
+          // }
           NText {
             text: "These color schemes only apply when 'Use Matugen' is disabled. When enabled, Matugen will generate colors based on your wallpaper instead. You can toggle between light and dark themes when using Matugen."
             font.pointSize: Style.fontSizeXS * scaling
-            color: Color.mOnSurface
+            color: Color.mOnSurfaceVariant
             Layout.fillWidth: true
             wrapMode: Text.WordWrap
           }