Feature/add intro image for dark mode (#540)

* Add intro image for dark mode

* Update changelog

CHANGELOG.md

@@ -14,6 +14,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Changed
 
 - Removed the default transactions import limit
+- Improved the landing page in dark mode
 
 ### Fixed
 

apps/client/src/app/pages/landing/landing-page.scss

@@ -14,7 +14,6 @@
   }
 
   .intro-container {
-    background-color: #ffffff;
     margin-top: -5rem;
 
     .intro-inner-container {
@@ -37,4 +36,10 @@
       background-color: var(--dark-background);
     }
   }
+
+  .intro-container {
+    .intro {
+      background-image: url('/assets/intro-dark.jpg') !important;
+    }
+  }
 }

apps/client/src/app/pages/register/register-page.scss

@@ -8,7 +8,6 @@
   }
 
   .intro-container {
-    background-color: #ffffff;
     margin-top: -5rem;
 
     .intro-inner-container {
@@ -24,3 +23,17 @@
     }
   }
 }
+
+:host-context(.is-dark-theme) {
+  .button-container {
+    .mat-stroked-button {
+      background-color: var(--dark-background);
+    }
+  }
+
+  .intro-container {
+    .intro {
+      background-image: url('/assets/intro-dark.jpg') !important;
+    }
+  }
+}