      <h1>{{ _('Settings') }}</h1>

      <h2>{{ _('Font') }}</h2>
      <div class="setting">
        <h3>{{ _('Use a serif font:') }}
          <label class="toggle"
            title="{{ _('Use a serif font? Your system font will be used, falling back to serif.')}}">
            <input type="checkbox" name="useSerifFont" onclick="updateSetting(this);">
            <span class="toggle-slider"></span>
          </label>
        </h3>
      </div>

      <h2>{{ _('Theme') }}</h2>
      <div class="setting">