{"templateId":"markdown","sharedDataIds":{"sidebar":"sidebar-sidebars.yaml"},"props":{"metadata":{"markdoc":{"tagList":["callout"]},"type":"markdown"},"seo":{"title":"How to customize the logos and colors of your Databoards","description":"You can enhance your Databoards with logos and colors to make Databoards more functional and personalized.   Pro Tip: To upload a background image, click on the  Visual Settings icon in the top toolba","siteUrl":"https://help.databox.com","llmstxt":{"title":"Databox Knowledge Base","description":"Databox is a business analytics platform that consolidates data in one place, enabling real-time performance tracking and insights by mixing and matching data from various sources for a comprehensive view.","details":{"content":"This knowledge base covers everything from account setup and integrations to building Databoards, creating custom metrics, and using AI-powered features."},"sections":[{"title":"General","includeFiles":["docs/general/*.md","docs/general/visualization-types/*.md","docs/general/templates/*.md"],"excludeFiles":[]},{"title":"AI","includeFiles":["docs/ai/*.md"],"excludeFiles":[]},{"title":"Account Management","includeFiles":["docs/account-management/**/*.md"],"excludeFiles":[]},{"title":"Databoards","includeFiles":["docs/databoards/**/*.md"],"excludeFiles":[]},{"title":"Data Management","includeFiles":["docs/data-management/**/*.md"],"excludeFiles":[]},{"title":"Metrics","includeFiles":["docs/metrics/**/*.md"],"excludeFiles":[]},{"title":"Forecasts","includeFiles":["docs/forecasts/*.md"],"excludeFiles":[]},{"title":"Goals","includeFiles":["docs/goals/*.md"],"excludeFiles":[]},{"title":"Reports","includeFiles":["docs/reports/*.md"],"excludeFiles":[]},{"title":"Notifications","includeFiles":["docs/notifications/*.md"],"excludeFiles":[]},{"title":"Pricing and Billing","includeFiles":["docs/pricing-and-billing/*.md"],"excludeFiles":[]},{"title":"Mobile","includeFiles":["docs/mobile/*.md"],"excludeFiles":[]},{"title":"Support","includeFiles":["docs/support/*.md"],"excludeFiles":[]},{"title":"Integrations","includeFiles":["docs/integrations/**/*.md"],"excludeFiles":[]}],"hide":false,"excludeFiles":[]}},"dynamicMarkdocComponents":[],"compilationErrors":[],"ast":{"$$mdtype":"Tag","name":"article","attributes":{},"children":[{"$$mdtype":"Tag","name":"Heading","attributes":{"level":1,"id":"how-to-customize-the-logos-and-colors-of-your-databoards","__idx":0},"children":["How to customize the logos and colors of your Databoards"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["You can enhance your Databoards with logos and colors to make Databoards more functional and personalized."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"how-to-customize-databoard-logos","__idx":1},"children":["How to customize Databoard logos"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"img","attributes":{"src":"/assets/how-to-customize-the-logos-and-colors-of-your-databoards_1.10681c476b0d2b3e8403f855ea1cfe2e3c5c4dae2b5353b28832384609f70a9a.ba843e8f.gif","alt":""},"children":[]}]},{"$$mdtype":"Tag","name":"ol","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Open the selected Databoard in the Designer, or create a new Databoard"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Click on the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Databox logo"]}," in the bottom lefthand corner of your Databoard"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Click ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Upload new"]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Select the correct logo file from your computer. Logos must be at least 400px wide. JPGs, PNGs and GIFs are supported."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Click ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Open"]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["In the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Crop Image"]}," window, you can reposition, crop, or zoom in on your selected logo"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Click the blue ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Crop image"]}," button to save the logo to your Databoard"]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"Callout","attributes":{"type":"tip"},"children":["To upload a background image, click on the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Visual Settings"]}," icon in the top toolbar. Next to the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Background Image"]}," text, click on the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Add Photo"]}," field and select the appropriate image file from your computer. Background images must be at least 1920px wide, but no larger than 8 MB. JPGs, PNGs and GIFs are supported."]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"how-to-customize-databoard-colors","__idx":2},"children":["How to customize Databoard colors"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"img","attributes":{"src":"/assets/how-to-customize-the-logos-and-colors-of-your-databoards_2.f01c74ce0d1a8b6548ca26f2d3972742a555184441f75fd1356c4ebe88ccf82b.ba843e8f.gif","alt":""},"children":[]}]},{"$$mdtype":"Tag","name":"ol","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Open the selected Databoard in the Designer, or create a new Databoard"]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Click on the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Colors"]}," drop-down list in the top toolbar of the Designer"]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Choose from 18 pre-defined Databoard background colors"]}]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"Callout","attributes":{"type":"tip"},"children":["To directly enter a hex code for your background color, click on the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Visual Settings"]}," icon in the top toolbar. Scroll to the bottom of the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Background color"]}," drop-down list and select ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Custom"]},". This will expose a new field where you can manually enter a hex code."]}]},{"$$mdtype":"Tag","name":"ol","attributes":{"start":4},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Next, you'll want to choose your Chart Themes. Chart Themes are the colors that will be displayed for lines on Line Charts, bars on Bar Charts, slices in a Pie Chart, etc."]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Click on the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Color"]}," drop-down list in the top toolbar of the Designer to choose from pre-defined Chart Themes. Chart Theme options are dependent on the background color that is selected for your Databoard and can be found at the bottom of the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Color"]}," drop-down list."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"Callout","attributes":{"type":"tip"},"children":["Learn how to further brand and whitelabel your Databoards ",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/how-to-white-label-databox"},"children":["here"]},"."]}]}]},"headings":[{"value":"How to customize the logos and colors of your Databoards","id":"how-to-customize-the-logos-and-colors-of-your-databoards","depth":1},{"value":"How to customize Databoard logos","id":"how-to-customize-databoard-logos","depth":2},{"value":"How to customize Databoard colors","id":"how-to-customize-databoard-colors","depth":2}],"frontmatter":{"slug":"how-to-customize-the-logos-and-colors-of-your-databoards","seo":{"title":"How to customize the logos and colors of your Databoards","description":"You can enhance your Databoards with logos and colors to make Databoards more functional and personalized.   Pro Tip: To upload a background image, click on the  Visual Settings icon in the top toolba"}},"lastModified":"2026-04-03T19:48:01.000Z","pagePropGetterError":{"message":"","name":""}},"slug":"/how-to-customize-the-logos-and-colors-of-your-databoards","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}