@acorex/platform-generator 19.3.0-next.2 → 19.3.0-next.4

package/src/generators/app-module/files/src/assets/themes/palettes/scss/coastal-twilight.scss

@@ -0,0 +1,51 @@
+@use '@acorex/styles/utils/index.scss' as *;
+@use '../../layouts/_variables.scss' as *;
+
+// --- Coastal Twilight Theme ---
+
+// Core Colors
+$primary: #1f6c98; // Deep ocean blue - Main brand color
+$secondary: #4e9cc1; // Medium cerulean - Supporting color
+$success: #2eb82e; // Standard success green
+$warning: #f39c12; // Standard warning orange
+$danger: #dc3545; // Standard danger red
+$accent1: #88c9e7; // Soft sky blue
+$accent2: #f1e3a2; // Warm sand
+$accent3: #f7aea1; // Soft coral
+
+$light-start: $light-start-base;
+$light-end: mix($light-end-base, $primary, $light-end-weight);
+$light: mix($light-start-base, $primary, $light-start-weight);
+
+// Surface Gradient Endpoints for Dark Mode
+$dark-start: #1a2329; // Medium-dark blue-gray
+$dark-end: #0a0f11; // Deep blue-gray
+$dark: #141b20; // Default dark background
+
+$theme-colors: (
+  'primary': $primary,
+  'secondary': $secondary,
+  'success': $success,
+  'warning': $warning,
+  'danger': $danger,
+  'accent1': $accent1,
+  'accent2': $accent2,
+  'accent3': $accent3,
+);
+
+$theme-surfaces: (
+  'light-start': $light-start,
+  'light-end': $light-end,
+  'dark-start': $dark-start,
+  'dark-end': $dark-end,
+);
+
+$options: (
+  'color-range': true,
+  'light': $light,
+  'dark': $dark,
+);
+
+@forward '@acorex/styles/variables/index.scss';
+
+@include generate-pallete-variables($theme-colors, $theme-surfaces, $options);

package/src/generators/app-module/files/src/assets/themes/palettes/scss/cosmic-horizon.scss

@@ -0,0 +1,51 @@
+@use '@acorex/styles/utils/index.scss' as *;
+@use '../../layouts/_variables.scss' as *;
+
+// --- Cosmic Horizon Theme ---
+
+// Core Colors
+$primary: #6247aa; // Deep purple - main brand color
+$secondary: #815ac0; // Lighter purple - supporting color
+$success: #38b2ac; // Teal - positive actions/states
+$warning: #f6ad55; // Orange - cautionary actions/states
+$danger: #e53e3e; // Red - negative actions/states
+$accent1: #38b2ac; // Teal - first accent color
+$accent2: #d69e2e; // Gold - second accent color
+$accent3: #3182ce; // Blue - third accent color
+
+$light-start: $light-start-base;
+$light-end: mix($light-end-base, $primary, $light-end-weight);
+$light: mix($light-start-base, $primary, $light-start-weight);
+
+// Surface Gradient Endpoints for Dark Mode
+$dark-start: #1a202c; // Lightest dark surface
+$dark-end: #0d0b1a; // Darkest dark surface
+$dark: #171627; // Default dark background
+
+$theme-colors: (
+  'primary': $primary,
+  'secondary': $secondary,
+  'success': $success,
+  'warning': $warning,
+  'danger': $danger,
+  'accent1': $accent1,
+  'accent2': $accent2,
+  'accent3': $accent3,
+);
+
+$theme-surfaces: (
+  'light-start': $light-start,
+  'light-end': $light-end,
+  'dark-start': $dark-start,
+  'dark-end': $dark-end,
+);
+
+$options: (
+  'color-range': true,
+  'light': $light,
+  'dark': $dark,
+);
+
+@forward '@acorex/styles/variables/index.scss';
+
+@include generate-pallete-variables($theme-colors, $theme-surfaces, $options);

package/src/generators/app-module/files/src/assets/themes/{palletes/scss/default.scss.template → palettes/scss/default.scss}

