diff --git a/apps/app/components/Sidebar/AppSidebar.tsx b/apps/app/components/Sidebar/AppSidebar.tsx index 526e7a39..56852f61 100644 --- a/apps/app/components/Sidebar/AppSidebar.tsx +++ b/apps/app/components/Sidebar/AppSidebar.tsx @@ -109,7 +109,7 @@ const SidebarLoginStatus: FC = () => { onClick={() => { if (isReady) openAuthDialog() }} >
- +
Log in @@ -155,7 +155,7 @@ const SidebarLoginStatus: FC = () => { {label && {label}} {idShortWithTooltip}
- + { target="_blank" className="group flex items-center gap-2 rounded-md px-3 py-2 text-sm text-secondary-text hover:text-primary-text hover:bg-secondary-500 transition-colors" > - + {item.name} diff --git a/apps/app/components/Sidebar/SidebarIcons.tsx b/apps/app/components/Sidebar/SidebarIcons.tsx index 89f8733e..3064191f 100644 --- a/apps/app/components/Sidebar/SidebarIcons.tsx +++ b/apps/app/components/Sidebar/SidebarIcons.tsx @@ -60,7 +60,7 @@ export const LockIcon: FC<{ className?: string }> = ({ className }) => ( export const ScanFingerprintIcon: FC<{ className?: string }> = ({ className }) => ( - - + + ) diff --git a/apps/app/components/shadcn/sidebar.tsx b/apps/app/components/shadcn/sidebar.tsx index 7ce860bd..005aaff6 100644 --- a/apps/app/components/shadcn/sidebar.tsx +++ b/apps/app/components/shadcn/sidebar.tsx @@ -434,7 +434,7 @@ function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">) { ) } -const SIDEBAR_MENU_BUTTON_BASE = "peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm text-secondary-text ring-sidebar-ring outline-hidden group-has-data-[sidebar=menu-action]/menu-item:pr-8 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:animate-press-down-weak active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate" +const SIDEBAR_MENU_BUTTON_BASE = "peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm text-secondary-text ring-sidebar-ring outline-hidden group-has-data-[sidebar=menu-action]/menu-item:pr-8 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:animate-press-down-weak active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-sidebar-foreground [&>span:last-child]:truncate" const SIDEBAR_MENU_BUTTON_VARIANTS: Record = { outline: "bg-sidebar ring-1 ring-sidebar-border hover:ring-1 hover:ring-sidebar-border", diff --git a/apps/app/styles/globals.css b/apps/app/styles/globals.css index 42c81de2..e75affe1 100644 --- a/apps/app/styles/globals.css +++ b/apps/app/styles/globals.css @@ -130,7 +130,7 @@ --ls-colors-primary-800: 25, 90, 165; --ls-colors-primary-900: 20, 70, 135; --ls-colors-primary-text: 9, 11, 12; - --ls-colors-text-tertiary: 103, 120, 124; + --ls-colors-text-tertiary: 150, 165, 168; --ls-colors-buttonTextColor: 255, 255, 255; --ls-colors-actionButtonColor: 39, 142, 246; --ls-colors-logo: 9, 11, 12;