From cf824ac334358114c0bd225231b79f7e8547aacd Mon Sep 17 00:00:00 2001 From: Jeff Avallone Date: Sat, 17 Feb 2018 22:19:39 -0500 Subject: [PATCH] Adjusting text color to improve contrast --- src/components/Form/style.css | 2 ++ src/components/Header/style.css | 1 + src/components/Message/style.css | 1 + src/site.css | 1 + 4 files changed, 5 insertions(+) diff --git a/src/components/Form/style.css b/src/components/Form/style.css index b35217f..a7b55fd 100644 --- a/src/components/Form/style.css +++ b/src/components/Form/style.css @@ -37,6 +37,7 @@ width: 10rem; border: 0 none; background: var(--control-gradient); + color: var(--color-black); cursor: pointer; padding: 0; margin-right: 1rem; @@ -65,6 +66,7 @@ height: var(--select-height); width: var(--select-width); background: var(--control-gradient); + color: var(--color-black); overflow: hidden; & select { diff --git a/src/components/Header/style.css b/src/components/Header/style.css index b573196..d7f5736 100644 --- a/src/components/Header/style.css +++ b/src/components/Header/style.css @@ -6,6 +6,7 @@ padding: 0 var(--content-margin); margin: 0 calc(-1 * var(--content-margin)) var(--spacing-margin) calc(-1 * var(--content-margin)); position: relative; + color: var(--color-black); &:after { content: attr(data-banner); diff --git a/src/components/Message/style.css b/src/components/Message/style.css index 0279daa..360fa1f 100644 --- a/src/components/Message/style.css +++ b/src/components/Message/style.css @@ -2,6 +2,7 @@ .message { background: var(--color-tan); + color: var(--color-black); margin: var(--spacing-margin) 0; box-shadow: 0 0 1rem color(var(--color-black) alpha(0.7)); diff --git a/src/site.css b/src/site.css index eaf2cdf..8553b04 100644 --- a/src/site.css +++ b/src/site.css @@ -10,6 +10,7 @@ body { padding: 0; font-family: sans-serif; background: var(--color-brown); + color: var(--color-tan); font-size: 1.6rem; }