RHIDP-4567 - Provide the ability to load a custom Backstage theme from a dynamic plugin

Author: Gerry-Forde

modules/customization/proc-loading-custom-theme-using-dynamic-plugin.adoc

@@ -4,11 +4,11 @@
 [id="proc-loading-custom-theme-using-dynamic-plugin-_{context}"]
 = Loading a custom {product-short} theme by using a dynamic plugin
 
-You can load a custom Backstage theme from a dynamic plugin.
+You can load a custom {product-short} theme from a dynamic plugin.
 
 .Procedure
 
-. Export a theme provider function in the dynamic plugin, such as:
+. Export a theme provider function in your dynamic plugin, for example:
 +
 [source,javascript]
 ----
@@ -19,7 +19,7 @@ export const lightThemeProvider = ({ children }: { children: ReactNode }) => (
 );
 ----
 
-. Configure {product-short} to load the them in the UI by using the new `themes` configuration field:
+. Configure {product-short} to load the theme in the UI by using the `themes` configuration field:
 +
 .Example `app-config-rhdh.yaml` file
 [source,yaml]
@@ -34,8 +34,8 @@ dynamicPlugins:
           icon: someIconReference
           importName: lightThemeProvider
 ----
-<1> Set your theme id. Optionally, override the default Developer Hub themes specifying following id value: `light` overrides the default light theme and `dark` overrides the default dark theme.
+<1> Set your theme ID by specifying the desired value. Optionally, override the default {product-short} themes by using the following ID values: `light` to replace the default light theme, or `dark` to replace the default dark theme.
 
 .Verification
 
-* The theme is available in the "Settings" page.
+* The theme is available in the {product-short} *Settings* page page.