Style refresh with square grid motif and blue palette.

It tries to follow the visual language of the flutter sample apps.

Bug-AGL: SPEC-4041
Change-Id: I5fbc95ee85cfc7182a4276e1cf14c9382c6687e9

3 files changed, 10 insertions, 15 deletions

diff --git a/src/styles/landscape.scss b/src/styles/landscape.scss
index 39ac270..372592b 100644
--- a/src/styles/landscape.scss
+++ b/src/styles/landscape.scss
@@ -1,12 +1,8 @@
 @media (orientation: landscape) {
 
-    html {
-        background-image: url('../images/horizontal_background.png');
-    }
-
     body {
         .item {
             flex-basis: 25%;
         }
     }
-}
\ No newline at end of file
+}
diff --git a/src/styles/main.scss b/src/styles/main.scss
index 335cd4e..9d09f8c 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -7,6 +7,8 @@ html {
     background-size: cover;
     background-attachment: fixed;
     -webkit-overflow-scrolling: touch;
+    background-image: url('../images/dashboardTextures.svg');
+    background-color: black;
 }
 
 @-webkit-keyframes animation {
@@ -43,14 +45,18 @@ body {
             button {
                 width: 300px;
                 height: 300px;
-                color: white;
-                border-color: white;
+                color: #c1d8ff;
+                border-color: #c1d8ff;
                 border-radius: 50%;
+                background-color: rgba(26, 35, 126, 0.43);
 
                 .icon {
                     font-size: 7rem;
                 }
             }
+            button:hover {
+                background-color: #2962ff;
+            }
         }
     }
 
diff --git a/src/styles/portrait.scss b/src/styles/portrait.scss
index 18ba52c..82b0252 100644
--- a/src/styles/portrait.scss
+++ b/src/styles/portrait.scss
@@ -1,15 +1,8 @@
 @media (orientation: portrait) {
 
-    html {
-        background-image: url('../images/vertical_background.png');
-        background-position: top center;
-        background-repeat: no-repeat;
-        background-color: transparent;
-    }
-
     body {
         .item {
             flex-basis: 33%;
         }
     }
-}
\ No newline at end of file
+}