Цвета этих переключателей: текущий номер страницы зеленого цвета  а остальные серого, ну в принципе как предоставлено на странице. Эти переключатели подойдут ко всем дизайнам, и ярких и темных;
Давайте установить эти переключатели на наши сайты)) 

• Заходим в Панель Управления (вашего сайта)-Управления Дизайном-Таблица стилей (CSS) и в самый низ (точнее позиция не важна) вставляем этот код 
  Код

  .catPages1 {color:#bbbbbb;border:0px;margin-bottom:10px;margin-top:10px;}  
  #pagesBlock1 {padding-top:10px;}  
  .catPages1 a:link,  
  .catPages1 a:visited,  
  .catPages1 a:hover,  
  .catPages1 a:active {font-family: tahoma;text-decoration:none;color: #ffffff;background:#bbbbbb;padding:3px 10px;font-size:11px;font-weight:bold;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-khtml-border-radius:2px;font-size: 10px;}  
  .catPages1 a:hover {font-family: tahoma;background:#69b44b;color:#FFFFFF;font-weight:bold;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-khtml-border-radius:2px;font-size: 10px; box-shadow: 0px 0px 0px 1px #5a9f22;text-shadow: 0px 1px 0px #579b1f;}  
  .catPages1 b {font-family: tahoma;text-decoration:none;background:#69b44b;padding:3px 10px;color:#ffffff;font-size:11px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-khtml-border-radius:2px;font-size: 10px; box-shadow: 0px 0px 0px 1px #5a9f22;text-shadow: 0px 1px 0px #579b1f;}
• Теперь идем в модуль где нам нужно заменить эти переключатели, ищем там $PAGE_SELECTOR1$ и заменяем на код указанный ниже
  
  Код

  <div class="catPages1">$PAGE_SELECTOR1$</div>