@zextras/carbonio-shell-ui 0.4.43 → 0.4.44

package/dist/{src_boot_bootstrapper_tsx-node_modules_moment_locale_sync_recursive_.f2070210.chunk.js → src_boot_bootstrapper_tsx-node_modules_moment_locale_sync_recursive_.c4dea410.chunk.js}

@@ -1025,20 +1025,23 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @zextras/carbonio-design-system */ "./node_modules/@zextras/carbonio-design-system/dist/zapp-ui.bundle.js");
-/* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react-i18next */ "./node_modules/react-i18next/dist/es/useTranslation.js");
-/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/esm/react-router.js");
-/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/esm/react-router-dom.js");
-/* harmony import */ var _store_context_bridge__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../store/context-bridge */ "./src/store/context-bridge.ts");
-/* harmony import */ var _app_app_loader_mounter__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./app/app-loader-mounter */ "./src/boot/app/app-loader-mounter.tsx");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ "./src/constants/index.ts");
-/* harmony import */ var _notification_NotificationPermissionChecker__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../notification/NotificationPermissionChecker */ "./src/notification/NotificationPermissionChecker.tsx");
-/* harmony import */ var _shell_shell_view__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../shell/shell-view */ "./src/shell/shell-view.tsx");
-/* harmony import */ var _store_app__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../store/app */ "./src/store/app/index.ts");
-/* harmony import */ var _app_default_views__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./app/default-views */ "./src/boot/app/default-views.ts");
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
+/* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @zextras/carbonio-design-system */ "./node_modules/@zextras/carbonio-design-system/dist/zapp-ui.bundle.js");
+/* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react-i18next */ "./node_modules/react-i18next/dist/es/useTranslation.js");
+/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/esm/react-router.js");
+/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/esm/react-router-dom.js");
+/* harmony import */ var _store_context_bridge__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../store/context-bridge */ "./src/store/context-bridge.ts");
+/* harmony import */ var _app_app_loader_mounter__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./app/app-loader-mounter */ "./src/boot/app/app-loader-mounter.tsx");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../constants */ "./src/constants/index.ts");
+/* harmony import */ var _notification_NotificationPermissionChecker__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../notification/NotificationPermissionChecker */ "./src/notification/NotificationPermissionChecker.tsx");
+/* harmony import */ var _shell_shell_view__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../shell/shell-view */ "./src/shell/shell-view.tsx");
+/* harmony import */ var _store_app__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../store/app */ "./src/store/app/index.ts");
+/* harmony import */ var _app_default_views__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./app/default-views */ "./src/boot/app/default-views.ts");
+
+
 /*
  * SPDX-FileCopyrightText: 2021 Zextras <https://www.zextras.com>
  *
@@ -1057,12 +1060,12 @@ __webpack_require__.r(__webpack_exports__);
 
 
 var ContextBridge = function ContextBridge() {
-  var history = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_8__.useHistory)(); // eslint-disable-next-line @typescript-eslint/ban-types
+  var history = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_9__.useHistory)(); // eslint-disable-next-line @typescript-eslint/ban-types
 
-  var createSnackbar = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_9__.SnackbarManagerContext); // eslint-disable-next-line @typescript-eslint/ban-types
+  var createSnackbar = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_10__.SnackbarManagerContext); // eslint-disable-next-line @typescript-eslint/ban-types
 
-  var createModal = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_9__.ModalManagerContext);
-  (0,_store_context_bridge__WEBPACK_IMPORTED_MODULE_1__.useBridge)({
+  var createModal = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_10__.ModalManagerContext);
+  (0,_store_context_bridge__WEBPACK_IMPORTED_MODULE_2__.useBridge)({
     functions: {
       getHistory: function getHistory() {
         return history;
@@ -1075,11 +1078,11 @@ var ContextBridge = function ContextBridge() {
 };
 
 var StandaloneListener = function StandaloneListener() {
-  var _useParams = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_8__.useParams)(),
+  var _useParams = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_9__.useParams)(),
       route = _useParams.route;
 
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    if (route) _store_app__WEBPACK_IMPORTED_MODULE_6__.useAppStore.setState({
+  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
+    if (route) _store_app__WEBPACK_IMPORTED_MODULE_7__.useAppStore.setState({
       standalone: route
     });
   }, [route]);
@@ -1088,23 +1091,24 @@ var StandaloneListener = function StandaloneListener() {
 
 var DefaultViewsRegister = function DefaultViewsRegister(_ref) {
   var t = _ref.t;
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    (0,_app_default_views__WEBPACK_IMPORTED_MODULE_7__.registerDefaultViews)(t);
+  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
+    (0,_app_default_views__WEBPACK_IMPORTED_MODULE_8__.registerDefaultViews)(t);
   }, [t]);
   return null;
 };
 
 var BootstrapperRouter = function BootstrapperRouter() {
-  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_10__.useTranslation)(),
-      t = _useTranslation.t;
+  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_11__.useTranslation)(),
+      _useTranslation2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_useTranslation, 1),
+      t = _useTranslation2[0];
 
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_11__.BrowserRouter, {
-    basename: _constants__WEBPACK_IMPORTED_MODULE_3__.BASENAME
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_9__.SnackbarManager, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_9__.ModalManager, null, _constants__WEBPACK_IMPORTED_MODULE_3__.IS_STANDALONE && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_8__.Switch, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_8__.Route, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_12__.BrowserRouter, {
+    basename: _constants__WEBPACK_IMPORTED_MODULE_4__.BASENAME
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_10__.SnackbarManager, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_10__.ModalManager, null, _constants__WEBPACK_IMPORTED_MODULE_4__.IS_STANDALONE && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_9__.Switch, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_9__.Route, {
     path: '/:route'
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StandaloneListener, null))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(DefaultViewsRegister, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StandaloneListener, null))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(DefaultViewsRegister, {
     t: t
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_notification_NotificationPermissionChecker__WEBPACK_IMPORTED_MODULE_4__.NotificationPermissionChecker, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ContextBridge, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_app_app_loader_mounter__WEBPACK_IMPORTED_MODULE_2__["default"], null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shell_shell_view__WEBPACK_IMPORTED_MODULE_5__["default"], null))));
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_notification_NotificationPermissionChecker__WEBPACK_IMPORTED_MODULE_5__.NotificationPermissionChecker, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ContextBridge, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_app_app_loader_mounter__WEBPACK_IMPORTED_MODULE_3__["default"], null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shell_shell_view__WEBPACK_IMPORTED_MODULE_6__["default"], null))));
 };
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BootstrapperRouter);
@@ -1172,11 +1176,21 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var core_js_modules_es_promise_finally_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.promise.finally.js */ "./node_modules/core-js/modules/es.promise.finally.js");
 /* harmony import */ var core_js_modules_es_promise_finally_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_promise_finally_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var core_js_modules_es_object_values_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.object.values.js */ "./node_modules/core-js/modules/es.object.values.js");
-/* harmony import */ var core_js_modules_es_object_values_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_values_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _network_get_info__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../network/get-info */ "./src/network/get-info.ts");
-/* harmony import */ var _store_app__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../store/app */ "./src/store/app/index.ts");
-/* harmony import */ var _app_load_apps__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./app/load-apps */ "./src/boot/app/load-apps.ts");
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.array.iterator.js */ "./node_modules/core-js/modules/es.array.iterator.js");
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.string.iterator.js */ "./node_modules/core-js/modules/es.string.iterator.js");
+/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/web.dom-collections.iterator.js */ "./node_modules/core-js/modules/web.dom-collections.iterator.js");
+/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var core_js_modules_es_object_values_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.object.values.js */ "./node_modules/core-js/modules/es.object.values.js");
+/* harmony import */ var core_js_modules_es_object_values_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_values_js__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var _network_get_info__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../network/get-info */ "./src/network/get-info.ts");
+/* harmony import */ var _store_app__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../store/app */ "./src/store/app/index.ts");
+/* harmony import */ var _app_load_apps__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./app/load-apps */ "./src/boot/app/load-apps.ts");
+/* harmony import */ var _network_login_config__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../network/login-config */ "./src/network/login-config.ts");
+
+
+
 
 
 
@@ -1190,9 +1204,10 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 var init = function init() {
-  (0,_network_get_info__WEBPACK_IMPORTED_MODULE_4__.getInfo)()["finally"](function () {
-    (0,_app_load_apps__WEBPACK_IMPORTED_MODULE_6__.loadApps)(Object.values(_store_app__WEBPACK_IMPORTED_MODULE_5__.useAppStore.getState().apps));
+  Promise.all([(0,_network_login_config__WEBPACK_IMPORTED_MODULE_10__.loginConfig)(), (0,_network_get_info__WEBPACK_IMPORTED_MODULE_7__.getInfo)()])["finally"](function () {
+    (0,_app_load_apps__WEBPACK_IMPORTED_MODULE_9__.loadApps)(Object.values(_store_app__WEBPACK_IMPORTED_MODULE_8__.useAppStore.getState().apps));
   });
 };
 
@@ -1210,8 +1225,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "ThemeCallbacksContext": () => (/* binding */ ThemeCallbacksContext),
 /* harmony export */   "ThemeProvider": () => (/* binding */ ThemeProvider)
 /* harmony export */ });
-/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js");
-/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js");
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.promise.js */ "./node_modules/core-js/modules/es.promise.js");
@@ -1236,20 +1251,22 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_12__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_13__);
-/* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! @zextras/carbonio-design-system */ "./node_modules/@zextras/carbonio-design-system/dist/zapp-ui.bundle.js");
-/* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_18__);
+/* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! @zextras/carbonio-design-system */ "./node_modules/@zextras/carbonio-design-system/dist/zapp-ui.bundle.js");
+/* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_20__);
 /* harmony import */ var darkreader__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! darkreader */ "./node_modules/darkreader/darkreader.js");
 /* harmony import */ var darkreader__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(darkreader__WEBPACK_IMPORTED_MODULE_14__);
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_15__);
-/* harmony import */ var _store_account__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../store/account */ "./src/store/account/index.ts");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../constants */ "./src/constants/index.ts");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! styled-components */ "./node_modules/styled-components/dist/styled-components.browser.esm.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../constants */ "./src/constants/index.ts");
+/* harmony import */ var _shell_hooks__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../shell/hooks */ "./src/shell/hooks.ts");
+/* harmony import */ var _settings_components_utils__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../settings/components/utils */ "./src/settings/components/utils.ts");
 
 
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 
 
@@ -1274,185 +1291,134 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 
+
+
 (0,darkreader__WEBPACK_IMPORTED_MODULE_14__.setFetchMethod)(window.fetch);
 var ThemeCallbacksContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_13__.createContext)({
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  addExtension: function addExtension(newExtension, id) {},
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  setDarkReaderState: function setDarkReaderState(newState) {}
+  addExtension: function addExtension() {
+    throw Error('Not implemented');
+  },
+  setDarkReaderState: function setDarkReaderState() {
+    throw Error('not implemented');
+  }
 });
 
-var themeSizes = function themeSizes(size) {
-  switch (size) {
-    case 'small':
-      {
-        return function (theme) {
-          // eslint-disable-next-line no-param-reassign
-          theme.sizes.font = {
-            extrasmall: '0.625rem',
-            small: '0.75rem',
-            medium: '0.875rem',
-            large: '1rem'
-          };
-          return theme;
-        };
-      }
-
-    case 'large':
-      {
-        return function (theme) {
-          // eslint-disable-next-line no-param-reassign
-          theme.sizes.font = {
-            extrasmall: '0.875rem',
-            small: '1rem',
-            medium: '1.125rem',
-            large: '1.25rem'
-          };
-          return theme;
-        };
-      }
-
-    case 'larger':
-      {
-        return function (theme) {
-          // eslint-disable-next-line no-param-reassign
-          theme.sizes.font = {
-            extrasmall: '1rem',
-            small: '1.125rem',
-            medium: '1.25rem',
-            large: '1.375rem'
-          };
-          return theme;
-        };
-      }
-
-    case 'default':
-    case 'normal':
-    default:
-      {
-        return function (theme) {
-          // eslint-disable-next-line no-param-reassign
-          theme.sizes.font = {
-            extrasmall: '0.75rem',
-            small: '0.875rem',
-            medium: '1rem',
-            large: '1.125rem'
-          };
-          return theme;
-        };
+var paletteExtension = function paletteExtension(theme) {
+  return _objectSpread(_objectSpread({}, theme), {}, {
+    palette: _objectSpread(_objectSpread({}, theme.palette), {}, {
+      shared: {
+        regular: '#FFB74D',
+        hover: '#FFA21A',
+        active: '#FFA21A',
+        focus: '#FF9800',
+        disabled: '#FFD699'
+      },
+      linked: {
+        regular: '#AB47BC',
+        hover: '#8B3899',
+        active: '#8B3899',
+        focus: '#7A3187',
+        disabled: '#DDB4E4'
       }
-  }
-};
-
-var paletteExtension = function paletteExtension() {
-  return function (theme) {
-    // eslint-disable-next-line no-param-reassign
-    theme.palette.shared = {
-      regular: '#FFB74D',
-      hover: '#FFA21A',
-      active: '#FFA21A',
-      focus: '#FF9800',
-      disabled: '#FFD699'
-    }; // eslint-disable-next-line no-param-reassign
-
-    theme.palette.linked = {
-      regular: '#AB47BC',
-      hover: '#8B3899',
-      active: '#8B3899',
-      focus: '#7A3187',
-      disabled: '#DDB4E4'
-    };
-    return theme;
-  };
+    })
+  });
 };
 
-var iconExtension = function iconExtension() {
-  return function (theme) {
-    // eslint-disable-next-line no-param-reassign
-    theme.icons.Shared = theme.icons.ArrowCircleRight; // eslint-disable-next-line no-param-reassign
-
-    theme.icons.Linked = theme.icons.ArrowCircleLeft;
-    return theme;
-  };
+var iconExtension = function iconExtension(theme) {
+  return _objectSpread(_objectSpread({}, theme), {}, {
+    icons: _objectSpread(_objectSpread({}, theme.icons), {}, {
+      Shared: theme.icons.ArrowCircleRight,
+      Linked: theme.icons.ArrowCircleLeft
+    })
+  });
 };
 
-var ThemeProvider = function ThemeProvider(_ref) {
-  var children = _ref.children;
-  var zimbraPrefFontSize = (0,_store_account__WEBPACK_IMPORTED_MODULE_16__.useAccountStore)(function (s) {
-    var _s$settings$prefs;
+var GlobalStyle = (0,styled_components__WEBPACK_IMPORTED_MODULE_19__.createGlobalStyle)(["html{font-size:", ";}"], function (_ref) {
+  var baseFontSize = _ref.baseFontSize;
+  return "".concat(baseFontSize, "%");
+});
+var ThemeProvider = function ThemeProvider(_ref2) {
+  var children = _ref2.children;
 
-    return (_s$settings$prefs = s.settings.prefs) === null || _s$settings$prefs === void 0 ? void 0 : _s$settings$prefs.zimbraPrefFontSize;
-  }); // TODO: update when the DS is fully typed :D
+  var _useLocalStorage = (0,_shell_hooks__WEBPACK_IMPORTED_MODULE_17__.useLocalStorage)(_constants__WEBPACK_IMPORTED_MODULE_16__.LOCAL_STORAGE_SETTINGS_KEY, {}),
+      _useLocalStorage2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_useLocalStorage, 1),
+      localStorageSettings = _useLocalStorage2[0];
 
-  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_13__.useState)({
-    fonts: function fonts(theme) {
-      // eslint-disable-next-line no-param-reassign
-      theme.sizes.font = {
-        extrasmall: '0.75rem',
-        small: '0.875rem',
-        medium: '1rem',
-        large: '1.125rem'
-      };
-      return theme;
-    }
-  }),
-      _useState2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(_useState, 2),
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_13__.useState)({}),
+      _useState2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_useState, 2),
       extensions = _useState2[0],
       setExtensions = _useState2[1];
 
   (0,react__WEBPACK_IMPORTED_MODULE_13__.useEffect)(function () {
-    setExtensions(function (e) {
-      return _objectSpread(_objectSpread({}, e), {}, {
-        fonts: themeSizes(zimbraPrefFontSize),
-        palette: paletteExtension(),
-        icons: iconExtension()
+    setExtensions(function (extension) {
+      return _objectSpread(_objectSpread({}, extension), {}, {
+        palette: paletteExtension,
+        icons: iconExtension
       });
     });
-  }, [zimbraPrefFontSize]);
+  }, []);
 
-  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_13__.useState)('auto'),
-      _useState4 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(_useState3, 2),
+  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_13__.useState)('disabled'),
+      _useState4 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_useState3, 2),
       darkReaderState = _useState4[0],
       setDarkReaderState = _useState4[1];
 
   (0,react__WEBPACK_IMPORTED_MODULE_13__.useEffect)(function () {
     switch (darkReaderState) {
       case 'disabled':
+        (0,darkreader__WEBPACK_IMPORTED_MODULE_14__.auto)(false);
         (0,darkreader__WEBPACK_IMPORTED_MODULE_14__.disable)();
         break;
 
       case 'enabled':
+        (0,darkreader__WEBPACK_IMPORTED_MODULE_14__.auto)(false);
         (0,darkreader__WEBPACK_IMPORTED_MODULE_14__.enable)({
           sepia: -50
-        }, _constants__WEBPACK_IMPORTED_MODULE_17__.darkReaderDynamicThemeFixes);
+        }, _constants__WEBPACK_IMPORTED_MODULE_16__.darkReaderDynamicThemeFixes);
         break;
 
       case 'auto':
       default:
         (0,darkreader__WEBPACK_IMPORTED_MODULE_14__.auto)({
           sepia: -50
-        }, _constants__WEBPACK_IMPORTED_MODULE_17__.darkReaderDynamicThemeFixes);
+        }, _constants__WEBPACK_IMPORTED_MODULE_16__.darkReaderDynamicThemeFixes);
         break;
     }
   }, [darkReaderState]);
   var aggregatedExtensions = (0,react__WEBPACK_IMPORTED_MODULE_13__.useCallback)(function (theme) {
-    return (0,lodash__WEBPACK_IMPORTED_MODULE_15__.reduce)(extensions, function (acc, val) {
-      return val(acc);
+    return (0,lodash__WEBPACK_IMPORTED_MODULE_15__.reduce)(extensions, function (themeAccumulator, themeExtensionFn) {
+      if (themeExtensionFn) {
+        return themeExtensionFn(themeAccumulator);
+      }
+
+      return themeAccumulator;
     }, theme);
   }, [extensions]);
   var addExtension = (0,react__WEBPACK_IMPORTED_MODULE_13__.useCallback)(function (newExtension, id) {
     setExtensions(function (ext) {
-      return _objectSpread(_objectSpread({}, ext), {}, (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])({}, id, newExtension));
+      return _objectSpread(_objectSpread({}, ext), {}, (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])({}, id, newExtension));
     });
   }, []);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_18__.ThemeProvider, {
-    extension: aggregatedExtensions
+  var baseFontSize = (0,react__WEBPACK_IMPORTED_MODULE_13__.useMemo)(function () {
+    var savedScalingValueSetting = localStorageSettings['settings.appearance_setting.scaling'];
+
+    if (savedScalingValueSetting !== undefined) {
+      return savedScalingValueSetting;
+    }
+
+    return (0,_settings_components_utils__WEBPACK_IMPORTED_MODULE_18__.getAutoScalingFontSize)();
+  }, [localStorageSettings]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_20__.ThemeProvider, {
+    extension: aggregatedExtensions,
+    loadDefaultFont: true
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default().createElement(ThemeCallbacksContext.Provider, {
     value: {
       addExtension: addExtension,
       setDarkReaderState: setDarkReaderState
     }
-  }, children));
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default().createElement(GlobalStyle, {
+    baseFontSize: baseFontSize
+  }), children));
 };
 
 /***/ }),
