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

Define color palette for plots #591

Closed
matthiasschaub opened this issue Jun 20, 2023 · 4 comments
Closed

Define color palette for plots #591

matthiasschaub opened this issue Jun 20, 2023 · 4 comments
Labels
brainstorming Idea for a potential new feature or adaption that still needs further discussion
Milestone

Comments

@matthiasschaub
Copy link
Collaborator

No description provided.

@matthiasschaub matthiasschaub changed the title Define a color palette for plots Define color palette for plots Jun 20, 2023
@matthiasschaub matthiasschaub added the brainstorming Idea for a potential new feature or adaption that still needs further discussion label Jun 27, 2023
@mcauer
Copy link
Member

mcauer commented Aug 23, 2023

Colors currently used in ohsome dashboard:
image

@mcauer
Copy link
Member

mcauer commented Aug 23, 2023

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

@matthiasschaub
Copy link
Collaborator Author

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
Copy link
Member

mcauer commented Aug 25, 2023

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;

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
brainstorming Idea for a potential new feature or adaption that still needs further discussion
Projects
None yet
Development

No branches or pull requests

2 participants