From 3335abb121e20131c9777f4273b1b4a8f6ede761 Mon Sep 17 00:00:00 2001
From: Iisakki Rotko <iisakki.rotko@gmail.com>
Date: Fri, 9 Feb 2024 12:57:35 +0100
Subject: [PATCH] refactor: conform to changes in ipyvuetify theme handling

---
 solara/lab/components/theming.py  |  1 -
 solara/lab/components/theming.vue | 10 ++++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/solara/lab/components/theming.py b/solara/lab/components/theming.py
index e19152c5b..ffb438164 100644
--- a/solara/lab/components/theming.py
+++ b/solara/lab/components/theming.py
@@ -49,7 +49,6 @@ def Page():
     """
 
     def sync_themes(selected_theme: str):
-        selected_theme
         theme.dark = selected_theme
 
     return _ThemeToggle(
diff --git a/solara/lab/components/theming.vue b/solara/lab/components/theming.vue
index afb4aadce..f3809b839 100644
--- a/solara/lab/components/theming.vue
+++ b/solara/lab/components/theming.vue
@@ -12,6 +12,12 @@
 <script>
 module.exports = {
     mounted() {
+        if (theme.variant_user_selectable) {
+            if (localStorage.getItem('theme.variant')) {
+                this.theme_effective = this.initTheme();
+            }
+        }
+
         if ( this.theme_effective === false ) {
             this.clicks = 2;
         } else if ( this.theme_effective === null ) {
@@ -42,6 +48,10 @@ module.exports = {
         stringifyTheme() {
             return this.theme_effective === true ? 'dark' : this.theme_effective === false ? 'light' : 'auto';
         },
+        initTheme() {
+            storedTheme = JSON.parse(localStorage.getItem('theme.variant'));
+            return storedTheme === 'dark' ? true : storedTheme === 'light' ? false : null;
+        },
         setTheme() {
             if ( window.solara && this.theme_effective === null ) {
                 this.$vuetify.theme.dark = this.prefersDarkScheme();