@@ -1478,8 +1444,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "BASENAME": () => (/* binding */ BASENAME),
 /* harmony export */   "EMAIL_VALIDATION_REGEX": () => (/* binding */ EMAIL_VALIDATION_REGEX),
 /* harmony export */   "ROOT_NAME": () => (/* binding */ ROOT_NAME),
-/* harmony export */   "DR_VALUES": () => (/* binding */ DR_VALUES),
-/* harmony export */   "FOLDER_VIEW": () => (/* binding */ FOLDER_VIEW)
+/* harmony export */   "DARK_READER_VALUES": () => (/* binding */ DARK_READER_VALUES),
+/* harmony export */   "FOLDER_VIEW": () => (/* binding */ FOLDER_VIEW),
+/* harmony export */   "LOCAL_STORAGE_SETTINGS_KEY": () => (/* binding */ LOCAL_STORAGE_SETTINGS_KEY),
+/* harmony export */   "LOCAL_STORAGE_SEARCH_KEY": () => (/* binding */ LOCAL_STORAGE_SEARCH_KEY),
+/* harmony export */   "SCALING_OPTIONS": () => (/* binding */ SCALING_OPTIONS),
+/* harmony export */   "BASE_FONT_SIZE": () => (/* binding */ BASE_FONT_SIZE),
+/* harmony export */   "SCALING_LIMIT": () => (/* binding */ SCALING_LIMIT),
+/* harmony export */   "LOGIN_V3_CONFIG_PATH": () => (/* binding */ LOGIN_V3_CONFIG_PATH),
+/* harmony export */   "DARK_READER_PROP_KEY": () => (/* binding */ DARK_READER_PROP_KEY)
 /* harmony export */ });
 /* harmony import */ var core_js_modules_es_string_starts_with_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.string.starts-with.js */ "./node_modules/core-js/modules/es.string.starts-with.js");
 /* harmony import */ var core_js_modules_es_string_starts_with_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_starts_with_js__WEBPACK_IMPORTED_MODULE_0__);
@@ -1589,7 +1562,7 @@ var BASENAME = IS_STANDALONE ? standaloneBase : base;
 var EMAIL_VALIDATION_REGEX = // eslint-disable-next-line @typescript-eslint/no-unused-vars, max-len, no-control-regex
 /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/;
 var ROOT_NAME = 'USER_ROOT';
-var DR_VALUES = ['auto', 'enabled', 'disabled'];
+var DARK_READER_VALUES = ['auto', 'enabled', 'disabled'];
 var FOLDER_VIEW = {
   search_folder: 'search folder',
   tag: 'tag',
@@ -1604,6 +1577,88 @@ var FOLDER_VIEW = {
   task: 'task',
   chat: 'chat'
 };
+var LOCAL_STORAGE_SETTINGS_KEY = 'settings';
+var LOCAL_STORAGE_SEARCH_KEY = 'search_suggestions';
+var SCALING_OPTIONS = [{
+  value: 75,
+  label: 'xs'
+}, {
+  value: 87.5,
+  label: 's'
+}, {
+  value: 100,
+  label: 'm'
+}, {
+  value: 112.5,
+  label: 'l'
+}, {
+  value: 125,
+  label: 'xl'
+}];
+var BASE_FONT_SIZE = 100;
+var SCALING_LIMIT = {
+  WIDTH: 1400,
+  HEIGHT: 900,
+  DPR: 2 // device pixel ratio
+
+};
+var LOGIN_V3_CONFIG_PATH = '/zx/login/v3/config';
+var DARK_READER_PROP_KEY = 'zappDarkreaderMode';
+
+/***/ }),
+
+/***/ "./src/custom-hooks/useDarkReaderResultValue.ts":
+/*!******************************************************!*\
+  !*** ./src/custom-hooks/useDarkReaderResultValue.ts ***!
+  \******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "useDarkReaderResultValue": () => (/* binding */ useDarkReaderResultValue)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _store_account__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../store/account */ "./src/store/account/index.ts");
+/* harmony import */ var _store_login_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../store/login/store */ "./src/store/login/store.ts");
+/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../types */ "./types/index.d.ts");
+/*
+ * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+
+
+
+ // return the final calculated value between ZappDarkreaderModeZimletProp value and carbonioWebUiDarkMode config
+
+function useDarkReaderResultValue() {
+  var settings = (0,_store_account__WEBPACK_IMPORTED_MODULE_2__.useUserSettings)();
+
+  var _useLoginConfigStore = (0,_store_login_store__WEBPACK_IMPORTED_MODULE_3__.useLoginConfigStore)(),
+      carbonioWebUiDarkMode = _useLoginConfigStore.carbonioWebUiDarkMode;
+
+  var settingReceived = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    return (0,lodash__WEBPACK_IMPORTED_MODULE_1__.size)(settings.prefs) > 0 || (0,lodash__WEBPACK_IMPORTED_MODULE_1__.size)(settings.attrs) > 0 || (0,lodash__WEBPACK_IMPORTED_MODULE_1__.size)(settings.props) > 0;
+  }, [settings]);
+  var darkReaderResultValue = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    if (settingReceived) {
+      var _find;
+
+      var result = (_find = (0,lodash__WEBPACK_IMPORTED_MODULE_1__.find)(settings.props, function (value) {
+        return (0,_types__WEBPACK_IMPORTED_MODULE_4__.isZappDarkreaderModeZimletProp)(value);
+      })) === null || _find === void 0 ? void 0 : _find._content;
+      return result || carbonioWebUiDarkMode && 'enabled' || 'disabled';
+    }
+
+    return undefined;
+  }, [settingReceived, settings, carbonioWebUiDarkMode]);
+  return darkReaderResultValue;
+}
 
 /***/ }),
 
@@ -1897,7 +1952,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_18__);
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../constants */ "./src/constants/index.ts");
-/* harmony import */ var _store_account_store__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../store/account/store */ "./src/store/account/store.ts");
+/* harmony import */ var _store_account__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../store/account */ "./src/store/account/index.ts");
 /* harmony import */ var _fetch__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./fetch */ "./src/network/fetch.ts");
 
 
@@ -1971,12 +2026,14 @@ var editSettings = function editSettings(mods) {
     }
 
     if (mods.permissions.freeBusy["new"].gt === 'usr') {
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
       return (0,lodash__WEBPACK_IMPORTED_MODULE_18__.map)(mods.permissions.freeBusy["new"].d, function (u) {
         var _mods$permissions;
 
-        return "<ace right=\"viewFreeBusy\" gt=\"".concat((_mods$permissions = mods.permissions) === null || _mods$permissions === void 0 ? void 0 : _mods$permissions.freeBusy["new"].gt, "\" d=\"").concat(u.email, "\"/>");
+        return (// FIXME: usage differs from the declaration of the AccountACE
+          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+          // @ts-ignore
+          "<ace right=\"viewFreeBusy\" gt=\"".concat((_mods$permissions = mods.permissions) === null || _mods$permissions === void 0 ? void 0 : _mods$permissions.freeBusy["new"].gt, "\" d=\"").concat(u.email, "\"/>")
+        );
       }).join('');
     }
 
