---
title: What are Visual Themes? What can I do with them?
description: "Using Centercode's Visual Theme Tool: Learn how to harness the power of visual design to boost tester engagement and maintain brand consistency."
---
[Skip to content](https://learn2.centercode.com/en/what-are-visual-themes-what-can-i-do-with-them#main-content)
English
Show submenu for translations
[Report an Issue](https://learn2.centercode.com/en/kb-tickets/new?hsLang=en) [Customer portal](https://help.centercode.com/admin-portal?hsLang=en)
![New\_Centercode\_Logo.png\]](https://learn2.centercode.com/hs-fs/hubfs/New_Centercode_Logo.png?height=35&name=New_Centercode_Logo.png)
- [Centercode Blog](https://www.centercode.com/blog)
Open main navigation
Close main navigation
- [Centercode Blog](https://www.centercode.com/blog)
- English
Show submenu for translations
- [Report an Issue](https://learn2.centercode.com/en/kb-tickets/new)
- [Customer portal](https://help.centercode.com/admin-portal)
- Starter & Delta Edition Help
Starter & Delta Edition Help
How can we help?
- There are no suggestions because the search field is empty.
1. [Legacy Help Center](https://learn2.centercode.com/en?hsLang=en)
2. [Community Administration](https://learn2.centercode.com/en/community-administration?hsLang=en)
3. [Community Administration](https://learn2.centercode.com/en/community-administration?hsLang=en#community-administration)
# What are Visual Themes? What can I do with them?
This article applies to **All** editions.
The visual design of your community and projects keeps the look and feel of your testing platform consistent with your brand. But did you know it also helps maintain tester enthusiasm and participation?
Branding excites testers by immersing them in your product experience. Buttons that stand out help them navigate through your site. A good contrast between your background and text colors makes menus and content easier to read. Meanwhile, a poorly designed site can lead to confusion, lack of engagement, and even site navigability issues!
Visual Themes are created using the community level Visual Theme Management tool, and once created themes can be applied at both the community and project level.
### Accessing Visual Theme management
[](https://centercode.gyazo.com/abdb61e359925909c6996409967e7e96)
**From the Community Home:**
1. Navigate to your **Community logo \> Community configuration \> Visual theme**
2. Click the **Create a visual theme** link in the top right
3. Enter your desired theme name, as well as associated files and color choices
4. Click the **Submit** button at the bottom of the page to save your theme
### Setting a community or project level Visual Theme
**To set a Visual Theme for your community:**
[](https://centercode.gyazo.com/51dc71afac17b2b230c9789d83f6f5bf)
1. Navigate to your **Community logo\> Community configuration \> Basic settings**
2. Select the Visual Theme you would like in the **Visual theme** dropdown
3. Click the **Submit** button
**To set a Visual Theme for an individual project:**
[](https://centercode.gyazo.com/a974592285c2ac15b5fceb4c89f56f9e)
1. From the Project Homepage, navigate to **Management \> Project configuration \> Project settings**
2. On the **Fill in your project details** page, select your desired theme from the dropdown menu.
If you choose \, your project will match your community's Visual Theme by default
3. Click the **Submit** button
We’ve gathered a few tips and tricks and example themes here to help you master Centercode’s Visual Theme tool to get even more engagement out of your program and projects.
[](https://centercode.gyazo.com/0887bbcabbca9508fb7ebcb234b26a00)
### Example templates
Here are a few examples featuring some great combinations of images and custom colors to get your creative juices flowing!
**Clouds - Light Theme**
([Custom Colors](https://centercode.gyazo.com/6e5c835f4b184f95c5fd557dab17e508))([Inner Background Image](https://unsplash.com/photos/FIKD9t5_5zQ))
**Rocks - Dark Theme**
([Custom Colors](https://centercode.gyazo.com/a3bf46621fab9fd98a13d57e0f16f125)) ([Inner Background Image](https://unsplash.com/photos/gPm8h3DS1s4))
**Plants - Colorful Theme**
([Custom Colors](https://centercode.gyazo.com/1064ac336f68fc55191abbd8acc1bdae)) ([Inner Background Image](https://unsplash.com/photos/x2Tmfd1-SgA))
### Tips, tricks, and best practices
- **Choosing Images**
- Use a logo with a transparent background. ([Avoid This!](https://centercode.gyazo.com/0584aa057f4d7cc182ccbd445bcaa421)) We recommend SVG or PNG files for logos because they support transparency.
- If you're using inner/outer background images, backgrounds with low contrast, subtle textures, soft/blurred focus, or gradients are your best bet. Bright, saturated colors and busy patterns tend to distract the eye, making your site harder to read. **When in doubt, play with a grayscale or monochromatic background image**.
- Changing the color of the carets on your site header and dropdown menu to one of your primary logo colors can add a lot of visual flair to your navigation bar. Try it out!
- **Choosing your colors**
- Select three or four distinct colors for your visual theme based on your brand. A simplified color palette not only makes themes easier to manage, it also results in a focused look that is easily recognizable.
- **Making your logo pop**
- Check the contrast on your logos. Remember that opposites attract: if you have a light logo, consider a dark menu color, and vice versa.
- Setting a project to have a different theme from the community will use the “Menu Logo” in place of the text of the project name in the menu, which can end up visually busy. Consider not using a menu logo for project-specific themes. ([Example](https://centercode.gyazo.com/d8e0154fdc89d9c419a8a067c503465e))
### Background image library
In the spirit of creating high-quality and effective visual themes, we've provided a library of images you can use for your Centercode site's background. Each image below is monochromatic and semi-transparent, allowing you to apply an Inner Background Color which will "tint" them with whatever color fits best for your branding.
To use an image below, right-click it and "Save As" to save it in its original size. Then, simply follow the instructions in [this article](https://help.centercode.com/en/how-do-i-create-or-edit-a-visual-theme?hsLang=en) to add it to your Visual Theme.
**Bonus\*:** Here's [a ZIP of the whole set](https://learn2.centercode.com/hubfs/CS%20and%20Knowledge%20Base%20Files/Centercode%20Theme%20BG%20(Transparent%2c%20Optimized).zip?hsLang=en) so you can go wild!
*\*for more advanced and/or particularly adventurous users only!* 😎
|  |  |  |
| --- | --- | --- |
|  |  |  |
|  |  |  |
|  |  |  |
|  |  |  |
|  |  |  |
|  |  |  |
### Additional resources
To learn in detail what each of the Visual Theme image and color settings apply to click [Here](https://help.centercode.com/en/custom-images-and-colors-utilization-guide?hsLang=en)
- [Customer Training & Centercode Basics](https://learn2.centercode.com/en/customer-training-centercode-basics?hsLang=en#main-content)
- [Customer Video Training](https://learn2.centercode.com/en/customer-training-centercode-basics?hsLang=en#customer-video-training)
- [Centercode FAQs](https://learn2.centercode.com/en/customer-training-centercode-basics?hsLang=en#centercode-faqs)
- [Centercode Basics](https://learn2.centercode.com/en/customer-training-centercode-basics?hsLang=en#centercode-basics)
- [Community Administration](https://learn2.centercode.com/en/community-administration?hsLang=en#main-content)
- [Initial Configuration](https://learn2.centercode.com/en/community-administration?hsLang=en#initial-configuration)
- [Community Administration](https://learn2.centercode.com/en/community-administration?hsLang=en#community-administration)
- [Project Setup & Administration](https://learn2.centercode.com/en/project-setup-administration?hsLang=en#main-content)
- [Project Creation](https://learn2.centercode.com/en/project-setup-administration?hsLang=en#project-creation)
- [Recruiting](https://learn2.centercode.com/en/project-setup-administration?hsLang=en#recruiting)
- [Project Administration](https://learn2.centercode.com/en/project-setup-administration?hsLang=en#project-administration)
- [Macros and Automation](https://learn2.centercode.com/en/project-setup-administration?hsLang=en#macros-and-automation)
- [User Management](https://learn2.centercode.com/en/user-management?hsLang=en#main-content)
- [Surveys](https://learn2.centercode.com/en/user-management?hsLang=en#surveys)
- [Content & Resources](https://learn2.centercode.com/en/user-management?hsLang=en#content-resources)
- [Tester & User Management](https://learn2.centercode.com/en/user-management?hsLang=en#tester-user-management)
- [Feedback Management](https://learn2.centercode.com/en/feedback-management?hsLang=en#main-content)
- [Feedback Collection](https://learn2.centercode.com/en/feedback-management?hsLang=en#feedback-collection)
- [Feedback Triage & Moderation](https://learn2.centercode.com/en/feedback-management?hsLang=en#feedback-triage-moderation)
- [Reporting](https://learn2.centercode.com/en/reporting?hsLang=en#main-content)
- [Delta Dashboards](https://learn2.centercode.com/en/reporting?hsLang=en#delta-dashboards)
- [Custom Reports](https://learn2.centercode.com/en/reporting?hsLang=en#custom-reports)
- [Enhanced Integrations & APIs](https://learn2.centercode.com/en/enhanced-integrations-apis?hsLang=en#main-content)
- [Integration Center Endpoints](https://learn2.centercode.com/en/enhanced-integrations-apis?hsLang=en#integration-center-endpoints)
- [Single Sign-On Integrations](https://learn2.centercode.com/en/enhanced-integrations-apis?hsLang=en#single-sign-on-integrations)
- [Centercode Guides to Simple API Integrations](https://learn2.centercode.com/en/enhanced-integrations-apis?hsLang=en#centercode-guides-to-simple-api-integrations)
- [Centercode Guides to Endpoint Specific Systems](https://learn2.centercode.com/en/enhanced-integrations-apis?hsLang=en#centercode-guides-to-endpoint-specific-systems)
- [Enhanced Integrations Troubleshooting](https://learn2.centercode.com/en/enhanced-integrations-apis?hsLang=en#enhanced-integrations-troubleshooting)
- [Troubleshooting & Miscellaneous](https://learn2.centercode.com/en/troubleshooting-miscellaneous?hsLang=en)
- [Announcements and Releases](https://learn2.centercode.com/en/announcements-and-releases?hsLang=en#main-content)
- [C17 - The Delta Release](https://learn2.centercode.com/en/announcements-and-releases?hsLang=en#c17-the-delta-release)
- [Centercode's GoEarly Program](https://learn2.centercode.com/en/announcements-and-releases?hsLang=en#centercodes-goearly-program)
- [Update Archive](https://learn2.centercode.com/en/announcements-and-releases?hsLang=en#update-archive)
- [Centercode Blog](https://www.centercode.com/blog)
[](https://help.centercode.com?hsLang=en)
Centercode Help Center
Copyright © 2026, Centercode