Added theming for XFCE

arch-linux-gui · Jun 18, 2024 · 654ef57 · 654ef57
1 parent 7e8c4e7
commit 654ef57
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 14 deletions.
diff --git a/app.go b/app.go
@@ -201,11 +201,11 @@ func (a *App) ToggleTheme(dark bool) {
 		xfceThemeName := getThemeNameXFCE()
 		if strings.Contains(xfceThemeName, "Qogir") {
 			if dark {
-				style = "Qogir-dark"
+				style = "Qogir-Dark"
 			} else {
 				style = "Adwaita"
 			}
-			cmd := exec.Command("xfconf-query", "-c", "xsettings", "-p", "/Net/ThemeName", "-s", style)
+			cmd := exec.Command("sh", "-c", fmt.Sprintf("xfconf-query -c xsettings -p /Net/ThemeName -s %s && xfconf-query -c xfwm4 -p /general/theme -s %s", style, style))
 			_, err := cmd.Output()
 			if err != nil {
 				fmt.Println("failed to change XFCE theme:", err)
@@ -216,7 +216,7 @@ func (a *App) ToggleTheme(dark bool) {
 			} else {
 				style = "Adwaita"
 			}
-			cmd := exec.Command("xfconf-query", "-c", "xsettings", "-p", "/Net/ThemeName", "-s", style)
+			cmd := exec.Command("sh", "-c", fmt.Sprintf("xfconf-query -c xsettings -p /Net/ThemeName -s %s && xfconf-query -c xfwm4 -p /general/theme -s %s", style, style))
 			_, err := cmd.Output()
 			if err != nil {
 				fmt.Println("failed to change XFCE theme:", err)

diff --git a/build/bin/welcome b/build/bin/welcome
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
@@ -31,19 +31,21 @@ const App: React.FC = () => {
     "Qogir-win-dark",
   ];
 
-  useEffect(() => {
-    const fetchTheme = async () => {
-      try {
-        const currTheme = await CurrentTheme();
-        const fileExist = await CheckFileExists();
-        setIsAutoStart(fileExist);
-        setIsDarkMode(Themes.includes(currTheme));
-      } catch (error) {
-        console.error("Failed to fetch current theme:", error);
-      }
-    };
+  const fetchTheme = async () => {
+    try {
+      const currTheme = await CurrentTheme();
+      const fileExist = await CheckFileExists();
+      setIsAutoStart(fileExist);
+      setIsDarkMode(Themes.includes(currTheme));
+    } catch (error) {
+      console.error("Failed to fetch current theme:", error);
+    }
+  };
 
+  useEffect(() => {
     fetchTheme();
+    const interval = setInterval(fetchTheme, 1000);
+    return () => clearInterval(interval);
   }, []);
 
   const toggleTheme = async () => {