From cedb602a42c1dba62dbebba3384de953c3b37ff6 Mon Sep 17 00:00:00 2001
From: Fidel Coria <fidel.coria@aa.com>
Date: Mon, 19 Jul 2021 16:29:30 -0500
Subject: [PATCH 1/3] custom theme on devApp for single plugin

Signed-off-by: Fidel Coria <fidel.coria@aa.com>
---
 packages/dev-utils/src/devApp/render.tsx | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/packages/dev-utils/src/devApp/render.tsx b/packages/dev-utils/src/devApp/render.tsx
index 508eb105f1..e6338cd467 100644
--- a/packages/dev-utils/src/devApp/render.tsx
+++ b/packages/dev-utils/src/devApp/render.tsx
@@ -37,6 +37,7 @@ import {
 import {
   AnyApiFactory,
   ApiFactory,
+  AppTheme,
   attachComponentData,
   configApiRef,
   createApiFactory,
@@ -79,6 +80,7 @@ class DevAppBuilder {
   private readonly sidebarItems = new Array<JSX.Element>();
 
   private defaultPage?: string;
+  private themes?: Array<AppTheme>;
 
   /**
    * Register one or more plugins to render in the dev app
@@ -144,6 +146,14 @@ class DevAppBuilder {
     return this;
   }
 
+  /**
+   * Adds an array of themes to overide the default theme.
+   */
+  addThemes(themes: AppTheme[]) {
+    this.themes = themes;
+    return this;
+  }
+
   /**
    * Build a DevApp component using the resources registered so far
    */
@@ -166,6 +176,7 @@ class DevAppBuilder {
     const app = createApp({
       apis,
       plugins: this.plugins,
+      themes: this.themes,
       bindRoutes: ({ bind }) => {
         for (const plugin of this.plugins ?? []) {
           const targets: Record<string, RouteRef<any>> = {};

From 01001a32425db56c39239f94dcf2fee55bddf203 Mon Sep 17 00:00:00 2001
From: Fidel Coria <fidel.coria@aa.com>
Date: Mon, 19 Jul 2021 17:39:07 -0500
Subject: [PATCH 2/3] add changeset

Signed-off-by: Fidel Coria <fidel.coria@aa.com>
---
 .changeset/wild-fishes-suffer.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/wild-fishes-suffer.md

diff --git a/.changeset/wild-fishes-suffer.md b/.changeset/wild-fishes-suffer.md
new file mode 100644
index 0000000000..5b914860b2
--- /dev/null
+++ b/.changeset/wild-fishes-suffer.md
@@ -0,0 +1,5 @@
+---
+'@backstage/dev-utils': patch
+---
+
+Allow custom theme for dev app.

From b0750ca4fb04256cc8b68fd06f48c7b6420161b1 Mon Sep 17 00:00:00 2001
From: Fidel Coria <fidel.coria@aa.com>
Date: Mon, 19 Jul 2021 18:01:22 -0500
Subject: [PATCH 3/3] add api-report.md for dev-utils

Signed-off-by: Fidel Coria <fidel.coria@aa.com>
---
 packages/dev-utils/api-report.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/dev-utils/api-report.md b/packages/dev-utils/api-report.md
index 6790992ecf..5f58b297d5 100644
--- a/packages/dev-utils/api-report.md
+++ b/packages/dev-utils/api-report.md
@@ -6,6 +6,7 @@
 /// <reference types="react" />
 
 import { ApiFactory } from '@backstage/core-plugin-api';
+import { AppTheme } from '@backstage/core-plugin-api';
 import { ComponentType } from 'react';
 import { createPlugin } from '@backstage/core-plugin-api';
 import { Entity } from '@backstage/catalog-model';