From 6262c6b786123116bb034c20cf9d2f7d4eb060ee Mon Sep 17 00:00:00 2001 From: Dave Lockhart Date: Fri, 17 May 2019 15:57:15 -0400 Subject: [PATCH] WCAG 2.1 palette updates (#85) --- d2l-input-checkbox.html | 4 ++-- d2l-input-radio-styles.html | 4 ++-- d2l-input-shared-styles.html | 6 +++--- d2l-input-textarea.html | 2 +- 4 files changed, 8 insertions(+), 8 deletions(-) diff --git a/d2l-input-checkbox.html b/d2l-input-checkbox.html index 078900b..8c8916e 100644 --- a/d2l-input-checkbox.html +++ b/d2l-input-checkbox.html @@ -72,12 +72,12 @@ width: 1.2rem; } input[type="checkbox"]:checked { - background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23565A5C%22%20d%3D%22M8.4%2016.6c.6.6%201.5.6%202.1%200l8-8c.6-.6.6-1.5%200-2.1-.6-.6-1.5-.6-2.1%200l-6.9%207-1.9-1.9c-.6-.6-1.5-.6-2.1%200-.6.6-.6%201.5%200%202.1l2.9%202.9z%22/%3E%3C/svg%3E%0A"); + background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23494C4E%22%20d%3D%22M8.4%2016.6c.6.6%201.5.6%202.1%200l8-8c.6-.6.6-1.5%200-2.1-.6-.6-1.5-.6-2.1%200l-6.9%207-1.9-1.9c-.6-.6-1.5-.6-2.1%200-.6.6-.6%201.5%200%202.1l2.9%202.9z%22/%3E%3C/svg%3E%0A"); } input[type="checkbox"], input[type="checkbox"]:hover:disabled { background-color: var(--d2l-color-regolith); - border-color: var(--d2l-color-mica); + border-color: var(--d2l-color-galena); border-width: 1px; } input[type="checkbox"]:hover, diff --git a/d2l-input-radio-styles.html b/d2l-input-radio-styles.html index 90d4657..bd5af1d 100644 --- a/d2l-input-radio-styles.html +++ b/d2l-input-radio-styles.html @@ -60,12 +60,12 @@ width: 1.2rem; } input[type="radio"]:checked { - background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%09%3Ccircle%20cx%3D%225%22%20cy%3D%225%22%20r%3D%225%22%20fill%3D%22%23565a5c%22%3E%3C/circle%3E%0A%3C/svg%3E"); + background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%09%3Ccircle%20cx%3D%225%22%20cy%3D%225%22%20r%3D%225%22%20fill%3D%22%23494c4e%22%3E%3C/circle%3E%0A%3C/svg%3E"); } input[type="radio"], input[type="radio"]:hover:disabled { background-color: var(--d2l-color-regolith); - border-color: var(--d2l-color-mica); + border-color: var(--d2l-color-galena); border-width: 1px; } input[type="radio"]:hover, diff --git a/d2l-input-shared-styles.html b/d2l-input-shared-styles.html index a3da409..2a74740 100644 --- a/d2l-input-shared-styles.html +++ b/d2l-input-shared-styles.html @@ -10,8 +10,8 @@ --d2l-input-line-height: 1.2rem; --d2l-input-width: 100%; --d2l-input-background-color: #ffffff; - --d2l-input-border-color: var(--d2l-color-mica); - --d2l-input-boxshadow: inset 0 2px 0 0 rgba(185, 194, 208, .2); + --d2l-input-border-color: var(--d2l-color-galena); + --d2l-input-boxshadow: inset 0 2px 0 0 rgba(181, 189, 194, .2); /* corundum */ --d2l-input-padding: 0.4rem 0.75rem; --d2l-input-padding-focus: calc(0.4rem - 1px) calc(0.75rem - 1px); --d2l-input-color: var(--d2l-color-ferrite); @@ -44,7 +44,7 @@ }; --d2l-input-hover-disabled: { background-color: var(--d2l-input-background-color); - border-color: var(--d2l-color-mica); + border-color: var(--d2l-input-border-color); border-width: 1px; box-shadow: var(--d2l-input-boxshadow); padding: var(--d2l-input-padding); diff --git a/d2l-input-textarea.html b/d2l-input-textarea.html index 23dafcf..1e92787 100644 --- a/d2l-input-textarea.html +++ b/d2l-input-textarea.html @@ -119,7 +119,7 @@ border-width: 2px; outline-width: 0; padding: calc(0.4rem - 2px) calc(0.75rem - 2px); - box-shadow: inset 0 2px 0 0 rgba(185, 194, 208, .2); + box-shadow: inset 0 2px 0 0 rgba(181, 189, 194, .2); /* corundum */ transition-property: none; }