feat: dark theme

src/app/modules/about/about-licenses.scss

@@ -22,7 +22,7 @@ cdk-virtual-scroll-viewport {
   width: 100%;
 }
 
-::ng-deep {
+:host ::ng-deep {
   .cdk-virtual-scroll-content-wrapper {
     width: 100%;
   }

src/app/modules/about/about-page/about-page-content.html

@@ -1,5 +1,5 @@
 <!--
-  ~ Copyright (C) 2022 StApps
+  ~ Copyright (C) 2023 StApps
   ~ This program is free software: you can redistribute it and/or modify it
   ~ under the terms of the GNU General Public License as published by the Free
   ~ Software Foundation, version 3.
@@ -36,7 +36,7 @@
       </ion-col>
     </ion-row>
   </ion-grid>
-  <ion-item *ngSwitchCase="'router link'" [routerLink]="content.link">
+  <ion-item *ngSwitchCase="'router link'" [routerLink]="content.link" fill="clear">
     <ion-icon *ngIf="content.icon" [name]="content.icon" slot="start"></ion-icon>
     <ion-label>{{ 'title' | translateSimple: content }}</ion-label>
   </ion-item>

src/app/modules/about/about-page/about-page.html

@@ -26,7 +26,7 @@
 </ion-header>
 <ion-content *ngIf="content" class="ion-content-parallax">
   <div>
-    <ion-text color="light">{{ appName }} v{{ version }}</ion-text>
+    <ion-text>{{ appName }} v{{ version }}</ion-text>
     <div class="page-content">
       <about-page-content *ngFor="let element of content.content" [content]="element"></about-page-content>
     </div>

src/app/modules/about/about-page/about-page.scss

@@ -62,10 +62,7 @@ ion-text {
     display: flex;
     flex-direction: column;
     gap: var(--spacing-sm);
-    background: var(--ion-color-primary-contrast);
-    &.licenses-content {
-      background: var(--ion-color-light);
-    }
+    background: var(--ion-item-background);
 
     padding-block-end: var(--spacing-md);
     @include border-radius-in-parallax(var(--border-radius-default));
@@ -80,7 +77,6 @@ ion-text {
       @include border-radius-in-parallax(var(--border-radius-default));
       overflow: hidden;
       position: relative;
-      background-color: var(--ion-color-primary-contrast);
       margin: 0;
 
       & > ion-thumbnail {
@@ -89,3 +85,7 @@ ion-text {
     }
   }
 }
+
+ion-text {
+  color: var(--ion-color-primary-contrast);
+}