<div class="ml-2 sm:ml-6 flex items-center" x-data>
  <button
    @click="$store.nav.userSettings.toggleColorScheme()"
    aria-label="Toggle color scheme"
    id="theme-toggle"
    type="button"
    class="inline-flex cursor-pointer items-center p-2 bg-orange-600 hover:bg-orange-700 dark:bg-gray-600 dark:hover:bg-gray-700 border border-transparent rounded-full shadow-sm text-white hover:text-gray-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-slate-500">
    <svg
      aria-hidden="true