feat: auto dark mode (#321)

2025-10-15 12:43:24 +08:00
parent a095a2c01c
commit 6827985289
5 changed files with 46 additions and 7 deletions
--- a/src/views/Options/DarkModeButton.js
+++ b/src/views/Options/DarkModeButton.js
@@ -2,12 +2,19 @@ import IconButton from "@mui/material/IconButton";
 import { useDarkMode } from "../../hooks/ColorMode";
 import LightModeIcon from "@mui/icons-material/LightMode";
 import DarkModeIcon from "@mui/icons-material/DarkMode";
+import BrightnessAutoIcon from "@mui/icons-material/BrightnessAuto";

 export default function DarkModeButton() {
  const { darkMode, toggleDarkMode } = useDarkMode();
  return (
-    <IconButton onClick={toggleDarkMode} color="inherit">
-      {darkMode ? <LightModeIcon /> : <DarkModeIcon />}
+    <IconButton sx={{ ml: 1 }} onClick={toggleDarkMode} color="inherit">
+      {darkMode === "dark" ? (
+        <DarkModeIcon />
+      ) : darkMode === "light" ? (
+        <LightModeIcon />
+      ) : (
+        <BrightnessAutoIcon />
+      )}
    </IconButton>
  );
 }