@@ -1,8 +1,8 @@
 @use '@acorex/styles/utils/index.scss' as *;
+@use '../../layouts/_variables.scss' as *;
 
 $primary: #113b53;
 $secondary: #1a6ab1;
-$neutral: #606c76;
 $success: #2d9c67;
 $warning: #e9a01b;
 $danger: #c02f1d;
@@ -10,9 +10,9 @@ $accent1: #d6a7a6;
 $accent2: #a0897e;
 $accent3: #8bf4d9;
 
-$light-start: #ffffff;
-$light-end: #d4d4d4;
-$light: #ffffff;
+$light-start: $light-start-base;
+$light-end: mix($light-end-base, $primary, $light-end-weight);
+$light: mix($light-start-base, $primary, $light-start-weight);
 
 $dark-start: #2a2d30;
 $dark-end: #181a1c;
@@ -44,4 +44,4 @@ $options: (
 
 @forward '@acorex/styles/variables/index.scss';
 
-@include generate-pallete-variables($theme-colors, $theme-surfaces, $options); 
+@include generate-pallete-variables($theme-colors, $theme-surfaces, $options);

package/src/generators/app-module/files/src/assets/themes/palettes/scss/emerald-forest.scss

@@ -0,0 +1,49 @@
+@use '@acorex/styles/utils/index.scss' as *;
+@use '../../layouts/_variables.scss' as *;
+
+// Emerald Forest Theme Palette
+
+$primary: #2a7d5f;
+$secondary: #4b9e8f;
+$success: #4caf50;
+$warning: #ff9800;
+$danger: #f44336;
+$accent1: #2c3e50;
+$accent2: #8e44ad;
+$accent3: #f39c12;
+
+$light-start: $light-start-base;
+$light-end: mix($light-end-base, $primary, $light-end-weight);
+$light: mix($light-start-base, $primary, $light-start-weight);
+
+$dark-start: #1a1f1e;
+$dark-end: #0d1110;
+$dark: #131917;
+
+$theme-colors: (
+  'primary': $primary,
+  'secondary': $secondary,
+  'success': $success,
+  'warning': $warning,
+  'danger': $danger,
+  'accent1': $accent1,
+  'accent2': $accent2,
+  'accent3': $accent3,
+);
+
+$theme-surfaces: (
+  'light-start': $light-start,
+  'light-end': $light-end,
+  'dark-start': $dark-start,
+  'dark-end': $dark-end,
+);
+
+$options: (
+  'color-range': true,
+  'light': $light,
+  'dark': $dark,
+);
+
+@forward '@acorex/styles/variables/index.scss';
+
+@include generate-pallete-variables($theme-colors, $theme-surfaces, $options);

package/src/generators/app-module/files/src/assets/themes/palettes/scss/golden-dusk.scss

@@ -0,0 +1,48 @@
+@use '@acorex/styles/utils/index.scss' as *;
+@use '../../layouts/_variables.scss' as *;
+
+// Golden Dusk Theme Palette
+$primary: #b98e4b;
+$secondary: #e6733d;
+$success: #5eaa67;
+$warning: #f2b100;
+$danger: #a20e3f;
+$accent1: #8e1c65;
+$accent2: #3db8a8;
+$accent3: #36416a;
+
+$light-start: $light-start-base;
+$light-end: mix($light-end-base, $primary, $light-end-weight);
+$light: mix($light-start-base, $primary, $light-start-weight);
+
+$dark-start: #303030;
+$dark-end: #242424;
+$dark: #303030;
+
+$theme-colors: (
+  'primary': $primary,
+  'secondary': $secondary,
+  'success': $success,
+  'warning': $warning,
+  'danger': $danger,
+  'accent1': $accent1,
+  'accent2': $accent2,
+  'accent3': $accent3,
+);
+
+$theme-surfaces: (
+  'light-start': $light-start,
+  'light-end': $light-end,
+  'dark-start': $dark-start,
+  'dark-end': $dark-end,
+);
+
+$options: (
+  'color-range': true,
+  'light': $light,
+  'dark': $dark,
+);
+
+@forward '@acorex/styles/variables/index.scss';
+
+@include generate-pallete-variables($theme-colors, $theme-surfaces, $options);

package/src/generators/app-module/files/src/assets/themes/palettes/scss/nebula-dream.scss

@@ -0,0 +1,47 @@
+@use '@acorex/styles/utils/index.scss' as *;
+@use '../../layouts/_variables.scss' as *;
+
+$primary: #5e60ce;
+$secondary: #4895ef;
+$success: #06d6a0;
+$warning: #ffd166;
+$danger: #ef476f;
+$accent1: #8338ec;
+$accent2: #ff006e;
+$accent3: #3a86ff;
+
+$light-start: $light-start-base;
+$light-end: mix($light-end-base, $primary, $light-end-weight);
+$light: mix($light-start-base, $primary, $light-start-weight);
+
+$dark-start: #1e1e2a;
+$dark-end: #0c0d14;
+$dark: #161722;
+
+$theme-colors: (
+  'primary': $primary,
+  'secondary': $secondary,
+  'success': $success,
+  'warning': $warning,
+  'danger': $danger,
+  'accent1': $accent1,
+  'accent2': $accent2,
+  'accent3': $accent3,
+);
+
+$theme-surfaces: (
+  'light-start': $light-start,
+  'light-end': $light-end,
+  'dark-start': $dark-start,
+  'dark-end': $dark-end,
+);
+
+$options: (
+  'color-range': true,
+  'light': $light,
+  'dark': $dark,
+);
+
+@forward '@acorex/styles/variables/index.scss';
+
+@include generate-pallete-variables($theme-colors, $theme-surfaces, $options);

package/src/generators/app-module/files/src/assets/themes/palettes/scss/ocean-breeze.scss

@@ -0,0 +1,55 @@
+@use '@acorex/styles/utils/index.scss' as *;
+@use '../../layouts/_variables.scss' as *;
+
+// --- Ocean Breeze Theme (Revised) ---
+
+// Core Colors
+$primary: #3498db; // Bright, clear sky blue
+$secondary: #00bfa5; // Vibrant turquoise for a fresh contrast
+$neutral: #bdc3c7; // Soft, neutral gray-blue
+$success: #27ae60; // Fresh green for success states
+$warning: #f39c12; // Warm amber for warnings
+$danger: #c0392b; // Bold, cool-toned red for errors
+$accent1: #5dade2; // Light sea blue accent
+$accent2: #16a085; // Deep turquoise accent
+$accent3: #48c9b0; // Muted sea green accent
+
+$light-start: $light-start-base;
+$light-end: mix($light-end-base, $primary, $light-end-weight);
+$light: mix($light-start-base, $primary, $light-start-weight);
+
+// Surface Gradient Endpoints for Dark Mode
+// The dark endpoints are chosen to be near–black with a subtle blue tint (hint of the primary)
+$dark-start: #2c3e50; // Lightest dark surface: a deep blue–gray
+$dark-end: #12171d; // Darkest dark surface: nearly black with a cool undertone
+// Midpoint (default dark background)
+$dark: #1f2b37; // Approximate average of $dark-start and $dark-end
+
+$theme-colors: (
+  'primary': $primary,
+  'secondary': $secondary,
+  'success': $success,
+  'warning': $warning,
+  'danger': $danger,
+  'accent1': $accent1,
+  'accent2': $accent2,
+  'accent3': $accent3,
+);
+
+$theme-surfaces: (
+  'light-start': $light-start,
+  'light-end': $light-end,
+  'dark-start': $dark-start,
+  'dark-end': $dark-end,
+);
+
+$options: (
+  'color-range': true,
+  'light': $light,
+  'neutral': $neutral,
+  'dark': $dark,
+);
+
+@forward '@acorex/styles/variables/index.scss';
+
+@include generate-pallete-variables($theme-colors, $theme-surfaces, $options);

package/src/generators/app-module/files/src/assets/themes/palettes/scss/ocean-depths.scss

@@ -0,0 +1,52 @@
+@use '@acorex/styles/utils/index.scss' as *;
+@use '../../layouts/_variables.scss' as *;
+
+// --- Ocean Depths Theme ---
+
+// Core Colors
+$primary: #207884; // Deep teal - main brand color
+$secondary: #e67e22; // Warm orange - complementary to primary
+$success: #2ecc71; // Emerald green - balanced with theme
+$warning: #f1c40f; // Bright yellow - high visibility
+$danger: #c0392b; // Deep red - contrasting with primary
+$accent1: #16616b; // Darker teal - deeper variant of primary
+$accent2: #9b59b6; // Purple - warm contrast to teal
+$accent3: #34495e; // Slate blue - neutral utility
+
+// Surface Gradient Endpoints for Light Mode
+$light-start: $light-start-base;
+$light-end: mix($light-end-base, $primary, $light-end-weight);
+$light: mix($light-start-base, $primary, $light-start-weight);
+
+// Surface Gradient Endpoints for Dark Mode
+$dark-start: #1c2830; // Dark teal-tinted neutral
+$dark-end: #0f1619; // Near-black with slight teal influence
+$dark: #151e22; // Balanced dark surface
+
+$theme-colors: (
+  'primary': $primary,
+  'secondary': $secondary,
+  'success': $success,
+  'warning': $warning,
+  'danger': $danger,
+  'accent1': $accent1,
+  'accent2': $accent2,
+  'accent3': $accent3,
+);
+
+$theme-surfaces: (
+  'light-start': $light-start,
+  'light-end': $light-end,
+  'dark-start': $dark-start,
+  'dark-end': $dark-end,
+);
+
+$options: (
+  'color-range': true,
+  'light': $light,
+  'dark': $dark,
+);
+
+@forward '@acorex/styles/variables/index.scss';
+
+@include generate-pallete-variables($theme-colors, $theme-surfaces, $options);

package/src/generators/app-module/files/src/assets/themes/palettes/scss/plum-elegance.scss

@@ -0,0 +1,51 @@
+@use '@acorex/styles/utils/index.scss' as *;
+@use '../../layouts/_variables.scss' as *;
+
+// --- Plum Elegance Theme ---
+
+// Core Colors
+$primary: #a4487d; // Rich plum - main brand color
+$secondary: #e67a54; // Warm coral - complementary to primary
+$success: #4aaa7c; // Forest green - balanced with theme
+$warning: #f3a534; // Warm amber - high visibility
+$danger: #b82d4f; // Deep rose - related to primary
+$accent1: #7c3661; // Deeper plum - darker variant of primary
+$accent2: #3ba4a0; // Teal - cool contrast
+$accent3: #3d4168; // Navy slate - neutral utility
+
+$light-start: $light-start-base;
+$light-end: mix($light-end-base, $primary, $light-end-weight);
+$light: mix($light-start-base, $primary, $light-start-weight);
+
+// Surface Gradient Endpoints for Dark Mode
+$dark-start: #2a2028; // Dark plum-tinted neutral
+$dark-end: #1a161c; // Near-black with slight plum influence
+$dark: #231f24; // Balanced dark surface
+
+$theme-colors: (
+  'primary': $primary,
+  'secondary': $secondary,
+  'success': $success,
+  'warning': $warning,
+  'danger': $danger,
+  'accent1': $accent1,
+  'accent2': $accent2,
+  'accent3': $accent3,
+);
+
+$theme-surfaces: (
+  'light-start': $light-start,
+  'light-end': $light-end,
+  'dark-start': $dark-start,
+  'dark-end': $dark-end,
+);
+
+$options: (
+  'color-range': true,
+  'light': $light,
+  'dark': $dark,
+);
+
+@forward '@acorex/styles/variables/index.scss';
+
+@include generate-pallete-variables($theme-colors, $theme-surfaces, $options);

package/src/generators/app-module/files/src/assets/themes/palettes/scss/safetyminder.scss

@@ -0,0 +1,48 @@
+@use '@acorex/styles/utils/index.scss' as *;
+@use '../../layouts/_variables.scss' as *;
+
+// Safetyminder Theme Palette
+$primary: #2196f3;
+$secondary: #ff9800;
+$success: #5cb85c;
+$warning: #f0ad4e;
+$danger: #d9534f;
+$accent1: #b54b78;
+$accent2: #1f7984;
+$accent3: #49c4d3;
+
+$light-start: $light-start-base;
+$light-end: mix($light-end-base, $primary, $light-end-weight);
+$light: mix($light-start-base, $primary, $light-start-weight);
+
+$dark-start: #1b222a; // Neutral dark with slight cool blue undertone
+$dark-end: #0a0f14; // Very deep near-black with faint blue cast
+$dark: #151b22; // Midpoint, suitable for backgrounds or cards
+
+$theme-colors: (
+  'primary': $primary,
+  'secondary': $secondary,
+  'success': $success,
+  'warning': $warning,
+  'danger': $danger,
+  'accent1': $accent1,
+  'accent2': $accent2,
+  'accent3': $accent3,
+);
+
+$theme-surfaces: (
+  'light-start': $light-start,
+  'light-end': $light-end,
+  'dark-start': $dark-start,
+  'dark-end': $dark-end,
+);
+
+$options: (
+  'color-range': true,
+  'light': $light,
+  'dark': $dark,
+);
+
+@forward '@acorex/styles/variables/index.scss';
+
+@include generate-pallete-variables($theme-colors, $theme-surfaces, $options);

package/src/generators/app-module/files/src/assets/themes/palettes/scss/solare-flare.scss

@@ -0,0 +1,48 @@
+@use '@acorex/styles/utils/index.scss' as *;
+@use '../../layouts/_variables.scss' as *;
+
+// Solare Flare Theme Palette
+$primary: #d81159;
+$secondary: #ff6f61;
+$success: #43b57f;
+$warning: #f4a300;
+$danger: #a20e3f;
+$accent1: #8e1c65;
+$accent2: #2bc4b0;
+$accent3: #3a3a89;
+
+$light-start: $light-start-base;
+$light-end: mix($light-end-base, $primary, $light-end-weight);
+$light: mix($light-start-base, $primary, $light-start-weight);
+
+$dark-start: #1e1e28;
+$dark-end: #0c1018;
+$dark: #171822;
+
+$theme-colors: (
+  'primary': $primary,
+  'secondary': $secondary,
+  'success': $success,
+  'warning': $warning,
+  'danger': $danger,
+  'accent1': $accent1,
+  'accent2': $accent2,
+  'accent3': $accent3,
+);
+
+$theme-surfaces: (
+  'light-start': $light-start,
+  'light-end': $light-end,
+  'dark-start': $dark-start,
+  'dark-end': $dark-end,
+);
+
+$options: (
+  'color-range': true,
+  'light': $light,
+  'dark': $dark,
+);
+
+@forward '@acorex/styles/variables/index.scss';
+
+@include generate-pallete-variables($theme-colors, $theme-surfaces, $options);

package/src/generators/app-module/files/src/assets/themes/palettes/scss/sunset-horizon.scss

@@ -0,0 +1,51 @@
+@use '@acorex/styles/utils/index.scss' as *;
+@use '../../layouts/_variables.scss' as *;
+
+$primary: #ff6b35;
+$secondary: #e86a58;
+$success: #48a87c;
+$warning: #f7b267;
+$danger: #e94f64;
+$accent1: #f26b5b;
+$accent2: #f7c267;
+$accent3: #de5b7b;
+
+$light-start: $light-start-base;
+$light-end: mix($light-end-base, $primary, $light-end-weight);
+$light: mix($light-start-base, $primary, $light-start-weight);
+
+$dark-start: #2d2438;
+$dark-end: #1f1827;
+$dark: #171219;
+
+$dark-start: #2a2320; // Neutral dark with a warm undertone
+$dark-end: #120d0b; // Deep black-brown, slightly influenced by orange
+$dark: #1e1815; // Mid-tone, great for cards and surfaces
+
+$theme-colors: (
+  'primary': $primary,
+  'secondary': $secondary,
+  'success': $success,
+  'warning': $warning,
+  'danger': $danger,
+  'accent1': $accent1,
+  'accent2': $accent2,
+  'accent3': $accent3,
+);
+
+$theme-surfaces: (
+  'light-start': $light-start,
+  'light-end': $light-end,
+  'dark-start': $dark-start,
+  'dark-end': $dark-end,
+);
+
+$options: (
+  'color-range': true,
+  'light': $light,
+  'dark': $dark,
+);
+
+@forward '@acorex/styles/variables/index.scss';
+
+@include generate-pallete-variables($theme-colors, $theme-surfaces, $options);

package/src/generators/app-module/files/src/assets/themes/palettes/scss/twilight-orchid.scss

@@ -0,0 +1,50 @@
+@use '@acorex/styles/utils/index.scss' as *;
+@use '../../layouts/_variables.scss' as *;
+
+// --- Twilight Orchid Theme ---
+
+// Core Colors
+$primary: #7b4b94; // Deep orchid purple - Main brand color
+$secondary: #9b6b9e; // Soft mauve - Supporting color
+$success: #4caf50; // Standard success green
+$warning: #f39c12; // Standard warning orange
+$danger: #e74c3c; // Standard danger red
+$accent1: #c17ecd; // Light orchid
+$accent2: #e8c2ca; // Soft pink
+$accent3: #b4aee8; // Periwinkle blue
+
+$light-start: $light-start-base;
+$light-end: mix($light-end-base, $primary, $light-end-weight);
+$light: mix($light-start-base, $primary, $light-start-weight);
+
+$dark-start: #2d2837; // Medium-dark purple-gray
+$dark-end: #1a1621; // Deep purple-black
+$dark: #242030; // Default dark background
+
+$theme-colors: (
+  'primary': $primary,
+  'secondary': $secondary,
+  'success': $success,
+  'warning': $warning,
+  'danger': $danger,
+  'accent1': $accent1,
+  'accent2': $accent2,
+  'accent3': $accent3,
+);
+
+$theme-surfaces: (
+  'light-start': $light-start,
+  'light-end': $light-end,
+  'dark-start': $dark-start,
+  'dark-end': $dark-end,
+);
+
+$options: (
+  'color-range': true,
+  'light': $light,
+  'dark': $dark,
+);
+
+@forward '@acorex/styles/variables/index.scss';
+
+@include generate-pallete-variables($theme-colors, $theme-surfaces, $options);

package/src/generators/app-module/files/src/index.html.template

@@ -3,9 +3,7 @@
 
 <head>
   <meta charset="utf-8" />
-  <title>
-    <%= title %>
-  </title>
+  <title><%= title %></title>
   <base href="/" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
   <link rel="icon" type="image/x-icon" href="favicon.ico" />
@@ -21,15 +19,12 @@
         </div>
       </div>
       <div class="loading-step">
-        <i class="fa-solid fa-spinner ax-animate-twSpin ax-animate-infinite ax-mx-2"></i>
+        <i class="fa-solid fa-spinner ax-animate-twSpin ax-animate-infinite"></i>
         <span id="loadingText">Loading...</span>
-        <span></span>
       </div>
     </div>
   </acorex-platform-root>
-  <script>
-
-  </script>
+  <script></script>
 </body>
 
 </html>

package/src/generators/app-module/files/src/main.ts.template

@@ -1,6 +1,6 @@
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-import { AppModule } from './app/app.module';
+import { bootstrapApplication } from '@angular/platform-browser';
+import { AppComponent } from './app/app.component';
+import { appConfig } from './app/app.config';
 
-platformBrowserDynamic()
-  .bootstrapModule(AppModule)
+bootstrapApplication(AppComponent, appConfig)
   .catch((err) => console.error(err));