From ccdd59db7dc073eee0a35d0318640d9833824073 Mon Sep 17 00:00:00 2001 From: Jacobo Aragunde Pérez Date: Thu, 21 Dec 2023 11:13:12 +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: I5fbc95ee85cfc7182a4276e1cf14c9382c6687e9 --- src/images/dashboardTextures.svg | 2527 ++++++++++++++++++++++++++++++++++ src/images/horizontal_background.png | Bin 753195 -> 0 bytes src/images/vertical_background.png | Bin 719555 -> 0 bytes src/styles/landscape.scss | 6 +- src/styles/main.scss | 10 +- src/styles/portrait.scss | 9 +- 6 files changed, 2537 insertions(+), 15 deletions(-) create mode 100644 src/images/dashboardTextures.svg delete mode 100644 src/images/horizontal_background.png delete mode 100644 src/images/vertical_background.png (limited to 'src') diff --git a/src/images/dashboardTextures.svg b/src/images/dashboardTextures.svg new file mode 100644 index 0000000..04b8767 --- /dev/null +++ b/src/images/dashboardTextures.svg @@ -0,0 +1,2527 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/images/horizontal_background.png b/src/images/horizontal_background.png deleted file mode 100644 index b5a36e4..0000000 Binary files a/src/images/horizontal_background.png and /dev/null differ diff --git a/src/images/vertical_background.png b/src/images/vertical_background.png deleted file mode 100644 index 3f553fe..0000000 Binary files a/src/images/vertical_background.png and /dev/null differ 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 +} -- cgit 1.2.3-korg