Skip to main content

Customizing Your Community Group Theme in Stack

With Stack, you can personalize the look of your community groups using themes. These themes allow you to choose between light and dark modes, select from predefined themes, or create your own custom theme to match your preferences.

Accessing Theme Settings​

To change your theme settings within a community group:

  1. Open Settings: Click on the right sidebar within your community group, then select "SETTINGS" at the bottom.
  2. Navigate to Themes: Choose "Themes" from the sidebar to access the theme options.

Choosing a New Theme​

If you manage multiple groups, applying different themes can help you distinguish between them easily. Your selected theme will only appear on the web version.

Light or Dark Mode​

  • At the top of the Themes section, you can switch between Light Mode and Dark Mode.

Select a Predefined Theme​

  1. Go to the "Communities theme" tab.
  2. Browse through the list of available themes.
  3. Click on a theme to preview it. Once you find a theme you like, it will automatically apply to your community interface.

Creating a Custom Theme​

If you prefer a more personalized touch, you can create a custom theme:

  1. Navigate to the "Custom Themes" tab.
  2. Customize various components for both Light Mode and Dark Mode separately.

Customization Options​

  • Sidebar Background: Change the background color of the sidebar and top bar.
  • Primary: Adjust button colors.
  • Background: Modify surface elements and modals.
  • Tertiary: Customize links and selection elements like radio buttons and checkboxes.
  • Surface: Set the base color of the interface.
  • Primary Font: Choose the main context font.
  • Secondary Font: Select the font for secondary context.
  • Fill Color: Define hover colors.
  • Borders: Adjust all border colors.
  • Error: Set colors for error interactions.

Click on the color swatches to open the color picker or enter a hex code directly. Remember to click "SAVE" to ensure all your changes are applied.

Member View​

Group members will see the theme you have chosen or customized. They also have the option to switch between Light or Dark Mode in their settings.