Globally define theme colours

res/include/script/dependencies/drawGraph.js

@@ -18,7 +18,7 @@ function drawGraph(element, label, dataType) {
 				datasets: [
 					{
 						label: label,
-						backgroundColor: highlightColor,
+						backgroundColor: "#" + window.style.highlightColor,
 						borderWidth: 0,
 						lineTension: 0,
 						fill: true,

res/include/script/file_viewer/Skyscraper.js

@@ -19,9 +19,16 @@ Skyscraper.prototype.open = function () {
 	}
 
 	if (skyscraperType === "a-ads") {
+		let adsColours = "&background_color=" + window.style.layer2Color +
+			"&text_color=" + window.style.textColor +
+			"&title_color=" + window.style.highlightColor +
+			"&title_hover_color=" + window.style.highlightColor +
+			"&link_color=" + window.style.highlightColor +
+			"&link_hover_color=" + window.style.highlightColor
+
 		this.divAdSpace.innerHTML = `<iframe
 				data-aa="1811738"
-				src="//ad.a-ads.com/1811738?size=160x600"
+				src="//ad.a-ads.com/1811738?size=160x600${adsColours}"
 				style="width:160px; height:600px; border:0px; padding:0; overflow:hidden; background-color: transparent;" >
 			</iframe>`
 	} else {

res/template/file_viewer.html

@@ -8,6 +8,7 @@
 		{{ template "opengraph" .OGData }}
 
 		{{ template "user_style" . }}
+		{{ template "user_style_js" . }}
 
 		<link rel="icon" sizes="32x32" href="/res/img/pixeldrain_32.png" />
 		<link rel="icon" sizes="128x128" href="/res/img/pixeldrain_128.png" />
@@ -324,7 +325,6 @@
 			let captchaKey = '{{.Other.CaptchaKey}}';
 			let embeddedViewer = {{.Other.Embedded}};
 			let userAuthenticated = {{.Authenticated}};
-			let highlightColor = '#{{.Style.HighlightColor.RGB}}';
 			let skyscraperType = "{{.Other.AdSkyscraperType}}"
 
 			{{template `util.js`}}

res/template/fragments/user_style.html

@@ -4,3 +4,19 @@
 {{template "layout.css" .}}
 </style>
 {{end}}
+
+{{ define "user_style_js" }}
+<script>
+	window.style = {
+		textColor: "{{.Style.TextColor.RGB}}",
+		inputColor: "{{.Style.InputColor.RGB}}",
+		inputTextColor: "{{.Style.InputTextColor.RGB}}",
+		highlightColor: "{{.Style.HighlightColor.RGB}}",
+		dangerColor: "{{.Style.DangerColor.RGB}}",
+		layer1Color: "{{.Style.Layer1Color.RGB}}",
+		layer2Color: "{{.Style.Layer2Color.RGB}}",
+		layer3Color: "{{.Style.Layer3Color.RGB}}",
+		layer4Color: "{{.Style.Layer4Color.RGB}}",
+	}
+</script>
+{{ end }}