Night theme (#2137)

* feat: add themes

* fix: remove obvious issues with light theme

* chore: improve light theme a bit

* comment out theme swticher

* chore: make login dark

* add theme and widgets to seeds

* add theme and widgets to migration

---------

Co-authored-by: Matt Hill <matthewonthemoon@gmail.com>

frontend/projects/marketplace/src/pages/list/item/item.component.html

@@ -1,4 +1,4 @@
-<ion-item [routerLink]="['/marketplace', pkg.manifest.id]">
+<ion-item class="service-card" [routerLink]="['/marketplace', pkg.manifest.id]">
   <ion-thumbnail slot="start">
     <img alt="" [src]="'data:image/png;base64,' + pkg.icon | trustUrl" />
   </ion-thumbnail>

frontend/projects/marketplace/src/pages/list/search/search.component.html

@@ -3,7 +3,7 @@
     <ion-col responsiveCol class="column" sizeSm="8" sizeLg="6">
       <ion-toolbar color="transparent" class="ion-text-left">
         <ion-searchbar
-          color="dark"
+          [color]="(theme$ | async) === 'Light' ? 'light' : 'dark'"
           debounce="250"
           [ngModel]="query"
           (ngModelChange)="onModelChange($event)"

frontend/projects/marketplace/src/pages/list/search/search.component.ts

@@ -2,9 +2,11 @@ import {
   ChangeDetectionStrategy,
   Component,
   EventEmitter,
+  inject,
   Input,
   Output,
 } from '@angular/core'
+import { THEME } from '@start9labs/shared'
 
 @Component({
   selector: 'marketplace-search',
@@ -19,6 +21,8 @@ export class SearchComponent {
   @Output()
   readonly queryChange = new EventEmitter<string>()
 
+  readonly theme$ = inject(THEME)
+
   onModelChange(query: string) {
     this.query = query
     this.queryChange.emit(query)

frontend/projects/marketplace/src/pages/list/search/search.module.ts

@@ -1,3 +1,4 @@
+import { CommonModule } from '@angular/common'
 import { NgModule } from '@angular/core'
 import { FormsModule } from '@angular/forms'
 import { IonicModule } from '@ionic/angular'
@@ -6,7 +7,7 @@ import { ResponsiveColModule } from '@start9labs/shared'
 import { SearchComponent } from './search.component'
 
 @NgModule({
-  imports: [IonicModule, FormsModule, ResponsiveColModule],
+  imports: [IonicModule, FormsModule, CommonModule, ResponsiveColModule],
   declarations: [SearchComponent],
   exports: [SearchComponent],
 })