@@ -1989,18 +2046,20 @@ var editSettings = function editSettings(mods) {
     }
 
     if (mods.permissions.inviteRight["new"].gt === 'usr') {
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
       return (0,lodash__WEBPACK_IMPORTED_MODULE_18__.map)(mods.permissions.inviteRight["new"].d, function (u) {
         var _mods$permissions2;
 
-        return "<ace right=\"invite\" gt=\"".concat((_mods$permissions2 = mods.permissions) === null || _mods$permissions2 === void 0 ? void 0 : _mods$permissions2.inviteRight["new"].gt, "\" d=\"").concat(u.email, "\"/>");
+        return (// FIXME: usage differs from the declaration of the AccountACE
+          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+          // @ts-ignore
+          "<ace right=\"invite\" gt=\"".concat((_mods$permissions2 = mods.permissions) === null || _mods$permissions2 === void 0 ? void 0 : _mods$permissions2.inviteRight["new"].gt, "\" d=\"").concat(u.email, "\"/>")
+        );
       }).join('');
     }
 
     return "<ace right=\"invite\" gt=\"".concat((_mods$permissions3 = mods.permissions) === null || _mods$permissions3 === void 0 ? void 0 : _mods$permissions3.inviteRight["new"].gt, "\" />");
   }()) : '', "\n\t</GrantRightsRequest>") : '', "</BatchRequest>")).then(function (r) {
-    _store_account_store__WEBPACK_IMPORTED_MODULE_20__.useAccountStore.setState(function (s) {
+    _store_account__WEBPACK_IMPORTED_MODULE_20__.useAccountStore.setState(function (s) {
       var _find, _mods$identity4, _s$account2, _find2, _mods$identity5, _s$account4, _mods$identity6;
 
       return {
@@ -2092,8 +2151,9 @@ var editSettings = function editSettings(mods) {
 var getEditSettingsForApp = function getEditSettingsForApp(app) {
   return function (mods) {
     return editSettings(mods, app).then(function (r) {
-      r.type = 'fulfilled';
-      return r;
+      return _objectSpread(_objectSpread({}, r), {}, {
+        type: 'fulfilled'
+      });
     });
   };
 };
@@ -2337,7 +2397,7 @@ var handleResponse = function handleResponse(api, res) {
 };
 
 var getSoapFetch = function getSoapFetch(app) {
-  return function (api, body, otherAccount) {
+  return function (api, body, otherAccount, signal) {
     var _notify$, _notify$2;
 
     var _useAccountStore$getS2 = _store_account__WEBPACK_IMPORTED_MODULE_21__.useAccountStore.getState(),
@@ -2349,6 +2409,7 @@ var getSoapFetch = function getSoapFetch(app) {
         session = _useNetworkStore$getS3.session;
 
     return fetch("/service/soap/".concat(api, "Request"), {
+      signal: signal,
       method: 'POST',
       headers: {
         'Content-Type': 'application/json'
@@ -2547,6 +2608,54 @@ var goToLogin = function goToLogin() {
 
 /***/ }),
 
+/***/ "./src/network/login-config.ts":
+/*!*************************************!*\
+  !*** ./src/network/login-config.ts ***!
+  \*************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "loginConfig": () => (/* binding */ loginConfig)
+/* harmony export */ });
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.promise.js */ "./node_modules/core-js/modules/es.promise.js");
+/* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _store_login_store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../store/login/store */ "./src/store/login/store.ts");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ "./src/constants/index.ts");
+
+
+
+/*
+ * SPDX-FileCopyrightText: 2021 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+
+var loginConfig = function loginConfig() {
+  return fetch(_constants__WEBPACK_IMPORTED_MODULE_3__.LOGIN_V3_CONFIG_PATH).then(function (response) {
+    return response.json();
+  }).then(function (data) {
+    _store_login_store__WEBPACK_IMPORTED_MODULE_2__.useLoginConfigStore.setState(data);
+    var favicon = document.getElementById('favicon');
+
+    if (favicon && favicon instanceof HTMLLinkElement) {
+      favicon.href = data.carbonioWebUiFavicon ? data.carbonioWebUiFavicon : "".concat("/static/iris/carbonio-shell-ui/2d4fd639ee9bb5d4bae0d9f7ed04effb0440ef3a/", "favicon.svg");
+    }
+
+    if (data.carbonioWebUiTitle) {
+      document.title = data.carbonioWebUiTitle;
+    }
+  })["catch"](function (reason) {
+    console.warn(reason);
+  });
+};
+
+/***/ }),
+
 /***/ "./src/network/logout.ts":
 /*!*******************************!*\
   !*** ./src/network/logout.ts ***!
@@ -2578,7 +2687,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var logout = function logout() {
   return (0,_fetch__WEBPACK_IMPORTED_MODULE_3__.getSoapFetch)(_constants__WEBPACK_IMPORTED_MODULE_2__.SHELL_APP_ID)('EndSession', {
-    _jsns: 'urn:zimbraAccount'
+    _jsns: 'urn:zimbraAccount',
+    logoff: true
   }).then(function () {
     fetch('/?loginOp=logout').then(function (res) {
       return res;
@@ -4127,7 +4237,7 @@ var SearchBar = function SearchBar() {
   var inputRef = (0,react__WEBPACK_IMPORTED_MODULE_22__.useRef)(null);
   var t = (0,_store_i18n__WEBPACK_IMPORTED_MODULE_25__.getT)();
 
-  var _useLocalStorage = (0,_shell_hooks__WEBPACK_IMPORTED_MODULE_24__.useLocalStorage)('search_suggestions', []),
+  var _useLocalStorage = (0,_shell_hooks__WEBPACK_IMPORTED_MODULE_24__.useLocalStorage)(_constants__WEBPACK_IMPORTED_MODULE_23__.LOCAL_STORAGE_SEARCH_KEY, []),
       _useLocalStorage2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__["default"])(_useLocalStorage, 2),
       storedValue = _useLocalStorage2[0],
       setStoredValue = _useLocalStorage2[1];
@@ -6203,9 +6313,9 @@ var SettingsSentMessages = function SettingsSentMessages(_ref) {
 
 /***/ }),
 
-/***/ "./src/settings/components/date-picker-style.jsx":
+/***/ "./src/settings/components/date-picker-style.tsx":
 /*!*******************************************************!*\
-  !*** ./src/settings/components/date-picker-style.jsx ***!
+  !*** ./src/settings/components/date-picker-style.tsx ***!
   \*******************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -6226,7 +6336,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var Styler = (0,styled_components__WEBPACK_IMPORTED_MODULE_0__["default"])(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_1__.Container).withConfig({
   displayName: "date-picker-style__Styler",
-  componentId: "sc-jys8kz-0"
+  componentId: "sc-1mz3xyy-0"
 })([".rw-btn,.rw-input-reset,.rw-input,.rw-dropdown-list-autofill,.rw-filter-input{color:inherit;padding:0;margin:0;border:none;box-shadow:none;background:none;background-image:none;font-family:inherit;font-size:inherit;line-height:inherit;-ms-touch-action:manipulation;touch-action:manipulation;}.rw-btn::-moz-focus-inner{padding:0;border:0;}select.rw-input{text-transform:none;}html input[type='button'].rw-input{-webkit-appearance:button;cursor:pointer;}textarea.rw-input{overflow:auto;resize:vertical;}button[disabled].rw-input,fieldset[disabled] .rw-input,html input[disabled].rw-input{cursor:not-allowed;}button.rw-input::-moz-focus-inner,input.rw-input::-moz-focus-inner{border:0;padding:0;}input[type='checkbox'],input[type='radio']{box-sizing:border-box;padding:0;}", ";.rw-i{display:inline-block;color:inherit;", ";font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}.rw-i-caret-down:before{content:'e803';}.rw-i-caret-up:before{content:'e800';}.rw-i-chevron-left:before{content:'\f104';}.rw-i-chevron-right:before{content:'\f105';}.rw-i-clock-o:before{content:'e805';}.rw-i-calendar:before{content:'e804';}.rw-i-search:before{content:'e801';}.rw-btn{position:relative;color:#333;display:inline-block;text-align:center;vertical-align:middle;border:0.0625rem solid transparent;cursor:pointer;outline:none;}.rw-state-readonly .rw-btn,.rw-state-disabled .rw-btn{cursor:not-allowed;}.rw-btn-select{opacity:0.75;transition:opacity 150ms ease-in;}.rw-btn-select:hover,.rw-state-focus .rw-btn-select,:hover > .rw-btn-select{opacity:1;}.rw-btn-primary{width:100%;white-space:normal;line-height:2rem;}.rw-btn-primary:hover{background-color:#e6e6e6;}.rw-btn-select[disabled],.rw-btn-primary[disabled],fieldset[disabled] .rw-btn-select,fieldset[disabled] .rw-btn-primary{box-shadow:none;cursor:not-allowed;opacity:0.65;pointer-events:none;}.rw-sr{position:absolute;width:0.0625rem;height:0.0625rem;margin:-0.0625rem;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}.rw-widget{background-clip:border-box;border:none;outline:none;position:relative;border-radius:0.125rem 0.125rem 0 0;width:100%;}.rw-widget,.rw-widget *{box-sizing:border-box;}.rw-widget:before,.rw-widget *:before,.rw-widget:after,.rw-widget *:after{box-sizing:border-box;}.rw-widget > .rw-widget-container{width:100%;margin:0;}.rw-widget-container{background-color:", ";border-bottom:", " 0.0625rem solid;}.rw-widget-container.rw-state-focus,.rw-state-focus > .rw-widget-container,.rw-widget-container.rw-state-focus:hover,.rw-state-focus > .rw-widget-container:hover{background-color:", ";border-bottom:", " 0.0625rem solid;}.rw-widget-container.rw-state-readonly,.rw-state-readonly > .rw-widget-container{cursor:not-allowed;}.rw-widget-container.rw-state-disabled,.rw-state-disabled > .rw-widget-container,fieldset[disabled] .rw-widget-container,.rw-widget-container.rw-state-disabled:hover,.rw-state-disabled > .rw-widget-container:hover,fieldset[disabled] .rw-widget-container:hover,.rw-widget-container.rw-state-disabled:active,.rw-state-disabled > .rw-widget-container:active,fieldset[disabled] .rw-widget-container:active{box-shadow:none;cursor:not-allowed;}.rw-datetime-picker{height:2.625rem;}.rw-widget-picker{position:relative;overflow:hidden;border-collapse:separate;display:inline-table;height:100%;}.rw-widget-picker > *{position:relative;border:none;outline:none;width:100%;height:100%;display:table-cell;}.rw-widget-picker > .rw-select{width:", ";white-space:nowrap;}.rw-open > .rw-widget-picker{border-bottom-right-radius:0;border-bottom-left-radius:0;}.rw-open-up > .rw-widget-picker{border-top-right-radius:0;border-top-left-radius:0;}fieldset[disabled] .rw-widget-picker,.rw-state-disabled > .rw-widget-picker{background-color:#eee;}.rw-multiselect > .rw-widget-picker{height:auto;}.rw-select{cursor:pointer;}.rw-select > *{width:2rem;height:100%;}.rw-state-readonly .rw-select,.rw-state-disabled .rw-select{cursor:not-allowed;}.rw-select-bordered{cursor:pointer;border:none;border-left:#ccc 0.0625rem solid;}.rw-select-bordered:hover,.rw-select-bordered:active{background-color:#e6e6e6;}.rw-select-bordered:active{box-shadow:inset 0 0.1875rem 0.3125rem rgba(0,0,0,0.125);}.rw-state-disabled .rw-select-bordered,.rw-state-readonly .rw-select-bordered,fieldset[disabled] .rw-select-bordered,.rw-state-disabled .rw-select-bordered:hover,.rw-state-readonly .rw-select-bordered:hover,fieldset[disabled] .rw-select-bordered:hover,.rw-state-disabled .rw-select-bordered:active,.rw-state-readonly .rw-select-bordered:active,fieldset[disabled] .rw-select-bordered:active{cursor:not-allowed;background-color:inherit;background-image:none;box-shadow:none;}.rw-rtl .rw-select-bordered{border-right:#ccc 0.0625rem solid;border-left:none;}.rw-rtl{direction:rtl;}.rw-input-reset,.rw-input,.rw-dropdown-list-autofill,.rw-filter-input{outline:0;}.rw-input-reset::-moz-placeholder{color:#999;opacity:1;}.rw-input-reset:-ms-input-placeholder{color:#999;}.rw-input-reset::-webkit-input-placeholder{color:#999;}.rw-input,.rw-dropdown-list-autofill,.rw-filter-input{padding:0 0.857rem;}.rw-input[type='text']::-ms-clear{display:none;}.rw-input[disabled],fieldset[disabled] .rw-input{box-shadow:none;cursor:not-allowed;opacity:1;background-color:#eee;border-color:#ccc;}.rw-input[readonly]{cursor:not-allowed;}.rw-i.rw-loading{display:block;", ";min-width:1rem;width:1.9rem;height:1rem;}.rw-i.rw-loading:before{content:'';}.rw-placeholder{color:#999;}.rw-detect-autofill:-webkit-autofill{animation-name:react-widgets-autofill-start;transition:background-color 50000s ease-in-out 0s;}.rw-detect-autofill:not(:-webkit-autofill){animation-name:react-widgets-autofill-cancel;}.rw-webkit-autofill .rw-widget-container,.rw-input:-webkit-autofill{background-color:#faffbd !important;background-image:none !important;color:#000 !important;}.rw-widget-input,.rw-filter-input{}.rw-widget-input.rw-state-focus{box-shadow:0 0 0.5rem rgba(102,175,233,0.6),inset 0 0.0625rem 0.0625rem rgba(0,0,0,0.075);}.rw-list{margin:0;padding:0;list-style:none;font-size:1rem;outline:0;overflow:auto;max-height:12.5rem;}.rw-list-option{-ms-user-select:none;user-select:none;color:#333;cursor:pointer;border:0.0625rem solid transparent;}.rw-list-option.rw-state-focus,.rw-list-option.rw-state-focus:hover{background-color:transparent;border-color:#66afe9;color:#333;}.rw-list-option:hover,.rw-list-option:hover.rw-state-focus{background-color:#e6e6e6;border-color:#e6e6e6;color:#333;}.rw-list-option.rw-state-selected,.rw-list-option.rw-state-selected:hover{background-color:#337ab7;border-color:#337ab7;color:white;}fieldset[disabled] .rw-list-option,.rw-list-option.rw-state-disabled,.rw-list-option.rw-state-readonly{box-shadow:none;cursor:not-allowed;color:#999;opacity:0.7;}fieldset[disabled] .rw-list-option:hover,.rw-list-option.rw-state-disabled:hover,.rw-list-option.rw-state-readonly:hover{background:none;border-color:transparent;}.rw-list-empty,.rw-list-option,.rw-list-optgroup{padding:0.143rem 0.75rem;outline:0;}.rw-list-optgroup{font-weight:bold;padding-top:0.4375rem;}.rw-list-option-create{border-top:0.0625rem #ccc solid;}.rw-dropdown-list-autofill{padding:0;}.rw-dropdown-list-input{background-color:transparent;vertical-align:middle;padding-right:0;max-width:0.0625rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}.rw-rtl .rw-dropdown-list-input{padding-right:0.857rem;padding-left:0;}.rw-filter-input{position:relative;margin:0.25rem;padding-right:0;}.rw-filter-input .rw-rtl{padding-right:0.857rem;padding-left:0;}.rw-filter-input .rw-select,.rw-filter-input .rw-btn{opacity:0.75;cursor:text;}.rw-filter-input > .rw-select,.rw-filter-input > .rw-select:active,.rw-filter-input > .rw-select:hover{background:none;cursor:initial;box-shadow:none;}.rw-number-picker .rw-btn{cursor:pointer;height:calc(1.2145rem - 0.0625rem);", ";line-height:1.2145rem;line-height:calc(1.2145rem - 0.0625rem);display:block;border:none;}.rw-number-picker .rw-btn:hover,.rw-number-picker .rw-btn:active{background-color:#e6e6e6;}.rw-number-picker .rw-btn:active{box-shadow:inset 0 0.1875rem 0.3125rem rgba(0,0,0,0.125);}.rw-state-disabled .rw-number-picker .rw-btn,.rw-state-readonly .rw-number-picker .rw-btn,fieldset[disabled] .rw-number-picker .rw-btn,.rw-state-disabled .rw-number-picker .rw-btn:hover,.rw-state-readonly .rw-number-picker .rw-btn:hover,fieldset[disabled] .rw-number-picker .rw-btn:hover,.rw-state-disabled .rw-number-picker .rw-btn:active,.rw-state-readonly .rw-number-picker .rw-btn:active,fieldset[disabled] .rw-number-picker .rw-btn:active{cursor:not-allowed;background-color:inherit;background-image:none;box-shadow:none;}.rw-number-picker .rw-select{vertical-align:middle;}.rw-number-picker .rw-select,.rw-number-picker .rw-select:hover,.rw-number-picker .rw-select:active{box-shadow:none;}.rw-calendar-popup{right:auto;min-width:0;width:18rem;}.rw-calendar{border-radius:0.25rem;background-color:#fff;border:#ccc 0.0625rem solid;overflow:hidden;}.rw-calendar.rw-popup{border-color:#ccc;}.rw-calendar-now{font-weight:bold;}.rw-calendar-btn-left,.rw-calendar-btn-right{width:12.5%;}.rw-calendar-btn-view{width:75%;}.rw-calendar-footer{border-top:0.0625rem solid #ccc;}.rw-calendar-grid{outline:none;height:14.28571429rem;table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;background-color:#fff;}.rw-head-cell{text-align:center;border-bottom:0.0625rem solid #ccc;padding:0.25rem;}.rw-cell{color:#333;border-radius:0.25rem;cursor:pointer;line-height:normal;text-align:center;border:0.0625rem solid transparent;padding:0.25rem;}.rw-cell:hover{background-color:#e6e6e6;border-color:#e6e6e6;color:#333;}.rw-cell.rw-state-focus,.rw-cell.rw-state-focus:hover{background-color:transparent;border-color:#66afe9;color:#333;}.rw-cell.rw-state-selected,.rw-cell.rw-state-selected:hover{background-color:#337ab7;border-color:#337ab7;color:white;}.rw-cell.rw-state-disabled{color:#999;opacity:0.7;}.rw-cell.rw-state-disabled:hover{background:none;border-color:transparent;}.rw-calendar-month .rw-cell{text-align:center;}.rw-cell-off-range{color:#999;}.rw-calendar-transition-group{position:relative;}.rw-calendar-transition{transition:transform 300ms;overflow:hidden;}.rw-calendar-transition-top{-ms-transform:translateY(-100%);transform:translateY(-100%);}.rw-calendar-transition-bottom{-ms-transform:translateY(100%);transform:translateY(100%);}.rw-calendar-transition-right{-ms-transform:translateX(-100%);transform:translateX(-100%);}.rw-calendar-transition-left{-ms-transform:translateX(100%);transform:translateX(100%);}.rw-calendar-transition-entering.rw-calendar-transition-top,.rw-calendar-transition-entered.rw-calendar-transition-top,.rw-calendar-transition-entering.rw-calendar-transition-bottom,.rw-calendar-transition-entered.rw-calendar-transition-bottom{-ms-transform:translateY(0);transform:translateY(0);}.rw-calendar-transition-entering.rw-calendar-transition-right,.rw-calendar-transition-entered.rw-calendar-transition-right,.rw-calendar-transition-entering.rw-calendar-transition-left,.rw-calendar-transition-entered.rw-calendar-transition-left{-ms-transform:translateX(0);transform:translateX(0);}.rw-calendar-transition-exiting.rw-calendar-transition-top{-ms-transform:translateY(100%);transform:translateY(100%);}.rw-calendar-transition-exiting.rw-calendar-transition-bottom{-ms-transform:translateY(-100%);transform:translateY(-100%);}.rw-calendar-transition-exiting.rw-calendar-transition-right{-ms-transform:translateX(100%);transform:translateX(100%);}.rw-calendar-transition-exiting.rw-calendar-transition-left{-ms-transform:translateX(-100%);transform:translateX(-100%);}.rw-select-list{overflow:auto;position:relative;}.rw-select-list .rw-list{max-height:none;font-size:1rem;}.rw-select-list-label{display:block;position:relative;font-weight:normal;cursor:inherit;padding-left:1.25rem;margin:0;}.rw-rtl .rw-select-list-label{padding-left:0;padding-right:1.25rem;}input.rw-select-list-input{position:absolute;left:0;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);", ";margin:0;line-height:normal;cursor:inherit;}.rw-rtl input.rw-select-list-input{left:auto;right:0;}.rw-loading-mask{content:'';", ";position:absolute;background-color:#fff;border-radius:0.25rem;opacity:0.7;top:0;left:0;height:100%;width:100%;}.rw-multiselect{cursor:text;}.rw-multiselect .rw-input-reset{height:calc(2.429rem - 0.125rem);", ";border-width:0;width:auto;max-width:100%;padding:0 0.857rem;}.rw-multiselect .rw-select{vertical-align:middle;}.rw-multiselect .rw-select,.rw-multiselect .rw-select:hover,.rw-multiselect .rw-select:active{box-shadow:none;background:none;}.rw-multiselect-taglist{margin:0;padding:0;list-style:none;display:inline-block;vertical-align:0;outline:none;}.rw-multiselect-tag{display:inline-table;color:inherit;padding:0 0.35rem 0 0.35rem;margin-left:calc(0.279335rem - 0.0625rem);margin-top:0.279335rem;margin-top:calc(0.279335rem - 0.0625rem);height:1.87033rem;border-radius:0.1875rem;background-color:#eee;border:0.0625rem solid #ccc;cursor:default;vertical-align:top;text-align:center;overflow:hidden;max-width:100%;}.rw-multiselect-tag > *{display:table-cell;vertical-align:middle;height:100%;}.rw-rtl .rw-multiselect-tag{margin-left:0;margin-right:calc(0.279335rem - 0.0625rem);padding:0 0.35rem 0 0.35rem;}.rw-multiselect-tag.rw-state-focus,.rw-multiselect-tag.rw-state-focus:hover{background-color:transparent;border-color:#66afe9;color:#333;}.rw-multiselect-tag.rw-state-readonly,.rw-multiselect-tag.rw-state-disabled,.rw-state-readonly .rw-multiselect-tag,.rw-state-disabled .rw-multiselect-tag,fieldset[disabled] .rw-multiselect-tag{cursor:not-allowed;}.rw-multiselect-tag.rw-state-disabled,.rw-state-disabled .rw-multiselect-tag,fieldset[disabled] .rw-multiselect-tag{opacity:0.65;}fieldset[disabled] .rw-multiselect-tag{box-shadow:none;cursor:not-allowed;}.rw-multiselect-tag-btn{color:inherit;margin-left:0.25rem;}.rw-rtl .rw-multiselect-tag-btn{margin-left:0;margin-right:0.25rem;}.rw-autocomplete .rw-select{position:absolute;display:block;width:auto;top:0;bottom:0;right:0;}.rw-popup-container{position:absolute;z-index:1005;top:100%;left:-0.375rem;right:-0.375rem;}.rw-popup-container.rw-dropup{top:auto;bottom:100%;}.rw-state-focus .rw-popup-container{z-index:1006;}.rw-popup-transition{width:100%;margin-bottom:0.375rem;padding:0 0.375rem;}.rw-dropup > .rw-popup-transition{margin-bottom:0;margin-top:0.375rem;}.rw-popup{border-top-right-radius:0;border-top-left-radius:0;border-bottom-right-radius:0.1875rem;border-bottom-left-radius:0.1875rem;box-shadow:0 0.3125rem 0.375rem rgba(0,0,0,0.2);border:#ccc 0.0625rem solid;background:#fff;}.rw-dropup .rw-popup{border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:0.1875rem;border-top-left-radius:0.1875rem;box-shadow:0 -0.125rem 0.375rem rgba(0,0,0,0.2);}.rw-popup-transition{transition:transform 200ms;}.rw-popup-transition-entering{overflow:hidden;}.rw-popup-transition-entering .rw-popup-transition{-ms-transform:translateY(0);transform:translateY(0);transition-timing-function:ease-out;}.rw-popup-transition-exiting .rw-popup-transition{transition-timing-function:ease-in;}.rw-popup-transition-exiting,.rw-popup-transition-exited{overflow:hidden;}.rw-popup-transition-exiting .rw-popup-transition,.rw-popup-transition-exited .rw-popup-transition{-ms-transform:translateY(-100%);transform:translateY(-100%);}.rw-popup-transition-exiting.rw-dropup .rw-popup-transition,.rw-popup-transition-exited.rw-dropup .rw-popup-transition{-ms-transform:translateY(100%);transform:translateY(100%);}.rw-popup-transition-exited{display:none;}.rw-state-disabled{box-shadow:none;cursor:not-allowed;}color:", ";font-family:", ";font-size:", ";font-weight:", ";"],
 /* @font-face {
 font-family: "RwWidgets";
@@ -6236,7 +6346,7 @@ ${/* src: url("../fonts/rw-widgets.eot?v=4.1.0");
 src: url("../fonts/rw-widgets.eot?#iefix&v=4.1.0") format("embedded-opentype"),
 url("../fonts/rw-widgets.woff?v=4.1.0") format("woff"),
 url("../fonts/rw-widgets.ttf?v=4.1.0") format("truetype"),
-url("../fonts/rw-widgets.svg?v=4.1.0#fontawesomeregular") format("svg"); */
+  url("../fonts/rw-widgets.svg?v=4.1.0#fontawesomeregular") format("svg"); */
 '',
 /* font-family: RwWidgets; */
 '', function (_ref) {
@@ -6310,7 +6420,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react_widgets_moment__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-widgets-moment */ "./node_modules/react-widgets-moment/index.js");
 /* harmony import */ var react_widgets_moment__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_widgets_moment__WEBPACK_IMPORTED_MODULE_5__);
 /* harmony import */ var _settings_heading__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./settings-heading */ "./src/settings/components/settings-heading.tsx");
-/* harmony import */ var _date_picker_style__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./date-picker-style */ "./src/settings/components/date-picker-style.jsx");
+/* harmony import */ var _date_picker_style__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./date-picker-style */ "./src/settings/components/date-picker-style.tsx");
 /* harmony import */ var _store_i18n__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../store/i18n */ "./src/store/i18n/index.ts");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./utils */ "./src/settings/components/utils.ts");
 
