Skip to main content Skip to search
Can we use first and third party cookies and web beacons to understand our audience, and to tailor promotions you see?
Main menu
  • Drupal.org home
  • Discover Drupal
    • Drupal Core
    • Drupal CMS
    • Drupal AI
    • Case Studies
    • Drupal for Government
    • Drupal for Higher Education
    • Drupal for Nonprofit
    • Drupal for eCommerce
    • Drupal for FinTech
    • Drupal for Healthcare
    • Drupal for Enterprise
    • Drupal for Retail
    • Drupal for Travel & Tourism
  • Build with Drupal
    • Download Drupal
    • Documentation
    • Getting started
    • Local Development Guide
    • Developer Resources
    • Drupal CMS User Guide
    • Drupal User Guide
    • API
    • Modules
    • Themes
    • Recipes
    • Site Templates
    • Issue queues
    • Security Advisories
  • Partners & Services
    • Find a Drupal Certified Partner
    • Become a Drupal Certified Partner
    • Find a Hosting Provider
    • Find a Migration Partner
    • Find Training
    • Drupal Steward
  • Community
    • About the Community
    • How to Contribute
    • DrupalCon
    • Events
    • Jobs / Careers
    • News & Blogs
    • Forum
    • Slack
    • Newsletters
    • Drupal Swag Shop
  • Support Drupal
    • The Drupal Association
    • Donate
    • Become a Partner
    • Become a Ripple Maker
    • Become a Drupal Sustaining Member
    • Drupal Swag Shop
  • Get Started
    • Try Drupal CMS
    • Try Hosting
Return to content

Search form

  • Log in, view profile, and more
    • Log in
    • Create account
Documentation
DevelopTheming Drupal
Advertising sustains the DA. Ads are hidden for members. Join today

Theming Drupal

  • Defining a theme with an .info.yml file
  • Drupal theme folder structure
  • Adding Regions to a Theme
  • Adding stylesheets (CSS) and JavaScript (JS) to a Drupal theme
  • Twig in Drupal
  • Creating sub-themes
  • Using Stable/Stable 9 as a base theme
  • Classy themes css selectors
  • Using Single-Directory Components
  • Including Default Image Styles With Your Theme
  • Including Part Template
  • Using attributes in templates
  • Modifying attributes in a .theme file
  • Working with breakpoints in Drupal
  • Creating advanced theme settings
  • Theming differences between Drupal 6, 7 & 8
  • Upgrading 7.x themes to 8.x
  • Drupal Twig conversion instructions (tpl.php to html.twig)
  • Creating automation tools for custom themes (Gulpjs)
  • Sub-Theme inheritance
  • Update the throbber
  • Z-indexes in Drupal 8
  • Add meta description and title programmatically

Color module

This guide has not yet been reviewed by Theming Drupal maintainer(s) and added to the menu.

Integrate color module support in drupal 8 custom theme

Steps to integrate color module support for your theme

Color module support for your drupal 8 theme

Tags

theming
design
twig
CSS
HTML

Guide maintainers

nitesh624's picture
Drupal’s online documentation is © 2000-2026 by the individual contributors and can be used in accordance with the Creative Commons License, Attribution-ShareAlike 2.0. PHP code is distributed under the GNU General Public License.
Infrastructure management for Drupal.org provided by Tag1 logo
Need a Drupal 7 extended support partner? Consider Tag1.

News items

  • News
  • Planet Drupal
  • Social media
  • Sign up for Drupal news
  • Security advisories
  • Jobs

Our community

  • Community
  • Services, Training & Hosting
  • Contributor guide
  • Groups & meetups
  • DrupalCon
  • Code of conduct

Documentation

  • Documentation
  • Drupal Guide
  • Drupal User Guide
  • Developer docs
  • API.Drupal.org

Drupal code base

  • Download & Extend
  • Drupal core
  • Modules
  • Themes
  • Distributions

Governance of community

  • About
  • Web accessibility
  • Drupal Association
  • About Drupal.org
  • Terms of service
  • Privacy policy

Drupal is a registered trademark of Dries Buytaert.