Mirrors/colanode
1
0
Fork 0
mirror of https://github.com/colanode/colanode.git synced 2025-12-16 19:57:46 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix login page in dark mode (#197)

Browse Source
This commit is contained in:
Hakan Shehu
2025-08-29 16:36:25 +02:00
committed by GitHub
parent 4a2ac3f1ed
commit 0d62b5c8bb
3 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/ui/src/components/accounts/login.tsx
View File

@@ -16,8 +16,8 @@ export const Login = () => {
return ( return (
<div className="grid h-screen min-h-screen w-full grid-cols-5"> <div className="grid h-screen min-h-screen w-full grid-cols-5">
<div className="col-span-2 flex items-center justify-center bg-zinc-950"> <div className="col-span-2 flex items-center justify-center bg-foreground">
<h1 className="font-neotrax text-6xl text-white">colanode</h1> <h1 className="font-neotrax text-6xl text-background">colanode</h1>
</div> </div>
<div className="col-span-3 flex items-center justify-center py-12"> <div className="col-span-3 flex items-center justify-center py-12">
<div className="mx-auto grid w-96 gap-6"> <div className="mx-auto grid w-96 gap-6">

4
packages/ui/src/components/servers/server-dropdown.tsx
View File

@@ -92,7 +92,7 @@ export const ServerDropdown = ({
onChange(server.domain); onChange(server.domain);
} }
}} }}
className="group/server flex w-full flex-grow flex-row items-center gap-3 rounded-md border-b border-input p-2 cursor-pointer hover:bg-accent" className="group/server flex w-full flex-grow flex-row items-center gap-3 p-2 cursor-pointer hover:bg-accent"
> >
<div className="flex flex-grow items-center gap-3"> <div className="flex flex-grow items-center gap-3">
<ServerAvatar <ServerAvatar
@@ -108,7 +108,7 @@ export const ServerDropdown = ({
</div> </div>
</div> </div>
<button <button
className="text-muted-foreground opacity-0 group-hover/server:opacity-100 hover:bg-accent size-8 flex items-center justify-center rounded-md cursor-pointer" className="text-muted-foreground opacity-0 group-hover/server:opacity-100 hover:bg-input size-8 flex items-center justify-center rounded-md cursor-pointer"
onClick={(e) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
e.preventDefault(); e.preventDefault();

4
packages/ui/src/components/servers/server-settings-dialog.tsx
View File

@@ -80,7 +80,9 @@ export const ServerSettingsDialog = ({
variant="default" variant="default"
className={cn( className={cn(
'cursor-pointer select-none', 'cursor-pointer select-none',
isAvailable ? 'bg-emerald-500' : 'bg-destructive' isAvailable
? 'bg-emerald-500 dark:bg-emerald-700'
: 'bg-destructive'
)} )}
> >
{server.state?.isAvailable ? 'Available' : 'Unavailable'} {server.state?.isAvailable ? 'Available' : 'Unavailable'}