Skip to content

fix: Updated the footer colors in both dark and light theme

Sahasra Reddy requested to merge mobile-responsive into dev

Update the footer with fully optimized light and dark theme support for a premium biotechnology and genomics website. The footer should automatically adapt beautifully in both themes while maintaining a consistent luxury clinical aesthetic, modern scientific atmosphere, and enterprise healthcare branding.

Overall Style:

  • Precision medicine inspired UI
  • Modern pharmaceutical research aesthetic
  • Minimal futuristic design
  • Clinical sophistication
  • Genomics and AI healthcare branding
  • Elegant enterprise-grade interface

LIGHT THEME: Use a clean white and pale blue environment with soft scientific depth.

Light Theme Background:

  • White to pale blue gradient
  • Soft sky-blue glow accents
  • Clean airy spacing
  • Subtle scientific mesh or DNA texture at very low opacity
  • Elegant minimal appearance

Light Theme Mood: clean healthcare platform, research excellence, trustworthy genomics company, modern clinical innovation

DARK THEME: Use a deep cinematic biotech-inspired environment.

Dark Theme Background:

  • Deep navy and charcoal gradients
  • Radial cyan-blue glow from center/bottom
  • Soft volumetric lighting
  • Glassmorphism depth
  • Subtle scientific particle/grid textures
  • Luxurious biotech atmosphere

Dark Theme Mood: precision medicine, genomics intelligence, AI healthcare platform, pharmaceutical sophistication, future-focused biotechnology

Color Palette: Light Theme:

  • #FFFFFF
  • #EAF6FF
  • #BAE6FD
  • #0F172A
  • #64748B

Dark Theme:

  • #050B14
  • #07111F
  • #0B1628
  • #38BDF8
  • rgba(255,255,255,0.65)
Edited by Sahasra Reddy

Merge request reports