mod-base 1.0.36 → 1.0.37

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 1.0.37
+
+- Added styles to support Ketch preference management dashboard in darkm mode
+
 ## 1.0.36
 
 - Updating the dark-mode duplicate submission styles do not override the button color

package/package.json

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

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

@@ -680,6 +680,57 @@ $contact-us-blue-light: #8498E7;
 				}
 			}
 
+			// Ketch Preference dashboard styles
+			#lanyard_root * {
+				background-color: $color-black !important;
+				color: $color-white !important;
+				outline-color: $color-white !important;
+
+				button {
+					background-color: $color-charcoal7 !important;
+					
+					* {
+						background-color: $color-charcoal7 !important;
+					}
+
+					input[type="checkbox"] ~ span {
+						background:  transparent !important;
+
+						svg {
+							background:  transparent !important;
+						}
+					}
+
+					input[type="checkbox"]:not(:checked) + div {
+						background-color: $color-charcoal8 !important;
+					}
+				}
+
+				button[aria-label='Reject All'], 
+				button[aria-label='Accept All'], 
+				button[aria-label='Save'] {
+					background-color: $color-white !important;
+					color: $color-black !important;
+				}
+
+				button[aria-label='Exit'] {
+					div {
+						svg {
+							path {
+								filter: invert(1) !important;
+							}
+						}
+					}
+					
+				}
+
+				a[aria-label='Learn more about Ketch for data privacy'] {
+					svg {
+						filter: brightness(5);
+					}
+				}
+			}
+
 			@include breakpoint-phone {
 				.hero--full {
 					background-color: $background;