From 0dad370921bc44573b59a518ee167d18537c5514 Mon Sep 17 00:00:00 2001
From: Alexandre <44178713+alexbelgium@users.noreply.github.com>
Date: Tue, 25 Jun 2024 15:57:48 +0200
Subject: [PATCH] Have a white halo around png on dark mode

---
 homepage/static/dark-style.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/homepage/static/dark-style.css b/homepage/static/dark-style.css
index a931d52..e0c60fe 100644
--- a/homepage/static/dark-style.css
+++ b/homepage/static/dark-style.css
@@ -156,6 +156,7 @@ button:hover {
   left: 0;
   padding: 10px;
   opacity: 0.7;
+  filter: drop-shadow(3px 3px 12px rgba(255, 255, 255, 0.6));
 }
 
 .modal {
@@ -208,6 +209,7 @@ button:hover {
   width:175px;
   display:initial !important;
   margin-left: 60px;
+  filter: drop-shadow(3px 3px 12px rgba(255, 255, 255, 0.6));
 }
 
 .topnav form {
@@ -242,6 +244,7 @@ button:hover {
 .topnav .icon {
   display: none;
   color: #f5f5f5;
+  filter: drop-shadow(3px 3px 12px rgba(255, 255, 255, 0.6));
 }
 
 .overview th {
@@ -562,11 +565,13 @@ button:hover {
   }
   .banner img {
     display: none;
+    filter: drop-shadow(3px 3px 12px rgba(255, 255, 255, 0.6));
   }
   .logo img {
     display: block;
     width: 60px;
     height: 60px;
+    filter: drop-shadow(3px 3px 12px rgba(255, 255, 255, 0.6));
   }
   .topnav.responsive {position: relative;}
   .topnav.responsive button {
@@ -600,6 +605,7 @@ button:hover {
   }
   .banner img {
     display: none;
+    filter: drop-shadow(3px 3px 12px rgba(255, 255, 255, 0.6));
   }
   .stream {
     float: right;
@@ -610,6 +616,7 @@ button:hover {
     display: block;
     width: 60px;
     height: 60px;
+    filter: drop-shadow(3px 3px 12px rgba(255, 255, 255, 0.6));
   }
   .play table,.overview table,.stats table {
     width: 100%;