search

fablabbcn / smartcitizen-web

The Smart Citizen Kit platform
https://smartcitizen.me
GNU Affero General Public License v3.0
13 stars 7 forks source link

Buttons re-styling #378

Closed marcelirodriguez closed 5 years ago

marcelirodriguez commented 5 years ago

Layout re-styling: layout

Padding proportions: padding

Buttons colors:

Status alert color:

pral2a commented 5 years ago

Somethings are missing, sorry for the lack of detail:

  1. Match exactly the buttons style from @marcelirodriguez reference. Including icons and colors:

56672488-d24f3c80-66b6-11e9-83b3-c6a3a4244876

Ask him for the required assets

  1. Bring the buttons to the showKit view (see red arrows)

Screenshot 2019-05-21 16 56 37

pral2a commented 5 years ago

If we prefer to bring a ready made icon library to the platform instead of @marcelirodriguez icons I am fine but we need to use it across the whole platform (except for the sensor specific icons)

viktorsmari commented 5 years ago

Here is how to change the colors globally, using AngularJS Material:

https://material.angularjs.org/latest/Theming/01_introduction

https://material.angularjs.org/latest/demo/colors

Theme can be changed here: https://github.com/fablabbcn/smartcitizen-web/blob/0edcb4b24cace7b716037ab91efec6a829f46073/src/app/app.module.js#L25-L29