diff options
author | 2023-12-22 10:47:15 +0100 | |
---|---|---|
committer | 2023-12-22 10:47:49 +0000 | |
commit | 32098508fa7375690ea1b8dc9da4e7ca641494c1 (patch) | |
tree | 48737dda86b6f8e9f642ed425305d005fdd22da8 /src/styles | |
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
Diffstat (limited to 'src/styles')
-rw-r--r-- | src/styles/app.scss | 10 | ||||
-rw-r--r-- | src/styles/main.scss | 5 | ||||
-rw-r--r-- | src/styles/portrait.scss | 6 |
3 files changed, 11 insertions, 10 deletions
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 +} |