refactor(server, web): standardize theme api response (#4664)

* web: standardize theme api response

* revert makefile change that i didn't mean to commit

cli/src/api/open-api/api.ts

@@ -2966,10 +2966,10 @@ export interface ServerStatsResponseDto {
 export interface ServerThemeDto {
     /**
      * 
-     * @type {SystemConfigThemeDto}
+     * @type {string}
      * @memberof ServerThemeDto
      */
-    'theme': SystemConfigThemeDto;
+    'customCss': string;
 }
 /**
  * 

server/immich-openapi-specs.json

@@ -7836,12 +7836,12 @@
       },
       "ServerThemeDto": {
         "properties": {
-          "theme": {
-            "$ref": "#/components/schemas/SystemConfigThemeDto"
+          "customCss": {
+            "type": "string"
           }
         },
         "required": [
-          "theme"
+          "customCss"
         ],
         "type": "object"
       },

server/src/domain/server-info/server-info.dto.ts

@@ -80,9 +80,7 @@ export class ServerMediaTypesResponseDto {
   sidecar!: string[];
 }
 
-export class ServerThemeDto {
-  theme!: SystemConfigThemeDto;
-}
+export class ServerThemeDto extends SystemConfigThemeDto {}
 
 export class ServerConfigDto {
   oauthButtonText!: string;

server/src/domain/server-info/server-info.service.ts

@@ -72,7 +72,7 @@ export class ServerInfoService {
 
   async getTheme() {
     const { theme } = await this.configCore.getConfig();
-    return { theme };
+    return theme;
   }
 
   async getConfig(): Promise<ServerConfigDto> {

server/test/e2e/server-info.e2e-spec.ts

@@ -161,9 +161,7 @@ describe(`${ServerInfoController.name} (e2e)`, () => {
       const { status, body } = await request(server).get('/server-info/theme');
       expect(status).toBe(200);
       expect(body).toEqual({
-        theme: {
         customCss: '',
-        },
       });
     });
   });

web/src/api/open-api/api.ts

@@ -2966,10 +2966,10 @@ export interface ServerStatsResponseDto {
 export interface ServerThemeDto {
     /**
      * 
-     * @type {SystemConfigThemeDto}
+     * @type {string}
      * @memberof ServerThemeDto
      */
-    'theme': SystemConfigThemeDto;
+    'customCss': string;
 }
 /**
  * 

web/src/routes/custom.css/+server.ts

@@ -1,9 +1,7 @@
 import { RequestHandler, text } from '@sveltejs/kit';
 export const GET = (async ({ locals: { api } }) => {
   const {
-    data: {
-      theme: { customCss },
-    },
+    data: { customCss },
   } = await api.serverInfoApi.getTheme();
   return text(customCss, {
     headers: {