lvs/brackets
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Background colour fix

Browse Source
This commit is contained in:
WilliamSoderberg
2026-02-22 20:15:29 +01:00 Verified
parent ea711b033d
commit f1d145d73c
4 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/index.html
+2 -2
View File
@@ -11,8 +11,8 @@
<title>VolleyManager</title> <title>VolleyManager</title>
</head> </head>
<body class="transition-colors size-full bg-red-500"> <body class="transition bg-zinc-50 dark:bg-zinc-950">
<div id="root" class="transition-colors"></div> <div id="root"></div>
<script type="module" src="/src/main.jsx"></script> <script type="module" src="/src/main.jsx"></script>
</body> </body>
frontend/src/App.jsx
+5 -5
View File
@@ -12,17 +12,17 @@ export default function App() {
useEffect(() => { useEffect(() => {
const root = window.document.documentElement; const root = window.document.documentElement;
const body = window.document.body; const darkColor = '#09090b';
const lightColor = '#fafafa';
if (darkMode) { if (darkMode) {
root.classList.add('dark'); root.classList.add('dark');
localStorage.setItem('theme', 'dark'); localStorage.setItem('theme', 'dark');
root.style.backgroundColor = '#09090b'; // zinc-950 root.style.backgroundColor = darkColor;
body.style.backgroundColor = '#09090b';
} else { } else {
root.classList.remove('dark'); root.classList.remove('dark');
localStorage.setItem('theme', 'light'); localStorage.setItem('theme', 'light');
root.style.backgroundColor = '#fafafa'; // zinc-50 root.style.backgroundColor = lightColor;
body.style.backgroundColor = '#fafafa';
} }
}, [darkMode]); }, [darkMode]);
frontend/src/components/Bracket/BracketView.jsx
+1 -1
View File
@@ -119,7 +119,7 @@ export default function BracketView({ matches, onMatchClick }) {
} }
return ( return (
<div className="w-full h-full overflow-auto print:overflow-visible print:h-auto print:w-auto bg-zinc-50 dark:bg-zinc-950 bg-[radial-gradient(theme(colors.zinc.300)_1px,transparent_1px)] dark:bg-[radial-gradient(theme(colors.zinc.800)_1px,transparent_1px)] [background-size:20px_20px] print:!bg-white print:!bg-none"> <div className="transition-colors w-full h-full overflow-auto print:overflow-visible print:h-auto print:w-auto bg-zinc-50 dark:bg-zinc-950 bg-[radial-gradient(theme(colors.zinc.300)_1px,transparent_1px)] dark:bg-[radial-gradient(theme(colors.zinc.800)_1px,transparent_1px)] [background-size:20px_20px] print:!bg-white print:!bg-none">
<style> <style>
{`@media print { {`@media print {
@page { size: landscape; margin: 0.5cm; } @page { size: landscape; margin: 0.5cm; }
frontend/src/components/Layout/Layout.jsx
+1 -1
View File
@@ -26,7 +26,7 @@ export default function Layout({ darkMode, setDarkMode }) {
}; };
return ( return (
<div className="fixed inset-0 bg-zinc-50 dark:bg-zinc-950 text-zinc-900 dark:text-zinc-100 transition-colors selection:bg-orange-500/30 flex flex-col overflow-hidden print:static print:overflow-visible print:h-auto print:bg-white print:text-black"> <div className="fixed inset-0 min-h-screen bg-zinc-50 dark:bg-zinc-950 text-zinc-900 dark:text-zinc-100 transition-colors flex flex-col overflow-hidden print:static print:overflow-visible print:h-auto print:bg-white print:text-black">
<div className="print:hidden shrink-0"> <div className="print:hidden shrink-0">
<Navbar <Navbar
title={navTitle} title={navTitle}