You can replace six colors that appear in READynamic, identified below, by following these instructions. The colors you provide overwrite default READynamic colors.
We describe each of the colors that you can edit below. You can change them by editing settings in the server_configuration_overrides.yml file. Note that we list the colors in the order that they appear in this YML configuration file.
Main Color (color_ui_highlight)
For the Portal, the Main Color is the primary color for objects on the page, such as the icon.
For the Reader Page, this is the color of highlighted text in an eBook, a selected option on the highlight menu, and a selected icon, such as the pointer.
Menu Color (color_toolbar)
This is the color of the side toolbar that appears on both the Portal and Reader Pages.
Top Bar Color (color_top_bar)
The color of the bar across the top of the Portal Pages.
Menu Inactive Color (color_inactive)
The color for icons on the side tool bar of the Portal and Reader Pages that are not selected. This color is also used for text on the list of options that appears when text is highlighted in the Reader Page.
Menu Hover Color (color_hover)
This color appears when a user points the cursor at an icon on the side tool bar, but does not select it.
Notification/User Name Color (color_nav_highlight)
This color applies to the user name and the bell icon (notifications), appearing in the upper right corner of the Portal Pages.
Steps for creating custom colors
Navigate to the server_configuration_overrides.yml file.
- Identify the color codes in the “#set UI theme” values:
theme_colors: color_ui_highlight: "#1699d1" color_toolbar: "#404e58" color_top_bar: "#333" color_inactive: "#aaaaaa" color_hover: "#ffffff" color_nav_highlight: "#ffffff"
- Enter the hexadecimal code for each color.
- Restart the READynamic server.