asab_webui_shell 27.2.3 → 27.2.4

package/dist/theme/ThemeButton.js

@@ -19,7 +19,14 @@ var ThemeButton = () => {
   } = (0, _asab_webui_components.useAppStore)();
   var theme = (0, _asab_webui_components.useAppSelector)(state => state.theme);
   var changeTheme = () => {
-    var newTheme = theme == "light" ? "dark" : "light";
+    var newTheme = theme == 'light' ? 'dark' : 'light';
+
+    // Saving the theme in localStorage only with manual modification
+    try {
+      localStorage.setItem('asabTheme', newTheme);
+    } catch (error) {
+      console.warn('Failed to save theme to localStorage:', error);
+    }
     dispatch({
       type: _actions.CHANGE_THEME,
       theme: newTheme
@@ -27,7 +34,7 @@ var ThemeButton = () => {
   };
   return /*#__PURE__*/_react.default.createElement(_reactstrap.NavLink, {
     onClick: changeTheme,
-    title: t("General|Change theme"),
+    title: t('General|Change theme'),
     href: "#"
   }, /*#__PURE__*/_react.default.createElement("i", {
     className: "bi bi-circle-half"

package/dist/theme/ThemeService.js

@@ -11,27 +11,44 @@ var _ThemeButton = _interopRequireDefault(require("./ThemeButton"));
 var _actions = require("./actions");
 class ThemeService extends _asab_webui_components.Service {
   constructor(app) {
-    var serviceName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "ThemeService";
+    var serviceName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'ThemeService';
     super(app, serviceName);
-    app.ReduxService.addReducer("theme", _ThemeReducer.default);
+    app.ReduxService.addReducer('theme', _ThemeReducer.default);
   }
   initialize() {
     var _this$App, _this$App$dispatch;
-    var headerService = this.App.locateService("HeaderService");
+    var headerService = this.App.locateService('HeaderService');
     headerService.addComponent({
       component: _ThemeButton.default,
       order: 400,
       fullscreenVisible: true
     });
-    // Detect initial theme (based on color-scheme aka user prefered theme)
-    // Doesn't work in Chromiuim in Ubuntu
-    // more info https://bugs.chromium.org/p/chromium/issues/detail?id=998903
-    var prefersColorScheme = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? "dark" : "light";
+    var initialTheme;
+
+    // Check localStorage (read-only, no saving)
+    try {
+      var savedTheme = localStorage.getItem('asabTheme');
+      if (savedTheme) {
+        initialTheme = savedTheme;
+      }
+    } catch (error) {
+      console.warn('Failed to read theme from localStorage:', error);
+    }
+
+    // If there is nothing in localStorage, use the browser preferences.
+    if (!initialTheme) {
+      /*
+      	Detect initial theme (based on color-scheme aka user prefered theme)
+      	Doesn't work in Chromiuim in Ubuntu
+      	more info https://bugs.chromium.org/p/chromium/issues/detail?id=998903
+      */
+      initialTheme = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+    }
 
     // Dispatch theme
     (_this$App = this.App) === null || _this$App === void 0 || (_this$App = _this$App.AppStore) === null || _this$App === void 0 || (_this$App$dispatch = _this$App.dispatch) === null || _this$App$dispatch === void 0 || _this$App$dispatch.call(_this$App, {
       type: _actions.CHANGE_THEME,
-      theme: prefersColorScheme
+      theme: initialTheme
     });
 
     // TODO: Add listener to the system theme and change light/dark based on that

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "asab_webui_shell",
-	"version": "27.2.3",
+	"version": "27.2.4",
 	"license": "BSD-3-Clause",
 	"description": "TeskaLabs ASAB WebUI Shell Application",
 	"contributors": [