mod-base 1.0.37 → 1.0.38-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/package.json +1 -1
  3. package/src/styles/templates/_dark-mode.scss +10 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,9 @@
1
1
  # Changelog
2
2
 
3
+ ## 1.0.38
4
+
5
+ - Added custom checkbox label color in dark mode
6
+
3
7
  ## 1.0.37
4
8
 
5
9
  - Added styles to support Ketch preference management dashboard in darkm mode
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mod-base",
3
- "version": "1.0.37",
3
+ "version": "1.0.38-beta.2",
4
4
  "description": "Base Styles for S3 Sites",
5
5
  "author": "",
6
6
  "license": "ISC"
package/src/styles/templates/_dark-mode.scss CHANGED
@@ -46,6 +46,7 @@ $contact-us-blue-light: #8498E7;
46
46
  $bbb-img-filter: grayscale(1) invert(.915) brightness(1.5),
47
47
  $color-btn: null,
48
48
  $color-btn-text: null,
49
+ $checkbox-label-color: null,
49
50
  $footer-background: $color-charcoal9,
50
51
  $foreground: $color-grey-300,
51
52
  $form-focus-border-color: $color-grey-400,
@@ -89,8 +90,12 @@ $contact-us-blue-light: #8498E7;
89
90
  $theme: $base-color !global;
90
91
  }
91
92
 
93
+ @if ($checkbox-label-color == null) {
94
+ $checkbox-label-color: $text-color;
95
+ }
96
+
92
97
  // Most common selectors list
93
- $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,.checkbox';
98
+ $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';
94
99
  $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';
95
100
 
96
101
  @media (prefers-color-scheme: dark){
@@ -109,6 +114,10 @@ $contact-us-blue-light: #8498E7;
109
114
  color: $text-color;
110
115
  }
111
116
 
117
+ .checkbox {
118
+ color: $checkbox-label-color;
119
+ }
120
+
112
121
  .partners {
113
122
  background-color: darken($background, 2%);
114
123