diff options
| author | Murillo Pinheiro de Oliveira <[email protected]> | 2024-02-10 18:04:05 -0300 |
|---|---|---|
| committer | Murillo Pinheiro de Oliveira <[email protected]> | 2024-02-10 18:04:05 -0300 |
| commit | 12609903a777413171ec71e646d4eb775414e6a3 (patch) | |
| tree | 7bab09d51dc78ea3bb86e053886f8d5812b699f7 /src/components | |
| parent | a02ea8e85d789d5acca9922b61222233bbc09ec6 (diff) | |
| download | coinos-ui-12609903a777413171ec71e646d4eb775414e6a3.tar.gz coinos-ui-12609903a777413171ec71e646d4eb775414e6a3.zip | |
added: dark toggle working
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/buttons/ThemeToggle.svelte | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/src/components/buttons/ThemeToggle.svelte b/src/components/buttons/ThemeToggle.svelte new file mode 100644 index 00000000..d62744c0 --- /dev/null +++ b/src/components/buttons/ThemeToggle.svelte @@ -0,0 +1,28 @@ +<!-- <button {...$$restProps}>toggle</button> --> +<button + class="text-gray-300 dark:!text-gray-600 hover:bg-gray-100 dark:!hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 border-2 border-gray-600 bg-black dark:!bg-white dark:!border-gray-300 dark:!focus:ring-gray-700 rounded-full text-sm p-2.5 transition-all" + {...$$restProps} +> + <svg + class="w-5 h-5 dark:hidden" + fill="currentColor" + viewBox="0 0 20 20" + xmlns="http://www.w3.org/2000/svg" + > + <path + d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z" + ></path> + </svg> + <svg + class="w-5 h-5 hidden dark:!block" + fill="currentColor" + viewBox="0 0 20 20" + xmlns="http://www.w3.org/2000/svg" + > + <path + d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" + fill-rule="evenodd" + clip-rule="evenodd" + ></path> + </svg> +</button>
\ No newline at end of file |