Merge branch 'julius-dev' of Software_Engineering_I/greenvironment-frontend into master

src/app/app.component.sass

@@ -6,7 +6,21 @@ html, body
   height: 100%
 
 
+::ng-deep body
+  scrollbar-color: #aaa #ddd
+  scrollbar-width: thin
+  .dark-theme
+    scrollbar-color: #ddd #666
 
+::ng-deep ::-webkit-scrollbar
+  width: 4px
 
+::ng-deep ::-webkit-scrollbar-track
+  background: #ddd
+  .dark-theme
+    background: #666
 
-
+::ng-deep ::-webkit-scrollbar-thumb
+  background: #aaa
+  .dark-theme
+    background: #ddd

src/styles/mixins.sass

@@ -1,8 +1,5 @@
-::-webkit-scrollbar 
-  width: 4px
- 
-::-webkit-scrollbar-track
-  background: #ddd
-
-::-webkit-scrollbar-thumb 
-  background: #666
+@mixin gridPosition($rowStart, $rowEnd, $columnStart, $columnEnd)
+  grid-row-start: $rowStart
+  grid-row-end: $rowEnd
+  grid-column-start: $columnStart
+  grid-column-end: $columnEnd