Quick Answer
How do you customize a BizStackPro community theme?
Open Memberships → Communities → Groups, log in to the group, and go to Settings → Themes. Choose a built-in theme or select Custom Theme to update individual colors using the color picker or your brand hex codes.
How Community Themes Work
Community themes control the visual appearance of your BizStackPro group, including colors, backgrounds, borders, buttons, and other interface elements.
You can use a built-in theme for a quick visual update or create a custom theme that more closely matches your business branding.
Light and dark modes give members different viewing options, while custom colors help make the community more recognizable and consistent with the rest of your brand.
Theme changes should preserve readability
Brand consistency is useful, but text, buttons, borders, and backgrounds must remain easy for members to see and use.
Community Theme Settings at a Glance
Before You Begin
Gather your branding details and decide how the community should look before changing the theme.
- Prepare your primary and secondary brand colors.
- Gather the correct hex codes for each brand color.
- Decide whether members should use light mode, dark mode, or both.
- Identify which backgrounds, buttons, borders, and text areas need customization.
- Confirm that your selected colors provide readable contrast.
- Prepare a member or test-member account for previewing the theme.
- Remember that custom theme changes currently apply to desktop views.
- Sign in to your BizStackPro account.
Step 1: Switch Between Light and Dark Mode
Choose the general viewing mode that provides the best experience for your community members.
Open Memberships
Select Memberships from the main BizStackPro navigation.
Open Communities
Select Communities → Groups.
Log In to the Group
Select the community group and click Login.
Open Settings
Open the community Settings.
Open Themes
Select Themes to access the appearance settings.
Choose Light or Dark Mode
Toggle between Light and Dark mode, review the appearance, and save the selection.
Step 2: Use a Built-In Community Theme
Choose a preconfigured theme when you want to update the community appearance without editing every individual color.
Open Theme Settings
Go to Settings → Themes inside the community.
Find Community Theme
Locate the Community Theme options.
Select a Built-In Theme
Choose one of the available pre-made themes.
Preview the Changes
Review the updated colors and appearance before saving.
Save the Theme
Save the selected theme when the appearance meets your needs.
Start with a built-in theme
A built-in theme can provide a useful starting point before you decide whether individual custom colors are necessary.
Step 3: Create a Custom Theme with Brand Colors
Use Custom Theme when you need more control over the appearance of individual community elements.
Open Theme Settings
Go to Settings → Themes.
Select Custom Theme
Choose Custom Theme.
Select an Element
Click the pencil icon next to the interface element you want to customize.
Choose a Color
Use the color picker or paste the appropriate brand hex code.
Repeat for Other Elements
Update the sidebar, backgrounds, buttons, borders, text, or other available interface elements as needed.
Save the Custom Theme
Review the complete theme and save your changes.
Custom themes currently apply to desktop views
According to the original guide, custom theme changes are not currently reflected on mobile community views.
Step 4: Preview and Finalize the Community Theme
Review the community as a member before making the final theme available.
Review Backgrounds and Surfaces
Confirm that surface, background, and border colors remain visually distinct.
Review Text and Buttons
Make sure headings, body text, links, and buttons are easy to read against their backgrounds.
Log In as a Member
Use a member profile or test-member account to view the community from the member perspective.
Preview Both Modes
Use the sun and moon toggle icons to review the community in light and dark modes.
Correct Contrast Problems
Adjust any colors that make text, buttons, borders, or other elements difficult to see.
Save the Final Theme
Save the completed theme after confirming that the community is readable and consistent.
Community Theme Best Practices
Frequently Asked Questions
How do I switch between light and dark mode in my community?
Can I use my brand colors for my community theme?
Are custom community themes available on mobile?
How can I preview my community as a member?
Continue Learning
Continue learning how to create and manage a consistent BizStackPro community experience with these related Help Center guides.
