mod-base 1.0.43 → 1.0.44

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 +3 -0
  2. package/package.json +1 -1
  3. package/src/styles/templates/_dark-mode.scss +6 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,8 @@
1
1
  # Changelog
2
2
 
3
+ ## 1.0.44
4
+ - Adjusting the dark mode styles just a bit + adding color adjustments for select dropdowns
5
+
3
6
  ## 1.0.43
4
7
 
5
8
  - Add compass icon
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mod-base",
3
- "version": "1.0.43",
3
+ "version": "1.0.44",
4
4
  "description": "Base Styles for S3 Sites",
5
5
  "author": "",
6
6
  "license": "ISC"
package/src/styles/templates/_dark-mode.scss CHANGED
@@ -52,7 +52,7 @@ $contact-us-blue-light: #8498E7;
52
52
  $form-focus-border-color: $color-grey-400,
53
53
  $hero-content-box-shadow-mobile: null,
54
54
  $interactive-text-color: $color-grey-500,
55
- $interactive-text-color-hover: darken($interactive-text-color, 10%),
55
+ $interactive-text-color-hover: lighten($interactive-text-color, 20%),
56
56
  $logo-filter: invert(1) hue-rotate(180deg),
57
57
  $partners-logo-filter: grayscale(1) invert(.9),
58
58
  $radio-btn-background-color: $background,
@@ -96,7 +96,7 @@ $contact-us-blue-light: #8498E7;
96
96
  }
97
97
 
98
98
  // Most common selectors list
99
- $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';
99
+ $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';
100
100
  $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';
101
101
 
102
102
  @media (prefers-color-scheme: dark){
@@ -253,7 +253,8 @@ $contact-us-blue-light: #8498E7;
253
253
 
254
254
  .form-input,
255
255
  .form-input-group--icon,
256
- .form-radio label {
256
+ .form-radio label,
257
+ .select {
257
258
  border-color: $color-grey-500;
258
259
  }
259
260
 
@@ -293,6 +294,7 @@ $contact-us-blue-light: #8498E7;
293
294
 
294
295
  .has-error {
295
296
  .form-input,
297
+ .select,
296
298
  .form-input:-webkit-autofill {
297
299
  border-color: $color-salmon-500;
298
300
  color: $color-salmon-500;
@@ -586,7 +588,7 @@ $contact-us-blue-light: #8498E7;
586
588
  .zip-control__button {
587
589
  &:hover,
588
590
  &:focus {
589
- background-color: rgba($color-grey-500, 10%);
591
+ color: $color-white;
590
592
  outline-color: $color-grey-500;
591
593
 
592
594
  .zip-control__location,