From 64d6a5a23d77afd7a91f28750d44e2e766cc9ad5 Mon Sep 17 00:00:00 2001
From: eugene-sinitsyn <e.sinitsyn.s@akveo.com>
Date: Thu, 12 Mar 2020 17:41:53 +0300
Subject: [PATCH] Add material theme for material landing page

---
 docs/app/@theme/styles/themes.scss            | 26 ++++++++++++++++++-
 .../pages/home/landing-home.component.scss    |  6 ++---
 .../material-landing.component.scss           | 15 +++++++++++
 .../material-landing.component.ts             |  7 ++++-
 4 files changed, 49 insertions(+), 5 deletions(-)

diff --git a/docs/app/@theme/styles/themes.scss b/docs/app/@theme/styles/themes.scss
index ead20d4f..e3d79ab8 100644
--- a/docs/app/@theme/styles/themes.scss
+++ b/docs/app/@theme/styles/themes.scss
@@ -25,7 +25,7 @@ $grid-breakpoints: (
   xxxl: 1600px
 );
 
-$nb-enabled-themes: (ngx-landing, docs-page);
+$nb-enabled-themes: (ngx-landing, ngx-landing-material, docs-page);
 
 /* stylelint-disable */
 $nb-themes: nb-register-theme((
@@ -127,6 +127,30 @@ $nb-themes: nb-register-theme((
 
 ), ngx-landing, corporate);
 
+$nb-themes: nb-register-theme((
+  font-family-primary: unquote('Roboto, sans-serif'),
+
+  shadow: unquote('0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12)'),
+  header-shadow: unquote(
+    '0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12)'
+  ),
+  shadow-default: shadow,
+  shadow-btn: shadow,
+  shadow-hover-btn: shadow,
+  shadow-active-btn: shadow,
+  shadow-hover-green-btn: shadow,
+  shadow-active-green-btn: shadow,
+
+  color-primary-default: #6200ee,
+  color-active-fg: color-primary-default,
+  color-active-bg: color-primary-default,
+  header-background-color: color-primary-default,
+  header-text-color: #ffffff !important,
+  menu-text-color: #ffffff !important,
+  footer-background-color: color-primary-default,
+  footer-text-color: #ffffff !important
+), ngx-landing-material, ngx-landing);
+
 /* stylelint-enable foo */
 $nb-themes: nb-register-theme((
   // custom
diff --git a/docs/app/pages/home/landing-home.component.scss b/docs/app/pages/home/landing-home.component.scss
index d6a8cfd9..bc584a51 100644
--- a/docs/app/pages/home/landing-home.component.scss
+++ b/docs/app/pages/home/landing-home.component.scss
@@ -37,7 +37,7 @@
   ::ng-deep nb-layout-header {
     box-shadow: nb-theme(shadow-default);
     background: nb-theme(header-bg);
-    nav {
+    ngx-landing-header {
       max-width: calc(#{$content-width} - 8.125rem * 2);
       margin: 0 auto;
     }
@@ -48,9 +48,9 @@
     background-color: nb-theme(color-white);
     box-shadow: nb-theme(shadow-default);
 
-    nav {
+    ngx-landing-footer {
       max-width: $content-width;
-      width: 100%;
+      justify-content: space-evenly;
       margin: 0 auto;
     }
   }
diff --git a/docs/app/pages/home/material-landing/material-landing.component.scss b/docs/app/pages/home/material-landing/material-landing.component.scss
index e69de29b..023c729b 100644
--- a/docs/app/pages/home/material-landing/material-landing.component.scss
+++ b/docs/app/pages/home/material-landing/material-landing.component.scss
@@ -0,0 +1,15 @@
+@import '../../../@theme/styles/themes';
+
+@include nb-install-component() {
+  ::ng-deep {
+    .version {
+      color: nb-theme(color-basic-500) !important;
+    }
+
+    ngx-landing-footer{
+      .h6, .copy {
+        color: #ffffff !important;
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/docs/app/pages/home/material-landing/material-landing.component.ts b/docs/app/pages/home/material-landing/material-landing.component.ts
index 1e2e1367..2bd15e1e 100644
--- a/docs/app/pages/home/material-landing/material-landing.component.ts
+++ b/docs/app/pages/home/material-landing/material-landing.component.ts
@@ -1,4 +1,5 @@
 import { Component } from '@angular/core';
+import { NbThemeService } from '@nebular/theme';
 
 @Component({
   selector: 'ngx-material-landing',
@@ -8,4 +9,8 @@ import { Component } from '@angular/core';
     '../landing-home.component.scss'
   ]
 })
-export class MaterialLandingComponent {}
\ No newline at end of file
+export class MaterialLandingComponent {
+  constructor(private themeService: NbThemeService) {
+    this.themeService.changeTheme('ngx-landing-material');
+  }
+}
\ No newline at end of file