feat(schematics): add dark theme (#1534)

akveo · May 30, 2019 · c5d15c6 · c5d15c6
1 parent 3a0382c
commit c5d15c6
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 5 deletions.
diff --git a/src/framework/theme/schematics/ng-add/index.spec.ts b/src/framework/theme/schematics/ng-add/index.spec.ts
@@ -44,8 +44,19 @@ const EXPECTED_THEME_SCSS = `@import '~@nebular/theme/styles/theming';
 @import '~@nebular/theme/styles/themes/default';
 
 $nb-themes: nb-register-theme((
+
   // add your variables here like:
-  // color-bg: #4ca6ff,
+
+  // color-primary-100: #f2f6ff,
+  // color-primary-200: #d9e4ff,
+  // color-primary-300: #a6c1ff,
+  // color-primary-400: #598bff,
+  // color-primary-500: #3366ff,
+  // color-primary-600: #274bdb,
+  // color-primary-700: #1a34b8,
+  // color-primary-800: #102694,
+  // color-primary-900: #091c7a,
+
 ), default, default);
 `;
 

diff --git a/src/framework/theme/schematics/ng-add/register-theme/theme-content.ts b/src/framework/theme/schematics/ng-add/register-theme/theme-content.ts
@@ -9,8 +9,19 @@ export function createThemeContent(themeName: string): string {
 @import '~@nebular/theme/styles/themes/${themeName}';
 
 $nb-themes: nb-register-theme((
+
   // add your variables here like:
-  // color-bg: #4ca6ff,
+
+  // color-primary-100: #f2f6ff,
+  // color-primary-200: #d9e4ff,
+  // color-primary-300: #a6c1ff,
+  // color-primary-400: #598bff,
+  // color-primary-500: #3366ff,
+  // color-primary-600: #274bdb,
+  // color-primary-700: #1a34b8,
+  // color-primary-800: #102694,
+  // color-primary-900: #091c7a,
+
 ), ${themeName}, ${themeName});
 `;
 }

diff --git a/src/framework/theme/schematics/ng-add/schema.json b/src/framework/theme/schematics/ng-add/schema.json
@@ -12,8 +12,8 @@
       }
     },
     "theme": {
-      "enum": ["default", "cosmic", "corporate"],
-      "description": "The theme which will be installed.",
+      "enum": ["default", "dark", "cosmic", "corporate"],
+      "description": "Visual theme to installed.",
       "default": "default",
       "x-prompt": "Which Nebular theme do you want to use:"
     },

diff --git a/src/framework/theme/schematics/ng-add/schema.ts b/src/framework/theme/schematics/ng-add/schema.ts
@@ -6,7 +6,7 @@
 
 export interface Schema {
   project: string;
-  theme: 'cosmic' | 'default' | 'corporate';
+  theme: 'default' | 'dark' | 'cosmic' | 'corporate';
   customization: boolean;
   layout: boolean;
   animations: boolean;