Дизайн Артёма

shine-UI/js/app.js

@@ -83,6 +83,7 @@ import * as deviceView from './pages/device-view.js?v=202606131435';
 import * as connectDeviceView from './pages/connect-device-view.js?v=202606142055';
 import * as clientPairingView from './pages/device-pairing-view.js?v=202606180940';
 import * as trustedDeviceLoginSettingsView from './pages/trusted-device-login-settings-view.js?v=202606180930';
+import { applyThemeMode, watchSystemTheme } from './services/theme-service.js';
 import * as deviceQrView from './pages/device-qr-view.js';
 import * as deviceCameraView from './pages/device-camera-view.js';
 import * as showKeysView from './pages/show-keys-view.js';
@@ -404,6 +405,7 @@ if (new URLSearchParams(window.location.search).get('keyboard-debug') === '1') {
 }
 
 const MANAGED_SHELL_CLASSES = [
+  'app-shell--wide',
   'app-shell--top-fade',
   'app-shell--bottom-fade',
   'app-shell--bottom-fade-composer',
@@ -455,6 +457,7 @@ function normalizeShellMode(mode = {}, showAppChrome = true) {
 function applyShellMode(mode, showAppChrome = true) {
   if (!appShellEl) return normalizeShellMode(mode, showAppChrome);
   const normalized = normalizeShellMode(mode, showAppChrome);
+  appShellEl.classList.toggle('app-shell--wide', normalized.contentWidth === 'wide');
   appShellEl.classList.toggle('app-shell--top-fade', Boolean(normalized.topFade));
   appShellEl.classList.toggle('app-shell--bottom-fade', Boolean(normalized.bottomFade));
   appShellEl.classList.toggle('app-shell--bottom-fade-composer', Boolean(normalized.bottomFade) && normalized.bottomFadeAnchor === 'composer');
@@ -1532,6 +1535,8 @@ async function ensureSessionRuntimeStarted() {
 }
 
 async function init() {
+  applyThemeMode();
+  watchSystemTheme();
   consumeCallPushActionFromUrlIfAny();
   const initialNotificationOpenPayload = consumeNotificationOpenFromUrlIfAny();
   void tryLockPortraitOrientation();