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/src/App.jsx
+5 -5
View File
@@ -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]);
frontend/src/components/Bracket/BracketView.jsx
+1 -1
View File
@@ -119,7 +119,7 @@ export default function BracketView({ matches, onMatchClick }) {
}
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>
{`@media print {
@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 (
<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">
<Navbar
title={navTitle}