mod-base 1.0.53 → 1.0.54-beta.1

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 1.0.54
+
+- Adding dark mode styles for the new `result` accessible component.
+
 ## 1.0.53
 
 - Adding the `:checked` border color for standardized radio buttons.

package/package.json

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

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

@@ -105,7 +105,7 @@ $contact-us-blue-light: #8498E7;
 	}
 
 	// Most common selectors list
-	$content-selectors: '.hero__title,.hero__subtitle,input,.toggle-wrapper,.step__title,[class^="information__"],[class^="featured-block__"],[class^="partners__"],.form-group__label,[class^="abandonment__"],.modal-header--close,.modal-phone,.modal-body p,legend,[class^="loader__"],table tr,.tile__text,.select,.hiw-block__title,.hiw-card__title,.hiw-card__description,.banner__title,.banner__description,.accordion__title,.reviews__title,.accordion .expand-collapse__toggle,.accordion__content p';
+	$content-selectors: '.hero__title,.hero__subtitle,input,.toggle-wrapper,.step__title,[class^="information__"],[class^="featured-block__"],[class^="partners__"],.form-group__label,[class^="abandonment__"],.modal-header--close,.modal-phone,.modal-body p,legend,[class^="loader__"],table tr,.tile__text,.select,.hiw-block__title,.hiw-card__title,.hiw-card__description,.banner__title,.banner__description,.accordion__title,.reviews__title,.accordion .expand-collapse__toggle,.accordion__content p,.result__title,.result__subtitle,.result__call-text';
 	$background-selectors: '.form,.header,.guarantee,.information,.modal-content,.matched-steps,.loader,.information__header,.hero__background,.hero__content,.form-input,.form-input:focus,.expand-collapse__icon,.featured-block,table tr,.form-control,.accordion,.hiw-block,.reviews';
 
 	@media (prefers-color-scheme: dark){
@@ -799,6 +799,26 @@ $contact-us-blue-light: #8498E7;
 				}
 			}
 
+			.result {
+				&__call {
+					background-color: $color-grey-800;
+
+					a {
+						color: $text-color;
+
+						img {
+							filter: grayscale(1) invert(.9) brightness(1.5);
+						}
+
+						&:active,
+						&:focus,
+						&:hover {
+							color: $color-white;
+						}
+					}
+				}
+			}
+
 			// Ketch Preference dashboard styles
 			#lanyard_root * {
 				background-color: $color-black !important;