mod-base 1.0.42 → 1.0.43-beta.1

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 1.0.43
+
+- Adjusting the dark mode styles just a bit + adding color adjustments for select dropdowns
+
 ## 1.0.42
 
 - Adding duplicate submission styles

package/package.json

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

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

@@ -52,7 +52,7 @@ $contact-us-blue-light: #8498E7;
 	$form-focus-border-color: $color-grey-400,
 	$hero-content-box-shadow-mobile: null,
 	$interactive-text-color: $color-grey-500,
-	$interactive-text-color-hover: darken($interactive-text-color, 10%),
+	$interactive-text-color-hover: lighten($interactive-text-color, 20%),
 	$logo-filter: invert(1) hue-rotate(180deg),
 	$partners-logo-filter: grayscale(1) invert(.9),
 	$radio-btn-background-color: $background,
@@ -246,14 +246,16 @@ $contact-us-blue-light: #8498E7;
 				}
 
 				&:not(.has-error) {
-					.form-group__label-input {
+					.form-group__label-input,
+					.select {
 						color: $color-grey-500;
 						z-index: 1;
 					}
 
 					.form-input,
 					.form-input-group--icon,
-					.form-radio label {
+					.form-radio label,
+					.select {
 						border-color: $color-grey-500;
 					}
 
@@ -293,6 +295,7 @@ $contact-us-blue-light: #8498E7;
 
 			.has-error {
 				.form-input,
+				.select,
 				.form-input:-webkit-autofill {
 					border-color: $color-salmon-500;
 					color: $color-salmon-500;
@@ -586,7 +589,7 @@ $contact-us-blue-light: #8498E7;
 			.zip-control__button {
 				&:hover,
 				&:focus {
-					background-color: rgba($color-grey-500, 10%);
+					color: $color-white;
 					outline-color: $color-grey-500;
 
 					.zip-control__location,