Fixed Light Mode
This commit is contained in:
@@ -73,7 +73,7 @@ export function Topbar({ onMenuClick }: TopbarProps) {
|
||||
.toUpperCase();
|
||||
|
||||
return (
|
||||
<header className="sticky top-0 z-20 flex h-16 items-center gap-4 border-b bg-card dark:bg-sidebar px-4 lg:px-6 relative overflow-hidden">
|
||||
<header className="sticky top-0 z-20 flex h-16 items-center gap-4 border-b bg-sidebar dark:bg-sidebar px-4 lg:px-6 relative overflow-hidden">
|
||||
{/* Logo */}
|
||||
<div className="flex items-center gap-2 mr-2 shrink-0">
|
||||
{websiteTheme === "spidey" && <CaptainAmericaShield />}
|
||||
@@ -117,7 +117,7 @@ export function Topbar({ onMenuClick }: TopbarProps) {
|
||||
variant="ghost"
|
||||
size="icon"
|
||||
onClick={() => setTheme(theme === "dark" ? "light" : "dark")}
|
||||
className="text-muted-foreground"
|
||||
className="text-muted-foreground hover:bg-[#8b949e]/10 hover:text-[#8b949e]"
|
||||
>
|
||||
{mounted ? (
|
||||
theme === "dark" ? (
|
||||
@@ -135,7 +135,7 @@ export function Topbar({ onMenuClick }: TopbarProps) {
|
||||
variant="ghost"
|
||||
size="icon"
|
||||
onClick={() => setBugModalOpen(true)}
|
||||
className="text-muted-foreground"
|
||||
className="text-muted-foreground hover:bg-[#8b949e]/10 hover:text-[#8b949e]"
|
||||
title="Report a Bug"
|
||||
>
|
||||
<Bug className="h-5 w-5" />
|
||||
@@ -147,7 +147,7 @@ export function Topbar({ onMenuClick }: TopbarProps) {
|
||||
<Button
|
||||
variant="ghost"
|
||||
size="icon"
|
||||
className="relative text-muted-foreground"
|
||||
className="relative text-muted-foreground hover:bg-[#8b949e]/10 hover:text-[#8b949e]"
|
||||
>
|
||||
<Bell className="h-5 w-5" />
|
||||
<span className="absolute -right-0.5 -top-0.5 flex h-4 w-4 items-center justify-center rounded-full bg-primary text-[10px] font-medium text-primary-foreground">
|
||||
@@ -217,7 +217,7 @@ export function Topbar({ onMenuClick }: TopbarProps) {
|
||||
{/* User profile */}
|
||||
<DropdownMenu>
|
||||
<DropdownMenuTrigger asChild>
|
||||
<Button variant="ghost" className="relative h-9 gap-2 pl-2 pr-3">
|
||||
<Button variant="ghost" className="relative h-9 gap-2 pl-2 pr-3 hover:bg-[#8b949e]/10 hover:text-[#8b949e]">
|
||||
<Avatar className="h-7 w-7">
|
||||
<AvatarImage src={user.avatar} />
|
||||
<AvatarFallback>{initials}</AvatarFallback>
|
||||
|
||||
Reference in New Issue
Block a user