fix(frontend): banner text legiblility with dark color scheme

getindiekit · Sep 6, 2020 · 4995ba3 · 4995ba3
1 parent b22224d
commit 4995ba3
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/packages/frontend/components/banner/styles.css b/packages/frontend/components/banner/styles.css
@@ -22,6 +22,13 @@
   display: flex;
 }
 
+/* Inverse text color with dark scheme to retain legiblility */
+@media (prefers-color-scheme: dark) {
+  .banner__body {
+    color: var(--color-neutral-lightest);
+  }
+}
+
 .banner__text {
   flex: 1 1 auto;
 }