feat: add persistent theme selection and light mode court styling

src/app/tab1/tab1.page.html

@@ -12,7 +12,7 @@
   </ion-header>
 
   <ion-grid [fixed]="'fixed'" class="bottom-lists">
-    <ion-row>
+    <ion-row class="court-headers">
       <ion-col [size]="1" class="ion-display-none ion-display-xl-block">
         <ion-item [lines]="'none'">{{ 'court' | translate }}</ion-item>
       </ion-col>
@@ -35,7 +35,7 @@
     </ion-row>
     @for (item of [].constructor(settings()?.numberOfCourts); track $index) {
     <ion-row>
-      <ion-col [size]="1">
+      <ion-col [size]="1" class="court-number">
         <ion-list>
           <ion-item [lines]="'none'"> {{ $index + 1 }}. </ion-item>
         </ion-list>
@@ -81,7 +81,7 @@
         </ion-list>
       </ion-col>
       }
-      <ion-col size="2" sizeLg="1">
+      <ion-col size="2" sizeLg="1" class="court-actions">
         <ion-list>
           <ion-item lines="none">
             @if ( (umpireByCourt().get($index + 1) &&

src/app/tab1/tab1.page.scss

@@ -1,12 +1,40 @@
 .bottom-lists ion-list {
-    min-height: 64px;
+  min-height: 64px;
 }
 
 .custom-ion-item {
-    cursor: move;
-    padding: 10px 15px;
+  cursor: move;
+  padding: 10px 15px;
 
-    &.primary {
-        background-color: var(--ion-color-primary);
-    }
-}
+  &.primary {
+    background-color: var(--ion-color-primary);
+  }
+}
+
+:host-context(html:not(.ion-palette-dark)) ion-list[cdkDropList] {
+  background-color: var(--ion-color-light);
+}
+
+:host-context(html:not(.ion-palette-dark)) {
+  ion-list[cdkDropList].cdk-drop-list-dragging,
+  .custom-ion-item.primary {
+    background-color: var(--ion-color-step-150, #d9d9d9);
+  }
+
+  .court-actions ion-list {
+    background-color: var(--ion-color-light);
+  }
+
+  .court-actions ion-item {
+    --background: var(--ion-color-light);
+  }
+
+  .court-headers ion-item,
+  .court-number ion-item {
+    --background: var(--ion-color-step-150, #d9d9d9);
+  }
+
+  .court-number ion-list {
+    background-color: var(--ion-color-step-150, #d9d9d9);
+  }
+}