[Dilettante_Pro]

<style type="text/css" id="default">
    .default_default {
      fill: #808080;
      stroke: #000000;
      stroke-width: 1px;
    }
   .default_on {
      fill: #00FF00;
      stroke: #000000;
      stroke-width: 1px;
    }
</style>

<svg>  
<rect width="200" height="200" class="default_default"/>  
</svg>
<script>
setTimeout( function() {
  var el = document.querySelector('rect');
  el.classList.remove("default_default");
  el.classList.add("default_on");
}, 3000);
</script>