X-Git-Url: http://git.ieval.ro/?a=blobdiff_plain;f=js%2F90-themes.js;h=0b043b8e393adc21146c4a698286f441ea499f98;hb=911c62b8bdc652e0d33d33cd366905acdcb93290;hp=7221ddeac3eb40f7ea1e22255aa5ead6ed84d872;hpb=d53c616a782a89da8c980d29ee65d1f3b34b6f27;p=gruntmaster-page.git

diff --git a/js/90-themes.js b/js/90-themes.js
index 7221dde..0b043b8 100644
--- a/js/90-themes.js
+++ b/js/90-themes.js
@@ -4,13 +4,27 @@
 		$('link[rel~="stylesheet"]').prop('disabled', true);
 		$('link[title="' + name + '"]').prop('disabled', false);
 		localStorage.setItem("theme", name);
+		$(document).ready(function() {
+			if(name == 'slate' || name == 'cyborg')
+				$('.logo').removeClass('logo-light');
+			else
+				$('.logo').addClass('logo-light');
+		});
+	}
+
+	var selector;
+
+	function add_themelink(theme, text) {
+		var link = $('<a role="button">' + text + '</a>');
+		link.appendTo(selector.find('ul')).wrap('<li>').on('click', function () { set_style(theme) });
 	}
 
 	$( document ).ready(function() {
-		$('#theme-selector').detach().prependTo($('#sidebar'));
-		$('#theme_slate'   ).on('click', function () { set_style("slate"); });
-		$('#theme_cyborg'  ).on('click', function () { set_style("cyborg"); });
-		$('#theme_readable').on('click', function () { set_style("readable"); });
+		selector = $('<div>Themes: <ul class="list-inline"></ul></div>');
+		add_themelink('cyborg', 'Black');
+		add_themelink('slate', 'Grey');
+		add_themelink('readable', 'White');
+		$('#sidebar').prepend(selector);
 	});
 
 	var theme = localStorage.getItem("theme");