summaryrefslogtreecommitdiff
path: root/themes/tabi-lean/templates/partials/theme_switcher.html
blob: 2e30f90d910da845b9985c96b4de58fed729273b (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<li class="theme-switcher-wrapper js">
    {#- Create the localised strings for the title and aria-label attributes -#}
    {%- set toggle_str = macros_translate::translate(key='toggle_mode', default='Toggle $MODE mode', language_strings=language_strings) -%}
    {%- set dark_str = macros_translate::translate(key='dark', default='dark', language_strings=language_strings) -%}
    {%- set light_str = macros_translate::translate(key='light', default='light', language_strings=language_strings) -%}

    {%- set combined_mode_str = dark_str ~ "/" ~ light_str -%}
    {%- set title_label = toggle_str | replace(from="$MODE", to=combined_mode_str) -%}
    {%- set aria_label = toggle_str | replace(from="$MODE", to=dark_str) -%}

    <div
        title="{{ title_label }}"
        class="theme-switcher"
        tabindex="0"
        role="button"
        aria-label="{{ aria_label }}"
        aria-pressed="false">
    </div>

    {%- set reset_str = macros_translate::translate(key='reset_mode', default='Reset mode to default', language_strings=language_strings) -%}

    <div
        title="{{ reset_str }}"
        class="theme-resetter arrow"
        tabindex="0"
        role="button"
        aria-hidden="true"
        aria-label="{{ reset_str }}">
    </div>

</li>