Kodlarimi Kisaltamiyorum Neden?

Birazcık kodlama bilgim var js'de yeniyim. Şöyle bir kod yazabildim:


var koyu1 = document.getElementById('board-ic').style.backgroundColor;
var koyu2 = document.getElementById('footer-ic').style.backgroundColor;
var koyu3 = document.getElementById('body').style.backgroundColor;
var acikRenk = document.body.style.backgroundColor;
function temaDegistir(x)
{
switch (x)
{
case 1 :
koyu1 = '#4C9CDA';
koyu2 = '#4C9CDA';
koyu3 = '#4C9CDA';
acikRenk = '#69b1e8'
break
case 2 :
document.getElementById('board-ic').style.backgroundColor = '#990033';
document.getElementById('footer-ic').style.backgroundColor = '#990033';
document.getElementById('body').style.backgroundColor = '#990033';
document.body.style.backgroundColor = '#D70046'
break
case 3 :
document.getElementById('board-ic').style.backgroundColor = '#006600';
document.getElementById('footer-ic').style.backgroundColor = '#006600';
document.getElementById('body').style.backgroundColor = '#006600';
document.body.style.backgroundColor = '#009700'
break
}
}

Bu kodda case 2 ve case 3'e olmasını istediğim gibi yazdım oldu. Ama sürekli aynı kodları tekrarlamak yerine kısaltmayı denedim ve var kısmı oluşturdum üstte, bunu case 1 kısmında uyguladım ama çalışmadı. Acaba ne düzenleme gerekiyor daha? ya da neyi eksik yapmışım?