hammam/Ehsan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update color scheme and enlarge logos in the footer

Browse Source 
Adjusted CSS variables for color palette and increased size of logos in AppLayout component.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1fa9329f-0cec-4a2f-80e8-e26dbae3142e
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: df656e08-ca73-42c6-8325-43f18e48b8cc
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/4d696b13-86f2-4c9d-be0d-95b293430047/1fa9329f-0cec-4a2f-80e8-e26dbae3142e/8zDW4Fu
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
Replit Agent
2026-06-06 07:00:53 +00:00
parent 0d574f071a
commit bb00e028f5
2 changed files with 20 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
artifacts/ehsan-poc/src/components/layout/AppLayout.tsx
+3 -4
View File
@@ -123,17 +123,16 @@ export function AppLayout({ children }: { children: ReactNode }) {
{/* Bottom bar */} {/* Bottom bar */}
<div className="mt-10 flex border-t border-white/15 pt-6"> <div className="mt-10 flex border-t border-white/15 pt-6">
<div className="flex items-center gap-6 mr-auto"> <div className="flex items-center gap-8 mr-auto">
<img <img
src={sdaiaLogo} src={sdaiaLogo}
alt={f.sdaiaSubtitle} alt={f.sdaiaSubtitle}
className="h-8 w-auto object-contain" className="h-14 w-auto object-contain"
/> />
<div className="h-8 w-px bg-white/20" aria-hidden="true" />
<img <img
src={vision2030Logo} src={vision2030Logo}
alt={`${f.visionLine1} ${f.visionLine2}`} alt={`${f.visionLine1} ${f.visionLine2}`}
className="h-9 w-auto object-contain" className="h-14 w-auto object-contain"
/> />
</div> </div>
</div> </div>
artifacts/ehsan-poc/src/index.css
+17 -17
View File
@@ -89,38 +89,38 @@
--sidebar: 0 0% 100%; --sidebar: 0 0% 100%;
--sidebar-foreground: 143 50% 10%; --sidebar-foreground: 143 50% 10%;
--sidebar-border: 143 20% 90%; --sidebar-border: 143 20% 90%;
--sidebar-primary: 151 60% 22%; --sidebar-primary: 143 60% 26%;
--sidebar-primary-foreground: 0 0% 100%; --sidebar-primary-foreground: 0 0% 100%;
--sidebar-accent: 143 20% 94%; --sidebar-accent: 143 20% 94%;
--sidebar-accent-foreground: 143 50% 10%; --sidebar-accent-foreground: 143 50% 10%;
--sidebar-ring: 151 60% 22%; --sidebar-ring: 143 60% 26%;
--popover: 0 0% 100%; --popover: 0 0% 100%;
--popover-foreground: 143 50% 10%; --popover-foreground: 143 50% 10%;
--popover-border: 143 20% 90%; --popover-border: 143 20% 90%;
--primary: 151 63% 22%; --primary: 146 64% 32%;
--primary-foreground: 0 0% 100%; --primary-foreground: 0 0% 100%;
--ehsan-orange: 28 92% 52%; --ehsan-orange: 28 92% 52%;
--ehsan-orange-foreground: 0 0% 100%; --ehsan-orange-foreground: 0 0% 100%;
--secondary: 143 20% 94%; --secondary: 143 20% 94%;
--secondary-foreground: 151 60% 22%; --secondary-foreground: 143 60% 26%;
--muted: 143 20% 94%; --muted: 143 20% 94%;
--muted-foreground: 143 15% 45%; --muted-foreground: 143 15% 45%;
--accent: 143 30% 92%; --accent: 143 30% 92%;
--accent-foreground: 151 60% 22%; --accent-foreground: 143 60% 26%;
--destructive: 0 84% 60%; --destructive: 0 84% 60%;
--destructive-foreground: 0 0% 100%; --destructive-foreground: 0 0% 100%;
--input: 143 20% 84%; --input: 143 20% 84%;
--ring: 151 60% 22%; --ring: 143 60% 26%;
--chart-1: 151 60% 22%; --chart-1: 143 60% 26%;
--chart-2: 143 40% 40%; --chart-2: 143 40% 40%;
--chart-3: 143 30% 60%; --chart-3: 143 30% 60%;
--chart-4: 143 20% 80%; --chart-4: 143 20% 80%;
@@ -131,14 +131,14 @@
--app-font-mono: Menlo, monospace; --app-font-mono: Menlo, monospace;
--radius: 0.5rem; --radius: 0.5rem;
--shadow-2xs: 0px 2px 0px 0px hsl(151 60% 22% / 0.05); --shadow-2xs: 0px 2px 0px 0px hsl(143 60% 26% / 0.05);
--shadow-xs: 0px 2px 0px 0px hsl(151 60% 22% / 0.05); --shadow-xs: 0px 2px 0px 0px hsl(143 60% 26% / 0.05);
--shadow-sm: 0px 2px 0px 0px hsl(151 60% 22% / 0.05), 0px 1px 2px -1px hsl(151 60% 22% / 0.05); --shadow-sm: 0px 2px 0px 0px hsl(143 60% 26% / 0.05), 0px 1px 2px -1px hsl(143 60% 26% / 0.05);
--shadow: 0px 2px 0px 0px hsl(151 60% 22% / 0.05), 0px 1px 2px -1px hsl(151 60% 22% / 0.05); --shadow: 0px 2px 0px 0px hsl(143 60% 26% / 0.05), 0px 1px 2px -1px hsl(143 60% 26% / 0.05);
--shadow-md: 0px 2px 0px 0px hsl(151 60% 22% / 0.05), 0px 2px 4px -1px hsl(151 60% 22% / 0.05); --shadow-md: 0px 2px 0px 0px hsl(143 60% 26% / 0.05), 0px 2px 4px -1px hsl(143 60% 26% / 0.05);
--shadow-lg: 0px 2px 0px 0px hsl(151 60% 22% / 0.05), 0px 4px 6px -1px hsl(151 60% 22% / 0.05); --shadow-lg: 0px 2px 0px 0px hsl(143 60% 26% / 0.05), 0px 4px 6px -1px hsl(143 60% 26% / 0.05);
--shadow-xl: 0px 2px 0px 0px hsl(151 60% 22% / 0.05), 0px 8px 10px -1px hsl(151 60% 22% / 0.05); --shadow-xl: 0px 2px 0px 0px hsl(143 60% 26% / 0.05), 0px 8px 10px -1px hsl(143 60% 26% / 0.05);
--shadow-2xl: 0px 2px 0px 0px hsl(151 60% 22% / 0.05); --shadow-2xl: 0px 2px 0px 0px hsl(143 60% 26% / 0.05);
--tracking-normal: 0em; --tracking-normal: 0em;
--spacing: 0.25rem; --spacing: 0.25rem;
@@ -171,11 +171,11 @@
--sidebar: 143 40% 8%; --sidebar: 143 40% 8%;
--sidebar-foreground: 0 0% 98%; --sidebar-foreground: 0 0% 98%;
--sidebar-border: 143 30% 15%; --sidebar-border: 143 30% 15%;
--sidebar-primary: 151 60% 22%; --sidebar-primary: 143 60% 26%;
--sidebar-primary-foreground: 0 0% 100%; --sidebar-primary-foreground: 0 0% 100%;
--sidebar-accent: 143 30% 15%; --sidebar-accent: 143 30% 15%;
--sidebar-accent-foreground: 0 0% 98%; --sidebar-accent-foreground: 0 0% 98%;
--sidebar-ring: 151 60% 22%; --sidebar-ring: 143 60% 26%;
--popover: 143 40% 8%; --popover: 143 40% 8%;
--popover-foreground: 0 0% 98%; --popover-foreground: 0 0% 98%;