Feature/various style improvements (#214)

* Improve styles

* Update changelog

CHANGELOG.md

@@ -13,6 +13,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 
+- Improved the styling of the current pricing plan
+- Improved the styling of the transaction type badge
 - Upgraded `angular-material-css-vars` from version `2.0.0` to `2.1.0`
 
 ### Fixed

apps/client/src/app/components/transactions-table/transactions-table.component.scss

@@ -27,7 +27,7 @@
       cursor: pointer;
 
       .type-badge {
-        background-color: rgba(var(--dark-primary-text), 0.05);
+        background-color: rgba(var(--palette-foreground-text), 0.05);
         border-radius: 1rem;
         line-height: 1em;
 
@@ -54,7 +54,10 @@
 
   .mat-table {
     .type-badge {
-      background-color: rgba(var(--light-primary-text), 0.1);
+      background-color: rgba(
+        var(--palette-foreground-text-dark),
+        0.1
+      ) !important;
     }
   }
 }

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

@@ -14,6 +14,7 @@
   .mat-card {
     &.active {
       border-color: rgba(var(--palette-primary-500), 1);
+      box-shadow: 0 0 0 1px rgba(var(--palette-primary-500), 1);
     }
   }
 }