.. _BAP_theme_color_reference:

Business Admin Theme Color Reference
------------------------------------


The Element variable below is a descriptive name of the GUI element that will be affected
by the Color variable, which corresponds with the color name on the Theme design form.

+----------------------------------------+-----------------------+
| Element                                | Color                 |
+========================================+=======================+
| $sidebarLogoBgColor                    | $primaryColor         |
+----------------------------------------+-----------------------+
| $sidebarBgColor                        | $primaryColor         |
+----------------------------------------+-----------------------+
| $topbarTextColor                       | $primaryLightestColor |
+----------------------------------------+-----------------------+
| $topbarIconColor                       | $primaryLightestColor |
+----------------------------------------+-----------------------+
| $submenuBgColor                        | $primaryColor         |
+----------------------------------------+-----------------------+
| $darkSubmenuBgColor                    | $primaryDarkColor     |
+----------------------------------------+-----------------------+
| $horizontalSubmenuBgColor              | $primaryColor         |
+----------------------------------------+-----------------------+
| $horizontalSubmenuitemHoverBgColor     | $primaryColor         |
+----------------------------------------+-----------------------+
| $horizontalSubmenuitemDarkHoverBgColor | $primaryColor         |
+----------------------------------------+-----------------------+
| $menuitemActiveBgColor                 | $accentColor          |
+----------------------------------------+-----------------------+
| $subMenuitemActiveTextColor            | $accentLightColor     |
+----------------------------------------+-----------------------+
| $subMenuitemActiveIconTextColor        | $accentLightColor     |
+----------------------------------------+-----------------------+
| $darkMenuitemActiveBgColor             | $accentColor          |
+----------------------------------------+-----------------------+
| $darksubMenuitemActiveTextColor        | $accentLightColor     |
+----------------------------------------+-----------------------+
| $darksubMenuitemActiveIconTextColor    | $accentLightColor     |
+----------------------------------------+-----------------------+