Fixed custom server icons not visible in dark mode

This commit is contained in:
headlessdev 2025-04-23 14:15:37 +02:00
parent b3fe8f83b1
commit 4381f20146

View File

@ -544,7 +544,7 @@ export default function Dashboard() {
<SelectValue placeholder="Select an icon"> <SelectValue placeholder="Select an icon">
{icon && ( {icon && (
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<DynamicIcon name={icon as any} color="white" size={18} /> <DynamicIcon name={icon as any} size={18} />
<span>{icon}</span> <span>{icon}</span>
</div> </div>
)} )}
@ -581,7 +581,7 @@ export default function Dashboard() {
data-icon-name={iconName} data-icon-name={iconName}
> >
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<DynamicIcon name={iconName as any} color="white" size={18} /> <DynamicIcon name={iconName as any} size={18} />
<span>{iconName}</span> <span>{iconName}</span>
</div> </div>
</SelectItem> </SelectItem>
@ -595,7 +595,7 @@ export default function Dashboard() {
<div className="grid w-[52px] items-center gap-1.5"> <div className="grid w-[52px] items-center gap-1.5">
<Label htmlFor="icon">Preview</Label> <Label htmlFor="icon">Preview</Label>
<div className="flex items-center justify-center"> <div className="flex items-center justify-center">
{icon && <DynamicIcon name={icon as any} color="white" size={36} />} {icon && <DynamicIcon name={icon as any} size={36} />}
</div> </div>
</div> </div>
</div> </div>
@ -838,7 +838,7 @@ export default function Dashboard() {
<div className="ml-4 flex-grow"> <div className="ml-4 flex-grow">
<CardTitle className="text-2xl font-bold flex items-center gap-2"> <CardTitle className="text-2xl font-bold flex items-center gap-2">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
{server.icon && <DynamicIcon name={server.icon as any} color="white" size={24} />} {server.icon && <DynamicIcon name={server.icon as any} size={24} />}
<span className="font-bold"> <span className="font-bold">
{server.icon && "・"} {server.name} {server.icon && "・"} {server.name}
</span> </span>
@ -1025,7 +1025,6 @@ export default function Dashboard() {
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<DynamicIcon <DynamicIcon
name={editIcon as any} name={editIcon as any}
color="white"
size={18} size={18}
/> />
<span>{editIcon}</span> <span>{editIcon}</span>
@ -1069,7 +1068,6 @@ export default function Dashboard() {
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<DynamicIcon <DynamicIcon
name={iconName as any} name={iconName as any}
color="white"
size={18} size={18}
/> />
<span>{iconName}</span> <span>{iconName}</span>
@ -1087,7 +1085,7 @@ export default function Dashboard() {
<Label htmlFor="icon">Preview</Label> <Label htmlFor="icon">Preview</Label>
<div className="flex items-center justify-center"> <div className="flex items-center justify-center">
{editIcon && ( {editIcon && (
<DynamicIcon name={editIcon as any} color="white" size={36} /> <DynamicIcon name={editIcon as any} size={36} />
)} )}
</div> </div>
</div> </div>
@ -1305,7 +1303,6 @@ export default function Dashboard() {
{hostedVM.icon && ( {hostedVM.icon && (
<DynamicIcon <DynamicIcon
name={hostedVM.icon as any} name={hostedVM.icon as any}
color="white"
size={24} size={24}
/> />
)} )}
@ -1371,7 +1368,6 @@ export default function Dashboard() {
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<DynamicIcon <DynamicIcon
name={editIcon as any} name={editIcon as any}
color="white"
size={18} size={18}
/> />
<span>{editIcon}</span> <span>{editIcon}</span>
@ -1431,7 +1427,6 @@ export default function Dashboard() {
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<DynamicIcon <DynamicIcon
name={iconName as any} name={iconName as any}
color="white"
size={18} size={18}
/> />
<span>{iconName}</span> <span>{iconName}</span>
@ -1451,7 +1446,6 @@ export default function Dashboard() {
{editIcon && ( {editIcon && (
<DynamicIcon <DynamicIcon
name={editIcon as any} name={editIcon as any}
color="white"
size={36} size={36}
/> />
)} )}