Themes are an important part of your site in Drupal 7 as they give the visitor a specific look and feel to evoke an emotional response. In addition to changing to a new theme completely, you may want to experiment with the different color sets a particular theme offers. Color sets are packaged color combinations, offering your current theme a different look while keeping the same structure. These have individual names for each set. Changing the color set of a theme in Drupal 7 is very easy and can be done by performing the following steps:

Switching the color set on a theme in Drupal 7:

  1. Log into your Drupal 7 Admin panel.
  2. Using the top menu area, click on the Appearance option.
    _main-dashboard-appearance
  3. This will bring up the themes page. You will see all enabled themes in the top portion of the screen with the current theme at the very top. Find the Settings link for the theme and click that to go to the next screen.
    appearance-theme-settings
  4. From this screen, find the Color Set dropdown. Here you can select different preset color combinations. Pick the one you want then scroll to the bottom and hit the Save Configuration button to save it. There is also a Custom option in the dropdown so you can set your own color combination. As you change the colors, you can see a preview of the theme and its color change below at the Preview section.
    appearance-theme-settings-color-set
    Below is are some before and after screenshots to show you how changing the color set can make a difference in your site.
    Before After
    theme-color-before theme-color-after
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 our Support Center:
Email Address
Optional, but our team may contact you for more information.
Like this Article?

Post a Comment

Name:
Email Address:
Comment:
Are you a bot?
Submit

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

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!