From 32098508fa7375690ea1b8dc9da4e7ca641494c1 Mon Sep 17 00:00:00 2001
From: Jacobo Aragunde Pérez <jaragunde@igalia.com>
Date: Fri, 22 Dec 2023 10:47:15 +0100
Subject: 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: Ib91041fa5400c2c5c20e2df51eec63159eeba46a
---
 src/images/horizontal_background.png     | Bin 1027813 -> 0 bytes
 src/images/horizontal_background_720.png | Bin 557151 -> 0 bytes
 src/images/vertical_background.png       | Bin 948820 -> 0 bytes
 src/images/vertical_background_720.png   | Bin 516530 -> 0 bytes
 src/styles/app.scss                      |  10 +++++-----
 src/styles/main.scss                     |   5 +++++
 src/styles/portrait.scss                 |   6 +-----
 7 files changed, 11 insertions(+), 10 deletions(-)
 delete mode 100644 src/images/horizontal_background.png
 delete mode 100644 src/images/horizontal_background_720.png
 delete mode 100644 src/images/vertical_background.png
 delete mode 100644 src/images/vertical_background_720.png

diff --git a/src/images/horizontal_background.png b/src/images/horizontal_background.png
deleted file mode 100644
index 27a811e..0000000
Binary files a/src/images/horizontal_background.png and /dev/null differ
diff --git a/src/images/horizontal_background_720.png b/src/images/horizontal_background_720.png
deleted file mode 100644
index 3bef6ce..0000000
Binary files a/src/images/horizontal_background_720.png and /dev/null differ
diff --git a/src/images/vertical_background.png b/src/images/vertical_background.png
deleted file mode 100644
index 76c7679..0000000
Binary files a/src/images/vertical_background.png and /dev/null differ
diff --git a/src/images/vertical_background_720.png b/src/images/vertical_background_720.png
deleted file mode 100644
index f25adbf..0000000
Binary files a/src/images/vertical_background_720.png and /dev/null differ
diff --git a/src/styles/app.scss b/src/styles/app.scss
index 1e64205..a62f43a 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -1,9 +1,9 @@
 $colors: (
-  primary:          #00ADDC,
-  font:             #FFFFFF,
-  grey:             #848286,
-  button:           #313131,
-  background:       #363636
+  primary:          #2962ff,
+  font:             #c1d8ff,
+  grey:             #1c2d92,
+  button:           #0b0f36,
+  background:       #0b0f36 /* same as rgba(26, 35, 126, 0.43), tinted with black */
 );
 @import "~bootstrap/scss/bootstrap";
 @media all {
diff --git a/src/styles/main.scss b/src/styles/main.scss
index a53778f..da776ea 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -7,6 +7,7 @@ html {
     background-size: cover;
     -webkit-overflow-scrolling: touch;
     user-select: none;
+    background-color: map-get($colors, background);
 }
 
 @keyframes zoomIn {
@@ -72,6 +73,10 @@ body {
                     line-height: $header_size*0.30;
                 }
             }
+            .button:hover {
+                background-color: map-get($colors, primary);
+            }
+
         }
 
         .infoContainer {
diff --git a/src/styles/portrait.scss b/src/styles/portrait.scss
index ebe28ce..14976d0 100644
--- a/src/styles/portrait.scss
+++ b/src/styles/portrait.scss
@@ -1,9 +1,5 @@
 @media (orientation: portrait) {
 
-    html {
-        background-image: url('../images/vertical_background.png');
-    }
-
     body {
         .top{
             width: 100%;
@@ -27,4 +23,4 @@
         }
 
     }
-}
\ No newline at end of file
+}
-- 
cgit 1.2.3-korg