If you navigate to Settings–>Your Branding–>App Logo & Colors, you will see many options for setting custom background and text colors, and a custom logo, for your SuiteDash installation.



Each setting will correspond to a different aspect of your installation:


Dashboard Logo

This is the main logo that is displayed in the top-left corner of your installation. For best performance, we suggest that your custom logo image be 200px wide, and have a max height of 60px.


Main Navigation – Background Color

The “Main Navigation” would be the top navigation bar (with “Dashboard”, “CRM”, “Office”, etc) that remains static regardless of what page you are on. This setting will control the background color (dark blue by default) of that navigation bar.


Main Navigation – Text Color

This setting will control the color (light grey by default) of the text in the Main Navigation.


Main Navigation – Icon Color

This setting will control the color (light grey by default) of the icons (such as the logout icon, the help question mark, etc) of the Main Navigation.


Main Dropdowns – Background Color

The Main Dropdowns would be the sub-menus that appear when you hover over the main navigation menu items. This setting will control the background color (dark blue by default) of those dropdowns.


Main Dropdowns – Text Color

This setting will control the color (light grey by default) of the text in the Main Dropdowns.


Secondary Navigation – Bar Color

The “Secondary Navigation” refers to all of the “per-page” menus that appear on individual parts of the app. For example, if you navigate to Planning–>Projects, the menu that includes the “Projects”, “MyTasks”, “Timers”, etc. tabs would be that page’s Secondary Navigation. This setting will control the background colors (dark blue by default) of these items.


Secondary Navigation – Text color

This setting will control the color (light grey by default) of the text (and any icons) in the Secondary Navigation.


Section Headers – Bar Color

This setting will control the background color (dark blue by default) of any Section Headers within the installation. An example of a Section Header would be the bar labeled “Project Management” that appears at Planning–>Projects


Section Headers – Text Color

This setting will control the color (white by default) of the text (and any icons) in the Section Headers of the installation.


Table Headers – Background Color

This setting will control the background color (white by default) of any Table Headers within the installation. An example of this would be the grey bar that appears at Office–>Billing–>Invoices, that contains the text “Invoice Number”, “Customer Name”, “Grand Total”, etc.


Table Headers – Text Color

This setting will control the color (blue by default) of the text (and any icons) in the Table Headers of the installation.


Options Buttons – Background Color

The Options Buttons are the buttons (blue by default) that appear in various tables through the installation, that are used for actions such as Edit, View, Delete, etc. This setting will control the background colors of these buttons.


Options Buttons – Text Color

This setting will control the color (white by default) of the text of the Options Dropdown buttons.


Options Button Dropdowns – Background Color

This setting will control the background color (white by default) of the dropdown menus of the Options Buttons.


Options Button Dropdowns – Text Color

This setting will control the color (black by default) of the text in the dropdown menus of the Options Buttons.