Buenas , tengo una duda de como se hace el cambiar colores de forma aleatoria cada ves que recargas una pagina , me fije que en los blogs de edteam hay una barra que cambia de color cada ves que recargas . (imagen de referencia)

lo que yo hice fue un código de scss que vi en un post

$color2:#3498db;
$color3:#2ecc71;
$color4:#9b59b6;
$color5:#34495e;
$colors: $color1,$color2,$color3,$color4,$color5;
$key: random( length($colors) );
$nth: nth( $colors, $key );
$main-color: $nth !default;

pero este solo cambia cuando hago un cambio en el scss y vuelvo a guardar , no cuando recargo la pagina. les agradecería si me pudieran ayudar en esto gracias de antemano,