fix: images in dark mode

2022-08-07 21:45:53 -04:00
parent 04cc83b8da
commit 16f13263d6
2 changed files with 21 additions and 1 deletions
--- a/components/HamburgerMenu.vue
+++ b/components/HamburgerMenu.vue
@@ -136,9 +136,24 @@ html.dark .drawer {
 .drawer li a {
  /* overwrite tailwind */
  text-decoration: none;
+  border-radius: 0.5rem;
  width: 100%;
 }

+.drawer li a:hover,
+.drawer li a:active {
+  --drawer-active-color: lightgray;
+  background: var(--drawer-active-color);
+}
+
+html.dark .drawer li a {
+  --drawer-active-color: darkslategray;
+}
+
+html.dark .drawer img {
+  filter: invert(1); /* brightness didn't work */
+}
+
 /* hamburger animation */

 .ham {