Customizing your dashboard
Now that you've built your dashboard and started sharing it with your team or other stakeholders, it’s time to change the look and feel of your dashboard to match your brand, by uploading your logo and brand colors.
Logos and dashboard themes are available on the Pro plan and above.
Customize your dashboard with your own logo by following the simple steps below:
Light theme
Out of the box Geckoboard comes with a light theme as well as our standard dark theme. Both are designed to be high contrast and easy to read at a glance. You can use the light theme by clicking the Customize button in the top right corner of your dashboard, and selecting it from the drop down underneath ‘Themes’.
Applying custom themes
For deeper customization - to match brand or team colors, or your office decor if your dashboard is up on a TV - you can apply a custom theme. This allows you to adjust the colors of the main elements of your dashboard individually, using hex codes.
If you’re not sure what the hex codes are for your brand either ask your designer or use a tool like this to pull colors from your logo.
To get started, select ‘Custom’ underneath ‘Themes’. You’ll then see a list of dashboard elements on the left, along with their individual hex codes. Update the hex codes to match the colors you want, and you’ll see a preview of your changes to the right.
When you’re happy with the result, hit ‘save’ to apply your theme to your dashboard.
When it comes to customizing your dashboard you don’t want the colors to be a distraction from the numbers you’re sharing so we’ve got some pointers on how to best color your dashboard:
Brand color
This is used for sparklines, bar and line chart series, etc. Make sure this colour stands out on your dashboard and widget background colours.
Dashboard background
This is the backdrop for your dashboard, try to avoid anything too bright or distracting.
Widget background
We’d recommend using the same hue as the dashboard color, but with more or less brightness.
Text
For improved readability, we recommend using white for dark dashboards and black for light dashboard themes. If you prefer to pick a color, we'd suggest picking a dark color for a light theme and a light color for a dark theme.
Positive state, caution state and negative state
For each of the alert states, it’s best to stick to greens, ambers and reds to avoid confusing your viewers and make sure everyone understands when alerted by a color.
To display an image on your dashboard, add a widget and select Image from the data sources list. On the config screen, enter your image's URL path and select how often it needs reloading on your dashboard. Accepted image formats include JPG, PNG, GIF and SVG.
You can also use hosting services to host your image files. See our help article for more detail on this.
If there was anything we've not covered that you'd like more information on, please check out our Help Center or contact our Support team.