diff --git a/frontend/index.html b/frontend/index.html
index 74c5b4a..d60bbc0 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -11,8 +11,8 @@
VolleyManager
-
-
+
+
diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index f44cfbd..695761d 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -12,17 +12,17 @@ export default function App() {
useEffect(() => {
const root = window.document.documentElement;
- const body = window.document.body;
+ const darkColor = '#09090b';
+ const lightColor = '#fafafa';
+
if (darkMode) {
root.classList.add('dark');
localStorage.setItem('theme', 'dark');
- root.style.backgroundColor = '#09090b'; // zinc-950
- body.style.backgroundColor = '#09090b';
+ root.style.backgroundColor = darkColor;
} else {
root.classList.remove('dark');
localStorage.setItem('theme', 'light');
- root.style.backgroundColor = '#fafafa'; // zinc-50
- body.style.backgroundColor = '#fafafa';
+ root.style.backgroundColor = lightColor;
}
}, [darkMode]);
diff --git a/frontend/src/components/Bracket/BracketView.jsx b/frontend/src/components/Bracket/BracketView.jsx
index e7c5450..4da3660 100644
--- a/frontend/src/components/Bracket/BracketView.jsx
+++ b/frontend/src/components/Bracket/BracketView.jsx
@@ -119,7 +119,7 @@ export default function BracketView({ matches, onMatchClick }) {
}
return (
-