diff --git a/apps/web/core/components/settings/project/sidebar/nav-item-children.tsx b/apps/web/core/components/settings/project/sidebar/nav-item-children.tsx index f397d23be..0812b8871 100644 --- a/apps/web/core/components/settings/project/sidebar/nav-item-children.tsx +++ b/apps/web/core/components/settings/project/sidebar/nav-item-children.tsx @@ -61,7 +61,7 @@ export const NavItemChildren = observer((props: { projectId: string }) => { "cursor-pointer relative group w-full flex items-center justify-between gap-1.5 rounded p-1 px-1.5 outline-none", { "text-custom-text-200 bg-custom-background-80/75": isActive, - "text-custom-sidebar-text-300 hover:bg-custom-sidebar-background-90 active:bg-custom-sidebar-background-90": + "text-custom-sidebar-text-200 hover:bg-custom-sidebar-background-90 active:bg-custom-sidebar-background-90": !isActive, }, "text-xs font-medium" diff --git a/apps/web/core/components/settings/sidebar/nav-item.tsx b/apps/web/core/components/settings/sidebar/nav-item.tsx index 56f7f0737..3fc56e63f 100644 --- a/apps/web/core/components/settings/sidebar/nav-item.tsx +++ b/apps/web/core/components/settings/sidebar/nav-item.tsx @@ -42,7 +42,7 @@ const SettingsSidebarNavItem = observer((props: TSettingsSidebarNavItemProps) => "hover:bg-custom-primary-100/10", { "text-custom-text-200 bg-custom-background-80/75": typeof isActive === "function" ? isActive(setting) : isActive, - "text-custom-sidebar-text-300 hover:bg-custom-sidebar-background-90 active:bg-custom-sidebar-background-90": + "text-custom-sidebar-text-200 hover:bg-custom-sidebar-background-90 active:bg-custom-sidebar-background-90": typeof isActive === "function" ? !isActive(setting) : !isActive, } ); diff --git a/apps/web/core/components/sidebar/sidebar-navigation.tsx b/apps/web/core/components/sidebar/sidebar-navigation.tsx index 29065c72c..ba0c08c54 100644 --- a/apps/web/core/components/sidebar/sidebar-navigation.tsx +++ b/apps/web/core/components/sidebar/sidebar-navigation.tsx @@ -18,7 +18,7 @@ export const SidebarNavItem: FC = (props) => { "cursor-pointer relative group w-full flex items-center justify-between gap-1.5 rounded px-2 py-1 outline-none", { "text-custom-text-200 bg-custom-background-80/75": isActive, - "text-custom-sidebar-text-300 hover:bg-custom-sidebar-background-90 active:bg-custom-sidebar-background-90": + "text-custom-sidebar-text-200 hover:bg-custom-sidebar-background-90 active:bg-custom-sidebar-background-90": !isActive, }, className