search

sodafoundation / website

All that for SODA Foundation Website (sodafoundation.io)
5 stars 14 forks source link

Use new color palette across the website #15

Open anvithks opened 4 years ago

anvithks commented 4 years ago

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.

stevenphtan commented 4 years ago

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 commented 4 years ago

Thank you @stevenphtan this helps.

anvithks commented 4 years ago

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