Messing with colors

This commit is contained in:
Owen Schwartz 2024-10-14 00:25:36 -04:00
parent dbb57171c7
commit 7a019ccd32
No known key found for this signature in database
GPG key ID: 8271FDFFD9E0CCBD
3 changed files with 6 additions and 6 deletions

View file

@ -34,7 +34,7 @@ export default function Header({ email, orgName, name }: HeaderProps) {
<> <>
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div className="flex items-center"> <div className="flex items-center">
<Badge variant="secondary" className="text-md font-bold"> <Badge variant="default" className="text-md font-bold">
{orgName} {orgName}
</Badge> </Badge>
@ -42,13 +42,13 @@ export default function Header({ email, orgName, name }: HeaderProps) {
<div className="flex items-center gap-4 ml-4"> <div className="flex items-center gap-4 ml-4">
<Link <Link
href="/docs" href="/docs"
className="text-stone-500 hover:text-stone-600" className="text-primary hover:text-primary"
> >
Documentation Documentation
</Link> </Link>
<Link <Link
href="/support" href="/support"
className="text-stone-500 hover:text-stone-600" className="text-primary hover:text-primary"
> >
Support Support
</Link> </Link>

View file

@ -40,8 +40,8 @@ export function TopbarNav({
className={cn( className={cn(
"px-2 py-3 text-md", "px-2 py-3 text-md",
pathname.startsWith(item.href.replace("{orgId}", orgId)) pathname.startsWith(item.href.replace("{orgId}", orgId))
? "border-b-2 border-stone-600 text-stone-600" ? "border-b-2 border-base-600 text-base-600"
: "hover:text-gray-600 text-stone-400", : "hover:text-gray-600 text-base-400",
"whitespace-nowrap", "whitespace-nowrap",
disabled && "cursor-not-allowed", disabled && "cursor-not-allowed",
)} )}

View file

@ -50,7 +50,7 @@ export default async function ConfigurationLaytout({
return ( return (
<> <>
<div className="w-full bg-stone-200 border-b border-stone-300 mb-8 select-none sm:px-0 px-3"> <div className="w-full bg-secondary border-b border-secondary mb-8 select-none sm:px-0 px-3">
<div className="container mx-auto flex flex-col content-between gap-4 pt-2"> <div className="container mx-auto flex flex-col content-between gap-4 pt-2">
<Header email={user.email} orgName={params.orgId} /> <Header email={user.email} orgName={params.orgId} />
<TopbarNav items={topNavItems} orgId={params.orgId} /> <TopbarNav items={topNavItems} orgId={params.orgId} />