@@ -6324,14 +6434,9 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
- // eslint-disable-next-line import/no-extraneous-dependencies
 
 
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
 
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
 
 
 
@@ -6378,8 +6483,8 @@ var DateTimeSelect = function DateTimeSelect(_ref) {
       timeDisabled = _useState14[0],
       setTimeDisabled = _useState14[1];
 
-  var updatePrefs = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (v, p) {
-    addMod('prefs', p, v);
+  var updatePrefs = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (prefValue, prefKey) {
+    addMod('prefs', prefKey, prefValue);
   }, [addMod]);
   (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {
     if (sendAutoReply) {
@@ -6596,23 +6701,70 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ "./node_modules/core-js/modules/es.array.includes.js");
-/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.string.includes.js */ "./node_modules/core-js/modules/es.string.includes.js");
-/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @zextras/carbonio-design-system */ "./node_modules/@zextras/carbonio-design-system/dist/zapp-ui.bundle.js");
-/* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _boot_theme_provider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../boot/theme-provider */ "./src/boot/theme-provider.tsx");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../constants */ "./src/constants/index.ts");
-/* harmony import */ var _store_i18n__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../store/i18n */ "./src/store/i18n/index.ts");
-/* harmony import */ var _general_settings_sub_sections__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../general-settings-sub-sections */ "./src/settings/general-settings-sub-sections.ts");
+/* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @zextras/carbonio-design-system */ "./node_modules/@zextras/carbonio-design-system/dist/zapp-ui.bundle.js");
+/* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _store_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../store/i18n */ "./src/store/i18n/index.ts");
+/* harmony import */ var _general_settings_sub_sections__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../general-settings-sub-sections */ "./src/settings/general-settings-sub-sections.ts");
+/*
+ * SPDX-FileCopyrightText: 2021 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+
+
+
+
+var AppearanceSettings = function AppearanceSettings(_ref) {
+  var children = _ref.children;
+  var t = (0,_store_i18n__WEBPACK_IMPORTED_MODULE_1__.getT)();
+  var subSection = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    return (0,_general_settings_sub_sections__WEBPACK_IMPORTED_MODULE_2__.appearanceSubSection)(t);
+  }, [t]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_3__.Container, {
+    mainAlignment: "flex-start",
+    crossAlignment: "flex-start",
+    gap: "1rem",
+    padding: 'large',
+    minWidth: "calc(min(100%, 32rem))",
+    width: "50%",
+    height: 'fit',
+    id: subSection.id,
+    background: 'gray6'
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_3__.Text, {
+    weight: 'bold',
+    size: 'medium'
+  }, subSection.label), children);
+};
 
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AppearanceSettings);
 
+/***/ }),
 
+/***/ "./src/settings/components/general-settings/dark-theme-settings-section.tsx":
+/*!**********************************************************************************!*\
+  !*** ./src/settings/components/general-settings/dark-theme-settings-section.tsx ***!
+  \**********************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @zextras/carbonio-design-system */ "./node_modules/@zextras/carbonio-design-system/dist/zapp-ui.bundle.js");
+/* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../types */ "./types/index.d.ts");
+/* harmony import */ var _boot_theme_provider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../boot/theme-provider */ "./src/boot/theme-provider.tsx");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../constants */ "./src/constants/index.ts");
+/* harmony import */ var _store_i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../store/i18n */ "./src/store/i18n/index.ts");
+/* harmony import */ var _custom_hooks_useDarkReaderResultValue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../custom-hooks/useDarkReaderResultValue */ "./src/custom-hooks/useDarkReaderResultValue.ts");
 /*
  * SPDX-FileCopyrightText: 2021 Zextras <https://www.zextras.com>
  *
@@ -6626,23 +6778,17 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-var AppearanceSettings = function AppearanceSettings(_ref) {
-  var settings = _ref.settings,
-      addMod = _ref.addMod;
 
-  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_3__.useContext)(_boot_theme_provider__WEBPACK_IMPORTED_MODULE_4__.ThemeCallbacksContext),
-      setDarkReaderState = _useContext.setDarkReaderState;
+var DarkThemeSettingSection = function DarkThemeSettingSection(_ref) {
+  var addMod = _ref.addMod,
+      removeMod = _ref.removeMod;
 
-  var currentDRMSetting = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(function () {
-    var _find;
+  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(_boot_theme_provider__WEBPACK_IMPORTED_MODULE_3__.ThemeCallbacksContext),
+      setDarkReaderState = _useContext.setDarkReaderState;
 
-    return (_find = (0,lodash__WEBPACK_IMPORTED_MODULE_2__.find)(settings.props, {
-      name: 'zappDarkreaderMode',
-      zimlet: _constants__WEBPACK_IMPORTED_MODULE_5__.SHELL_APP_ID
-    })) === null || _find === void 0 ? void 0 : _find._content;
-  }, [settings]);
-  var t = (0,_store_i18n__WEBPACK_IMPORTED_MODULE_6__.getT)();
-  var items = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(function () {
+  var darkReaderResultValue = (0,_custom_hooks_useDarkReaderResultValue__WEBPACK_IMPORTED_MODULE_6__.useDarkReaderResultValue)();
+  var t = (0,_store_i18n__WEBPACK_IMPORTED_MODULE_5__.getT)();
+  var items = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
     return [{
       label: t('settings.general.theme_auto', 'Auto'),
       value: 'auto'
@@ -6654,38 +6800,37 @@ var AppearanceSettings = function AppearanceSettings(_ref) {
       value: 'disabled'
     }];
   }, [t]);
-  var defaultSelection = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(function () {
-    return (0,lodash__WEBPACK_IMPORTED_MODULE_2__.find)(items, {
-      value: currentDRMSetting
+  var defaultSelection = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
+    return (0,lodash__WEBPACK_IMPORTED_MODULE_0__.find)(items, {
+      value: darkReaderResultValue
     });
-  }, [currentDRMSetting, items]);
-  var onSelectionChange = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)(function (v) {
-    if (_constants__WEBPACK_IMPORTED_MODULE_5__.DR_VALUES.includes(v) && v !== currentDRMSetting) {
-      setDarkReaderState(v);
-      addMod('props', 'zappDarkreaderMode', {
-        app: _constants__WEBPACK_IMPORTED_MODULE_5__.SHELL_APP_ID,
-        value: v
-      });
+  }, [darkReaderResultValue, items]);
+  var onSelectionChange = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (value) {
+    if ((0,_types__WEBPACK_IMPORTED_MODULE_2__.isDarkReaderPropValues)(value)) {
+      setDarkReaderState(value);
+
+      if (value !== darkReaderResultValue) {
+        addMod('props', _constants__WEBPACK_IMPORTED_MODULE_4__.DARK_READER_PROP_KEY, {
+          app: _constants__WEBPACK_IMPORTED_MODULE_4__.SHELL_APP_ID,
+          value: value
+        });
+      } else {
+        removeMod('props', _constants__WEBPACK_IMPORTED_MODULE_4__.DARK_READER_PROP_KEY);
+      }
     }
-  }, [addMod, currentDRMSetting, setDarkReaderState]);
-  var subSection = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(function () {
-    return (0,_general_settings_sub_sections__WEBPACK_IMPORTED_MODULE_7__.themeSubSection)(t);
-  }, [t]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_8__.FormSubSection, {
-    label: subSection.label,
-    minWidth: "calc(min(100%, 32rem))",
-    width: "50%",
-    id: subSection.id
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_8__.Select, {
+  }, [addMod, darkReaderResultValue, removeMod, setDarkReaderState]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_7__.Text, {
+    size: "medium",
+    weight: "bold"
+  }, t('settings.general.theme_options', 'Theme Options')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_7__.Select, {
     items: items,
     selection: defaultSelection,
-    defaultSelection: defaultSelection,
     label: t('settings.general.dark_mode', 'Dark Mode'),
     onChange: onSelectionChange
   }));
 };
 
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AppearanceSettings);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DarkThemeSettingSection);
 
 /***/ }),
 
@@ -6896,15 +7041,10 @@ __webpack_require__.r(__webpack_exports__);
  */
 
 
- // eslint-disable-next-line import/no-extraneous-dependencies
 
 
 
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
 
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
 
 
 
