color.changing.html.twig

Same filename in other branches
  1. 8.9.x core/modules/help_topics/help_topics/color.changing.html.twig
---
label: 'Changing the color palette of a theme'
related:
  - core.appearance
---
{% set appearance_link_text %}
  {% trans %}Appearance{% endtrans %}
{% endset %}
{% set appearance_link = render_var(help_route_link(appearance_link_text, 'system.themes_page')) %}
<h2>{% trans %}Goal{% endtrans %}</h2>
<p>{% trans %}Change the colors for links, backgrounds, and text in a theme that supports the Color module. Color-specific stylesheets will be generated and saved; you will need to follow these steps again to regenerate the stylesheets if you make any changes to the base stylesheets of your theme.{% endtrans %}</p>
<h2>{% trans %}Steps{% endtrans %}</h2>
<ol>
  <li>{% trans %}In the Manage administrative menu, navigate to {{ appearance_link }}.{% endtrans %}</li>
  <li>{% trans %}Click the <em>Settings</em> link for the theme you want to change the colors of.{% endtrans %}</li>
  <li>{% trans %}In the <em>Color scheme</em> section, choose new colors for the backgrounds, text, and links that your theme defines colors for. However, if you do not see color settings, then your theme does not support the Color module.{% endtrans %}</li>
  <li>{% trans %}Click <em>Save configuration</em>. Color-specific stylesheets will be generated and saved in the file system.{% endtrans %}</li>
</ol>

<h2>{% trans %}Additional resources{% endtrans %}</h2>
<ul>
  <li><a href="https://www.drupal.org/docs/8/core/modules/color/overview">{% trans %}Color module overview{% endtrans %}</a></li>
</ul>

File

core/modules/color/help_topics/color.changing.html.twig

View source
  1. ---
  2. label: 'Changing the color palette of a theme'
  3. related:
  4. - core.appearance
  5. ---
  6. {% set appearance_link_text %}
  7. {% trans %}Appearance{% endtrans %}
  8. {% endset %}
  9. {% set appearance_link = render_var(help_route_link(appearance_link_text, 'system.themes_page')) %}
  10. <h2>{% trans %}Goal{% endtrans %}</h2>
  11. <p>{% trans %}Change the colors for links, backgrounds, and text in a theme that supports the Color module. Color-specific stylesheets will be generated and saved; you will need to follow these steps again to regenerate the stylesheets if you make any changes to the base stylesheets of your theme.{% endtrans %}</p>
  12. <h2>{% trans %}Steps{% endtrans %}</h2>
  13. <ol>
  14. <li>{% trans %}In the Manage administrative menu, navigate to {{ appearance_link }}.{% endtrans %}</li>
  15. <li>{% trans %}Click the <em>Settings</em> link for the theme you want to change the colors of.{% endtrans %}</li>
  16. <li>{% trans %}In the <em>Color scheme</em> section, choose new colors for the backgrounds, text, and links that your theme defines colors for. However, if you do not see color settings, then your theme does not support the Color module.{% endtrans %}</li>
  17. <li>{% trans %}Click <em>Save configuration</em>. Color-specific stylesheets will be generated and saved in the file system.{% endtrans %}</li>
  18. </ol>
  19. <h2>{% trans %}Additional resources{% endtrans %}</h2>
  20. <ul>
  21. <li><a href="https://www.drupal.org/docs/8/core/modules/color/overview">{% trans %}Color module overview{% endtrans %}</a></li>
  22. </ul>

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.