fixing titles and stuff

2025-12-22 23:39:12 -05:00
parent c01aabb003
commit 70fac2857e
4 changed files with 10 additions and 12 deletions
@@ -24,11 +24,14 @@ export default function ThemeToggle() {
    document.documentElement.classList.toggle("dark", next === "dark");
  }

+  /**
+   * @TODO, the toggle doesn't look right, need to either fix or remove the toggle.
+   */
  return (
    <button
      type="button"
      onClick={toggle}
-      aria-label="Toggle theme"
+      aria-label="Toggle theme" title={`Toggle to ${theme === 'dark' ? 'light' : 'dark'}`}
      className="inline-flex items-center gap-2 rounded-md border border-zinc-700 bg-zinc-900/70 px-3 py-1.5 text-xs font-semibold text-zinc-200 hover:bg-zinc-800 transition-colors
                 dark:border-zinc-700 dark:bg-zinc-900/70 dark:text-zinc-200
                 border-zinc-300 bg-white text-zinc-900 hover:bg-zinc-100 dark:hover:bg-zinc-800"