diff options
| author |   Jacobo Aragunde Pérez <jaragunde@igalia.com> | 2023-12-22 10:47:15 +0100 |
|---|---|---|
| committer | Jacobo Aragunde P�rez <jaragunde@igalia.com> | 2023-12-22 10:47:49 +0000 |
| commit | 32098508fa7375690ea1b8dc9da4e7ca641494c1 (patch) | |
| tree | 48737dda86b6f8e9f642ed425305d005fdd22da8 | |
| parent | e85c42ae77592afdb72df8e8d4f27e0e7ad17bb9 (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.png | bin | 1027813 -> 0 bytes | |||
| -rw-r--r-- | src/images/horizontal_background_720.png | bin | 557151 -> 0 bytes | |||
| -rw-r--r-- | src/images/vertical_background.png | bin | 948820 -> 0 bytes | |||
| -rw-r--r-- | src/images/vertical_background_720.png | bin | 516530 -> 0 bytes | |||
| -rw-r--r-- | src/styles/app.scss | 10 | ||||
| -rw-r--r-- | src/styles/main.scss | 5 | ||||
| -rw-r--r-- | src/styles/portrait.scss | 6 |
7 files changed, 11 insertions, 10 deletions
diff --git a/src/images/horizontal_background.png b/src/images/horizontal_background.png Binary files differdeleted file mode 100644 index 27a811e..0000000 --- a/src/images/horizontal_background.png +++ /dev/null diff --git a/src/images/horizontal_background_720.png b/src/images/horizontal_background_720.png Binary files differdeleted file mode 100644 index 3bef6ce..0000000 --- a/src/images/horizontal_background_720.png +++ /dev/null diff --git a/src/images/vertical_background.png b/src/images/vertical_background.png Binary files differdeleted file mode 100644 index 76c7679..0000000 --- a/src/images/vertical_background.png +++ /dev/null diff --git a/src/images/vertical_background_720.png b/src/images/vertical_background_720.png Binary files differdeleted file mode 100644 index f25adbf..0000000 --- a/src/images/vertical_background_720.png +++ /dev/null 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 +} |
