summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorJacobo Aragunde Pérez <jaragunde@igalia.com>2023-12-22 10:47:15 +0100
committerJacobo Aragunde P�rez <jaragunde@igalia.com>2023-12-22 10:47:49 +0000
commit32098508fa7375690ea1b8dc9da4e7ca641494c1 (patch)
tree48737dda86b6f8e9f642ed425305d005fdd22da8
parente85c42ae77592afdb72df8e8d4f27e0e7ad17bb9 (diff)
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
-rw-r--r--src/images/horizontal_background.pngbin1027813 -> 0 bytes
-rw-r--r--src/images/horizontal_background_720.pngbin557151 -> 0 bytes
-rw-r--r--src/images/vertical_background.pngbin948820 -> 0 bytes
-rw-r--r--src/images/vertical_background_720.pngbin516530 -> 0 bytes
-rw-r--r--src/styles/app.scss10
-rw-r--r--src/styles/main.scss5
-rw-r--r--src/styles/portrait.scss6
7 files changed, 11 insertions, 10 deletions
diff --git a/src/images/horizontal_background.png b/src/images/horizontal_background.png
deleted file mode 100644
index 27a811e..0000000
--- a/src/images/horizontal_background.png
+++ /dev/null
Binary files differ
diff --git a/src/images/horizontal_background_720.png b/src/images/horizontal_background_720.png
deleted file mode 100644
index 3bef6ce..0000000
--- a/src/images/horizontal_background_720.png
+++ /dev/null
Binary files differ
diff --git a/src/images/vertical_background.png b/src/images/vertical_background.png
deleted file mode 100644
index 76c7679..0000000
--- a/src/images/vertical_background.png
+++ /dev/null
Binary files differ
diff --git a/src/images/vertical_background_720.png b/src/images/vertical_background_720.png
deleted file mode 100644
index f25adbf..0000000
--- a/src/images/vertical_background_720.png
+++ /dev/null
Binary files 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
+}