Хаки Colour coding - Изменение цветовой гаммы форума

#topbar {
height: 32px;
background: #CCCCCC;
}
.colorchooser {
float:right;
margin-right:10px;
margin-top:10px;
}
.colorchooser span {
  font-family:arial; 
  color:#FFFFFF; 
  font-size:10px; 
  text-decoration:none; 
  float:left; 
  display:block;
}
.colorchooser a {
  width:10px; 
  height:10px; 
  display:block;
  float:left;
  margin-left:5px
}
         

<link rel="alternate stylesheet" type="text/css" media="screen" title="orange-theme" href="orange.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="violet-theme" href="violet.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="red-theme" href="red.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="grey-theme" href="grey.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="black-theme" href="black.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="pinkish-theme" href="pinkish.css" />
<script src="styleswitch.js" type="text/javascript"></script>

<div id="topbar">
<div class="colorchooser"><span>выберите цвет:</span>
<a href="javascript:chooseStyle('none', 60)" style="background-color:#5A0000;"></a>
<a href="javascript:chooseStyle('orange-theme', 7)" style="background-color:#FF9900;"></a>
<a href="javascript:chooseStyle('violet-theme', 7)" style="background-color:#003366;"></a>
<a href="javascript:chooseStyle('red-theme', 7)" style="background-color:#990000;"></a>
<a href="javascript:chooseStyle('grey-theme', 7)" style="background-color:#999999;"></a>
<a href="javascript:chooseStyle('black-theme', 7)" style="background-color:#000000;"></a>
<a href="javascript:chooseStyle('pinkish-theme', 7)" style="background-color:#B26267;"></a> </div> 
</div>
         

#topbar {
 height: 32px;
 background-color: transparent;
 margin-top:-30px;
 }
 .colorchooser {
 float:right;
 margin-right:10px;
 margin-top:10px;
 }
 .colorchooser span {
   font-family:arial; 
   color:#FFFFFF; 
   font-size:11px; 
   text-decoration:none; 
   float:left; 
   display:block;
   margin-top:-2px;
 }
 .colorchooser a {
   width:10px; 
   height:10px; 
   display:block;
   float:left;
   margin-left:5px
 }
         

 <link rel="alternate stylesheet" type="text/css" media="screen" title="orange-theme" href="colourcoding/orange.css" />
 <link rel="alternate stylesheet" type="text/css" media="screen" title="violet-theme" href="colourcoding/violet.css" />
 <link rel="alternate stylesheet" type="text/css" media="screen" title="red-theme" href="colourcoding/red.css" />
 <link rel="alternate stylesheet" type="text/css" media="screen" title="grey-theme" href="colourcoding/grey.css" />
 <link rel="alternate stylesheet" type="text/css" media="screen" title="black-theme" href="colourcoding/black.css" />
 <link rel="alternate stylesheet" type="text/css" media="screen" title="pinkish-theme" href="colourcoding/pinkish.css" />
 <script src="colourcoding/styleswitch.js" type="text/javascript"></script>

 <div id="topbar" onMouseOver="this.style.marginTop='0px';this.style.background='#CCCCCC'" onClick="this.style.marginTop='-30px';this.style.background='transparent'">
 <div class="colorchooser"><span><b>выберите цвет:</b></span>
 <a href="javascript:chooseStyle('none', 60)" style="background-color:#10559A;"></a>
 <a href="javascript:chooseStyle('orange-theme', 7)" style="background-color:#EE8800;"></a>
 <a href="javascript:chooseStyle('violet-theme', 7)" style="background-color:#5533BB;"></a>
 <a href="javascript:chooseStyle('red-theme', 7)" style="background-color:#EE0000;"></a>
 <a href="javascript:chooseStyle('grey-theme', 7)" style="background-color:#999999;"></a>
 <a href="javascript:chooseStyle('black-theme', 7)" style="background-color:#000000;"></a>
 <a href="javascript:chooseStyle('pinkish-theme', 7)" style="background-color:#F28287;"></a> </div> 
 </div>