i2p-styleguide/assets/javascript/index.js

// $(function(){
//     var current = location.href;
//     $('.list-group-item a').each(function(){
//         var $this = $(this);
// 				var route = $this[0].href.split("/").pop();
//
// 				var location = current.split("/").indexOf(route);
// 				console.log(current);
// 				console.log(route);
// 				console.log(location);
//
// 				if(location >= 0) {
// 					$('.list-group-item a').addClass('active');
// 				}
//     })
// });

$(document).ready(function () {
  var listItems = $('.sidebar__link__light');
  $.each(listItems, function (key, litem) {
      var aElement = $(litem)[0];

      if(aElement.href == document.URL.split('#')[0]) {
          $(litem).addClass('active');
      }
	$("#sidebar-left a li").click(function() {
  // Reset them
  $("#sidebar-left a li").removeClass("active");
  // Add to the clicked one only
  $(this).addClass("active");
});
  });
});

// $(function() {
	// var listItems = $('.rb-main-sidebar');
	// $.each(listItems, function (key, litem) {
	// 		var aElement = $(this).children(litem)[0];
	// 		console.log(aElement.href, document.URL.split('#')[0].slice(0, -1));
	// 		if(aElement.href == document.URL.split('#')[0].slice(0, -1)) {
	// 				$(litem).addClass('active');
	// 		}
	// });
// })

$('.rb-sidebar').on('click',function() {
    $('.rb-sidebar.active').removeClass('active');
    $(this).addClass('active');
});

// Theme Toggle

var toggle1 = document.getElementById("themer");
var toggle2 = document.getElementById("themer2");

toggle1.addEventListener('click', changeTheme);
toggle2.addEventListener('click', changeTheme);

function changeTheme() {
  if (document.documentElement.dataset.theme == 'dark') {
          document.documentElement.dataset.theme = 'light';
          window.localStorage.setItem('theme', 'light');
      } 
      else if (document.documentElement.dataset.theme == 'light') {
          document.documentElement.dataset.theme = 'dark';
          window.localStorage.setItem('theme', 'dark');
      }
}