fix: colors in menu for better color contrast

Button color set to contrast colors from the user agent injected button text color that affected accessibility in safari, and fixed color contrast for dark theme
mdn · Sep 18, 2024 · c3f3370 · c3f3370
1 parent 316901b
commit c3f3370
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/live-examples/html-examples/interactive-elements/css/menu.css b/live-examples/html-examples/interactive-elements/css/menu.css
@@ -1,7 +1,11 @@
 .news {
-  background-color: black;
+  background-color: bisque;
   padding: 1em;
   border: solid thin black;
+
+  @media (prefers-color-scheme: dark) {
+    background-color: black;
+  }
 }
 
 menu {
@@ -10,4 +14,9 @@ menu {
   padding: 0;
   margin-bottom: 0;
   gap: 1em;
-}
+}
+
+button {
+  color: black;
+  background: white;
+}