@sumaris-net/ngx-components 21.0.0-rc41 → 21.0.0-rc42

package/fesm2022/sumaris-net.ngx-components.mjs

@@ -26472,6 +26472,10 @@ class PlatformService extends StartableService {
             const logMessage = `Detected {mobile: ${this._mobile}, desktop: ${this._desktop}, cordova: ${this._cordova}, capacitor: ${this._capacitor}, android: ${this._android}, ios: ${this._ios}}`;
             console.info('[platform] ' + logMessage);
             this._logger?.info('ngOnStart', logMessage);
+            // Apply theme colors from the environment (e.g. 'sumaris.color.primary'), if any.
+            // This must be done now (before waiting for network/config below), so a theme defined
+            // via the ENVIRONMENT token is visible immediately - even when offline/backend is down.
+            await this.applyEnvironmentTheme();
             // Configure theme
             await this.configureTheme(this._mobile);
             // Configure Capacitor plugins
@@ -26833,6 +26837,28 @@ class PlatformService extends StartableService {
         }
     }
     /* -- protected methods -- */
+    async applyEnvironmentTheme() {
+        const properties = this.environment.properties;
+        if (!properties || !Object.keys(properties).length)
+            return; // Skip, if no property override
+        console.info('[platform] Applying theme colors, from environment properties...');
+        await this.updateTheme({
+            colors: {
+                primary: properties[CORE_CONFIG_OPTIONS.COLOR_PRIMARY.key],
+                secondary: properties[CORE_CONFIG_OPTIONS.COLOR_SECONDARY.key],
+                tertiary: properties[CORE_CONFIG_OPTIONS.COLOR_TERTIARY.key],
+                success: properties[CORE_CONFIG_OPTIONS.COLOR_SUCCESS.key],
+                warning: properties[CORE_CONFIG_OPTIONS.COLOR_WARNING.key],
+                accent: properties[CORE_CONFIG_OPTIONS.COLOR_ACCENT.key],
+                danger: properties[CORE_CONFIG_OPTIONS.COLOR_DANGER.key],
+            },
+            vars: {
+                '--app-form-field-background-color': properties[CORE_CONFIG_OPTIONS.FORM_FIELD_BACKGROUND_COLOR.key],
+                '--app-form-field-focus-background-color': properties[CORE_CONFIG_OPTIONS.FORM_FIELD_FOCUS_BACKGROUND_COLOR.key],
+                '--app-form-field-disabled-background-color': properties[CORE_CONFIG_OPTIONS.FORM_FIELD_DISABLED_BACKGROUND_COLOR.key],
+            },
+        });
+    }
     async configureTheme(mobile, win = window) {
         // Listen for changes to settings dark mode
         if (this.environment.allowDarkMode) {