Communities are a hotspot for interacting with your audience. They help you connect with your client base and leverage their interest into brand loyalty. So, you’ll want those communities to feel like an extension of your image. With this handy tutorial, you can customize the color of all elements inside your community.

How to Do It? #

Start by accessing your group. If you do not have your group’s link saved, you can access the Community tab inside the Memberships section and click the Login button.

Inside your Group, open up your Settings to access your Group Settings Menu.

Head over to the Themes tab. Here you can select between the Community Themes or Custom themes, and you can apply the customization to both Light and Dark Mode.

Community Themes #

These will be your premade themes. To use them, click on your preferred theme and click Save.

Custom Themes #

These themes allow you to control the color of every element.

To change a color, click on the pencil icon. Here you can select from the color picker or enter the hex code for it.

You can also check the box next to Window Gradient to turn your side and topbar into a softer transition.

Once you’re happy with the colors, click Save to keep the changes.

Now you can take your Community’s branding to the next level. This allows users to toggle between light and dark modes and helps you reflect your brand’s unique style to the max, improving the experience for your audience and making your communities more appealing.

Frequently Asked Questions #

Where do I customize my community’s theme? #

Log into your group, open Settings to reach the Group Settings Menu, and head to the Themes tab to choose or customize a theme.

What is the difference between Community Themes and Custom Themes? #

Community Themes are premade themes you apply with one click, while Custom Themes let you control the color of every element individually.

Can I set different themes for light and dark mode? #

Yes. You can apply your customization to both Light and Dark Mode so members can toggle between them.

How do I change a specific element’s color? #

In a Custom Theme, click the pencil icon next to an element, then pick a color from the color picker or enter its hex code.

What does the Window Gradient option do? #

Checking the Window Gradient box turns your side and top bar into a softer color transition for a smoother look.

Do I need to save my theme changes? #

Yes. After selecting a premade theme or finalizing your custom colors, click Save to keep the changes.