Ce contenu n'est pas disponible dans la langue sélectionnée.
Chapter 6. Additional customizations in Red Hat Developer Hub
This section describes additional customization options that you can apply to the Red Hat Developer Hub.
- Customizing tab tooltip
To customize the tab tooltip, add the following content to your
app-config-rhdh.yaml
file:app: title: My custom developer hub
- Customizing branding of your Developer Hub instance
To customize the branding of your Developer Hub instance, add the following content to your
app-config-rhdh.yaml
file:app: branding: fullLogo: ${BASE64_EMBEDDED_FULL_LOGO} iconLogo: ${BASE64_EMBEDDED_ICON_LOGO} theme: light: primaryColor: ${PRIMARY_LIGHT_COLOR} headerColor1: ${HEADER_LIGHT_COLOR_1} headerColor2: ${HEADER_LIGHT_COLOR_2} navigationIndicatorColor: ${NAV_INDICATOR_LIGHT_COLOR} dark: primaryColor: ${PRIMARY_DARK_COLOR} headerColor1: ${HEADER_DARK_COLOR_1} headerColor2: ${HEADER_DARK_COLOR_2} navigationIndicatorColor: ${NAV_INDICATOR_DARK_COLOR}
In the previous configuration,
-
fullLogo
is the logo on the expanded (pinned) sidebar and expects a base64 encoded image. -
iconLogo
is the logo on the collapsed (unpinned) sidebar and expects a base64 encoded image. primaryColor
is the color of links and most buttons to the inputted color. The supported formats forprimaryColor
include:-
#nnn
-
#nnnnnn
-
rgb()
-
rgba()
-
hsl()
-
hsla()
-
color()
-
headerColor1
(left-side of the banner) andheaderColor2
(right-side of the banner) changes the color of the header banner of each page, as well as the banner for template cards. The supported formats forheaderColor1
andheaderColor2
include:-
#nnn
-
#nnnnnn
-
rgb()
-
rgba()
-
hsl()
-
hsla()
-
color()
-
navigationIndicatorColor
changes the color of the indicator in the sidebar that indicates which tab you are on. The supported formats fornavigationIndicatorColor
include:-
#nnn
-
#nnnnnn
-
rgb()
-
rgba()
-
hsl()
-
hsla()
-
color()
-
-