WCAG 2.1 palette updates (#85)

BrightspaceUI · May 17, 2019 · 6262c6b · 6262c6b
1 parent 019b22f
commit 6262c6b
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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;
 			}