Feature/change background color of dark mode (#1396)

* Darken background color

* Update changelog

CHANGELOG.md

@@ -12,6 +12,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Added support for translated labels of asset and asset sub class
 - Added support for dates in _ISO 8601_ date format (`YYYY-MM-DD`) in the activities import
 
+### Changed
+
+- Darkened the background color of the dark mode
+
 ### Fixed
 
 - Improved the loading indicator of the portfolio evolution chart

apps/client/src/app/pages/about/about-page.html

@@ -177,7 +177,7 @@
       <a
         class="py-2 w-100"
         color="primary"
-        mat-stroked-button
+        mat-flat-button
         [routerLink]="['/faq']"
         >FAQ</a
       >
@@ -189,7 +189,7 @@
       <a
         class="py-2 w-100"
         color="primary"
-        mat-stroked-button
+        mat-flat-button
         [routerLink]="['/about', 'changelog']"
         >Changelog & License</a
       >
@@ -198,7 +198,7 @@
       <a
         class="py-2 w-100"
         color="primary"
-        mat-stroked-button
+        mat-flat-button
         [routerLink]="['/about', 'privacy-policy']"
         >Privacy Policy</a
       >

apps/client/src/styles.scss

@@ -17,7 +17,7 @@ $mat-css-light-theme-selector: '.is-light-theme';
 }
 
 :root {
-  --dark-background: rgb(39, 39, 39);
+  --dark-background: rgb(25, 25, 25);
   --font-family-sans-serif: Roboto, 'Helvetica Neue', sans-serif;
   --light-background: rgb(255, 255, 255);
 }