mod-base 1.0.70-beta.1 → 1.0.70

package/CHANGELOG.md

@@ -1,9 +1,15 @@
 # Changelog
 
 ## 1.0.70
+
 - Adding support for custom background color and fill on progress bars in dark mode.
 
+## 1.0.69
+
+- Fix to stacked card darkmode
+
 ## 1.0.68
+
 - Adding dark mode support for the new elements (`callout`, `overlay` and `background image`) added to banner accessible component.
 
 ## 1.0.67

package/package.json

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

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

@@ -94,7 +94,8 @@ $contact-us-blue-light: #8498E7;
 	$tcpa-color: lighten($color-grey-500, 2%),
 	$value-props-background: null,
 	$progress-bar-background-color: null,
-	$progress-bar-fill-color: null
+	$progress-bar-fill-color: null,
+	$progress-bar-percentage-color: null
 	) {
 	// Theme global variables if required to use after including the mixin
 	$background-color: $background !global;
@@ -182,6 +183,10 @@ $contact-us-blue-light: #8498E7;
 		$progress-bar-fill-color: $base-color;
 	}
 
+	@if ($progress-bar-percentage-color == null) {
+		$progress-bar-percentage-color: $text-color;
+	}
+
 	// 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,.accordion__content li,.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-in-progress:not(.fixed-width-desktop) .hero__content,.form-input,.form-input:focus,.expand-collapse__icon,.featured-block,table tr,.form-control,.accordion,.hiw-block,.reviews';
@@ -394,6 +399,10 @@ $contact-us-blue-light: #8498E7;
 				&__fill {
 					background-color: $progress-bar-fill-color;
 				}
+
+				&__percentage {
+					color: $progress-bar-percentage-color;
+				}
 			}
 
 			.information,
@@ -624,7 +633,7 @@ $contact-us-blue-light: #8498E7;
 						border-color: $reviews-card-active-background;
 						box-shadow: none;
 
-						&__author-name {
+						.reviews-card__author-name {
 							border-color: $reviews-card-active-author-border-color;
 						}
 
@@ -634,7 +643,7 @@ $contact-us-blue-light: #8498E7;
 							}
 						}
 
-						&__verified {
+						.reviews-card__verified {
 							color: $reviews-card-active-verified-color;
 						}
 					}
@@ -1136,6 +1145,7 @@ $contact-us-blue-light: #8498E7;
 					.reviews-card {
 						&:not(.swiper-slide-active) {
 							background-color: $reviews-card-inactive-background;
+							box-shadow: none;
 
 							.reviews-card__review,
 							.reviews-card__author {
@@ -1150,10 +1160,17 @@ $contact-us-blue-light: #8498E7;
 								color: $reviews-card-inactive-verified-color;
 							}
 
-							.star-rating__text,
+							.star-rating__text {
+								color: $reviews-card-inactive-text-color;
+							}
+
 							.star-rating__icons .stars .stars-filled {
 								color: $reviews-card-inactive-star-color;
 							}
+
+							.star-rating__icons .stars .stars-empty {
+								color: $reviews-card-inactive-text-color;
+							}
 						}
 					}
 				}