Assistants need to reach this page over the internet. While it is only running on your machine, these two buttons will not be able to load it.
Each image has a one line explanation. Switch to full detail for the step it belongs to, the fields and buttons involved, examples and the whole procedure.
Communities themes allow you to customize the appearance of your group interface to match your preferences. Themes can be adjusted for both light and dark modes, and you can either choose from predefined themes or create your own custom theme.
Admin/Owner View: Accessing Theme Settings Make sure to turn it on from Labs
To change your theme settings:
Open Settings: Inside your community group, click on your right side bar and click on bottom “SETTINGS”.
Navigate to themes: Select "Themes" from the sidebar.
Choosing a New Theme
If you use multiple groups, try selecting a different theme for each one to help you tell them apart. Your new theme will appear in the broser.
Light or Dark Mode:
In the Themes section, you can switch between Light Mode and Dark Mode using the buttons at the top.
Select a Predefined Theme:
Select Communities theme tab and scroll through the list of available themes. Click on a theme to preview it. Once you find a theme you like, it will automatically apply to your Communities interface.
Note: Themes are reflected only in Web and not mobile.
Select a Predefined Theme:Select Communities theme tab and scroll through the list of available themes. Click on a theme to preview it. Once you find a theme you like, it will automatically apply to your Communities interface. (image 1 of 9)What this shows Note: Themes are reflected only in Web and not mobile.What this showsIllustrates the "Select a Predefined Theme:Select Communities theme tab and scroll through the list of available themes. Click on a theme to preview it. Once you find a theme you like, it will automatically apply to your Communities interface." section of "Communities - Change your group theme".This animation appears in the "Select a Predefined Theme:Select Communities theme tab and scroll through the list of available themes. Click on a theme to preview it. Once you find a theme you like, it will automatically apply to your Communities interface." section of "Communities - Change your group theme". The text alongside this image reads: Note: Themes are reflected only in Web and not mobile. Immediately after, the guide continues: As a group owner/admin, in the "Custom Themes" tab, users can customize various components of the group interface. For each mode i.e. Light Mode and Dark Mode, the admin will have to customise and Save the customisations separately.Image 1 of 9What this coversNote: Themes are reflected only in Web and not mobile.
Buttons and menus referencedscroll
Next stepAs a group owner/admin, in the "Custom Themes" tab, users can customize various components of the group interface. For each mode i.e. Light Mode and Dark Mode, the admin will have to customise and Save the customisations separately.
Creating a Custom Theme
As a group owner/admin, in the "Custom Themes" tab, users can customize various components of the group interface. For each mode i.e. Light Mode and Dark Mode, the admin will have to customise and Save the customisations separately.
Scroll through the list of available customisation options:
Options
What will change in your group
Sidebar Background
Background colour of the sidebar with top bar
Primary
Button colours
Background
Surface elements and modals
Tertiary
Links and elements of selection(radio buttons/checkboxes).
Surface
Base of the interface
Primary Font
Main Context
Secondary Font
Selected context
Fill colour
Hover colour
Borders
All borders
Error
Error in interaction
Click on the colour swatches to open the colour picker or enter a hex code directly.
Creating a Custom Theme (image 2 of 9)What this shows Click on the colour swatches to open the colour picker or enter a hex code directly.What this showsIllustrates the "Creating a Custom Theme" section of "Communities - Change your group theme".This animation appears in the "Creating a Custom Theme" section of "Communities - Change your group theme". The text alongside this image reads: Click on the colour swatches to open the colour picker or enter a hex code directly. Immediately after, the guide continues: Make sure to click on SAVE so all your changes are reflected.Image 2 of 9What to fill inClick on the colour swatches to open the colour picker or enter a hex code directly.
Buttons and menus referencedcrollSAVE
Next stepMake sure to click on SAVE so all your changes are reflected.
Make sure to click on SAVE so all your changes are reflected.
Creating a Custom Theme (image 3 of 9)What this shows Make sure to click on SAVE so all your changes are reflected.What this showsIllustrates the "Creating a Custom Theme" section of "Communities - Change your group theme".This screenshot appears in the "Creating a Custom Theme" section of "Communities - Change your group theme". The text alongside this image reads: Make sure to click on SAVE so all your changes are reflected. Immediately after, the guide continues: Group members will see the customised or chosen theme by the admin. Additionally, they can switch between Light or Dark Mode in Settings.Image 3 of 9How to confirmMake sure to click on SAVE so all your changes are reflected.
Buttons and menus referencedcrollSAVE
Next stepGroup members will see the customised or chosen theme by the admin. Additionally, they can switch between Light or Dark Mode in Settings.
Group View after customisations:
Group View after customisations: (image 4 of 9)What this shows Make sure to click on SAVE so all your changes are reflected.What this showsIllustrates the "Group View after customisations:" section of "Communities - Change your group theme".This screenshot appears in the "Group View after customisations:" section of "Communities - Change your group theme". The text alongside this image reads: Make sure to click on SAVE so all your changes are reflected. Immediately after, the guide continues: Group members will see the customised or chosen theme by the admin. Additionally, they can switch between Light or Dark Mode in Settings.Image 4 of 9How to confirmMake sure to click on SAVE so all your changes are reflected.Next stepGroup members will see the customised or chosen theme by the admin. Additionally, they can switch between Light or Dark Mode in Settings.Group View after customisations: (image 5 of 9)What this shows Make sure to click on SAVE so all your changes are reflected.What this showsIllustrates the "Group View after customisations:" section of "Communities - Change your group theme".This screenshot appears in the "Group View after customisations:" section of "Communities - Change your group theme". The text alongside this image reads: Make sure to click on SAVE so all your changes are reflected. Immediately after, the guide continues: Group members will see the customised or chosen theme by the admin. Additionally, they can switch between Light or Dark Mode in Settings.Image 5 of 9How to confirmMake sure to click on SAVE so all your changes are reflected.Next stepGroup members will see the customised or chosen theme by the admin. Additionally, they can switch between Light or Dark Mode in Settings.Group View after customisations: (image 6 of 9)What this shows Make sure to click on SAVE so all your changes are reflected.What this showsIllustrates the "Group View after customisations:" section of "Communities - Change your group theme".This screenshot appears in the "Group View after customisations:" section of "Communities - Change your group theme". The text alongside this image reads: Make sure to click on SAVE so all your changes are reflected. Immediately after, the guide continues: Group members will see the customised or chosen theme by the admin. Additionally, they can switch between Light or Dark Mode in Settings.Image 6 of 9How to confirmMake sure to click on SAVE so all your changes are reflected.Next stepGroup members will see the customised or chosen theme by the admin. Additionally, they can switch between Light or Dark Mode in Settings.
Group View after customisations: (image 7 of 9)What this shows Make sure to click on SAVE so all your changes are reflected.What this showsIllustrates the "Group View after customisations:" section of "Communities - Change your group theme".This screenshot appears in the "Group View after customisations:" section of "Communities - Change your group theme". The text alongside this image reads: Make sure to click on SAVE so all your changes are reflected. Immediately after, the guide continues: Group members will see the customised or chosen theme by the admin. Additionally, they can switch between Light or Dark Mode in Settings.Image 7 of 9How to confirmMake sure to click on SAVE so all your changes are reflected.Next stepGroup members will see the customised or chosen theme by the admin. Additionally, they can switch between Light or Dark Mode in Settings.Group View after customisations: (image 8 of 9)What this shows Make sure to click on SAVE so all your changes are reflected.What this showsIllustrates the "Group View after customisations:" section of "Communities - Change your group theme".This screenshot appears in the "Group View after customisations:" section of "Communities - Change your group theme". The text alongside this image reads: Make sure to click on SAVE so all your changes are reflected. Immediately after, the guide continues: Group members will see the customised or chosen theme by the admin. Additionally, they can switch between Light or Dark Mode in Settings.Image 8 of 9How to confirmMake sure to click on SAVE so all your changes are reflected.Next stepGroup members will see the customised or chosen theme by the admin. Additionally, they can switch between Light or Dark Mode in Settings.
Member View:
Group members will see the customised or chosen theme by the admin. Additionally, they can switch between Light or Dark Mode in Settings.
Member View: (image 9 of 9)What this shows Group members will see the customised or chosen theme by the admin.What this showsIllustrates the "Member View:" section of "Communities - Change your group theme".This screenshot appears in the "Member View:" section of "Communities - Change your group theme". The text alongside this image reads: Group members will see the customised or chosen theme by the admin. Additionally, they can switch between Light or Dark Mode in Settings.Image 9 of 9What this coversGroup members will see the customised or chosen theme by the admin. Additionally, they can switch between Light or Dark Mode in Settings.
