From 884d5f1aa41830f9c8c1c01aa488841077aa4027 Mon Sep 17 00:00:00 2001
From: Abdelilah El Aissaoui <aeab13@gmail.com>
Date: Thu, 4 Aug 2022 02:30:38 +0200
Subject: [PATCH] Changed switch toggle color when unchecked

---
 .../app/ui/dialogs/settings/SettingsDialog.kt     | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/main/kotlin/app/ui/dialogs/settings/SettingsDialog.kt b/src/main/kotlin/app/ui/dialogs/settings/SettingsDialog.kt
index e675ead..6506599 100644
--- a/src/main/kotlin/app/ui/dialogs/settings/SettingsDialog.kt
+++ b/src/main/kotlin/app/ui/dialogs/settings/SettingsDialog.kt
@@ -21,6 +21,7 @@ import kotlinx.coroutines.delay
 import kotlinx.coroutines.launch
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.setValue
+import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.platform.LocalDensity
 import app.extensions.handMouseClickable
 import app.preferences.DEFAULT_UI_SCALE
@@ -319,7 +320,11 @@ fun SettingToggle(
 
         Spacer(modifier = Modifier.weight(1f))
 
-        Switch(value, onCheckedChange = onValueChanged)
+        Switch(
+            checked = value,
+            onCheckedChange = onValueChanged,
+            colors = SwitchDefaults.colors(uncheckedThumbColor = MaterialTheme.colors.secondary)
+        )
     }
 }
 
@@ -343,7 +348,7 @@ fun SettingSlider(
         Spacer(modifier = Modifier.weight(1f))
 
         Text(
-            text = "$minValue%",
+            text = "${minValue.toInt()}%",
             style = MaterialTheme.typography.caption,
         )
 
@@ -353,11 +358,13 @@ fun SettingSlider(
             onValueChangeFinished = onValueChangeFinished,
             steps = steps,
             valueRange = minValue..maxValue,
-            modifier = Modifier.width(200.dp)
+            modifier = Modifier
+                .width(200.dp)
+                .padding(horizontal = 4.dp)
         )
 
         Text(
-            text = "$maxValue%",
+            text = "${maxValue.toInt()}%",
             style = MaterialTheme.typography.caption,
         )
     }