InMotion Hosting Support Center

Themes are visually important to your site. They help by laying out the site in a specific way and even the coloring of the theme can help customize the site. If you have a theme that you enjoy but would like to explore different color options, then you may want to take a look at that themes Color Sets.

A color set is a predefined set of color combinations that come with a theme. This article will show you how to change color sets within your selected Drupal 8 theme.

How to change color sets in Drupal 8 themes

  1. Log into your Drupal 8 administrative dashboard.
  2. click on the Menu itemSelect Menu from the top menu bar.
  3. select the Appearance optionNext, click on Appearance from the secondary menu that appears.
  4. select the Appearance optionYou will now be on the main Appearance page where you will see a list of all the themes that are available. Find the theme you want to work with and click on the Settings link for that theme. In our example, we will be working with our active theme, Bartik.
  5. select the Appearance optionNow that you are on the Settings page for the theme you will see the Color Set option at the top. Click on the dropdown to see the various predefined sets for your theme. From here you can select a new color scheme. We will choose Plum from the dropdown for our example.

    As you click on the selection, you should have a Previw section below that demonstrates how your selection will appear on your site.

  6. Once you have chosen your new color set, click on the Save Configuration button at the bottom to save and activate your changes. Below you will see the before and after screenshots of changing the color set within our test site.
    the configuration screen for the modulethe configuration screen for the module
You are viewing Section 4: Changing color sets for themes in Drupal 8
Section 3: Changing the default theme in Drupal 8
Section 5: Customizing theme colors in Drupal 8

Support Center Login

Social Media Login

Social Login Joomla

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

Post a Comment

Email Address:
Phone Number:

Please note: Your name and comment will be displayed, but we will not show your email address.

0 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?


Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail:
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!