Color Contrast Customization in Web Design

Question

How do I do the color color customization in HTML5? Examples can be found at http://perkins.org/ whereby they have a color contrast option on the top of their page.

Thank you!

Welcome to SO, how this works is.. You attempt to do it your self if you are stuck you post your code sample and we help you resolve the issue. Best of luck! — I am Cavic, Jan 10 '14 at 01:49
They're probably switching style sheets. See e.g. [Javascript: Change CSS File Dynamically + Cookie](http://stackoverflow.com/q/12229413) — Pekka, Jan 10 '14 at 01:52
Many more results when Googling ` css switch javascript stackoverflow` — Pekka, Jan 10 '14 at 01:52

score 0 · Accepted Answer · answered Jan 10 '14 at 01:54

0

Um, mark all the elements you want to change as class "contrast" and then change the color and the background color:

var elements = document.getElementsByClassName('contrast');
for (var i = 0; i < elements.length; i++) {
  elements[i].style.color = newcolor;
  elements[i].style.background = newbackground;
}

answered Jan 10 '14 at 01:54

csander

1,385
10
11

If this solves your issue, please accept the answer by clicking the check mark on your left as it will promote user "csander". – I am Cavic Jan 10 '14 at 01:59
Thank you so much! I truly appreciated the works that you guys have done! It saves me a lot of time trying to figure out the process. – user3180023 Jan 16 '14 at 03:33

Color Contrast Customization in Web Design

1 Answers1