@@ -6953,8 +7093,8 @@ var OutOfOfficeView = function OutOfOfficeView(_ref2) {
       createAppointment = _useState12[0],
       setCreateAppointment = _useState12[1];
 
-  var updatePrefs = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (v, p) {
-    addMod('prefs', p, v);
+  var updatePrefs = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (prefValue, prefKey) {
+    addMod('prefs', prefKey, prefValue);
   }, [addMod]);
   (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
     if (sendAutoReply) {
@@ -7108,6 +7248,287 @@ var OutOfOfficeView = function OutOfOfficeView(_ref2) {
 
 /***/ }),
 
+/***/ "./src/settings/components/general-settings/scaling-setting-section.tsx":
+/*!******************************************************************************!*\
+  !*** ./src/settings/components/general-settings/scaling-setting-section.tsx ***!
+  \******************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "ScalingSettingSection": () => (/* binding */ ScalingSettingSection)
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
+/* harmony import */ var core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.array.find-index.js */ "./node_modules/core-js/modules/es.array.find-index.js");
+/* harmony import */ var core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var core_js_modules_es_array_reduce_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.array.reduce.js */ "./node_modules/core-js/modules/es.array.reduce.js");
+/* harmony import */ var core_js_modules_es_array_reduce_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_reduce_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-i18next */ "./node_modules/react-i18next/dist/es/useTranslation.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @zextras/carbonio-design-system */ "./node_modules/@zextras/carbonio-design-system/dist/zapp-ui.bundle.js");
+/* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! styled-components */ "./node_modules/styled-components/dist/styled-components.browser.esm.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../constants */ "./src/constants/index.ts");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils */ "./src/settings/components/utils.ts");
+
+
+
+
+
+/*
+ * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+
+
+
+
+
+var ScalingSliderContainer = (0,styled_components__WEBPACK_IMPORTED_MODULE_7__["default"])(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_8__.Container).withConfig({
+  displayName: "scaling-setting-section__ScalingSliderContainer",
+  componentId: "sc-15f9iy2-0"
+})(["box-shadow:0px 0px 4px rgba(166,166,166,0.5);border-radius:0.5rem;"]);
+var ExampleContainer = (0,styled_components__WEBPACK_IMPORTED_MODULE_7__["default"])(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_8__.Container).withConfig({
+  displayName: "scaling-setting-section__ExampleContainer",
+  componentId: "sc-15f9iy2-1"
+})(["font-size:", ";"], function (_ref) {
+  var $fontSize = _ref.$fontSize;
+  return $fontSize && "".concat($fontSize, "%");
+});
+var ExampleText = (0,styled_components__WEBPACK_IMPORTED_MODULE_7__["default"])(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_8__.Text).withConfig({
+  displayName: "scaling-setting-section__ExampleText",
+  componentId: "sc-15f9iy2-2"
+})(["font-size:1em;"]);
+var BASE_FONT_OPTION_INDEX = _constants__WEBPACK_IMPORTED_MODULE_5__.SCALING_OPTIONS.findIndex(function (option) {
+  return option.value === _constants__WEBPACK_IMPORTED_MODULE_5__.BASE_FONT_SIZE;
+});
+var AUTOSCALING_FONT_SIZE = (0,_utils__WEBPACK_IMPORTED_MODULE_6__.getAutoScalingFontSize)();
+var AUTOSCALING_FONT_OPTION_INDEX = _constants__WEBPACK_IMPORTED_MODULE_5__.SCALING_OPTIONS.findIndex(function (option) {
+  return option.value === AUTOSCALING_FONT_SIZE;
+});
+var ScalingSettingSection = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().forwardRef(function ScalingSettingSectionFn(_ref2, ref) {
+  var _scalingSettings$sett;
+
+  var scalingSettings = _ref2.scalingSettings,
+      addLocalStoreChange = _ref2.addLocalStoreChange,
+      cleanLocalStoreChange = _ref2.cleanLocalStoreChange;
+
+  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_9__.useTranslation)(),
+      _useTranslation2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_useTranslation, 1),
+      t = _useTranslation2[0];
+
+  var _useMemo = (0,react__WEBPACK_IMPORTED_MODULE_4__.useMemo)(function () {
+    return _constants__WEBPACK_IMPORTED_MODULE_5__.SCALING_OPTIONS.reduce(function (_ref3, option) {
+      var _ref4 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_ref3, 2),
+          values = _ref4[0],
+          labels = _ref4[1];
+
+      values.push(option.value);
+      labels.push(t('settings.appearance.option', {
+        context: option.label
+      }));
+      return [values, labels];
+    }, [[], []]);
+  }, [t]),
+      _useMemo2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_useMemo, 2),
+      scalingOptionValues = _useMemo2[0],
+      scalingOptionLabels = _useMemo2[1];
+
+  var savedOptionIndex = (0,react__WEBPACK_IMPORTED_MODULE_4__.useMemo)(function () {
+    var savedScalingValueSetting = scalingSettings['settings.appearance_setting.scaling'];
+
+    if (savedScalingValueSetting !== undefined) {
+      var optionIndex = scalingOptionValues.findIndex(function (option) {
+        return option === savedScalingValueSetting;
+      });
+
+      if (optionIndex >= 0) {
+        return optionIndex;
+      }
+    }
+
+    return AUTOSCALING_FONT_OPTION_INDEX;
+  }, [scalingOptionValues, scalingSettings]);
+
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_4__.useState)((_scalingSettings$sett = scalingSettings['settings.appearance_setting.auto']) !== null && _scalingSettings$sett !== void 0 ? _scalingSettings$sett : true),
+      _useState2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_useState, 2),
+      autoScaling = _useState2[0],
+      setAutoScaling = _useState2[1];
+
+  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_4__.useState)(savedOptionIndex),
+      _useState4 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_useState3, 2),
+      scalingValue = _useState4[0],
+      setScalingValue = _useState4[1];
+
+  (0,react__WEBPACK_IMPORTED_MODULE_4__.useEffect)(function () {
+    // update input value when setting is updated
+    setScalingValue(savedOptionIndex);
+  }, [savedOptionIndex]);
+  (0,react__WEBPACK_IMPORTED_MODULE_4__.useEffect)(function () {
+    if (scalingOptionValues[scalingValue]) {
+      if (scalingValue !== savedOptionIndex) {
+        addLocalStoreChange('settings.appearance_setting.scaling', scalingOptionValues[scalingValue]);
+      } else {
+        cleanLocalStoreChange('settings.appearance_setting.scaling');
+      }
+    }
+  }, [addLocalStoreChange, cleanLocalStoreChange, savedOptionIndex, scalingOptionValues, scalingSettings, scalingValue]);
+  (0,react__WEBPACK_IMPORTED_MODULE_4__.useEffect)(function () {
+    if (scalingSettings['settings.appearance_setting.auto'] !== undefined && autoScaling !== scalingSettings['settings.appearance_setting.auto'] || scalingSettings['settings.appearance_setting.auto'] === undefined && !autoScaling) {
+      addLocalStoreChange('settings.appearance_setting.auto', autoScaling);
+
+      if (autoScaling) {
+        addLocalStoreChange('settings.appearance_setting.scaling', undefined);
+      }
+    } else {
+      cleanLocalStoreChange('settings.appearance_setting.auto');
+    }
+  }, [addLocalStoreChange, autoScaling, cleanLocalStoreChange, scalingSettings]);
+  var increaseScalingByStep = (0,react__WEBPACK_IMPORTED_MODULE_4__.useCallback)(function () {
+    setScalingValue(function (prevState) {
+      return prevState < _constants__WEBPACK_IMPORTED_MODULE_5__.SCALING_OPTIONS.length - 1 ? prevState + 1 : prevState;
+    });
+  }, []);
+  var decreaseScalingByStep = (0,react__WEBPACK_IMPORTED_MODULE_4__.useCallback)(function () {
+    setScalingValue(function (prevState) {
+      return prevState > 0 ? prevState - 1 : prevState;
+    });
+  }, []);
+  var toggleAutoScaling = (0,react__WEBPACK_IMPORTED_MODULE_4__.useCallback)(function () {
+    setAutoScaling(function (prevState) {
+      return !prevState;
+    });
+    setScalingValue(savedOptionIndex);
+  }, [savedOptionIndex]);
+  var onChangeScalingValue = (0,react__WEBPACK_IMPORTED_MODULE_4__.useCallback)(function (ev, newValueIndex) {
+    setScalingValue(newValueIndex);
+  }, []);
+  (0,react__WEBPACK_IMPORTED_MODULE_4__.useImperativeHandle)(ref, function () {
+    return {
+      reset: function reset() {
+        var _scalingSettings$sett2;
+
+        setScalingValue(savedOptionIndex);
+        setAutoScaling((_scalingSettings$sett2 = scalingSettings['settings.appearance_setting.auto']) !== null && _scalingSettings$sett2 !== void 0 ? _scalingSettings$sett2 : true);
+      }
+    };
+  });
+  var exampleText = (0,react__WEBPACK_IMPORTED_MODULE_4__.useMemo)(function () {
+    return t('settings.appearance.labels.choose_size_pangram', 'The quick brown fox jumps over the lazy dog.');
+  }, [t]);
+  var exampleFontSize = (0,react__WEBPACK_IMPORTED_MODULE_4__.useMemo)(function () {
+    return (// Revert the percentage and then apply the new value to use the browser base font-size and not the html font-size rule
+      // Explanation:
+      // - reverting factor (factor to apply to current font to obtain the browser font size) = unsaved input value / local storage value
+      // - new font size percentage = reverting factor * 100
+      // The resulting value is the percentage to apply to current html font-size to obtain the same calculated value
+      // as if the scalingValue was set in the html.
+      // E.g.: html: 75%, scalingValue: 100 -> 1 rem is 12px (because of the 75%). In the browser the base font is set to 16px.
+      // To make scalingValue 100 equals to 16px, we need to get the reverting factor (100 / 75 = 1.3333).
+      // This is the factor required to have 16 starting from 12 (12*1.3333 ~= 16)
+      // The percentage to apply to the example container is then 1.3333 * 100 = 133.33 (133.33%(75) ~= 100 ~= 16px)
+      (scalingOptionValues[Math.round(scalingValue)] || 100) / scalingOptionValues[savedOptionIndex] * 100
+    );
+  }, [savedOptionIndex, scalingOptionValues, scalingValue]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_8__.Container, {
+    orientation: 'vertical',
+    mainAlignment: 'flex-start',
+    crossAlignment: 'flex-start',
+    gap: '1rem',
+    height: 'fit',
+    width: 'fill'
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_8__.Container, {
+    orientation: 'vertical',
+    gap: '1rem',
+    height: 'fit',
+    width: 'fit',
+    mainAlignment: 'flex-start',
+    crossAlignment: 'flex-start',
+    maxWidth: '100%'
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_8__.Text, {
+    size: "small",
+    overflow: 'break-word'
+  }, t('settings.appearance.labels.choose_size_description', 'Choose Type Size and Styles for Carbonio Environment')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(ScalingSliderContainer, {
+    orientation: "horizontal",
+    width: "fill",
+    height: "auto",
+    padding: {
+      vertical: 'small',
+      horizontal: 'large'
+    },
+    gap: '0.5rem',
+    flexGrow: 1
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_8__.Tooltip, {
+    label: t('settings.appearance.labels.decrease', 'Decrease', {
+      context: scalingValue === 0 ? 'disabled' : ''
+    })
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_8__.Container, {
+    width: "fit",
+    height: "fit",
+    minWidth: 'fit-content'
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_8__.Button, {
+    disabled: autoScaling || scalingValue === 0,
+    label: t('settings.appearance.labels.a', 'A'),
+    type: 'ghost',
+    size: 'extrasmall',
+    color: 'text',
+    onClick: decreaseScalingByStep,
+    minWidth: 'fit-content'
+  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_8__.Slider, {
+    disabled: autoScaling,
+    options: scalingOptionLabels,
+    onChange: onChangeScalingValue,
+    value: autoScaling && BASE_FONT_OPTION_INDEX >= 0 ? BASE_FONT_OPTION_INDEX : scalingValue
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_8__.Tooltip, {
+    label: t('settings.appearance.labels.increase', 'Increase', {
+      context: scalingValue === _constants__WEBPACK_IMPORTED_MODULE_5__.SCALING_OPTIONS.length - 1 ? 'disabled' : ''
+    })
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_8__.Container, {
+    width: "fit",
+    height: "fit",
+    minWidth: 'fit-content'
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_8__.Button, {
+    disabled: autoScaling || scalingValue === _constants__WEBPACK_IMPORTED_MODULE_5__.SCALING_OPTIONS.length - 1,
+    label: t('settings.appearance.labels.a', 'A'),
+    type: 'ghost',
+    size: 'extralarge',
+    onClick: increaseScalingByStep,
+    color: 'text',
+    minWidth: 'fit-content'
+  })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_8__.Checkbox, {
+    value: autoScaling,
+    onClick: toggleAutoScaling,
+    label: t('settings.appearance.labels.choose_size_auto', 'Automatically resize the text size depending on the device'),
+    size: 'small'
+  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(ExampleContainer, {
+    background: 'gray5',
+    padding: 'large',
+    gap: '0.5rem',
+    orientation: 'vertical',
+    mainAlignment: 'flex-start',
+    crossAlignment: 'flex-start',
+    width: 'fill',
+    $fontSize: exampleFontSize
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(ExampleText, {
+    weight: 'light',
+    overflow: 'break-word'
+  }, exampleText), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(ExampleText, {
+    weight: 'regular',
+    overflow: 'break-word'
+  }, exampleText), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(ExampleText, {
+    weight: 'bold',
+    overflow: 'break-word'
+  }, exampleText)));
+});
+
+/***/ }),
+
 /***/ "./src/settings/components/general-settings/user-quota.tsx":
 /*!*****************************************************************!*\
   !*** ./src/settings/components/general-settings/user-quota.tsx ***!
@@ -7419,33 +7840,38 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "startOfDate": () => (/* binding */ startOfDate),
 /* harmony export */   "endOfDate": () => (/* binding */ endOfDate),
 /* harmony export */   "localeList": () => (/* binding */ localeList),
-/* harmony export */   "timeZoneList": () => (/* binding */ timeZoneList)
+/* harmony export */   "timeZoneList": () => (/* binding */ timeZoneList),
+/* harmony export */   "getAutoScalingFontSize": () => (/* binding */ getAutoScalingFontSize)
 /* harmony export */ });
 /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js");
 /* harmony import */ var core_js_modules_es_date_to_string_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.date.to-string.js */ "./node_modules/core-js/modules/es.date.to-string.js");
 /* harmony import */ var core_js_modules_es_date_to_string_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_date_to_string_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
-/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
-/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
-/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptor.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js");
-/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var core_js_modules_es_array_for_each_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.array.for-each.js */ "./node_modules/core-js/modules/es.array.for-each.js");
-/* harmony import */ var core_js_modules_es_array_for_each_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_for_each_js__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptors.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptors.js");
-/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var core_js_modules_es_object_define_properties_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.object.define-properties.js */ "./node_modules/core-js/modules/es.object.define-properties.js");
-/* harmony import */ var core_js_modules_es_object_define_properties_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_define_properties_js__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/es.object.define-property.js */ "./node_modules/core-js/modules/es.object.define-property.js");
-/* harmony import */ var core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! moment */ "./node_modules/moment/moment.js");
-/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.array.find-index.js */ "./node_modules/core-js/modules/es.array.find-index.js");
+/* harmony import */ var core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptor.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js");
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var core_js_modules_es_array_for_each_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.array.for-each.js */ "./node_modules/core-js/modules/es.array.for-each.js");
+/* harmony import */ var core_js_modules_es_array_for_each_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_for_each_js__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptors.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptors.js");
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var core_js_modules_es_object_define_properties_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/es.object.define-properties.js */ "./node_modules/core-js/modules/es.object.define-properties.js");
+/* harmony import */ var core_js_modules_es_object_define_properties_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_define_properties_js__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! core-js/modules/es.object.define-property.js */ "./node_modules/core-js/modules/es.object.define-property.js");
+/* harmony import */ var core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! moment */ "./node_modules/moment/moment.js");
+/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../constants */ "./src/constants/index.ts");
+
 
 
 
@@ -7469,6 +7895,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
+
 var ItemsSendAutoReplies = function ItemsSendAutoReplies(t) {
   return [{
     label: t('settings.out_of_office.send_auto_replies', 'Send auto-replies'),
@@ -7531,16 +7958,16 @@ var getOutOfOfficeStatusPrefsData = function getOutOfOfficeStatusPrefsData(setti
   return item;
 };
 var changeDateEvent = function changeDateEvent(date) {
-  return moment__WEBPACK_IMPORTED_MODULE_12___default()(moment__WEBPACK_IMPORTED_MODULE_12___default()(date, 'YYYYMMDDHHmmss[Z]').utc()).format('YYYYMMDDHHmmss[Z]');
+  return moment__WEBPACK_IMPORTED_MODULE_13___default()(moment__WEBPACK_IMPORTED_MODULE_13___default()(date, 'YYYYMMDDHHmmss[Z]').utc()).format('YYYYMMDDHHmmss[Z]');
 };
 var getDateEvent = function getDateEvent(date) {
-  return new Date(moment__WEBPACK_IMPORTED_MODULE_12___default().utc(date, 'YYYYMMDDHHmmss[Z]').local().valueOf());
+  return new Date(moment__WEBPACK_IMPORTED_MODULE_13___default().utc(date, 'YYYYMMDDHHmmss[Z]').local().valueOf());
 };
 var startOfDate = function startOfDate(date) {
-  return moment__WEBPACK_IMPORTED_MODULE_12___default().utc(date, 'YYYYMMDDHHmmss[Z]').local().startOf('day').utc().format('YYYYMMDDHHmmss[Z]');
+  return moment__WEBPACK_IMPORTED_MODULE_13___default().utc(date, 'YYYYMMDDHHmmss[Z]').local().startOf('day').utc().format('YYYYMMDDHHmmss[Z]');
 };
 var endOfDate = function endOfDate(date) {
-  return moment__WEBPACK_IMPORTED_MODULE_12___default().utc(date, 'YYYYMMDDHHmmss[Z]').local().endOf('day').utc().format('YYYYMMDDHHmmss[Z]');
+  return moment__WEBPACK_IMPORTED_MODULE_13___default().utc(date, 'YYYYMMDDHHmmss[Z]').local().endOf('day').utc().format('YYYYMMDDHHmmss[Z]');
 };
 var localeList = function localeList(t) {
   return [{
@@ -8721,6 +9148,19 @@ var timeZoneList = function timeZoneList(t) {
     })
   }];
 };
+var getAutoScalingFontSize = function getAutoScalingFontSize() {
+  if (window.screen.width <= _constants__WEBPACK_IMPORTED_MODULE_14__.SCALING_LIMIT.WIDTH && window.screen.height <= _constants__WEBPACK_IMPORTED_MODULE_14__.SCALING_LIMIT.HEIGHT && window.devicePixelRatio >= _constants__WEBPACK_IMPORTED_MODULE_14__.SCALING_LIMIT.DPR) {
+    var baseFontIndex = _constants__WEBPACK_IMPORTED_MODULE_14__.SCALING_OPTIONS.findIndex(function (option) {
+      return option.value === _constants__WEBPACK_IMPORTED_MODULE_14__.BASE_FONT_SIZE;
+    });
+
+    if (baseFontIndex > 0) {
+      return _constants__WEBPACK_IMPORTED_MODULE_14__.SCALING_OPTIONS[baseFontIndex - 1].value;
+    }
+  }
+
+  return _constants__WEBPACK_IMPORTED_MODULE_14__.BASE_FONT_SIZE;
+};
 
 /***/ }),
 
