feat: use dark theme for black custom theme

tomastrajan · May 30, 2017 · f9df455 · f9df455
1 parent b4e90dd
commit f9df455
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 7 deletions.
diff --git a/src/app/examples/todos/todos.component.scss-theme.scss b/src/app/examples/todos/todos.component.scss-theme.scss
@@ -8,9 +8,13 @@
       color: mat-color($accent, default-contrast);
       background-color: mat-color($accent);
 
+      .mat-icon {
+        color: mat-color($accent, default-contrast);
+      }
+
       &:hover {
         color: mat-color($accent, default-contrast);
-        background-color: mat-color($accent, darker);
+        background-color: mat-color($accent);
       }
     }
   }

diff --git a/src/app/shared/big-input/big-input.component.scss-theme.scss b/src/app/shared/big-input/big-input.component.scss-theme.scss
@@ -3,8 +3,16 @@
 @mixin big-input-component-theme($theme) {
   $primary: map-get($theme, primary);
   $accent: map-get($theme, accent);
+  $foreground: map-get($theme, foreground);
+  $background: map-get($theme, background);
 
   .big-input {
+
+    input {
+      color: mat-color($foreground, text);
+      background-color: mat-color($background, card);
+    }
+
     &.has-focus {
       box-shadow: 0 0 15px 2px rgba(mat-color($accent), .4),
         0 0 15px 2px rgba(mat-color($accent), .4),

diff --git a/src/app/static/about/about.component.scss b/src/app/static/about/about.component.scss
@@ -42,7 +42,7 @@
     right: 0;
     background: url('../../../assets/intro.jpg') no-repeat center top;
     background-size: cover;
-    opacity: .6;
+    opacity: .8;
     content: "";
     z-index: 0;
   }

diff --git a/src/app/static/about/about.component.scss-theme.scss b/src/app/static/about/about.component.scss-theme.scss
@@ -8,8 +8,8 @@
 
 
   .background {
-    color: mat-color($background, background);
-    background-color: mat-color($foreground, text);
+    color: mat-color($foreground, text);
+    background-color: mat-color($background, background);
   }
 
 }

diff --git a/src/styles-reset.scss-theme.scss b/src/styles-reset.scss-theme.scss
@@ -14,7 +14,7 @@
   }
 
   code {
-    color: mat-color($foreground, text);
+    color: mat-color($accent, lighter-contrast);
     background-color: mat-color($accent, lighter);
   }
 }

diff --git a/src/themes/black-theme.scss b/src/themes/black-theme.scss
@@ -1,8 +1,8 @@
-$anms-black-primary: mat-palette($mat-grey, 800, 500, 900);
+$anms-black-primary: mat-palette($mat-grey, 900, 500, 900);
 $anms-black-accent: mat-palette($mat-green, A200);
 $anms-black-warn: mat-palette($mat-red, A200);
 
-$anms-black-theme: mat-light-theme(
+$anms-black-theme: mat-dark-theme(
     $anms-black-primary,
     $anms-black-accent,
     $anms-black-warn
-Original file line number
+Diff line change
@@ Expand Up / @@ -14,7 +14,7 @@ @@
       }
       code {
-        color: mat-color($foreground, text);
+        color: mat-color($accent, lighter-contrast);
         background-color: mat-color($accent, lighter);
       }
     }
@@ Expand Down @@