Merge pull request #43 from the-collab-lab/color-contrast-accessibili…

…ty-quick-fix Color contrast accessibility quick fix
the-collab-lab · May 26, 2023 · a5f6c70 · a5f6c70
2 parents 0a186c1 + 28288cc
commit a5f6c70
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/src/index.css b/src/index.css
@@ -108,21 +108,21 @@ 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 {
  @apply bg-red-500 hover:bg-transparent text-white font-semibold hover:text-red-500 py-2 px-6 border hover:border-red-500 rounded;
 }
 
 .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 {
  @apply text-3xl;
 }
 
 .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;
 }
diff --git 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: #2b90ca;
+ /* background: #247aab; */
+ background: #92c5fd;
  border-radius: 40px;
  padding: 5%;
  text-align: left;
- color: #fff;
+ /* color: #fff; */
+ color: #1d3faf;
  bottom: 300px;
  right: 15%;
 }