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

Use new color palette across the website #15

Open
anvithks opened this issue Feb 29, 2020 · 3 comments
Open

Use new color palette across the website #15

anvithks opened this issue Feb 29, 2020 · 3 comments
Labels
user-experience User experience related issues or enhancements

Comments

@anvithks
Copy link
Member

Use a common color palette across the website. The pages, elements, and overall mood of the website will be decided by the color scheme used across the website.

A color palette suggested by a designer is:
color-palette-cropped

Any alternate color palettes or how to use this palette can be discussed here.

@anvithks anvithks added the user-experience User experience related issues or enhancements label Feb 29, 2020
@stevenphtan
Copy link

#4B69A6
#0D2340
#264773
#9AB5D9
#67730D

/* Color Theme Swatches in Hex */
.Veles-e-Vents,-Valencia-1-hex { color: #4B69A6; }
.Veles-e-Vents,-Valencia-2-hex { color: #0D2340; }
.Veles-e-Vents,-Valencia-3-hex { color: #264773; }
.Veles-e-Vents,-Valencia-4-hex { color: #9AB5D9; }
.Veles-e-Vents,-Valencia-5-hex { color: #67730D; }

/* Color Theme Swatches in RGBA */
.Veles-e-Vents,-Valencia-1-rgba { color: rgba(74, 104, 165, 1); }
.Veles-e-Vents,-Valencia-2-rgba { color: rgba(12, 34, 63, 1); }
.Veles-e-Vents,-Valencia-3-rgba { color: rgba(37, 71, 114, 1); }
.Veles-e-Vents,-Valencia-4-rgba { color: rgba(153, 181, 216, 1); }
.Veles-e-Vents,-Valencia-5-rgba { color: rgba(102, 114, 12, 1); }

/* Color Theme Swatches in HSLA */
.Veles-e-Vents,-Valencia-1-hsla { color: hsla(219, 37, 47, 1); }
.Veles-e-Vents,-Valencia-2-hsla { color: hsla(213, 66, 15, 1); }
.Veles-e-Vents,-Valencia-3-hsla { color: hsla(213, 50, 29, 1); }
.Veles-e-Vents,-Valencia-4-hsla { color: hsla(213, 45, 72, 1); }
.Veles-e-Vents,-Valencia-5-hsla { color: hsla(67, 80, 24, 1); }

@anvithks
Copy link
Member Author

anvithks commented Mar 2, 2020

Thank you @stevenphtan this helps.

@anvithks
Copy link
Member Author

The color palette was changed to the one provided by Ariel.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
user-experience User experience related issues or enhancements
Projects
None yet
Development

No branches or pull requests

2 participants