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

@@ -8,8 +8,9 @@ You can load a custom {product-short} theme from a dynamic plugin.
 
 .Procedure
 
-. Export a theme provider function in your dynamic plugin, for example:
+. Export a theme provider function in your dynamic plugin. For more information about creating a custom theme, see link:https://backstage.io/docs/getting-started/app-custom-theme/#using-your-custom-theme[Backstage documentation - Creating a Custom Theme].
 +
+.Sample `myTheme.ts` fragment
 [source,javascript]
 ----
 import { lightTheme } from './lightTheme'; // some custom theme
@@ -21,7 +22,7 @@ export const lightThemeProvider = ({ children }: { children: ReactNode }) => (
 
 . Configure {product-short} to load the theme in the UI by using the `themes` configuration field:
 +
-.Example `app-config-rhdh.yaml` file
+.`app-config-rhdh.yaml` fragment
 [source,yaml]
 ----
 dynamicPlugins:
@@ -38,4 +39,4 @@ dynamicPlugins:
 
 .Verification
 
-* The theme is available in the {product-short} *Settings* page page.
+* The theme is available in the {product-short} *Settings* page.