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.

Sign up for GitHub

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

Jump to bottom

Color palette #46

Closed
sueszli opened this issue Sep 24, 2022 · 4 comments
Closed

Color palette #46

sueszli opened this issue Sep 24, 2022 · 4 comments
Labels
documentation Improvements or additions to documentation

Comments

@sueszli
Copy link
Member

sueszli commented Sep 24, 2022 •
edited
Loading

We currently don’t have a color palette matching our logo.
Check out https://material.io/resources/color/ to create one automatically.

Our logo consists of the following colors:

  • #2e7d32
  • #81c784
@sueszli
Copy link
Member Author

sueszli commented Sep 28, 2022 •
edited
Loading

Color scheme based on the colors of our logo

image

@sueszli
Copy link
Member Author

sueszli commented Sep 28, 2022 •
edited
Loading

Readability based on text opacity

image

@sueszli
Copy link
Member Author

sueszli commented Sep 28, 2022 •
edited
Loading

Color palette

Our logo consists of the following colors:

  • #2e7d32
  • #81c784

PRIMARY

  • main: #81c784
  • light: #b2fab4
  • dark: #519657
  • text color: #000000 (check table above to see which opacities are readable)

SECONDARY

  • main: #2e7d32
  • light: #60ad5e
  • dark: #005005
  • text color: #ffffff (check table above to see which opacities are readable)

Alternatively we can also just use the vuetify colors that are closest to the ones we have here - as seen in the docs.

@sueszli
Copy link
Member Author

sueszli commented Sep 28, 2022

User interface examples

image

image

image

image

image

image

@stefnotch stefnotch added the documentation Improvements or additions to documentation label Sep 29, 2022
@sueszli sueszli closed this as completed Oct 6, 2022
@stefnotch stefnotch mentioned this issue Oct 6, 2022
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
documentation Improvements or additions to documentation
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@stefnotch @sueszli