diff --git a/src/routes/-components/ThemeSwitcher.tsx b/src/routes/-components/ThemeSwitcher.tsx
index 10e81c8..92349d3 100644
--- a/src/routes/-components/ThemeSwitcher.tsx
+++ b/src/routes/-components/ThemeSwitcher.tsx
@@ -1,9 +1,10 @@
-import { useEffect, useState } from 'react'
+import { useEffect } from 'react'
+import { useLocalStorage } from '@uidotdev/usehooks'
 
 export type Theme = 'light' | 'dark'
 
 const ThemeSwitcher = () => {
-  const [theme, setTheme] = useState<Theme>('dark')
+  const [theme, setTheme] = useLocalStorage<Theme>('gps-tools_theme', 'dark')
 
   useEffect(() => {
     document.querySelector('html')?.setAttribute('data-theme', theme)