Background

Author: GuidoBR

frontend/src/pages/Reports/ReportsListPage.scss

@@ -1,11 +1,9 @@
 .reports-list-page {
-  --background: url('../../../assets/Reports_bg.png') no-repeat center center;
-
   &__header {
     box-shadow: none;
 
     ion-toolbar {
-      --border-width: 0;
+      --border-width: 0 !important;
       --min-height: 60px;
       padding: 10px 16px;
       display: flex;
@@ -104,7 +102,6 @@
 
   &__content-container {
     --padding-top: 0;
-    --background: var(--ion-background-color);
   }
 
   &__content {

frontend/src/theme/theme-overrides.css

@@ -1,4 +1,4 @@
-/* 
+/*
  * Theme overrides for Ionic
  * This file contains overrides for Ionic's default theme variables
  */
@@ -58,6 +58,11 @@ ion-content {
   --padding-top: var(--ion-safe-area-top, 1rem);
 }
 
+/* Background for the entire app */
+body, ion-app, ion-content {
+  background: url('../../assets/Reports_bg.png') no-repeat center center !important;
+}
+
 /* Remove left padding from router outlet to avoid double padding */
 ion-router-outlet {
   padding-top: 0;