@@ -8733,7 +9173,7 @@ var timeZoneList = function timeZoneList(t) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "themeSubSection": () => (/* binding */ themeSubSection),
+/* harmony export */   "appearanceSubSection": () => (/* binding */ appearanceSubSection),
 /* harmony export */   "timezoneAndLanguageSubSection": () => (/* binding */ timezoneAndLanguageSubSection),
 /* harmony export */   "outOfOfficeSubSection": () => (/* binding */ outOfOfficeSubSection),
 /* harmony export */   "searchPrefsSubSection": () => (/* binding */ searchPrefsSubSection),
@@ -8747,10 +9187,10 @@ __webpack_require__.r(__webpack_exports__);
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-var themeSubSection = function themeSubSection(t) {
+var appearanceSubSection = function appearanceSubSection(t) {
   return {
-    label: t('settings.general.theme_options', 'Theme Options'),
-    id: 'theme_options'
+    label: t('settings.general.appearance', 'Appearance'),
+    id: 'appearance'
   };
 };
 var timezoneAndLanguageSubSection = function timezoneAndLanguageSubSection(t) {
@@ -8790,7 +9230,7 @@ var accountSubSection = function accountSubSection(t) {
   };
 };
 var settingsSubSections = function settingsSubSections(t) {
-  return [themeSubSection(t), timezoneAndLanguageSubSection(t), outOfOfficeSubSection(t), searchPrefsSubSection(t), versionsSubSection(t), quotaSubSection(t), accountSubSection(t)];
+  return [appearanceSubSection(t), timezoneAndLanguageSubSection(t), outOfOfficeSubSection(t), searchPrefsSubSection(t), versionsSubSection(t), quotaSubSection(t), accountSubSection(t)];
 };
 
 /***/ }),
@@ -8828,8 +9268,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
 /* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
 /* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! @zextras/carbonio-design-system */ "./node_modules/@zextras/carbonio-design-system/dist/zapp-ui.bundle.js");
-/* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_25___default = /*#__PURE__*/__webpack_require__.n(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_25__);
+/* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! @zextras/carbonio-design-system */ "./node_modules/@zextras/carbonio-design-system/dist/zapp-ui.bundle.js");
+/* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_29___default = /*#__PURE__*/__webpack_require__.n(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_29__);
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_12__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
@@ -8845,6 +9285,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_settings_header__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./components/settings-header */ "./src/settings/components/settings-header.tsx");
 /* harmony import */ var _language_and_timezone_settings__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./language-and-timezone-settings */ "./src/settings/language-and-timezone-settings.tsx");
 /* harmony import */ var _search_settings_view__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./search-settings-view */ "./src/settings/search-settings-view.tsx");
+/* harmony import */ var _shell_hooks__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../shell/hooks */ "./src/shell/hooks.ts");
+/* harmony import */ var _components_general_settings_scaling_setting_section__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./components/general-settings/scaling-setting-section */ "./src/settings/components/general-settings/scaling-setting-section.tsx");
+/* harmony import */ var _components_general_settings_dark_theme_settings_section__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./components/general-settings/dark-theme-settings-section */ "./src/settings/components/general-settings/dark-theme-settings-section.tsx");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../constants */ "./src/constants/index.ts");
 
 
 
@@ -8882,6 +9326,10 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 
+
+
+
+
 var GeneralSettings = function GeneralSettings() {
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_13__.useState)({}),
       _useState2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_10__["default"])(_useState, 2),
@@ -8889,51 +9337,117 @@ var GeneralSettings = function GeneralSettings() {
       setMods = _useState2[1];
 
   var t = (0,_store_i18n__WEBPACK_IMPORTED_MODULE_16__.getT)();
-  var settings = (0,_store_account__WEBPACK_IMPORTED_MODULE_15__.useUserSettings)();
+  var userSettings = (0,_store_account__WEBPACK_IMPORTED_MODULE_15__.useUserSettings)();
 
-  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_13__.useState)(false),
+  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_13__.useState)({}),
       _useState4 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_10__["default"])(_useState3, 2),
-      open = _useState4[0],
-      setOpen = _useState4[1];
+      localStorageUnAppliedChanges = _useState4[0],
+      setLocalStorageUnAppliedChanges = _useState4[1];
+
+  var _useLocalStorage = (0,_shell_hooks__WEBPACK_IMPORTED_MODULE_25__.useLocalStorage)(_constants__WEBPACK_IMPORTED_MODULE_28__.LOCAL_STORAGE_SETTINGS_KEY, {}),
+      _useLocalStorage2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_10__["default"])(_useLocalStorage, 2),
+      localStorageSettings = _useLocalStorage2[0],
+      setLocalStorageSettings = _useLocalStorage2[1];
+
+  var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_13__.useState)(false),
+      _useState6 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_10__["default"])(_useState5, 2),
+      open = _useState6[0],
+      setOpen = _useState6[1];
+
+  var addLocalStoreChange = (0,react__WEBPACK_IMPORTED_MODULE_13__.useCallback)(function (key, value) {
+    setLocalStorageUnAppliedChanges(function (prevState) {
+      return _objectSpread(_objectSpread({}, prevState), {}, (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_9__["default"])({}, key, value));
+    });
+  }, []);
+  var cleanLocalStoreChange = (0,react__WEBPACK_IMPORTED_MODULE_13__.useCallback)(function (key) {
+    setLocalStorageUnAppliedChanges(function (prevState) {
+      var nextState = _objectSpread({}, prevState);
 
+      delete nextState[key];
+      return nextState;
+    });
+  }, []);
   var addMod = (0,react__WEBPACK_IMPORTED_MODULE_13__.useCallback)(function (type, key, value) {
-    setMods(function (m) {
-      return _objectSpread(_objectSpread({}, m), {}, (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_9__["default"])({}, type, _objectSpread(_objectSpread({}, m === null || m === void 0 ? void 0 : m[type]), {}, (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_9__["default"])({}, key, value))));
+    setMods(function (prevState) {
+      return _objectSpread(_objectSpread({}, prevState), {}, (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_9__["default"])({}, type, _objectSpread(_objectSpread({}, prevState === null || prevState === void 0 ? void 0 : prevState[type]), {}, (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_9__["default"])({}, key, value))));
+    });
+  }, []);
+  var removeMod = (0,react__WEBPACK_IMPORTED_MODULE_13__.useCallback)(function (type, key) {
+    setMods(function (prevState) {
+      var prevType = prevState[type];
+
+      if (prevType && prevType[key] !== undefined) {
+        var nextState = _objectSpread(_objectSpread({}, prevState), {}, (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_9__["default"])({}, type, _objectSpread({}, prevState[type])));
+
+        var nextType = nextState[type];
+
+        if (nextType && nextType[key] !== undefined) {
+          delete nextType[key];
+        }
+
+        if ((0,lodash__WEBPACK_IMPORTED_MODULE_12__.size)(nextState[type]) === 0) {
+          delete nextState[type];
+        }
+
+        return nextState;
+      }
+
+      return prevState;
     });
   }, []);
-  var createSnackbar = (0,_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_25__.useSnackbar)();
+  var createSnackbar = (0,_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_29__.useSnackbar)();
   var onSave = (0,react__WEBPACK_IMPORTED_MODULE_13__.useCallback)(function () {
-    (0,_network_edit_settings__WEBPACK_IMPORTED_MODULE_14__.editSettings)(mods).then(function () {
-      if (mods.prefs && (0,lodash__WEBPACK_IMPORTED_MODULE_12__.includes)(Object.keys(mods.prefs), 'zimbraPrefLocale')) {
-        setOpen(true);
+    setLocalStorageUnAppliedChanges(function (unAppliedPrevState) {
+      if ((0,lodash__WEBPACK_IMPORTED_MODULE_12__.size)(unAppliedPrevState) > 0) {
+        setLocalStorageSettings(function (localStorageSettingsPrevState) {
+          return _objectSpread(_objectSpread({}, localStorageSettingsPrevState), unAppliedPrevState);
+        });
+        return {};
       }
 
-      createSnackbar({
-        key: "new",
-        replace: true,
-        type: 'info',
-        label: t('message.snackbar.settings_saved', 'Edits saved correctly'),
-        autoHideTimeout: 3000,
-        hideButton: true
-      });
-    })["catch"](function () {
-      createSnackbar({
-        key: "new",
-        replace: true,
-        type: 'error',
-        label: t('snackbar.error', 'Something went wrong, please try again'),
-        autoHideTimeout: 3000,
-        hideButton: true
-      });
+      return unAppliedPrevState;
     });
-    setMods({});
-  }, [createSnackbar, mods, t]);
+
+    if ((0,lodash__WEBPACK_IMPORTED_MODULE_12__.size)(mods) > 0) {
+      (0,_network_edit_settings__WEBPACK_IMPORTED_MODULE_14__.editSettings)(mods).then(function () {
+        if (mods.prefs && (0,lodash__WEBPACK_IMPORTED_MODULE_12__.includes)(Object.keys(mods.prefs), 'zimbraPrefLocale')) {
+          setOpen(true);
+        }
+
+        createSnackbar({
+          key: "new",
+          replace: true,
+          type: 'info',
+          label: t('message.snackbar.settings_saved', 'Edits saved correctly'),
+          autoHideTimeout: 3000,
+          hideButton: true
+        });
+      })["catch"](function () {
+        createSnackbar({
+          key: "new",
+          replace: true,
+          type: 'error',
+          label: t('snackbar.error', 'Something went wrong, please try again'),
+          autoHideTimeout: 3000,
+          hideButton: true
+        });
+      });
+      setMods({});
+    }
+  }, [mods, setLocalStorageSettings, createSnackbar, t]);
+  var scalingSettingSectionRef = (0,react__WEBPACK_IMPORTED_MODULE_13__.useRef)(null);
   var onCancel = (0,react__WEBPACK_IMPORTED_MODULE_13__.useCallback)(function () {
     setMods({});
-  }, []);
+
+    if ((0,lodash__WEBPACK_IMPORTED_MODULE_12__.size)(localStorageUnAppliedChanges) > 0) {
+      var _scalingSettingSectio;
+
+      (_scalingSettingSectio = scalingSettingSectionRef.current) === null || _scalingSettingSectio === void 0 ? void 0 : _scalingSettingSectio.reset();
+    }
+  }, [localStorageUnAppliedChanges]);
   var isDirty = (0,react__WEBPACK_IMPORTED_MODULE_13__.useMemo)(function () {
-    return !(0,lodash__WEBPACK_IMPORTED_MODULE_12__.isEmpty)(mods);
-  }, [mods]);
+    return !(0,lodash__WEBPACK_IMPORTED_MODULE_12__.isEmpty)(mods) || !(0,lodash__WEBPACK_IMPORTED_MODULE_12__.isEmpty)(localStorageUnAppliedChanges);
+  }, [mods, localStorageUnAppliedChanges]);
   var title = (0,react__WEBPACK_IMPORTED_MODULE_13__.useMemo)(function () {
     return t('settings.general.general', 'General Settings');
   }, [t]);
