mirrors/synapse-admin
1
0
Fork 0
mirror of https://github.com/etkecc/synapse-admin.git synced 2024-11-21 15:25:22 +03:00
Code Issues Projects Releases Packages Wiki Activity

make login form use dark/light theme

Browse source
This commit is contained in:
Aine 2024-11-18 12:48:20 +02:00
parent c28ed94ca0
commit 86d0fd04e6
No known key found for this signature in database
GPG key ID: 34969C908CCA2804
1 changed files with 52 additions and 51 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/components/LoginFormBox.tsx
View file

@ -8,7 +8,7 @@ const LoginFormBox = styled(Box)(({ theme }) => ({
alignItems: "center", alignItems: "center",
justifyContent: "flex-start", justifyContent: "flex-start",
background: "url(./images/floating-cogs.svg)", background: "url(./images/floating-cogs.svg)",
backgroundColor: "#f9f9f9", backgroundColor: theme.palette.mode === 'dark' ? theme.palette.background.default : theme.palette.background.paper,
backgroundRepeat: "no-repeat", backgroundRepeat: "no-repeat",
backgroundSize: "cover", backgroundSize: "cover",
@ -53,6 +53,7 @@ const LoginFormBox = styled(Box)(({ theme }) => ({
marginBottom: "1rem", marginBottom: "1rem",
marginLeft: "0.5rem", marginLeft: "0.5rem",
}, },
})); }
));
export default LoginFormBox; export default LoginFormBox;