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.
Soitora · Feb 1, 2023 · a86a1ee · a86a1ee
1 parent b59d75f
commit a86a1ee
Showing 1 changed file with 16 additions and 0 deletions.
diff --git 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 {