fix(client): landing and donate page night mode friendly (#40883)

client/src/components/Donation/DonateFormChildViewForHOC.js

@@ -183,7 +183,6 @@ class DonateFormChildViewForHOC extends Component {
         <Button
           block={true}
           bsStyle='primary'
-          className='btn-cta'
           id='confirm-donation-btn'
           type='submit'
         >

client/src/components/Donation/Donation.css

@@ -366,11 +366,13 @@ button#confirm-donation-btn {
   border-radius: 5px;
   background-color: var(--yellow-light);
   border-color: var(--yellow-light);
+  color: black;
+  font-weight: bold;
 }
 button#confirm-donation-btn:active,
 button#confirm-donation-btn:active:focus,
 button#confirm-donation-btn:hover {
-  color: var(--secondary-color);
+  color: black;
   background-color: #f2ba38;
   border-color: #f2ba38;
 }

client/src/components/landing/landing.css

@@ -118,7 +118,7 @@ p.caption {
   font-family: 'Lato', sans-serif;
   font-size: 1.1rem;
   margin: 0;
-  color: var(--gray-75);
+  color: var(--quaternary-color);
 }
 .testimonial-meta p:last-child {
   margin-top: 15px;
@@ -157,6 +157,7 @@ p.caption {
   height: 100%;
   padding-bottom: 100%;
   position: relative;
+  background-color: var(--primary-background);
 }
 
 .testimonial-image {
@@ -173,6 +174,7 @@ p.caption {
   padding: 25px;
   text-align: justify;
   justify-content: center;
+  background-color: var(--primary-background);
 }
 .landing-top,
 .as-seen-in,
@@ -181,6 +183,10 @@ p.caption {
   padding: 4vw 0;
 }
 
+.map-ui .btn {
+  min-height: 80px;
+}
+
 @media (min-width: 500px) {
   .landing-top p {
     font-size: 1.25rem;

client/src/components/layouts/global.css

@@ -304,6 +304,7 @@ fieldset[disabled] .btn-primary.focus {
   color: var(--secondary-background);
 }
 
+.link-btn.btn-lg svg,
 .map-icon,
 .cert-header-icon {
   flex-shrink: 0;

client/utils/gatsby/layoutSelector.js

@@ -37,13 +37,7 @@ export default function layoutSelector({ element, props }) {
       </DefaultLayout>
     );
   }
-  if (/^\/donation(\/.*)*|^\/$|^\/donate(\/.*)*/.test(pathname)) {
-    return (
-      <DefaultLayout pathname={pathname} useTheme={false}>
-        {element}
-      </DefaultLayout>
-    );
-  }
+
   return <DefaultLayout pathname={pathname}>{element}</DefaultLayout>;
 }