GIScience / ohsome-quality-api

Data quality estimations for OpenStreetMap
https://api.quality.ohsome.org
GNU Affero General Public License v3.0
35 stars 7 forks source link

Define color palette for plots #591

Closed matthiasschaub closed 1 year ago

mcauer commented 1 year ago

Colors currently used in ohsome dashboard: image

mcauer commented 1 year ago

Examples: 1) all colors like in css framework, 2) colors from plotly (green, red) mixed with yellow from css framework image

matthiasschaub commented 1 year ago

After discussion, let's stick to what dashboard css theme provides. @mcauer will add a list of colors and their hexcodes to this issue.

mcauer commented 1 year ago

These are the default colors of the Sematic UI CSS Framework:

/*---  Colors  ---*/
@red              : #DB2828;
@orange           : #F2711C;
@yellow           : #FBBD08;
@olive            : #B5CC18;
@green            : #21BA45;
@teal             : #00B5AD;
@blue             : #2185D0;
@violet           : #6435C9;
@purple           : #A333C8;
@pink             : #E03997;
@brown            : #A5673F;
@grey             : #767676;
@black            : #1B1C1D;

So for the currentness indicator we need:

@red : #DB2828;

@yellow : #FBBD08;

@green : #21BA45;