Make menu elements easier to recognize

5 files changed, 19 insertions, 3 deletions

diff --git a/images/close.svg b/images/close.svg
index 7d5875c..184843d 100644
--- a/images/close.svg
+++ b/images/close.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#e4b63a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
diff --git a/images/menu.svg b/images/menu.svg
index e8a84a9..eec9988 100644
--- a/images/menu.svg
+++ b/images/menu.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#e4b63a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
diff --git a/images/share.svg b/images/share.svg
deleted file mode 100644
index 09b1c7b..0000000
--- a/images/share.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-share-2"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line></svg>
\ No newline at end of file
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);
+    }
+}