From 084ffa6b0dc093ac456241572c1c78a53e3cfd9f Mon Sep 17 00:00:00 2001
From: LemmyCook <studio@quadbyte.net>
Date: Fri, 22 Aug 2025 09:19:56 -0400
Subject: [PATCH] Fixed brightness settings tabs wrong alignment, improved
 colorschemes tab

---
 Modules/SettingsPanel/Tabs/BrightnessTab.qml  | 24 ++++++++------
 Modules/SettingsPanel/Tabs/ColorSchemeTab.qml | 31 +++++++++++++------
 2 files changed, 37 insertions(+), 18 deletions(-)

diff --git a/Modules/SettingsPanel/Tabs/BrightnessTab.qml b/Modules/SettingsPanel/Tabs/BrightnessTab.qml
index 3b61e7b..cc4ce78 100644
--- a/Modules/SettingsPanel/Tabs/BrightnessTab.qml
+++ b/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 {
diff --git a/Modules/SettingsPanel/Tabs/ColorSchemeTab.qml b/Modules/SettingsPanel/Tabs/ColorSchemeTab.qml
index c7343b6..7274ca3 100644
--- a/Modules/SettingsPanel/Tabs/ColorSchemeTab.qml
+++ b/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
           }