From 885208a788f06bc4bc2d74298ac4da013d926cb6 Mon Sep 17 00:00:00 2001 From: "ALMAZROUEI Shamma (2021) WKIS203" <shamma.almazrouei.2021@live.rhul.ac.uk> Date: Tue, 25 Mar 2025 11:34:15 +0530 Subject: [PATCH] Update color --- uniconnect-app/app/globals.css | 66 +++++++++---------- .../components/navigation/accessibility.tsx | 2 +- .../components/navigation/main-nav.tsx | 2 +- 3 files changed, 35 insertions(+), 35 deletions(-) diff --git a/uniconnect-app/app/globals.css b/uniconnect-app/app/globals.css index d50c86a..edd81d5 100644 --- a/uniconnect-app/app/globals.css +++ b/uniconnect-app/app/globals.css @@ -5,24 +5,24 @@ @layer base { :root { --background: 0 0% 100%; - --foreground: 20 14.3% 4.1%; + --foreground: 222.2 84% 4.9%; --card: 0 0% 100%; - --card-foreground: 20 14.3% 4.1%; + --card-foreground: 222.2 84% 4.9%; --popover: 0 0% 100%; - --popover-foreground: 20 14.3% 4.1%; - --primary: 47.9 95.8% 53.1%; - --primary-foreground: 26 83.3% 14.1%; - --secondary: 60 4.8% 95.9%; - --secondary-foreground: 24 9.8% 10%; - --muted: 60 4.8% 95.9%; - --muted-foreground: 25 5.3% 44.7%; - --accent: 60 4.8% 95.9%; - --accent-foreground: 24 9.8% 10%; + --popover-foreground: 222.2 84% 4.9%; + --primary: 221.2 83.2% 53.3%; + --primary-foreground: 210 40% 98%; + --secondary: 210 40% 96.1%; + --secondary-foreground: 222.2 47.4% 11.2%; + --muted: 210 40% 96.1%; + --muted-foreground: 215.4 16.3% 46.9%; + --accent: 210 40% 96.1%; + --accent-foreground: 222.2 47.4% 11.2%; --destructive: 0 84.2% 60.2%; - --destructive-foreground: 60 9.1% 97.8%; - --border: 20 5.9% 90%; - --input: 20 5.9% 90%; - --ring: 20 14.3% 4.1%; + --destructive-foreground: 210 40% 98%; + --border: 214.3 31.8% 91.4%; + --input: 214.3 31.8% 91.4%; + --ring: 221.2 83.2% 53.3%; --radius: 0.3rem; --chart-1: 12 76% 61%; --chart-2: 173 58% 39%; @@ -32,25 +32,25 @@ } .dark { - --background: 20 14.3% 4.1%; - --foreground: 60 9.1% 97.8%; - --card: 20 14.3% 4.1%; - --card-foreground: 60 9.1% 97.8%; - --popover: 20 14.3% 4.1%; - --popover-foreground: 60 9.1% 97.8%; - --primary: 47.9 95.8% 53.1%; - --primary-foreground: 26 83.3% 14.1%; - --secondary: 12 6.5% 15.1%; - --secondary-foreground: 60 9.1% 97.8%; - --muted: 12 6.5% 15.1%; - --muted-foreground: 24 5.4% 63.9%; - --accent: 12 6.5% 15.1%; - --accent-foreground: 60 9.1% 97.8%; + --background: 222.2 84% 4.9%; + --foreground: 210 40% 98%; + --card: 222.2 84% 4.9%; + --card-foreground: 210 40% 98%; + --popover: 222.2 84% 4.9%; + --popover-foreground: 210 40% 98%; + --primary: 217.2 91.2% 59.8%; + --primary-foreground: 222.2 47.4% 11.2%; + --secondary: 217.2 32.6% 17.5%; + --secondary-foreground: 210 40% 98%; + --muted: 217.2 32.6% 17.5%; + --muted-foreground: 215 20.2% 65.1%; + --accent: 217.2 32.6% 17.5%; + --accent-foreground: 210 40% 98%; --destructive: 0 62.8% 30.6%; - --destructive-foreground: 60 9.1% 97.8%; - --border: 12 6.5% 15.1%; - --input: 12 6.5% 15.1%; - --ring: 35.5 91.7% 32.9%; + --destructive-foreground: 210 40% 98%; + --border: 217.2 32.6% 17.5%; + --input: 217.2 32.6% 17.5%; + --ring: 224.3 76.3% 48%; --chart-1: 220 70% 50%; --chart-2: 160 60% 45%; --chart-3: 30 80% 55%; diff --git a/uniconnect-app/components/navigation/accessibility.tsx b/uniconnect-app/components/navigation/accessibility.tsx index 8c4fab5..dfa569f 100644 --- a/uniconnect-app/components/navigation/accessibility.tsx +++ b/uniconnect-app/components/navigation/accessibility.tsx @@ -15,7 +15,7 @@ import { Button } from '@/components/ui/button'; export default function Accessibility() { return ( - <div className='bg-yellow-100 border-b border-zinc-30'> + <div className='bg-blue-100 border-b border-zinc-30'> <Container className='py-4 justify-between hidden md:flex'> <div className='flex items-center gap-x-2'> <Languages /> diff --git a/uniconnect-app/components/navigation/main-nav.tsx b/uniconnect-app/components/navigation/main-nav.tsx index 7102953..d19ed97 100644 --- a/uniconnect-app/components/navigation/main-nav.tsx +++ b/uniconnect-app/components/navigation/main-nav.tsx @@ -16,7 +16,7 @@ import { export default function MainNav() { return ( - <div className='bg-yellow-100 border-b border-zinc-500'> + <div className='bg-blue-100 border-b border-zinc-500'> <Container className='py-4 flex justify-between items-center'> <Link href='/'> <h1 className='flex items-center gap-x-2'> -- GitLab