Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Restyling webapp SCK 2.0 #8

Open
6 of 9 tasks
viktorsmari opened this issue Jul 10, 2018 · 2 comments
Open
6 of 9 tasks

Restyling webapp SCK 2.0 #8

viktorsmari opened this issue Jul 10, 2018 · 2 comments
Assignees

Comments

@viktorsmari
Copy link
Collaborator

viktorsmari commented Jul 10, 2018

@marcelirodriguez:

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

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

  • Change top bar color to #262626
  • Change CYAN text color to #0C2EFB
  • Change CYAN button color to #FFC100 and the text on it to #262626
  • Change GREEN alert color to #8CC252
  • Change RED alert color to #FF3D4C
  • 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
Copy link
Collaborator Author

viktorsmari commented Dec 13, 2018

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

@viktorsmari
Copy link
Collaborator Author

viktorsmari commented Dec 17, 2018

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants