Using RadixUI Grayscale (#369)

kscalelabs · Sep 8, 2024 · 1d6281f · 1d6281f
1 parent 8f4d218
commit 1d6281f
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 6 deletions.
diff --git a/frontend/src/components/Container.tsx b/frontend/src/components/Container.tsx
@@ -11,7 +11,7 @@ const Container = (props: ContainerProps) => {
 
   // Landing page / home path.
   if (pathname === "/") {
-    return <div className="pt-16">{children}</div>;
+    return <div className="pt-14">{children}</div>;
   }
 
   return <div className="container mx-auto pt-24 pb-16 px-8">{children}</div>;

diff --git a/frontend/src/components/footer/Footer.tsx b/frontend/src/components/footer/Footer.tsx
@@ -29,7 +29,7 @@ const Footer = () => {
   }
 
   return (
-    <footer className="bg-gray-50 dark:bg-gray-900 text-sm py-20">
+    <footer className="bg-gray-50 dark:bg-[#191919] text-sm py-20">
       <div className="flex flex-col gap-4 mx-12 sm:mx-36">
         {/* Logo and Social Links */}
         <div className="flex flex-row justify-between items-center mb-8">

diff --git a/frontend/src/components/landing/HeroASCIIArt.tsx b/frontend/src/components/landing/HeroASCIIArt.tsx
@@ -151,7 +151,7 @@ const HeroASCIIArt = () => {
     <div className="relative rounded-lg w-full overflow-hidden">
       <div
         ref={asciiRef}
-        className="font-mono text-xs whitespace-pre overflow-hidden m-2 sm:mx-4 md:mx-8 max-w-full max-h-[80vh] rounded-3xl"
+        className="font-mono text-xs whitespace-pre overflow-hidden m-2 my-4 sm:mx-4 md:mx-8 max-w-full max-h-[80vh] rounded-3xl"
       />
     </div>
   );

diff --git a/frontend/src/components/landing/LandingCard.tsx b/frontend/src/components/landing/LandingCard.tsx
@@ -18,7 +18,7 @@ const LandingCard: React.FC<LandingCardProps> = ({
 }) => {
   return (
     <div
-      className="relative bg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden cursor-pointer transition-transform hover:scale-[1.01] dark:shadow-white/10 hover:shadow-lg"
+      className="relative bg-white dark:bg-[#313131] rounded-lg shadow-md overflow-hidden cursor-pointer transition-transform hover:scale-[1.01] dark:shadow-white/10 hover:shadow-lg"
       onClick={onClick}
     >
       <img

diff --git a/frontend/src/components/nav/Navbar.tsx b/frontend/src/components/nav/Navbar.tsx
@@ -24,7 +24,7 @@ const Navbar = () => {
 
   return (
     <>
-      <nav className="fixed w-full z-30 top-0 start-0 bg-white/80 dark:bg-black/80 backdrop-blur-sm">
+      <nav className="fixed w-full z-30 top-0 start-0 bg-white/80 dark:bg-[#111111] backdrop-blur-sm">
         <div className="flex flex-wrap items-center justify-between py-4 mx-4 sm:mx-8">
           <a
             className="flex items-center active cursor-pointer"

diff --git a/frontend/src/components/pages/Home.tsx b/frontend/src/components/pages/Home.tsx
@@ -10,7 +10,7 @@ const Home = () => {
   const navigate = useNavigate();
 
   return (
-    <div className="flex flex-col items-center justify-center min-h-screen bg-gray-100 dark:bg-black">
+    <div className="flex flex-col items-center justify-center min-h-screen bg-gray-100 dark:bg-[#111111]">
       <HeroASCIIArt />
       <div className="mt-10 mb-20 mx-2 flex flex-col sm:flex-row gap-6 sm:gap-10">
         <LandingCard