1.20. 从动态插件载入自定义后端主题

流程

1. 在动态插件中导出主题供应商功能，例如：

   import { lightTheme } from './lightTheme'; // some custom theme
   import { UnifiedThemeProvider } from '@backstage/theme';
   export const lightThemeProvider = ({ children }: { children: ReactNode }) => (
     <UnifiedThemeProvider theme={lightTheme} children={children} />
   );

2. 使用新的 主题 配置字段将 Developer Hub 配置为在 UI 中载入它们：

   dynamicPlugins:
     frontend:
       example.my-custom-theme-plugin:
         themes:
           - id: light 1
             title: Light
             variant: light
             icon: someIconReference
             importName: lightThemeProvider

   1

   设置您的主题 ID。（可选）覆盖默认的 Developer Hub 主题指定以下 id 值： light 覆盖默认的 light theme 和 dark 会覆盖默认的 dark 主题。