darken background, try to fix #56

src/app/components/feed/feed.component.html

@@ -8,7 +8,7 @@
   <mat-card-content>
   <mat-form-field id="input">
     <textarea matInput #content type="text" mat-autosize="true" matAutosizeMaxRows="3" placeholder="post something"></textarea>
-    <button mat-button matSuffix mat-icon-button (click)="value=''">
+    <button mat-button matSuffix mat-icon-button>
       <mat-icon>add</mat-icon>
     </button>
   </mat-form-field>

src/app/components/feed/feed.component.ts

@@ -10,7 +10,8 @@ import { Actionlist } from 'src/app/models/actionlist';
 })
 export class FeedComponent implements OnInit {
   checked: boolean //if the "I protected the environment."-box is checked
-  value: number //points value of the green action
+ //points value of the green action
+  value: any
   viewNew: boolean = true
   viewMostLiked: boolean = false
 

src/styles/greenvironment-material-theme.scss

@@ -11,13 +11,22 @@
 // hue. Available color palettes: https://material.io/design/color/
 $primary: mat-palette($mat-green);
 $accent:  mat-palette($mat-pink, A200, A100, A400);
-
+$background-color: map_get($mat-grey, 50);
 // The warn palette is optional (defaults to red).
 $warn:    mat-palette($mat-red);
 
 // Create the theme object (a Sass map containing all of the palettes).
 $light-theme: mat-light-theme($primary, $accent, $warn);
 
+// Set custom background color
+$background-color: map_get($mat-blue-grey, 50);
+
+$background: map-get($light-theme, background);
+$background: map_merge($background, (background: $background-color));
+$light-theme: map_merge($light-theme, (background: $background));
+
+
+
 $dark-primary: mat-palette($mat-green);
 $dark-accent:  mat-palette($mat-pink, A200, A100, A400);
 
@@ -27,6 +36,7 @@ $dark-warn:    mat-palette($mat-red);
 // Create the theme object (a Sass map containing all of the palettes).
 $dark-theme: mat-dark-theme($dark-primary, $dark-accent, $dark-warn);
 
+
 .dark-theme {
     @include angular-material-theme($dark-theme);
 }