4 * Theme override for the Appearance page.
7 * - attributes: HTML attributes for the main container.
8 * - theme_groups: A list of theme groups. Each theme group contains:
9 * - attributes: HTML attributes specific to this theme group.
10 * - title: Title for the theme group.
11 * - state: State of the theme group, e.g. installed or uninstalled.
12 * - themes: A list of themes within the theme group. Each theme contains:
13 * - attributes: HTML attributes specific to this theme.
14 * - screenshot: A screenshot representing the theme.
15 * - description: Description of the theme.
17 * - version: The theme's version number.
18 * - is_default: Boolean indicating whether the theme is the default theme
20 * - is_admin: Boolean indicating whether the theme is the admin theme or
22 * - notes: Identifies what context this theme is being used in, e.g.,
23 * default theme, admin theme.
24 * - incompatible: Text describing any compatibility issues.
25 * - operations: A list of operation links, e.g., Settings, Enable, Disable,
26 * etc. these links should only be displayed if the theme is compatible.
30 * @see template_preprocess_system_themes_page()
33 <div{{ attributes.addClass('form-group') }}>
34 {% for theme_group in theme_groups %}
36 set theme_group_classes = [
38 'system-themes-list-' ~ theme_group.state,
44 <div{{ theme_group.attributes.addClass(theme_group_classes) }}>
45 <div class="panel-heading">
46 <a class="panel-title" href="#system-themes-list--{{ theme_group.state }}" aria-controls="#system-themes-list--{{ theme_group.state }}" aria-expanded="false" aria-pressed="false" data-toggle="collapse" role="button">
47 {{ theme_group.title }} ({{ theme_group.themes|length }})
54 theme_group.state == 'uninstalled' ? 'collapse',
56 theme_group.state != 'uninstalled' ? 'in',
59 <table id="system-themes-list--{{ theme_group.state }}" class="{{ table_classes|join(' ')}}">
60 {% for theme in theme_group.themes %}
63 theme.is_default ? 'theme-default',
64 theme.is_admin ? 'theme-admin',
69 <tr{{ theme.attributes.addClass(theme_classes) }}>
71 {% if theme.screenshot %}
72 {{ theme.screenshot }}
75 <td class="theme-info col-sm-9">
76 <h4 class="theme-info__header">
77 {{- theme.name }} {{ theme.version -}}
79 ({{ theme.notes|safe_join(', ') }})
82 <div class="theme-info__description help-block">{{ theme.description }}</div>
83 {# Display operation links if the theme is compatible. #}
84 {% if theme.incompatible %}
85 <div class="incompatible">{{ theme.incompatible }}</div>
87 {{ theme.operations }}