diff --git a/app/layout.tsx b/app/layout.tsx index fcc2552..e4c450f 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -37,11 +37,22 @@ export async function generateMetadata(): Promise { }; } +const isDev = process.env.NODE_ENV === 'development'; +const devBrandOverride: React.CSSProperties | undefined = isDev ? { + '--color-brand-50': '#fef2f2', + '--color-brand-100': '#fee2e2', + '--color-brand-200': '#fecaca', + '--color-brand-500': '#ef4444', + '--color-brand-600': '#dc2626', + '--color-brand-700': '#b91c1c', + '--color-brand-900': '#7f1d1d', +} as React.CSSProperties : undefined; + export default async function RootLayout({ children }: { children: React.ReactNode }) { const settings = await getSiteSettings(); return ( - + diff --git a/components/Navbar.tsx b/components/Navbar.tsx index 89160fa..2b0cd8b 100644 --- a/components/Navbar.tsx +++ b/components/Navbar.tsx @@ -16,12 +16,13 @@ const Navbar = ({ settings }: NavbarProps) => { const pathname = usePathname() || ''; const siteName = settings?.siteName || "Afrohub"; + const isDev = process.env.NODE_ENV === 'development'; // Hide Navbar on Dashboard to prevent double navigation, show only on public pages if (pathname.startsWith('/dashboard')) return null; return ( -