Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save minesh1291/def5117c1cdc6cacf59b to your computer and use it in GitHub Desktop.
Save minesh1291/def5117c1cdc6cacf59b to your computer and use it in GitHub Desktop.
Copy and paste the code on your github profile page to change the graph colours... (DevTools » Console)
var GH = ['#EEEEEE', '#D6E685', '#8CC665', '#44A340', '#1E6823'];
var CO = ['#EF4B4D', '#F89B47', '#FAEA20', '#7DC242', '#5D94CE', '#855CA7'];
var graph = document.getElementsByClassName('js-calendar-graph-svg')[0];
var days = [].slice.call(graph.getElementsByTagName('rect'), 0);
days.forEach(function(rect) {
switch(rect.getAttribute('fill').toUpperCase()) {
case GH[0]: rect.setAttribute('fill', CO[2]); break; // yellow
case GH[1]: rect.setAttribute('fill', CO[Math.floor(Math.random() * 2)]); break; // red || orange
case GH[2]: rect.setAttribute('fill', CO[3]); break; // green
case GH[3]: rect.setAttribute('fill', CO[4]); break; // blue
case GH[4]: rect.setAttribute('fill', CO[5]); break; // purple
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment