Daniel Bedeleanu
9611b991b6
- Upgraded color palette with enhanced contrast (5.2:1 to 15:1 ratios) - Replaced all text-slate-* utilities with semantic color tokens - Added Fira Code + Fira Sans typography stack - Converted CSS variables from SCSS to direct hex values - Updated 26 components with improved color semantics - Added cursor-pointer and focus states (accessibility phase 1) - Added aria-labels to 35+ icon-only buttons - Added prefers-reduced-motion support in globals.css WCAG AA compliance verified across all text color combinations. Fixes invisible text issues (slate-500 4.2:1 → muted 5.2:1).
39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
import type { Metadata, Viewport } from "next";
|
|
import "./globals.css";
|
|
|
|
export const metadata: Metadata = {
|
|
title: "Inventory System",
|
|
description: "Web & Mobile Inventory Management",
|
|
};
|
|
|
|
export const viewport: Viewport = {
|
|
themeColor: "#3b82f6",
|
|
width: "device-width",
|
|
initialScale: 1,
|
|
maximumScale: 1,
|
|
userScalable: false,
|
|
};
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: Readonly<{
|
|
children: React.ReactNode;
|
|
}>) {
|
|
return (
|
|
<html lang="en" suppressHydrationWarning>
|
|
<head>
|
|
<link rel="manifest" href="/manifest.json" />
|
|
<link rel="apple-touch-icon" href="/icons/icon-192x192.png" />
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
|
<meta name="apple-mobile-web-app-title" content="aInventory" />
|
|
<meta name="format-detection" content="telephone=no" />
|
|
<meta name="mobile-web-app-capable" content="yes" />
|
|
</head>
|
|
<body className="antialiased bg-background text-slate-100">
|
|
{children}
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|