{% from "icons.html" import icon %}
<div class="theme-control" role="group" aria-label="{{ _('Appearance') }}"><span>{{ _('Appearance') }}</span><div class="segmented"><button type="button" data-theme-option="light" aria-pressed="false" title="{{ _('Light') }}" aria-label="{{ _('Light') }}" disabled>{{ icon('sun', 14) }}</button><button type="button" data-theme-option="dark" aria-pressed="false" title="{{ _('Dark') }}" aria-label="{{ _('Dark') }}" disabled>{{ icon('moon', 14) }}</button><button type="button" data-theme-option="system" aria-pressed="false" title="{{ _('System') }}" aria-label="{{ _('System') }}" disabled>{{ icon('monitor', 14) }}</button></div></div>