From 46efbce69000af3b011e9cab4c7d512cf64ef04d Mon Sep 17 00:00:00 2001 From: Annemarie Date: Thu, 25 May 2023 15:49:24 -0700 Subject: [PATCH 1/5] chippy message on list view passes dark and light mode accessibility standards --- src/views/List.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/views/List.css b/src/views/List.css index 72676a1..df7fb15 100644 --- a/src/views/List.css +++ b/src/views/List.css @@ -12,7 +12,7 @@ text-shadow: 1px 1px gray; font-size: 1.5rem; line-height: 24px; - background: #2b90ca; + background: #247aab; border-radius: 40px; padding: 5%; text-align: left; From e34a40d04990a0dcb9a2885d2d4e50cbbfb51a5b Mon Sep 17 00:00:00 2001 From: Annemarie Date: Thu, 25 May 2023 16:23:44 -0700 Subject: [PATCH 2/5] color contrast in legend icons now meets accessibility standards in list view --- src/index.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/index.css b/src/index.css index 799b654..61324ad 100644 --- a/src/index.css +++ b/src/index.css @@ -124,5 +124,5 @@ ul { } .legendIcon { - @apply text-center mr-2 rounded-md h-11 w-12 bg-blue-400 text-white; + @apply text-center mr-2 rounded-md h-11 w-12 bg-blue-600 text-white; } From 94b0a8b18c5909a0c8f80eb8ed289b7add7ea22d Mon Sep 17 00:00:00 2001 From: Annemarie Date: Thu, 25 May 2023 16:32:03 -0700 Subject: [PATCH 3/5] searchbar color contrast now meets accessibility standards in list view --- src/index.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/index.css b/src/index.css index 61324ad..892d0ac 100644 --- a/src/index.css +++ b/src/index.css @@ -116,7 +116,7 @@ ul { } .inputField { - @apply shadow appearance-none border border-gray-500 rounded w-8/12 py-2 px-3 text-gray-700 m-2 leading-tight focus:outline-none; + @apply shadow appearance-none border border-gray-500 rounded w-8/12 py-2 px-3 text-gray-700 bg-blue-300 m-2 leading-tight focus:outline-none; } .h3 { From 1a678e512c1b8eaa1560bb05237a8f38b1d9955f Mon Sep 17 00:00:00 2001 From: Annemarie Date: Thu, 25 May 2023 18:06:03 -0700 Subject: [PATCH 4/5] add item, clear, and click here buttons now meet color contrast accessibility standards in light and dark mode in list view --- src/index.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/index.css b/src/index.css index 892d0ac..489e144 100644 --- a/src/index.css +++ b/src/index.css @@ -108,7 +108,7 @@ ul { @tailwind utilities; .btn { - @apply bg-transparent hover:bg-blue-500 text-blue-700 font-semibold hover:text-white py-2 px-4 border border-blue-500 hover:border-transparent rounded; + @apply bg-transparent hover:bg-blue-500 text-blue-800 bg-blue-300 font-semibold hover:text-white py-2 px-4 border border-blue-500 hover:border-transparent rounded; } .btn-delete { From 28288cc87aaf69790a5d98bf307a6eeb4718a45a Mon Sep 17 00:00:00 2001 From: Annemarie Date: Thu, 25 May 2023 18:10:44 -0700 Subject: [PATCH 5/5] changed Chippy message to match rest of color scheme, still meeting color contrast accessibility standards in light and dark mode --- src/views/List.css | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/src/views/List.css b/src/views/List.css index df7fb15..407543e 100644 --- a/src/views/List.css +++ b/src/views/List.css @@ -9,14 +9,16 @@ } .chippy-suggestion { - text-shadow: 1px 1px gray; + /* text-shadow: 1px 1px gray; */ font-size: 1.5rem; line-height: 24px; - background: #247aab; + /* background: #247aab; */ + background: #92c5fd; border-radius: 40px; padding: 5%; text-align: left; - color: #fff; + /* color: #fff; */ + color: #1d3faf; bottom: 300px; right: 15%; }