X-Git-Url: https://git.wh0rd.org/?p=chrome-ext%2Fweb-power-switch.git;a=blobdiff_plain;f=options.js;h=e1c9702e1ac7b932672cf5b2a5dccf1a7ce1f0ed;hp=540d7cc128fc9121aac2d6ecf43d339a0d083b14;hb=HEAD;hpb=dc7033a88058ecf87b57c8f660d5149a6726a24e

diff --git a/options.js b/options.js
index 540d7cc..4df24aa 100644
--- a/options.js
+++ b/options.js
@@ -55,14 +55,40 @@ function toggle_visible_pass() {
 	return false;
 }
 
+function theme_select(theme, init) {
+	const theme_system = $('#theme-system');
+	const theme_light = $('#theme-light');
+	const theme_dark = $('#theme-dark');
+
+	theme_system.className = theme == 'system' ? 'selected' : '';
+	theme_light.className = theme == 'light' ? 'selected' : '';
+	theme_dark.className = theme == 'dark' ? 'selected' : '';
+
+	if (init) {
+		theme_system.onclick = theme_click;
+		theme_light.onclick = theme_click;
+		theme_dark.onclick = theme_click;
+	}
+}
+
+function theme_click() {
+	const theme = this.textContent.toLowerCase();
+	theme_select(theme);
+	storage.set({theme});
+}
+
 window.onload = function() {
-	storage.get(settings_keys, function(settings) {
+	storage.get(settings_keys, function(settings_storage) {
+		const settings = Object.assign({}, settings_defaults, settings_storage);
+
+		theme_select(settings['theme'], true);
+
 		var field = document.getElementById('save');
 		field.onclick = update_settings;
 
 		settings_keys.forEach(function(key) {
 			var field = document.getElementById(key);
-			field.value = settings[key] || settings_defaults[key];
+			field.value = settings[key];
 			field.onkeydown = keydown;
 		});
 	});