From 84fabdd8dd3e4564c4be0acd9ca630f1985891c8 Mon Sep 17 00:00:00 2001 From: tomarmayankk Date: Wed, 18 Dec 2024 19:46:46 +0530 Subject: [PATCH 1/2] better text visibility with uranian blue --- .../Components/HeroSection/HeroSection.css | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/apps/web/frontend/src/components/LandingPage/Components/HeroSection/HeroSection.css b/apps/web/frontend/src/components/LandingPage/Components/HeroSection/HeroSection.css index 60ac2c9..108012d 100644 --- a/apps/web/frontend/src/components/LandingPage/Components/HeroSection/HeroSection.css +++ b/apps/web/frontend/src/components/LandingPage/Components/HeroSection/HeroSection.css @@ -10,18 +10,26 @@ } .hero-section h1 { - color: var(--dark-color); + color: #B2DDF7; font-size: 48px; font-weight: 900; } .hero-section h4 { - color: var(--dark-color); + color: #B2DDF7; font-size: 22px; font-weight: 300; text-align: center; padding: 0px 14rem; } +.hero-section h1::selection { + color: #f39c12; + background-color: transparent; +} +.hero-section h4::selection { + color: #f39c12; + background-color: transparent; +} .hero-section button { padding: 0.7rem 2rem; From bf017a77ba02195900c3fea3ad0093e82fb17b96 Mon Sep 17 00:00:00 2001 From: tomarmayankk Date: Wed, 18 Dec 2024 19:47:21 +0530 Subject: [PATCH 2/2] Hover effect on logo and list items with better visibility --- .../LandingPage/Components/NavBar/NavBar.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/apps/web/frontend/src/components/LandingPage/Components/NavBar/NavBar.css b/apps/web/frontend/src/components/LandingPage/Components/NavBar/NavBar.css index cb8e400..10867e7 100644 --- a/apps/web/frontend/src/components/LandingPage/Components/NavBar/NavBar.css +++ b/apps/web/frontend/src/components/LandingPage/Components/NavBar/NavBar.css @@ -35,6 +35,10 @@ color: var(--primary-color); font-size: 30px; } +.logo-text:hover { + color: #f39c12; + background-color: transparent; +} .logo-img { width: 100%; height: 2.4rem; @@ -81,6 +85,16 @@ margin-right: 1rem; margin-bottom: 1.5rem; } + +.list a { + color: #ffffff; + text-decoration: none; + transition: color 0.3s ease; +} + +.list a:hover { + color: #f39c12; +} .list:last-of-type { margin-bottom: 0; }