move theme types to Styling

config/Styling.qml

@@ -2,6 +2,7 @@ pragma Singleton
 
 import QtQuick
 import Quickshell
+import Quickshell.Io
 
 Singleton {
     id: root
@@ -9,7 +10,7 @@ Singleton {
     readonly property Animations animations: Animations {}
     readonly property Typography typography: Typography {}
     readonly property Layout layout: Layout {}
-    readonly property var theme: Theme.palette
+    readonly property alias theme: theme
     readonly property Lucide lucide: Lucide {}
 
     component Animations: QtObject {
@@ -90,4 +91,42 @@ Singleton {
         readonly property string triangle: "\u{E192}"
         readonly property string triangleDashed: "\u{E642}"
     }
+
+    FileView {
+        path: `${Paths.config}/themes/${Theme.currentTheme}.json`
+        watchChanges: true
+        onFileChanged: reload()
+
+        // when changes are made to properties in the adapter, save them
+        onAdapterUpdated: writeAdapter()
+
+        JsonAdapter {
+            id: theme
+            property color primary: "#605dff"
+            property color primarycontent: "#edf1fe"
+            property color secondary: "#f43098"
+            property color secondarycontent: "#f9e4f0"
+            property color accent: "#00d3bb"
+            property color accentcontent: "#084d49"
+            property color neutral: "#09090b"
+            property color neutralcontent: "#e4e4e7"
+            property color base100: "#1d232a"
+            property color base200: "#191e24"
+            property color base300: "#15191e"
+            property color basecontent: "#ecf9ff"
+            property color info: "#00bafe"
+            property color infocontent: "#042e49"
+            property color success: "#00d390"
+            property color successcontent: "#004c39"
+            property color warning: "#fcb700"
+            property color warningcontent: "#793205"
+            property color error: "#ff627d"
+            property color errorcontent: "#4d0218"
+
+            property int radiusSelector: 8
+            property int radiusField: 8
+            property int radiusBox: 8
+            property int border: 2
+        }
+    }
 }