Merge pull request #310 from fwcd/darken-bgs

Darken splash and cover backgrounds to lower contrast and improve readability
mixxxdj · Jan 16, 2024 · f680e91 · f680e91
2 parents af19245 + 40d3525
commit f680e91
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/theme/static/css/pages/features.css b/theme/static/css/pages/features.css
@@ -1,9 +1,9 @@
 #hardware.cover-bg {
-    background-image: url('/theme/images/cover/hardware-bg.jpg');
+    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/theme/images/cover/hardware-bg.jpg');
 }
 
 #library.cover-bg {
-    background-image: url('/theme/images/cover/library-bg.jpg');
+    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/theme/images/cover/library-bg.jpg');
 }
 
 #broadcast.cover-bg {

diff --git a/theme/static/css/pages/index.css b/theme/static/css/pages/index.css
@@ -1,5 +1,5 @@
 .splash.cover-bg {
-    background-image: url('/theme/images/cover/splash-bg.jpg');
+    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.9)), url('/theme/images/cover/splash-bg.jpg');
 }
 
 .splash .splash-logo {