aboutsummaryrefslogtreecommitdiff
path: root/.config/ags/widget/quicksettings/widgets/DarkMode.ts
diff options
context:
space:
mode:
Diffstat (limited to '.config/ags/widget/quicksettings/widgets/DarkMode.ts')
-rw-r--r--.config/ags/widget/quicksettings/widgets/DarkMode.ts12
1 files changed, 12 insertions, 0 deletions
diff --git a/.config/ags/widget/quicksettings/widgets/DarkMode.ts b/.config/ags/widget/quicksettings/widgets/DarkMode.ts
new file mode 100644
index 0000000..9ec94df
--- /dev/null
+++ b/.config/ags/widget/quicksettings/widgets/DarkMode.ts
@@ -0,0 +1,12 @@
+import { SimpleToggleButton } from "../ToggleButton"
+import icons from "lib/icons"
+import options from "options"
+
+const { scheme } = options.theme
+
+export const DarkModeToggle = () => SimpleToggleButton({
+ icon: scheme.bind().as(s => icons.color[s]),
+ label: scheme.bind().as(s => s === "dark" ? "Dark" : "Light"),
+ toggle: () => scheme.value = scheme.value === "dark" ? "light" : "dark",
+ connection: [scheme, () => scheme.value === "dark"],
+})