Gestion liste déroulante

Salut à tous j'ai un petit problème de gestion de liste déroulante
Alors j'ai une liste avec deux option :
clair et foncé.

Si on prend foncé ça change le design d'un div et des enfant dedant, et je voudrai que si par la suite on re selectionne clair bah ça rechange le design, sauf que j'arrive à change le design une première fois mais pas à le remettre à la base...
Voila mon script :
Code : JavaScript

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
//Fonction pour le style de la box
		function StyleBoxFB()
		{
			if(document.getElementById("color_page_fb").value = 'dark')
				{
					//On change le style de la box
					document.getElementById('page_f_fb').style.border = "solid gray 1px";
					 document.getElementById('page_f_fb').style.backgroundColor = "#000000";
					  document.getElementById('page_f_fb').style.color = "#FFFFFF";
					   document.getElementById('hreader_fb').style.backgroundColor = "#000000";
					    document.getElementById('color_title_fb').style.color = "#FFFFFF";
						return false;
 
				}
				else
				{
					if(document.getElementById("color_page_fb").value = 'light'){
					//On change le style de la box
					document.getElementById('page_f_fb').style.border = "solid gray 1px";
					 document.getElementById('page_f_fb').style.backgroundColor = "#FFFFFF";
					  document.getElementById('page_f_fb').style.color = "#333";
					   document.getElementById('hreader_fb').style.backgroundColor = "#EDEFF4";
					    document.getElementById('color_title_fb').style.color = "#333";
						}
 
				}
		}

Et voila ma petite liste :
Code : HTML

Code:

1
2
3
4
5
<label class="taille_150px" for="theme_page_fb">Thème de votre module :</label>
					<select class="input_2semilong"  id="color_page_fb" name="color_fb" onchange="StyleBoxFB()">
						<option name="change_style" value="light">Clair</option>					
						<option name="change_style" value="dark">Foncé</option>					
					</select>

Merci de votre aide.