Merge pull request #272 from NativeScript/fatme/fix-theme-with-scss

fix: fix the theme when app is created with scss styles

Author: Fatme

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nativescript/schematics",
-  "version": "0.8.0",
+  "version": "1.0.0",
   "description": "Schematics for NativeScript Angular apps.",
   "scripts": {
     "build": "tsc -p tsconfig.json",

src/add-ns/index.ts

@@ -372,7 +372,7 @@ const addDependencies = () => (tree: Tree, context: SchematicContext) => {
 
   const devDepsToAdd = {
     'nativescript-dev-webpack': '~1.3.0',
-    '@nativescript/schematics': '~0.8.0',
+    '@nativescript/schematics': '~1.0.0',
     '@nativescript/tslint-rules': '~0.0.2',
   };
   packageJson.devDependencies = {...devDepsToAdd, ...packageJson.devDependencies};

src/ng-new/application/_files/package.json

@@ -27,7 +27,7 @@
     "@angular/cli": "~8.3.0",
     "@angular/compiler-cli": "~8.2.0",
     "@angular-devkit/core": "~8.2.0",
-    "@nativescript/schematics": "~0.8.0",<% if(webpack) { %>
+    "@nativescript/schematics": "~1.0.0",<% if(webpack) { %>
     "nativescript-dev-webpack": "~1.3.0",
     "@ngtools/webpack": "~8.2.0",
     <% } %>"typescript": "~3.5.3"

src/ng-new/shared/_files/package.json

@@ -40,7 +40,7 @@
     "@angular/cli": "~8.3.0",
     "@angular/compiler-cli": "~8.2.0",
     "@angular-devkit/build-angular": "~0.803.0",
-    "@nativescript/schematics": "~0.8.0",
+    "@nativescript/schematics": "~1.0.0",
     "@nativescript/tslint-rules": "~0.0.4",
     "@types/jasmine": "~3.3.8",
     "@types/jasminewd2": "~2.0.3",

src/styling/_scss-files/_app-common.scss

@@ -1,2 +1,21 @@
+@import "~@nativescript/theme/core";
+@import "~@nativescript/theme/blue";
+
 // Place any CSS rules you want to apply on both iOS and Android here.
 // This is where the vast majority of your CSS code goes.
+
+// Font icon class
+.fab {
+    font-family: "Font Awesome 5 Brands", "fa-brands-400";
+    font-weight: 400;
+}
+
+.fas {
+    font-family: "Font Awesome 5 Free", "fa-solid-900";
+    font-weight: 900;
+}
+
+.far {
+    font-family: "Font Awesome 5 Free", "fa-regular-400";
+    font-weight: 400;
+}