smartcitizen-kit-20 icon indicating copy to clipboard operation
smartcitizen-kit-20 copied to clipboard

Published 20 hours ago • verified publisher icon fablabbcn

Restyling webapp SCK 2.0

Open viktorsmari opened this issue 6 years ago • 2 comments

@marcelirodriguez:

https://fablabbcn.github.io/smartcitizen-kit-20/esp/build_data/

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 avatar Jul 10 '18 13:07 viktorsmari

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

viktorsmari avatar Dec 13 '18 21:12 viktorsmari

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

viktorsmari avatar Dec 17 '18 12:12 viktorsmari