CRM_ENVIROMENT/CRM_ENVR
7
0
Fork 0
mirror of https://git.coastit.co.za/caitlin/CRM_ENVR.git synced 2026-07-10 03:05:43 +02:00
Code Issues Packages Projects Releases Wiki Activity

Changes in lightmode and dark mode header

Browse Source
This commit is contained in:
caitlin
2026-06-26 21:31:20 +02:00
parent 886a7efe91
commit 4d7a59c278
4 changed files with 29 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/globals.css
+25 -25
View File
@@ -76,33 +76,33 @@
} }
:root { :root {
--background: 220 14% 84%; --background: 210 40% 96%;
--foreground: 222.2 84% 4.9%; --foreground: 222 47% 11%;
--card: 220 10% 91%; --card: 214 32% 91%;
--card-foreground: 222.2 84% 4.9%; --card-foreground: 222 47% 11%;
--popover: 220 14% 96%; --popover: 214 32% 91%;
--popover-foreground: 222.2 84% 4.9%; --popover-foreground: 222 47% 11%;
--primary: 120 100% 50%; --primary: 221 83% 53%;
--primary-foreground: 0 0% 100%; --primary-foreground: 210 40% 96%;
--secondary: 220 14% 88%; --secondary: 214 100% 97%;
--secondary-foreground: 222.2 47.4% 11.2%; --secondary-foreground: 224 76% 48%;
--muted: 220 14% 88%; --muted: 210 40% 96%;
--muted-foreground: 215.4 16.3% 46.9%; --muted-foreground: 213 24% 65%;
--accent: 220 14% 88%; --accent: 214 100% 97%;
--accent-foreground: 222.2 47.4% 11.2%; --accent-foreground: 224 76% 48%;
--destructive: 0 84.2% 60.2%; --destructive: 0 84.2% 60.2%;
--destructive-foreground: 210 40% 98%; --destructive-foreground: 210 40% 98%;
--border: 214.3 31.8% 91.4%; --border: 213 27% 84%;
--input: 214.3 31.8% 91.4%; --input: 213 27% 84%;
--ring: 221.2 83.2% 53.3%; --ring: 221 83% 53%;
--sidebar: 216 12% 92%; --sidebar: 214 32% 91%;
--sidebar-foreground: 0 0% 20%; --sidebar-foreground: 222 47% 11%;
--sidebar-primary: 0 91.2% 59.8%; --sidebar-primary: 221 83% 53%;
--sidebar-primary-foreground: 0 0% 100%; --sidebar-primary-foreground: 210 40% 96%;
--sidebar-accent: 218 16% 87%; --sidebar-accent: 214 100% 97%;
--sidebar-accent-foreground: 0 0% 20%; --sidebar-accent-foreground: 224 76% 48%;
--sidebar-border: 220 11% 84%; --sidebar-border: 213 27% 84%;
--sidebar-ring: 0 76.3% 48%; --sidebar-ring: 221 83% 53%;
--radius: 0.5rem; --radius: 0.5rem;
--theme-primary: hsl(var(--primary)); --theme-primary: hsl(var(--primary));
--event-meeting: 217 91% 55%; --event-meeting: 217 91% 55%;
src/app/layout.tsx
+1 -1
View File
@@ -32,7 +32,7 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<body className={`${inter.variable} min-h-screen antialiased`}> <body className={`${inter.variable} min-h-screen antialiased`}>
<ThemeProvider attribute="class" defaultTheme="dark" disableTransitionOnChange> <ThemeProvider attribute="class" defaultTheme="light" disableTransitionOnChange>
<WebsiteThemeProvider> <WebsiteThemeProvider>
{children} {children}
<Toaster /> <Toaster />
src/components/layout/app-shell.tsx
+1 -1
View File
@@ -33,7 +33,7 @@ export function AppShell({ children }: AppShellProps) {
} }
return ( return (
<div className="min-h-screen bg-[#F8F8F8] dark:bg-[#0A0A0A] relative overflow-hidden" <div className="min-h-screen bg-background dark:bg-[#0A0A0A] relative overflow-hidden"
style={{ style={{
backgroundImage: "radial-gradient(circle, #CC000010 1px, transparent 1px), radial-gradient(circle, #0033CC06 1px, transparent 1px)", backgroundImage: "radial-gradient(circle, #CC000010 1px, transparent 1px), radial-gradient(circle, #0033CC06 1px, transparent 1px)",
backgroundSize: "28px 28px, 14px 14px", backgroundSize: "28px 28px, 14px 14px",
src/components/layout/topbar.tsx
+2 -2
View File
@@ -122,10 +122,10 @@ export function Topbar({ onMenuClick }: TopbarProps) {
{/* Search */} {/* Search */}
<div className="relative hidden flex-1 sm:block md:w-80"> <div className="relative hidden flex-1 sm:block md:w-80">
<Search className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#888888] dark:text-[#666666]" /> <Search className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground dark:text-[#666666]" />
<Input <Input
placeholder="Search leads, companies..." placeholder="Search leads, companies..."
className="h-9 w-full max-w-sm pl-9 bg-[#F0F0F0] dark:bg-[#1E1E1E] border-[#E0E0E0] dark:border-[#222222] text-[#111111] dark:text-white" className="h-9 w-full max-w-sm pl-9 bg-muted dark:bg-[#1E1E1E] border-border dark:border-[#222222] text-foreground dark:text-white"
/> />
</div> </div>