From a9db3af45adf8104b1fb0619781dec5ab692b854 Mon Sep 17 00:00:00 2001
From: Isaiah Odhner <isaiahodhner@gmail.com>
Date: Mon, 18 Feb 2019 01:46:50 -0500
Subject: [PATCH] Fix thing but break thing

Fix loading resources being loaded relative to the page instead of the stylesheet because it was loaded as <style> instead of <link>
But how are we gonna know when it loads?
---
 src/theme.js | 52 ++++------------------------------------------------
 1 file changed, 4 insertions(+), 48 deletions(-)

diff --git a/src/theme.js b/src/theme.js
index d5e9a65..7d2864c 100644
--- a/src/theme.js
+++ b/src/theme.js
@@ -16,8 +16,6 @@
 	theme_link.id = "theme-link";
 	document.head.appendChild(theme_link);
 
-	var theme_style = document.createElement("style");
-
 	window.set_theme = set_theme;
 	window.get_theme = get_theme;
 
@@ -35,34 +33,13 @@
 	function set_theme(theme) {
 		current_theme = theme;
 
-		var can_probably_refresh_to_switch = true;
-
 		try {
 			localStorage[theme_storage_key] = theme;
-		} catch(error) {
-			can_probably_refresh_to_switch = false;
-		}
-	
-		return (
-			fetch(href_for(theme))
-			.then(function(response) {
-				response.text().then(function(css) {
-					replace_existing_theme_with_loaded_css(
-						theme_link,
-						theme_style,
-						css
-					);
-				})
-			}, function(error) {
-				var error_message = "Failed to load theme.";
+		} catch(error) {}
 
-				if (can_probably_refresh_to_switch) {
-					error_message += " You can probably reload the app to finish switching themes.";
-				}
-
-				show_error_message(error_message, error);
-			})
-		);
+		theme_link.href = href_for(theme);
+		// TODO: (how?)
+		// $(window).triggerHandler("theme-load");
 	}
 
 	/**
@@ -72,25 +49,4 @@
 	function href_for(theme) {
 		return "styles/themes/" + theme;
 	}
-
-	/**
-	 * @param {HTMLElement} theme_link
-	 * @param {HTMLElement} theme_style
-	 * @param {string} css_content
-	 */
-	function replace_existing_theme_with_loaded_css(
-		theme_link,
-		theme_style,
-		css_content
-	) {
-		if (theme_link.parentElement) {
-			theme_link.parentElement.removeChild(theme_link);
-		}
-
-		theme_style.textContent = css_content;
-
-		document.head.appendChild(theme_style);
-
-		$(window).triggerHandler("theme-load");
-	}
 })();