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.
    BeforeAfter
    the configuration screen for the modulethe configuration screen for the module
Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve this article:
Email Address
Name

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Like this Article?

Post a Comment

Name:
Email Address:
Phone Number:
Comment:
Submit

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?

Search

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: support@InMotionHosting.com
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!