color-scheme-form.html.twig in Drupal 9

Default theme implementation for a theme's color form.

Available variables:

• form: Form elements for the color scheme form, including:
  • scheme: A color scheme form element. For example: a select element with color theme presets, or a color picker widget.
  • palette: Color fields that can be changed by entering in a new hex value.
• html_preview: A HTML preview of the theme's current color scheme.

See also

template_preprocess_color_scheme_form()

1 theme call to color-scheme-form.html.twig

color_form_system_theme_settings_alter in core/modules/color/color.module

Implements hook_form_FORM_ID_alter().

File

core/modules/color/templates/color-scheme-form.html.twig

{#
/**
 * @file
 * Default theme implementation for a theme's color form.
 *
 * Available variables:
 * - form: Form elements for the color scheme form, including:
 *   - scheme: A color scheme form element. For example: a select element with
 *     color theme presets, or a color picker widget.
 *   - palette: Color fields that can be changed by entering in a new hex value.
 * - html_preview: A HTML preview of the theme's current color scheme.
 *
 * @see template_preprocess_color_scheme_form()
 *
 * @ingroup themeable
 */
#}
<div class="color-form clearfix">
  {{ form.scheme }}
  <div class="clearfix color-palette js-color-palette">
    {{ form.palette }}
  </div>
  {{ form|without('scheme', 'palette') }}
  <h2>{{ 'Preview'|t }}</h2>
  {{ html_preview }}
</div>

Related topics

Theme system overview

Functions and templates for the user interface that themes can override.