@@ -8942,28 +9456,35 @@ var GeneralSettings = function GeneralSettings() {
     onCancel: onCancel,
     onSave: onSave,
     isDirty: isDirty
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_25__.Container, {
-    background: "gray5",
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_29__.Container, {
+    background: 'gray5',
     mainAlignment: "flex-start",
+    crossAlignment: 'flex-start',
+    gap: "0.5rem",
     padding: {
       all: 'medium'
     },
     style: {
       overflow: 'auto'
     }
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default().createElement(_components_general_settings_appearance_settings__WEBPACK_IMPORTED_MODULE_17__["default"], {
-    settings: settings,
-    addMod: addMod
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default().createElement(_language_and_timezone_settings__WEBPACK_IMPORTED_MODULE_23__["default"], {
-    settings: settings,
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default().createElement(_components_general_settings_appearance_settings__WEBPACK_IMPORTED_MODULE_17__["default"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default().createElement(_components_general_settings_scaling_setting_section__WEBPACK_IMPORTED_MODULE_26__.ScalingSettingSection, {
+    ref: scalingSettingSectionRef,
+    scalingSettings: localStorageSettings,
+    addLocalStoreChange: addLocalStoreChange,
+    cleanLocalStoreChange: cleanLocalStoreChange
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default().createElement(_components_general_settings_dark_theme_settings_section__WEBPACK_IMPORTED_MODULE_27__["default"], {
+    addMod: addMod,
+    removeMod: removeMod
+  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default().createElement(_language_and_timezone_settings__WEBPACK_IMPORTED_MODULE_23__["default"], {
+    settings: userSettings,
     addMod: addMod,
     open: open,
     setOpen: setOpen
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default().createElement(_components_general_settings_out_of_office_view__WEBPACK_IMPORTED_MODULE_20__["default"], {
-    settings: settings,
+    settings: userSettings,
     addMod: addMod
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default().createElement(_search_settings_view__WEBPACK_IMPORTED_MODULE_24__["default"], {
-    settings: settings,
+    settings: userSettings,
     addMod: addMod
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default().createElement(_components_general_settings_module_version_settings__WEBPACK_IMPORTED_MODULE_19__["default"], null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default().createElement(_components_general_settings_user_quota__WEBPACK_IMPORTED_MODULE_21__["default"], {
     mobileView: false
@@ -9006,7 +9527,6 @@ __webpack_require__.r(__webpack_exports__);
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
- // eslint-disable-next-line import/no-extraneous-dependencies
 
 
 
@@ -9030,8 +9550,8 @@ var LanguageAndTimeZone = function LanguageAndTimeZone(_ref) {
   var sectionTitle = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
     return (0,_general_settings_sub_sections__WEBPACK_IMPORTED_MODULE_6__.timezoneAndLanguageSubSection)(t);
   }, [t]);
-  var updatePrefs = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (v, p) {
-    addMod('prefs', p, v);
+  var updatePrefs = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (prefValue, prefKey) {
+    addMod('prefs', prefKey, prefValue);
   }, [addMod]);
   var defaultLocale = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
     var _ref2;
@@ -9160,9 +9680,8 @@ var SearchSettingsView = function SearchSettingsView(_ref) {
       searchInSharedFolder = _useState6[0],
       setSearchInSharedFolder = _useState6[1];
 
-  var setMode = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (v, p) {
-    var value = v ? 'TRUE' : 'FALSE';
-    addMod('prefs', p, value);
+  var setMode = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (prefValue, prefKey) {
+    addMod('prefs', prefKey, prefValue);
   }, [addMod]);
   (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
     setSearchInSpamFolder(settings.prefs.zimbraPrefIncludeSpamInSearch === 'TRUE');
@@ -9652,6 +10171,7 @@ var BoardContainer = function BoardContainer() {
     expanded: expanded,
     minimized: minimized
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Board, {
+    "data-testid": "NewItemContainer",
     background: "gray6",
     crossAlignment: "unset",
     expanded: expanded
@@ -10260,6 +10780,7 @@ var CreationButtonComponent = function CreationButtonComponent(_ref) {
   return primaryAction ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_21___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_27__.Container, {
     minWidth: "80px"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_21___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_27__.MultiButton, {
+    "data-testid": "NewItemButton",
     size: "extralarge",
     background: "primary",
     label: (_primaryAction$label = primaryAction === null || primaryAction === void 0 ? void 0 : primaryAction.label) !== null && _primaryAction$label !== void 0 ? _primaryAction$label : t('new', 'New'),
@@ -10272,6 +10793,7 @@ var CreationButtonComponent = function CreationButtonComponent(_ref) {
     onClose: onClose,
     onOpen: onOpen
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_21___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_27__.Button, {
+    "data-testid": "NewItemButton",
     size: "extralarge",
     backgroundColor: "primary",
     label: t('new', 'New'),
@@ -10328,10 +10850,6 @@ __webpack_require__.r(__webpack_exports__);
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-/* eslint-disable react-hooks/rules-of-hooks */
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
-
 
 function useIsMobile() {
   var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(_shell_context__WEBPACK_IMPORTED_MODULE_2__["default"]),
@@ -10340,7 +10858,7 @@ function useIsMobile() {
   return isMobile;
 }
 function useLocalStorage(key, initialValue) {
-  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(function () {
+  var readValue = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function () {
     try {
       var item = window.localStorage.getItem(key);
       return item ? JSON.parse(item) : initialValue;
@@ -10348,7 +10866,9 @@ function useLocalStorage(key, initialValue) {
       console.error(error);
       return initialValue;
     }
-  }),
+  }, [initialValue, key]);
+
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(readValue()),
       _useState2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_useState, 2),
       storedValue = _useState2[0],
       setStoredValue = _useState2[1];
@@ -10358,11 +10878,21 @@ function useLocalStorage(key, initialValue) {
       var valueToStore = value instanceof Function ? value(storedValue) : value;
       setStoredValue(valueToStore);
       localStorage.setItem(key, JSON.stringify(valueToStore));
+      window.dispatchEvent(new Event('storage'));
     } catch (error) {
       console.error(error);
     }
   };
 
+  var updateValue = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function () {
+    setStoredValue(readValue());
+  }, [readValue]);
+  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
+    window.addEventListener('storage', updateValue);
+    return function () {
+      window.removeEventListener('storage', updateValue);
+    };
+  }, [readValue, updateValue]);
   return [storedValue, setValue];
 }
 
@@ -10447,18 +10977,24 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.regexp.exec.js */ "./node_modules/core-js/modules/es.regexp.exec.js");
-/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.string.search.js */ "./node_modules/core-js/modules/es.string.search.js");
-/* harmony import */ var core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @zextras/carbonio-design-system */ "./node_modules/@zextras/carbonio-design-system/dist/zapp-ui.bundle.js");
-/* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var _svg_carbonio_svg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../svg/carbonio.svg */ "./src/svg/carbonio.svg");
-/* harmony import */ var _search_search_bar__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../search/search-bar */ "./src/search/search-bar.tsx");
-/* harmony import */ var _creation_button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./creation-button */ "./src/shell/creation-button.tsx");
-/* harmony import */ var _store_app__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../store/app */ "./src/store/app/index.ts");
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.regexp.exec.js */ "./node_modules/core-js/modules/es.regexp.exec.js");
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.string.search.js */ "./node_modules/core-js/modules/es.string.search.js");
+/* harmony import */ var core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @zextras/carbonio-design-system */ "./node_modules/@zextras/carbonio-design-system/dist/zapp-ui.bundle.js");
+/* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! styled-components */ "./node_modules/styled-components/dist/styled-components.browser.esm.js");
+/* harmony import */ var _svg_carbonio_svg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../svg/carbonio.svg */ "./src/svg/carbonio.svg");
+/* harmony import */ var _search_search_bar__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../search/search-bar */ "./src/search/search-bar.tsx");
+/* harmony import */ var _creation_button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./creation-button */ "./src/shell/creation-button.tsx");
+/* harmony import */ var _store_app__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../store/app */ "./src/store/app/index.ts");
+/* harmony import */ var _store_login_store__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../store/login/store */ "./src/store/login/store.ts");
+/* harmony import */ var _custom_hooks_useDarkReaderResultValue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../custom-hooks/useDarkReaderResultValue */ "./src/custom-hooks/useDarkReaderResultValue.ts");
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../utils/utils */ "./src/utils/utils.ts");
+
 
 
 
@@ -10474,15 +11010,58 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
+
+
+var CustomImg = styled_components__WEBPACK_IMPORTED_MODULE_11__["default"].img.withConfig({
+  displayName: "shell-header__CustomImg",
+  componentId: "sc-1yz2cfr-0"
+})(["height:2rem;"]);
+
 var ShellHeader = function ShellHeader(_ref) {
   var mobileNavIsOpen = _ref.mobileNavIsOpen,
       onMobileMenuClick = _ref.onMobileMenuClick,
       children = _ref.children;
-  var screenMode = (0,_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_7__.useScreenMode)();
-  var searchEnabled = (0,_store_app__WEBPACK_IMPORTED_MODULE_6__.useAppStore)(function (s) {
+
+  var _useLoginConfigStore = (0,_store_login_store__WEBPACK_IMPORTED_MODULE_8__.useLoginConfigStore)(),
+      carbonioWebUiAppLogo = _useLoginConfigStore.carbonioWebUiAppLogo,
+      carbonioWebUiDarkAppLogo = _useLoginConfigStore.carbonioWebUiDarkAppLogo;
+
+  var darkReaderResultValue = (0,_custom_hooks_useDarkReaderResultValue__WEBPACK_IMPORTED_MODULE_9__.useDarkReaderResultValue)();
+
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(false),
+      _useState2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_useState, 2),
+      darkModeEnabled = _useState2[0],
+      setDarkModeEnabled = _useState2[1];
+
+  (0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(function () {
+    if (darkReaderResultValue) {
+      setDarkModeEnabled(darkReaderResultValue === 'auto' && (0,_utils_utils__WEBPACK_IMPORTED_MODULE_10__.getPrefersColorSchemeDarkMedia)().matches || darkReaderResultValue === 'enabled');
+    }
+  }, [darkReaderResultValue]);
+  (0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(function () {
+    var setCallback = function setCallback(event) {
+      setDarkModeEnabled(event.matches);
+    };
+
+    (0,_utils_utils__WEBPACK_IMPORTED_MODULE_10__.getPrefersColorSchemeDarkMedia)().addEventListener('change', setCallback);
+    return function () {
+      (0,_utils_utils__WEBPACK_IMPORTED_MODULE_10__.getPrefersColorSchemeDarkMedia)().removeEventListener('change', setCallback);
+    };
+  }, []);
+  var logoSrc = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(function () {
+    if (darkModeEnabled) {
+      return carbonioWebUiDarkAppLogo || carbonioWebUiAppLogo;
+    }
+
+    return carbonioWebUiAppLogo || carbonioWebUiDarkAppLogo;
+  }, [carbonioWebUiDarkAppLogo, carbonioWebUiAppLogo, darkModeEnabled]);
+  var screenMode = (0,_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_12__.useScreenMode)();
+  var searchEnabled = (0,_store_app__WEBPACK_IMPORTED_MODULE_7__.useAppStore)(function (s) {
     return s.views.search.length > 0;
   });
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_7__.Container, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_12__.Container, {
+    "data-testid": "MainHeaderContainer",
     orientation: "horizontal",
     background: "gray3",
     width: "fill",
@@ -10494,37 +11073,40 @@ var ShellHeader = function ShellHeader(_ref) {
       horizontal: screenMode === 'desktop' ? 'large' : 'extrasmall',
       vertical: 'small'
     }
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_7__.Catcher, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_7__.Container, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_12__.Catcher, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_12__.Container, {
     orientation: "horizontal",
     maxWidth: "75%",
     mainAlignment: "flex-start",
-    minWidth: "fit-content"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_7__.Responsive, {
+    minWidth: "fit-content",
+    "data-testid": "HeaderMainLogoContainer"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_12__.Responsive, {
     mode: "mobile"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_7__.Padding, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_12__.Padding, {
     right: "small"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_7__.IconButton, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_12__.IconButton, {
     icon: mobileNavIsOpen ? 'Close' : 'Menu',
     onClick: onMobileMenuClick
-  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_7__.Container, {
+  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_12__.Container, {
     width: "15.625rem",
     height: "2rem",
     crossAlignment: "flex-start"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_svg_carbonio_svg__WEBPACK_IMPORTED_MODULE_3__["default"], {
+  }, darkReaderResultValue && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement((react__WEBPACK_IMPORTED_MODULE_3___default().Fragment), null, logoSrc ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(CustomImg, {
+    src: logoSrc
+  }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_svg_carbonio_svg__WEBPACK_IMPORTED_MODULE_4__["default"], {
     height: "2rem"
-  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_7__.Padding, {
+  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_12__.Padding, {
     horizontal: "large"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_creation_button__WEBPACK_IMPORTED_MODULE_5__.CreationButton, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_7__.Responsive, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_creation_button__WEBPACK_IMPORTED_MODULE_6__.CreationButton, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_12__.Responsive, {
     mode: "desktop"
-  }, searchEnabled && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_search_search_bar__WEBPACK_IMPORTED_MODULE_4__.SearchBar, null))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_7__.Container, {
+  }, searchEnabled && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_search_search_bar__WEBPACK_IMPORTED_MODULE_5__.SearchBar, null))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_12__.Container, {
     orientation: "horizontal",
     width: "auto",
     mainAlignment: "flex-end"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_7__.Responsive, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_12__.Responsive, {
     mode: "desktop"
-  }, children), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_7__.Responsive, {
+  }, children), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_12__.Responsive, {
     mode: "mobile"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_7__.Container, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_12__.Container, {
     orientation: "horizontal",
     mainAlignment: "flex-end",
     padding: {
@@ -10935,7 +11517,8 @@ var ShellPrimaryBarComponent = function ShellPrimaryBarComponent(_ref4) {
     background: "gray6",
     orientation: "vertical",
     mainAlignment: "flex-start",
-    crossAlignment: "flex-start"
+    crossAlignment: "flex-start",
+    "data-testid": "SideMenuContainer"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_27__.Row, {
     mainAlignment: "flex-start",
     crossAlignment: "flex-start",
@@ -11003,20 +11586,20 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
 /* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! styled-components */ "./node_modules/styled-components/dist/styled-components.browser.esm.js");
-/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/esm/react-router.js");
 /* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @zextras/carbonio-design-system */ "./node_modules/@zextras/carbonio-design-system/dist/zapp-ui.bundle.js");
 /* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/esm/react-router.js");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! styled-components */ "./node_modules/styled-components/dist/styled-components.browser.esm.js");
 /* harmony import */ var _boot_app_app_context_provider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../boot/app/app-context-provider */ "./src/boot/app/app-context-provider.tsx");
-/* harmony import */ var _collapser__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./collapser */ "./src/shell/collapser.tsx");
+/* harmony import */ var _history_hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../history/hooks */ "./src/history/hooks.ts");
 /* harmony import */ var _store_app__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../store/app */ "./src/store/app/index.ts");
 /* harmony import */ var _utility_bar__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utility-bar */ "./src/utility-bar/index.ts");
 /* harmony import */ var _utility_bar_utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utility-bar/utils */ "./src/utility-bar/utils.ts");
-/* harmony import */ var _history_hooks__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../history/hooks */ "./src/history/hooks.ts");
+/* harmony import */ var _collapser__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./collapser */ "./src/shell/collapser.tsx");
 
 
 /*
@@ -11051,7 +11634,7 @@ var ShellSecondaryBarComponent = function ShellSecondaryBarComponent(_ref2) {
   var setIsOpen = (0,_utility_bar__WEBPACK_IMPORTED_MODULE_6__.useUtilityBarStore)(function (s) {
     return s.setSecondaryBarState;
   });
-  var onCollapserClick = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function () {
+  var onCollapserClick = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function () {
     return setIsOpen(!isOpen);
   }, [isOpen, setIsOpen]);
   var secondaryBarViews = (0,_store_app__WEBPACK_IMPORTED_MODULE_5__.useAppStore)(function (s) {
@@ -11060,17 +11643,18 @@ var ShellSecondaryBarComponent = function ShellSecondaryBarComponent(_ref2) {
   var secondaryBarAccessoryViews = (0,_store_app__WEBPACK_IMPORTED_MODULE_5__.useAppStore)(function (s) {
     return s.views.secondaryBarAccessories;
   });
-  var accessories = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
-    return (0,lodash__WEBPACK_IMPORTED_MODULE_2__.sortBy)((0,lodash__WEBPACK_IMPORTED_MODULE_2__.filter)(secondaryBarAccessoryViews, function (v) {
+  var accessories = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {
+    return (0,lodash__WEBPACK_IMPORTED_MODULE_1__.sortBy)((0,lodash__WEBPACK_IMPORTED_MODULE_1__.filter)(secondaryBarAccessoryViews, function (v) {
       return (0,_utility_bar_utils__WEBPACK_IMPORTED_MODULE_7__.checkRoute)(v, activeRoute);
     }), 'position');
   }, [activeRoute, secondaryBarAccessoryViews]);
-  var disabled = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
-    return (0,lodash__WEBPACK_IMPORTED_MODULE_2__.findIndex)(secondaryBarViews, function (view) {
+  var disabled = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {
+    return (0,lodash__WEBPACK_IMPORTED_MODULE_1__.findIndex)(secondaryBarViews, function (view) {
       return view.id === (activeRoute === null || activeRoute === void 0 ? void 0 : activeRoute.id);
     }) < 0;
   }, [activeRoute === null || activeRoute === void 0 ? void 0 : activeRoute.id, secondaryBarViews]);
-  return disabled ? null : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SidebarContainer, {
+  return disabled ? null : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(SidebarContainer, {
+    "data-testid": "SideSecondaryBarContainer",
     sidebarIsOpen: isOpen,
     role: "menu",
     height: "fill",
@@ -11078,41 +11662,41 @@ var ShellSecondaryBarComponent = function ShellSecondaryBarComponent(_ref2) {
     mainAlignment: "space-between",
     onClick: isOpen ? undefined : onCollapserClick,
     style: {
-      maxHeight: 'calc(100vh - 3rem)',
+      maxHeight: 'calc(100vh - 3.75rem)',
       overflowY: 'auto'
     }
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_10__.Container, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_10__.Container, {
     mainAlignment: "flex-start"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_11__.Switch, null, (0,lodash__WEBPACK_IMPORTED_MODULE_2__.map)(secondaryBarViews, function (view) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_11__.Route, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_11__.Switch, null, (0,lodash__WEBPACK_IMPORTED_MODULE_1__.map)(secondaryBarViews, function (view) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_11__.Route, {
       key: view.id,
       path: "/".concat(view.route)
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_boot_app_app_context_provider__WEBPACK_IMPORTED_MODULE_3__["default"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_boot_app_app_context_provider__WEBPACK_IMPORTED_MODULE_3__["default"], {
       pkg: view.app
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(view.component, {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(view.component, {
       expanded: isOpen
     })));
-  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_10__.Container, {
+  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_10__.Container, {
     mainAlignment: "flex-end",
     height: "fit"
   }, accessories.map(function (view) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_boot_app_app_context_provider__WEBPACK_IMPORTED_MODULE_3__["default"], {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_boot_app_app_context_provider__WEBPACK_IMPORTED_MODULE_3__["default"], {
       key: view.id,
       pkg: view.app
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(view.component, {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(view.component, {
       expanded: isOpen
     }));
-  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_collapser__WEBPACK_IMPORTED_MODULE_4__.Collapser, {
+  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_collapser__WEBPACK_IMPORTED_MODULE_8__.Collapser, {
     onClick: onCollapserClick,
     open: isOpen
   }));
 };
 
-var MemoShellSecondaryBar = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().memo(ShellSecondaryBarComponent);
+var MemoShellSecondaryBar = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().memo(ShellSecondaryBarComponent);
 
 var ShellSecondaryBar = function ShellSecondaryBar() {
-  var activeRoute = (0,_history_hooks__WEBPACK_IMPORTED_MODULE_8__.useCurrentRoute)();
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(MemoShellSecondaryBar, {
+  var activeRoute = (0,_history_hooks__WEBPACK_IMPORTED_MODULE_4__.useCurrentRoute)();
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(MemoShellSecondaryBar, {
     activeRoute: activeRoute
   });
 };
@@ -11136,22 +11720,21 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @zextras/carbonio-design-system */ "./node_modules/@zextras/carbonio-design-system/dist/zapp-ui.bundle.js");
 /* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_16__);
 /* harmony import */ var _zextras_carbonio_ui_preview__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @zextras/carbonio-ui-preview */ "./node_modules/@zextras/carbonio-ui-preview/lib-esm/index.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! styled-components */ "./node_modules/styled-components/dist/styled-components.browser.esm.js");
-/* harmony import */ var _boot_theme_provider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../boot/theme-provider */ "./src/boot/theme-provider.tsx");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../constants */ "./src/constants/index.ts");
-/* harmony import */ var _history_hooks__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../history/hooks */ "./src/history/hooks.ts");
-/* harmony import */ var _network_go_to_login__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../network/go-to-login */ "./src/network/go-to-login.ts");
-/* harmony import */ var _store_account__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../store/account */ "./src/store/account/index.ts");
-/* harmony import */ var _utility_bar__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../utility-bar */ "./src/utility-bar/index.ts");
-/* harmony import */ var _app_view_container__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./app-view-container */ "./src/shell/app-view-container.tsx");
-/* harmony import */ var _boards_board_container__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./boards/board-container */ "./src/shell/boards/board-container.tsx");
-/* harmony import */ var _shell_context_provider__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./shell-context-provider */ "./src/shell/shell-context-provider.tsx");
-/* harmony import */ var _shell_header__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./shell-header */ "./src/shell/shell-header.tsx");
-/* harmony import */ var _shell_navigation_bar__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./shell-navigation-bar */ "./src/shell/shell-navigation-bar.tsx");
+/* harmony import */ var _boot_theme_provider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../boot/theme-provider */ "./src/boot/theme-provider.tsx");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../constants */ "./src/constants/index.ts");
+/* harmony import */ var _history_hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../history/hooks */ "./src/history/hooks.ts");
+/* harmony import */ var _network_go_to_login__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../network/go-to-login */ "./src/network/go-to-login.ts");
+/* harmony import */ var _store_account__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../store/account */ "./src/store/account/index.ts");
+/* harmony import */ var _utility_bar__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../utility-bar */ "./src/utility-bar/index.ts");
+/* harmony import */ var _app_view_container__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./app-view-container */ "./src/shell/app-view-container.tsx");
+/* harmony import */ var _boards_board_container__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./boards/board-container */ "./src/shell/boards/board-container.tsx");
+/* harmony import */ var _shell_context_provider__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./shell-context-provider */ "./src/shell/shell-context-provider.tsx");
+/* harmony import */ var _shell_header__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./shell-header */ "./src/shell/shell-header.tsx");
+/* harmony import */ var _shell_navigation_bar__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./shell-navigation-bar */ "./src/shell/shell-navigation-bar.tsx");
+/* harmony import */ var _custom_hooks_useDarkReaderResultValue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../custom-hooks/useDarkReaderResultValue */ "./src/custom-hooks/useDarkReaderResultValue.ts");
 
 
 /*
@@ -11184,31 +11767,25 @@ var Background = styled_components__WEBPACK_IMPORTED_MODULE_15__["default"].div.
 });
 
 function DarkReaderListener() {
-  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_3__.useContext)(_boot_theme_provider__WEBPACK_IMPORTED_MODULE_4__.ThemeCallbacksContext),
+  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(_boot_theme_provider__WEBPACK_IMPORTED_MODULE_3__.ThemeCallbacksContext),
       setDarkReaderState = _useContext.setDarkReaderState;
 
-  var settings = (0,_store_account__WEBPACK_IMPORTED_MODULE_8__.useUserSettings)();
-  var currentDRMSetting = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(function () {
-    var _find, _settings$props;
-
-    return (_find = (0,lodash__WEBPACK_IMPORTED_MODULE_2__.find)((_settings$props = settings === null || settings === void 0 ? void 0 : settings.props) !== null && _settings$props !== void 0 ? _settings$props : [], {
-      name: 'zappDarkreaderMode',
-      zimlet: _constants__WEBPACK_IMPORTED_MODULE_5__.SHELL_APP_ID
-    })) === null || _find === void 0 ? void 0 : _find._content;
-  }, [settings]);
-  (0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(function () {
-    setDarkReaderState(currentDRMSetting);
-  }, [currentDRMSetting, setDarkReaderState]);
+  var darkReaderResultValue = (0,_custom_hooks_useDarkReaderResultValue__WEBPACK_IMPORTED_MODULE_14__.useDarkReaderResultValue)();
+  (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {
+    if (darkReaderResultValue) {
+      setDarkReaderState(darkReaderResultValue);
+    }
+  }, [darkReaderResultValue, setDarkReaderState]);
   return null;
 }
 
 var useLoginRedirection = function useLoginRedirection(allowUnauthenticated) {
-  var auth = (0,_store_account__WEBPACK_IMPORTED_MODULE_8__.useAccountStore)(function (s) {
+  var auth = (0,_store_account__WEBPACK_IMPORTED_MODULE_7__.useAccountStore)(function (s) {
     return s.authenticated;
   });
-  (0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(function () {
-    if (_constants__WEBPACK_IMPORTED_MODULE_5__.IS_STANDALONE && !auth && !allowUnauthenticated) {
-      (0,_network_go_to_login__WEBPACK_IMPORTED_MODULE_7__.goToLogin)();
+  (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {
+    if (_constants__WEBPACK_IMPORTED_MODULE_4__.IS_STANDALONE && !auth && !allowUnauthenticated) {
+      (0,_network_go_to_login__WEBPACK_IMPORTED_MODULE_6__.goToLogin)();
     }
   }, [allowUnauthenticated, auth]);
 };
@@ -11217,39 +11794,39 @@ var ShellComponent = function ShellComponent(_ref2) {
   var allowUnauthenticated = _ref2.allowUnauthenticated,
       hideShellHeader = _ref2.hideShellHeader;
 
-  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(false),
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(false),
       _useState2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_useState, 2),
       mobileNavOpen = _useState2[0],
       setMobileNavOpen = _useState2[1];
 
   useLoginRedirection(allowUnauthenticated);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(Background, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(DarkReaderListener, null), !(_constants__WEBPACK_IMPORTED_MODULE_5__.IS_STANDALONE && hideShellHeader) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_shell_header__WEBPACK_IMPORTED_MODULE_13__["default"], {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(Background, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(DarkReaderListener, null), !(_constants__WEBPACK_IMPORTED_MODULE_4__.IS_STANDALONE && hideShellHeader) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_shell_header__WEBPACK_IMPORTED_MODULE_12__["default"], {
     mobileNavIsOpen: mobileNavOpen,
     onMobileMenuClick: function onMobileMenuClick() {
       return setMobileNavOpen(!mobileNavOpen);
     }
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_utility_bar__WEBPACK_IMPORTED_MODULE_9__.ShellUtilityBar, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_16__.Row, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_utility_bar__WEBPACK_IMPORTED_MODULE_8__.ShellUtilityBar, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_16__.Row, {
     crossAlignment: "unset",
     style: {
       position: 'relative',
       flexGrow: '1'
     }
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_shell_navigation_bar__WEBPACK_IMPORTED_MODULE_14__["default"], {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_shell_navigation_bar__WEBPACK_IMPORTED_MODULE_13__["default"], {
     mobileNavIsOpen: mobileNavOpen
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_app_view_container__WEBPACK_IMPORTED_MODULE_10__["default"], null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_utility_bar__WEBPACK_IMPORTED_MODULE_9__.ShellUtilityPanel, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_16__.Responsive, {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_app_view_container__WEBPACK_IMPORTED_MODULE_9__["default"], null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_utility_bar__WEBPACK_IMPORTED_MODULE_8__.ShellUtilityPanel, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_16__.Responsive, {
     mode: "desktop"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_boards_board_container__WEBPACK_IMPORTED_MODULE_11__.BoardContainer, null)));
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_boards_board_container__WEBPACK_IMPORTED_MODULE_10__.BoardContainer, null)));
 };
 
-var MemoShell = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().memo(ShellComponent);
+var MemoShell = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().memo(ShellComponent);
 
 var ShellView = function ShellView() {
   var _activeRoute$standalo, _activeRoute$standalo2;
 
-  var activeRoute = (0,_history_hooks__WEBPACK_IMPORTED_MODULE_6__.useCurrentRoute)();
+  var activeRoute = (0,_history_hooks__WEBPACK_IMPORTED_MODULE_5__.useCurrentRoute)();
   var allowUnauthenticated = activeRoute === null || activeRoute === void 0 ? void 0 : (_activeRoute$standalo = activeRoute.standalone) === null || _activeRoute$standalo === void 0 ? void 0 : _activeRoute$standalo.allowUnauthenticated;
   var hideShellHeader = activeRoute === null || activeRoute === void 0 ? void 0 : (_activeRoute$standalo2 = activeRoute.standalone) === null || _activeRoute$standalo2 === void 0 ? void 0 : _activeRoute$standalo2.hideShellHeader;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_shell_context_provider__WEBPACK_IMPORTED_MODULE_12__["default"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_zextras_carbonio_ui_preview__WEBPACK_IMPORTED_MODULE_1__.PreviewManager, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(MemoShell, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_shell_context_provider__WEBPACK_IMPORTED_MODULE_11__["default"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_zextras_carbonio_ui_preview__WEBPACK_IMPORTED_MODULE_1__.PreviewManager, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(MemoShell, {
     allowUnauthenticated: allowUnauthenticated,
     hideShellHeader: hideShellHeader
   })));
@@ -13169,7 +13746,7 @@ var useI18nStore = (0,zustand__WEBPACK_IMPORTED_MODULE_11__["default"])(function
                 console.warn("Missing translation with key '".concat(key, "'"));
               },
               backend: {
-                loadPath: app.name === _constants__WEBPACK_IMPORTED_MODULE_9__.SHELL_APP_ID ? "".concat("/static/iris/carbonio-shell-ui/2ceae11051d7b585c4ad7662cee0841d71ed1c96/", "/i18n/{{lng}}.json") : "".concat((0,lodash__WEBPACK_IMPORTED_MODULE_8__.dropRight)(app.js_entrypoint.split('/')).join('/'), "/i18n/{{lng}}.json")
+                loadPath: app.name === _constants__WEBPACK_IMPORTED_MODULE_9__.SHELL_APP_ID ? "".concat("/static/iris/carbonio-shell-ui/2d4fd639ee9bb5d4bae0d9f7ed04effb0440ef3a/", "/i18n/{{lng}}.json") : "".concat((0,lodash__WEBPACK_IMPORTED_MODULE_8__.dropRight)(app.js_entrypoint.split('/')).join('/'), "/i18n/{{lng}}.json")
               }
             }); // eslint-disable-next-line no-param-reassign
 
@@ -13200,7 +13777,7 @@ defaultI18n.use(i18next_http_backend__WEBPACK_IMPORTED_MODULE_7__["default"]) //
     console.warn("Missing translation with key '".concat(key, "'"));
   },
   backend: {
-    loadPath: "".concat("/static/iris/carbonio-shell-ui/2ceae11051d7b585c4ad7662cee0841d71ed1c96/", "/i18n/{{lng}}.json")
+    loadPath: "".concat("/static/iris/carbonio-shell-ui/2d4fd639ee9bb5d4bae0d9f7ed04effb0440ef3a/", "/i18n/{{lng}}.json")
   }
 });
 
@@ -13951,6 +14528,36 @@ var useIntegrationsStore = (0,zustand__WEBPACK_IMPORTED_MODULE_14__["default"])(
 
 /***/ }),
 
