create ThemeComboBox

components/composite/ThemeComboBox.qml

@@ -0,0 +1,20 @@
+import qs.components
+import qs.config
+import QtQuick
+
+StyledComboBox {
+    id: control
+
+    currentIndex: Theme.themes.indexOf(Theme.currentTheme)
+    model: Theme.themes
+    onActivated: index => {
+        Theme.currentTheme = Theme.themes[index];
+    }
+
+    Component.onCompleted: {
+        control.currentIndex = Theme.themes.indexOf(Theme.currentTheme);
+        Theme.onCurrentThemeChanged = () => {
+            Theme.themes.indexOf(Theme.currentTheme);
+        };
+    }
+}

config/Theme.qml

@@ -8,7 +8,6 @@ import Quickshell.Io
 Singleton {
     id: root
 
-    property string fontFamily: "JetBrainsMono Nerd Font"
     property var palette: theme.palette
 
     property alias themes: cache.themes

modules/configuration/StylingView.qml

@@ -1,4 +1,5 @@
 import qs.components
+import qs.components.composite
 import qs.config
 import QtQuick
 import QtQuick.Layouts
@@ -10,16 +11,9 @@ StyledPane {
 
         StyledText {
             text: "Theme"
-            // font.bold: true
             font.pixelSize: Styling.typography.textSize.lg
         }
 
-        StyledComboBox {
+        ThemeComboBox {}
-            currentIndex: Theme.themes.indexOf(Theme.currentTheme)
-            model: Theme.themes
-            onActivated: index => {
-                Theme.currentTheme = Theme.themes[index];
-            }
-        }
     }
 }

modules/pomodoro/Pomodoro.qml

@@ -55,7 +55,7 @@ StyledPanelWindow {
                     id: circle
                     radius: 150
                     borderColor: Styling.theme.base100
-                    strokeColor: PomodoroService.state == "timer" ? Theme.palette.primary : Theme.palette.warning
+                    strokeColor: PomodoroService.state == "timer" ? Styling.theme.primary : Styling.theme.warning
                     strokeWidth: 12
                     fillColor: button.hovered ? Styling.theme.primary : "transparent"
                     percentage: (PomodoroService.state == "timer" ? (PomodoroService.initialTime - PomodoroService.remainingTime) : PomodoroService.remainingTime) / PomodoroService.initialTime % 1