Switched to Material3 colors principle

- works with matugen only for now
- need to restore rosepine

Modules/Settings/Tabs/General.qml

@@ -36,7 +36,7 @@ ColumnLayout {
           text: "General Settings"
           font.pointSize: Style.fontSizeXL * scaling
           font.weight: Style.fontWeightBold
-          color: Colors.textPrimary
+          color: Colors.colorOnSurface
         }
 
         // Profile section
@@ -55,7 +55,7 @@ ColumnLayout {
               height: 64 * scaling
               imagePath: Settings.data.general.avatarImage
               fallbackIcon: "person"
-              borderColor: Colors.accentPrimary
+              borderColor: Colors.colorPrimary
               borderWidth: Math.max(1, Style.borderMedium)
             }
 
@@ -87,7 +87,7 @@ ColumnLayout {
           text: "User Interface"
           font.pointSize: Style.fontSizeXL * scaling
           font.weight: Style.fontWeightBold
-          color: Colors.textPrimary
+          color: Colors.colorOnSurface
           Layout.bottomMargin: Style.marginSmall * scaling
         }