+/***/ "./src/store/login/store.ts":
+/*!**********************************!*\
+  !*** ./src/store/login/store.ts ***!
+  \**********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "useLoginConfigStore": () => (/* binding */ useLoginConfigStore)
+/* harmony export */ });
+/* harmony import */ var zustand__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! zustand */ "./node_modules/zustand/esm/index.js");
+/*
+ * SPDX-FileCopyrightText: 2021 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+var useLoginConfigStore = (0,zustand__WEBPACK_IMPORTED_MODULE_0__["default"])(function () {
+  return {
+    carbonioWebUIDarkMode: undefined,
+    carbonioWebUiAppLogo: undefined,
+    carbonioWebUiDarkAppLogo: undefined,
+    carbonioWebUiTitle: undefined,
+    carbonioWebUiFavicon: undefined
+  };
+});
+
+/***/ }),
+
 /***/ "./src/store/network/hooks.ts":
 /*!************************************!*\
   !*** ./src/store/network/hooks.ts ***!
@@ -14807,6 +15414,28 @@ var useUtilityViews = function useUtilityViews() {
 
 /***/ }),
 
+/***/ "./src/utils/utils.ts":
+/*!****************************!*\
+  !*** ./src/utils/utils.ts ***!
+  \****************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "getPrefersColorSchemeDarkMedia": () => (/* binding */ getPrefersColorSchemeDarkMedia)
+/* harmony export */ });
+/*
+ * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+var getPrefersColorSchemeDarkMedia = function getPrefersColorSchemeDarkMedia() {
+  return window.matchMedia('(prefers-color-scheme: dark)');
+};
+
+/***/ }),
+
 /***/ "./src/workers/index.ts":
 /*!******************************!*\
   !*** ./src/workers/index.ts ***!
@@ -14860,7 +15489,23 @@ var folderWorker = new Worker(new URL(/* worker import */ __webpack_require__.p
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "isZappDarkreaderModeZimletProp": () => (/* binding */ isZappDarkreaderModeZimletProp)
+/* harmony export */ });
+/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.function.name.js */ "./node_modules/core-js/modules/es.function.name.js");
+/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _src_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../src/constants */ "./src/constants/index.ts");
+
 
+/*
+ * SPDX-FileCopyrightText: 2021 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+function isZappDarkreaderModeZimletProp(prop) {
+  return prop.name === _src_constants__WEBPACK_IMPORTED_MODULE_1__.DARK_READER_PROP_KEY && prop.zimlet === _src_constants__WEBPACK_IMPORTED_MODULE_1__.SHELL_APP_ID;
+}
 
 /***/ }),
 
@@ -15355,8 +16000,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "useUserSetting": () => (/* reexport safe */ _exports__WEBPACK_IMPORTED_MODULE_1__.useUserSetting),
 /* harmony export */   "useUserSettings": () => (/* reexport safe */ _exports__WEBPACK_IMPORTED_MODULE_1__.useUserSettings),
 /* harmony export */   "xmlSoapFetch": () => (/* reexport safe */ _exports__WEBPACK_IMPORTED_MODULE_1__.xmlSoapFetch),
+/* harmony export */   "isZappDarkreaderModeZimletProp": () => (/* reexport safe */ _account__WEBPACK_IMPORTED_MODULE_2__.isZappDarkreaderModeZimletProp),
 /* harmony export */   "ResultLabelType": () => (/* reexport safe */ _search__WEBPACK_IMPORTED_MODULE_7__.ResultLabelType),
-/* harmony export */   "JSNS": () => (/* reexport safe */ _misc__WEBPACK_IMPORTED_MODULE_8__.JSNS)
+/* harmony export */   "JSNS": () => (/* reexport safe */ _misc__WEBPACK_IMPORTED_MODULE_8__.JSNS),
+/* harmony export */   "isDarkReaderPropValues": () => (/* reexport safe */ _misc__WEBPACK_IMPORTED_MODULE_8__.isDarkReaderPropValues)
 /* harmony export */ });
 /* harmony import */ var _network__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./network */ "./types/network/index.d.ts");
 /* harmony import */ var _exports__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./exports */ "./types/exports/index.d.ts");
@@ -15415,14 +16062,24 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "JSNS": () => (/* binding */ JSNS)
+/* harmony export */   "JSNS": () => (/* binding */ JSNS),
+/* harmony export */   "isDarkReaderPropValues": () => (/* binding */ isDarkReaderPropValues)
 /* harmony export */ });
+/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ "./node_modules/core-js/modules/es.array.includes.js");
+/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.string.includes.js */ "./node_modules/core-js/modules/es.string.includes.js");
+/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _src_constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../src/constants */ "./src/constants/index.ts");
+
+
+
 /*
  * SPDX-FileCopyrightText: 2021 Zextras <https://www.zextras.com>
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-// eslint-disable-next-line no-shadow
+ // eslint-disable-next-line no-shadow
+
 var JSNS;
 
 (function (JSNS) {
@@ -15433,6 +16090,10 @@ var JSNS;
   JSNS["SYNC"] = "urn:zimbraSync";
 })(JSNS || (JSNS = {}));
 
+function isDarkReaderPropValues(maybeDarkReaderPropValue) {
+  return typeof maybeDarkReaderPropValue === 'string' && _src_constants__WEBPACK_IMPORTED_MODULE_2__.DARK_READER_VALUES.includes(maybeDarkReaderPropValue);
+} // eslint-disable-next-line @typescript-eslint/ban-types
+
 /***/ }),
 
 /***/ "./types/network/index.d.ts":
@@ -15951,4 +16612,4 @@ webpackContext.id = "./node_modules/moment/locale sync recursive ^\\.\\/.*$";
 /***/ })
 
 }]);
-//# sourceMappingURL=src_boot_bootstrapper_tsx-node_modules_moment_locale_sync_recursive_.f2070210.chunk.js.map
+//# sourceMappingURL=src_boot_bootstrapper_tsx-node_modules_moment_locale_sync_recursive_.c4dea410.chunk.js.map