Geckoboard advanced theming

Geckoboard customers can request a paid add-on to unlock advanced dashboard theming for your plan. Once enabled, you'll be able to deeply customize the look and feel of your dashboards to match your brand or team colors.

To request advanced theming your dashboard(s), contact us today.

Applying a customized theme for your dashboard

Once you have advanced theming enabled, you'll see a new Customize option added to your dashboard masthead. Click it to open the dashboard customization screen.dashboard customization options in Geckoboard From here you can upload a logo to appear on your dashboard by either dropping the file in the box or selecting using the link (for best results, we recommend a 100px min height, with a file size no more than 2MB max.).

All you need to customize your dashboard colors are the six-digit HTML color values for the following dashboard elements listed below. 

advanced theming in Geckoboard

  • Brand color – used for sparklines, bar and line chart series, etc.
  • Dashboard background
  • Widget background usually has 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 to pick a dark color for light theme and a light color for dark theme.
  • Positive state
  • Negative state
  • Caution state

After filling in all the fields with your desired hex values, click Save, and your dashboard will now display your new color scheme.

Examples of themed dashboards

You can use the following examples as a guide to build your own (i.e. by adapting it to your brand) or as a template.

Light theme
Dark theme
light theme example

v1

dark theme example

v1

light theme example

v2

dark theme example

v2

Light theme v1
Brand: 01CCCC
Dashboard background: F3F3F0
Widget background: FFFFFF
Text:000228
Positive: 0FD354
Negative: FC5C6A
Caution: FEB554

Light theme v2
Brand: F1BDBC
Dashboard background: E3DDF3
Widget background: FFFFFF
Text:161616
Positive: 85D6CA
Negative: FF8686
Caution: FEB554

Dark theme v1
Brand: F2A93C
Dashboard background: 183F80
Widget background: 0A1D3F
Text:FFFFFF
Positive: 8ACD41
Negative: D02E2A
Caution: E0843D

Dark theme v2
Brand: 01CCCC
Dashboard background: 000228
Widget background: 00294A
Text:EFEFF3
Positive: 0FD354
Negative: FC5C6A
Caution: FEB554

Was this article helpful?

Awesome! 👍 Thanks so much for your feedback!

Sorry about that! Start a conversation now.

Ready to create your own dashboard?

Get started for free

Still have questions? Get in touch.