Make menu elements easier to recognize

2 files changed, 17 insertions, 0 deletions

diff --git a/stylesheets/commun.css b/stylesheets/commun.css
index c6c665b..acda5e8 100644
--- a/stylesheets/commun.css
+++ b/stylesheets/commun.css
@@ -265,6 +265,7 @@ footer.legal {
         margin: 0;
         z-index: 3;
         opacity: 0;
+        cursor: pointer;
     }
     header.slidingmenu img.button {
         position: absolute;
@@ -274,6 +275,16 @@ footer.legal {
         width: 2.4rem;
         height: 2.4rem;
     }
+    header.slidingmenu img.button {
+        filter: brightness(0);
+    }
+    header.slidingmenu > input:hover ~ img.button.open,
+    header.slidingmenu > input:focus ~ img.button.open,
+    header.slidingmenu > input:hover ~ .content > img.button.close,
+    header.slidingmenu > input:focus ~ .content > img.button.close {
+        filter: none;
+    }
+
     header.slidingmenu > .content {
         position: fixed;
         overflow: auto;
diff --git a/stylesheets/dark.css b/stylesheets/dark.css
index 0b96216..654d2e0 100644
--- a/stylesheets/dark.css
+++ b/stylesheets/dark.css
@@ -15,3 +15,9 @@ footer.social a.lang:hover {
 body > header.banner img, footer.social a img {
     filter: brightness(10);
 }
+
+@media (max-width: 40em) {
+    header.slidingmenu > img.button.open {
+        filter: brightness(10);
+    }
+}