Mirrors/colanode
1
0
Fork 0
mirror of https://github.com/colanode/colanode.git synced 2025-12-16 11:47:47 +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 (
<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">
<h1 className="font-neotrax text-6xl text-white">colanode</h1>
<div className="col-span-2 flex items-center justify-center bg-foreground">
<h1 className="font-neotrax text-6xl text-background">colanode</h1>
</div>
<div className="col-span-3 flex items-center justify-center py-12">
<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);
}
}}
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">
<ServerAvatar
@@ -108,7 +108,7 @@ export const ServerDropdown = ({
</div>
</div>
<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) => {
e.stopPropagation();
e.preventDefault();

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

@@ -80,7 +80,9 @@ export const ServerSettingsDialog = ({
variant="default"
className={cn(
'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'}