Have a white halo around png on dark mode

This commit is contained in:
Alexandre
2024-06-25 15:57:48 +02:00
committed by GitHub
parent 475f03274a
commit 0dad370921
+7
View File
@@ -156,6 +156,7 @@ button:hover {
left: 0; left: 0;
padding: 10px; padding: 10px;
opacity: 0.7; opacity: 0.7;
filter: drop-shadow(3px 3px 12px rgba(255, 255, 255, 0.6));
} }
.modal { .modal {
@@ -208,6 +209,7 @@ button:hover {
width:175px; width:175px;
display:initial !important; display:initial !important;
margin-left: 60px; margin-left: 60px;
filter: drop-shadow(3px 3px 12px rgba(255, 255, 255, 0.6));
} }
.topnav form { .topnav form {
@@ -242,6 +244,7 @@ button:hover {
.topnav .icon { .topnav .icon {
display: none; display: none;
color: #f5f5f5; color: #f5f5f5;
filter: drop-shadow(3px 3px 12px rgba(255, 255, 255, 0.6));
} }
.overview th { .overview th {
@@ -562,11 +565,13 @@ button:hover {
} }
.banner img { .banner img {
display: none; display: none;
filter: drop-shadow(3px 3px 12px rgba(255, 255, 255, 0.6));
} }
.logo img { .logo img {
display: block; display: block;
width: 60px; width: 60px;
height: 60px; height: 60px;
filter: drop-shadow(3px 3px 12px rgba(255, 255, 255, 0.6));
} }
.topnav.responsive {position: relative;} .topnav.responsive {position: relative;}
.topnav.responsive button { .topnav.responsive button {
@@ -600,6 +605,7 @@ button:hover {
} }
.banner img { .banner img {
display: none; display: none;
filter: drop-shadow(3px 3px 12px rgba(255, 255, 255, 0.6));
} }
.stream { .stream {
float: right; float: right;
@@ -610,6 +616,7 @@ button:hover {
display: block; display: block;
width: 60px; width: 60px;
height: 60px; height: 60px;
filter: drop-shadow(3px 3px 12px rgba(255, 255, 255, 0.6));
} }
.play table,.overview table,.stats table { .play table,.overview table,.stats table {
width: 100%; width: 100%;