feat(theme): update theme

A-l-y-l-e · Jul 23, 2018 · feb65fb · feb65fb
1 parent 14aa92f
commit feb65fb
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 17 deletions.
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -4,11 +4,11 @@
       menu
     </button>
     <ly-toolbar-item class="logo">
-      <button ly-button sensitive color="#fff" [routerLink]="['./']">
+      <button ly-button color="primary:contrast" sensitive [routerLink]="['./']">
         Alyle UI
       </button>
     </ly-toolbar-item>
-    <span class="version">v{{ version }}</span>
+    <span lyHide="XSmall" class="version">v{{ version }}</span>
     <div [style.flex]="1"></div>
     <button ly-icon-button size="24px" (click)="changeScheme()">
       <ly-icon *ngIf="mode" src="assets/svg/theme/sun" [style.font-size.px]="36"></ly-icon>

diff --git a/src/app/app.component.scss b/src/app/app.component.scss
@@ -79,8 +79,8 @@
   }
 }
 .version {
-  font-size: 60%;
-  opacity: .60;
+  font-size: 61%;
+  opacity: .7;
 }
 .category-name {
   opacity: .45;

diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -1,11 +1,8 @@
-import { Component, ViewChild, VERSION, ChangeDetectionStrategy, Inject, OnDestroy, AfterViewInit} from '@angular/core';
+import { Component, ViewChild, VERSION, ChangeDetectionStrategy, OnDestroy, AfterViewInit} from '@angular/core';
 import { environment } from './../environments/environment';
-import { Router, ActivatedRoute, NavigationEnd } from '@angular/router';
-import { isPlatformBrowser, isPlatformServer } from '@angular/common';
-import { AUI_VERSION, LyTheme2, LyThemeContainer, Platform } from '@alyle/ui';
-import { LyMenu } from '@alyle/ui/menu';
+import { Router, NavigationEnd } from '@angular/router';
+import { AUI_VERSION, LyThemeContainer, Platform } from '@alyle/ui';
 import { RoutesAppService } from './components/routes-app.service';
-import { MinimalLS } from '@alyle/ui/ls';
 import { Subscription } from 'rxjs';
 import { LyIconService } from '@alyle/ui/icon';
 

diff --git a/src/lib/themes/minima/dark.ts b/src/lib/themes/minima/dark.ts
@@ -5,12 +5,12 @@ const contrast = '#fff';
 export class MinimaDark implements ThemeConfig {
   name = 'minima-dark';
   primary = {
-    default: '#9c27b0',
-    contrast
+    default: '#1DE9B6',
+    contrast: 'rgba(0, 0, 0, 0.87)'
   };
   accent = {
-    default: '#ffeb3b',
-    contrast: 'rgba(0, 0, 0, 0.87)'
+    default: '#9C27B0',
+    contrast
   };
   warn = {
     default: '#EA404C',
@@ -19,7 +19,7 @@ export class MinimaDark implements ThemeConfig {
   typography = typography;
   background = {
     default: '#303030', // secondary
-    primary: '#424242',
+    primary: '#2b2b2b',
     secondary: '#303030',
     tertiary: '#212121',
     base: '#0E0E0E'

diff --git a/src/lib/themes/minima/light.ts b/src/lib/themes/minima/light.ts
@@ -5,15 +5,15 @@ const contrast = '#fff';
 export class MinimaLight implements ThemeConfig {
   name = 'minima-light';
   primary = {
-    default: '#2CA7F8',
+    default: '#6200EE',
     contrast
   };
   accent = {
     default: '#FF2997',
     contrast
   };
   warn = {
-    default: '#EA404C',
+    default: '#f5414e',
     contrast
   };
   typography = typography;