From a86a1eebddabca1f68ee050e89b56df7c692cd33 Mon Sep 17 00:00:00 2001
From: Soitora <simon.mattila@protonmail.com>
Date: Wed, 1 Feb 2023 18:56:54 +0100
Subject: [PATCH] Methods to guard against low visibility

Panorama ads are screwing with the visibility of some important elements.

Now there's a drop-shadow to the navigation buttons, as well as a background behind the main content that appears if if detects the "adPanorama" class.
---
 src/sweclockers-dark.styl | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/sweclockers-dark.styl b/src/sweclockers-dark.styl
index 69e00c0..6400d6a 100644
--- a/src/sweclockers-dark.styl
+++ b/src/sweclockers-dark.styl
@@ -190,6 +190,17 @@ img {
 			background-color: darken(var-background-1, 40%)
 		}
 	}
+
+	&.adPanorama {
+		+ #content-columns {
+			.col {
+				&.col-content-wide {
+					background-color var-background-1
+					border-radius var-border-radius
+				}
+			}
+		}
+	}
 }
 
 .button,
@@ -1573,6 +1584,7 @@ fieldset {
 					> a {
 						color: var-text-2
 						fill: var-text-2 !important
+						text-shadow: 1px 1px 1px var-background-1
 
 						&:hover {
 							background-color: var-highlight
@@ -1584,6 +1596,10 @@ fieldset {
 							background-color: var-highlight
 							color: var-theme
 						}
+
+						svg {
+							filter: drop-shadow(1px 1px 1px var-background-1)
+						}
 					}
 
 					> span {