Restyling webapp SCK 2.0

viktorsmari commented 6 years ago

@marcelirodriguez:

Add padding on the content: 20px (top) 30px (left) 30px (right)

[x] Change top bar color to #262626
[x] Change CYAN text color to #0C2EFB
[x] Change CYAN button color to #FFC100 and the text on it to #262626
[x] Change GREEN alert color to #8CC252
[x] Change RED alert color to #FF3D4C
[x] Change the logo for the full-white version: https://smartcitizen.me/assets/images/smartcitizen_logo.svg

Thoughts:

[ ] Should we use a better icon for the (i) in the top right? Because this also includes some advanced functions like force updating the firmware.
[ ] Are all colors correct?
[ ] Is this the final font? We can only use Web Safe fonts because of size limitations

viktorsmari commented 5 years ago

Colors have been updated to match the ones we use on new.smartcitizen.me

viktorsmari commented 5 years ago

We need to use any of the Web Safe fonts, because a font file is to big, example: 168K Roboto-Thin.ttf

fablabbcn / smartcitizen-kit-20