mod-base 1.0.38 → 1.0.39-beta.2

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 1.0.39
+
+- Adjusting all TCPA elements to match the TCPA text color
+
 ## 1.0.38
 
 - Added custom checkbox label color in dark mode

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "mod-base",
-    "version": "1.0.38",
+    "version": "1.0.39-beta.2",
     "description": "Base Styles for S3 Sites",
     "author": "",
     "license": "ISC"

package/src/styles/templates/_dark-mode.scss

@@ -66,6 +66,7 @@ $contact-us-blue-light: #8498E7;
 	$radio-btn-icon-background: transparent,
 	$radio-btn-icon-color: $background,
 	$radio-btn-text-color: $color-grey-300,
+	$tcpa-color: lighten($color-grey-500, 2%),
 	$value-props-background: null
 	) {
 	// Theme global variables if required to use after including the mixin
@@ -150,9 +151,25 @@ $contact-us-blue-light: #8498E7;
 				color: $color-grey-500;
 			}
 
-			.tcpa,
-			.tcpa a {
-				color: lighten($color-grey-500, 2%);
+			.tcpa{
+				color:	$tcpa-color;
+
+				a,
+				.checkbox {
+					color: $tcpa-color;
+				}
+
+				input[type=checkbox]::before  {
+					border-color: $tcpa-color;
+					color: $tcpa-color;
+				}
+
+				a,
+				input[type=checkbox] {
+					&:focus {
+						outline-color: $color-white;
+					}
+				}
 			}
 
 			.icon-close:hover {
@@ -697,7 +714,7 @@ $contact-us-blue-light: #8498E7;
 
 				button {
 					background-color: $color-charcoal7 !important;
-					
+
 					* {
 						background-color: $color-charcoal7 !important;
 					}
@@ -715,8 +732,8 @@ $contact-us-blue-light: #8498E7;
 					}
 				}
 
-				button[aria-label='Reject All'], 
-				button[aria-label='Accept All'], 
+				button[aria-label='Reject All'],
+				button[aria-label='Accept All'],
 				button[aria-label='Save'] {
 					background-color: $color-white !important;
 					color: $color-black !important;
@@ -730,7 +747,7 @@ $contact-us-blue-light: #8498E7;
 							}
 						}
 					}
-					
+
 				}
 
 				a[aria-label='Learn more about Ketch for data privacy'] {