Festivity all around!

res/template/home.html

@@ -95,8 +95,8 @@
 		{{template "page_top" .}}
 
 		<picture>
-			<source media="(max-width: 800px)" srcset="/res/img/header_orbitron.png">
+			<source media="(max-width: 800px)" srcset="/res/img/header_orbitron_santa.png">
-			<img class="header_image" src="/res/img/header_orbitron_wide.png" alt="Header image">
+			<img class="header_image" src="/res/img/header_orbitron_wide_santa.png" alt="Header image">
 		</picture>
 		<br/>
 

svelte/src/file_viewer/AdSkyscraper.svelte

@@ -129,7 +129,6 @@ head.valueimpression_loaded.subscribe(v => {
 	padding: 0;
 	text-align: center;
 	transition: right 0.5s;
-	background-color: var(--layer_2_color);
 }
 .ad_space {
 	width: 100%;

svelte/src/file_viewer/FileViewer.svelte

@@ -528,7 +528,15 @@ const keyboard_event = evt => {
 	width: 100%;
 	height: 100%;
 	overflow: hidden;
-	background-color: var(--layer_2_color);
+	/* background-color: var(--layer_2_color); */
+	background: repeating-linear-gradient(
+		315deg,
+		#0b3100 0px,
+		#0b3100 18px,
+		#3d0000 20px,
+		#3d0000 38px,
+		#0b3100 40px
+	);
 }
 
 /* Headerbar (row 1) */
@@ -614,7 +622,7 @@ const keyboard_event = evt => {
 	padding: 0;
 	text-align: left;
 	transition: left 0.5s, right 0.5s;
-	background-color: var(--layer_2_color);
+	/* background-color: var(--layer_2_color); */
 	z-index: 1;
 }
 .toolbar.toolbar_visible { left: 0; }

webcontroller/user_style.go

@@ -36,7 +36,8 @@ func userStyle(r *http.Request) pixeldrainStyleSheet {
 	case "default":
 		fallthrough // use default case
 	default:
-		return defaultPixeldrainStyle
+		// return defaultPixeldrainStyle
+		return maroonStyle
 	}
 }
 
@@ -264,7 +265,7 @@ var solarizedDarkStyle = pixeldrainStyleSheet{
 }
 
 var maroonStyle = pixeldrainStyleSheet{
-	TextColor:                hsl{0, 0, .7},
+	TextColor:                hsl{0, 0, .8},
 	InputColor:               hsl{0, .75, .25},
 	InputTextColor:           hsl{0, 0, 1},
 	HighlightColor:           hsl{0, 1, .4},