feat: Añadir configuración de UI y carga inicial

navale.py

@@ -1,16 +1,22 @@
 import sys
 import signal
+import os
 from PyQt6.QtWidgets import QApplication
 from src.NavaleWindow import NavaleWindow
+from PyQt6.QtCore import QFileSystemWatcher
 
 app = QApplication(sys.argv)
+files = [os.path.expanduser('~') + '/.config/vasak/vasak.conf']
+watcher = QFileSystemWatcher(files)
+watcher.addPaths(files)
 
 if __name__ == "__main__":
     app.setApplicationName("Navale")
     app.setApplicationVersion("0.1.1")
     app.setOrganizationName("Vasak Group")
     window = NavaleWindow()
     window.show()
+    watcher.fileChanged.connect(window.load_ui_config)
     signal.signal(signal.SIGINT, signal.SIG_DFL)  # Habilitar Ctrl+C
     sys.exit(app.exec())
 

src/NavaleBinding.py

@@ -20,6 +20,10 @@ def getDefaultNetwork(self):
       self.networkManager.updateStatus()
       return json.dumps(self.networkManager.getDefaultConnectionData(), indent=4)
 
+  @pyqtSlot()
+  def loadUIConfig(self):
+    self.window.load_ui_config()
+
   @pyqtSlot(result=str)
   def getHome(self):
       home_path = os.path.expanduser("~")

src/NavaleWindow.py

@@ -1,4 +1,5 @@
 from Vasak.VSKWindow import VSKWindow
+from Vasak.system.VSKConfigManager import VSKConfigManager
 from PyQt6.QtWidgets import QApplication
 from PyQt6.QtCore import Qt
 from src.x11.X11WindowStatusManager import X11WindowStatusManager
@@ -9,6 +10,7 @@ def __init__(self):
         super().__init__()
         self.shareObject = NavaleBinding(self)
         self.windowStatusManager = X11WindowStatusManager(self)
+        self.configManager = VSKConfigManager()
         self.channel.registerObject("vsk", self.shareObject)
         self.move_to_screen() # Mover la ventana a una pantalla específica
         self.set_as_dock() # Hacer que la ventana se comporte como un dock
@@ -22,6 +24,19 @@ def move_to_screen(self):
 
     def send_Javascript(self, message):
         self.webview.page().runJavaScript(message)
+
+    def load_ui_config(self):
+        self.configManager.reload()
+        darkMode = self.configManager.get('STYLE', 'darkmode')
+        radius = self.configManager.get('STYLE', 'radius')
+        color = self.configManager.get('STYLE', 'color')
+
+        self.send_Javascript(f'document.body.style.setProperty("--system-rounded", "{radius}px")')
+        self.send_Javascript(f'document.body.style.setProperty("--system-accent-color", "{color}")')
+        if darkMode == 'true':
+            self.send_Javascript('document.body.classList.add("dark")')
+        else:
+            self.send_Javascript('document.body.classList.remove("dark")')
 
     def toggleWindow(self, id):
         self.windowStatusManager.toggleWindow(id)

ui/src/App.vue

@@ -2,6 +2,13 @@
 import NotificationArea from '@/components/area/NotificationArea.vue'
 import WindowsArea from '@/components/area/WindowsArea.vue'
 import MenuButton from './components/button/MenuButton.vue'
+import { onMounted, inject } from 'vue';
+
+const $vsk:any = inject('vsk');
+
+onMounted(()=>{
+  $vsk.loadUIConfig();
+})
 </script>
 
 <template>