Just some minor footer improvements changes.

ReGuilded · Jan 5, 2024 · ffd6423 · ffd6423 · vercel · Jan 5, 2024
1 parent e0f507a
commit ffd6423
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/frontend/components/Layout/Footer.tsx b/frontend/components/Layout/Footer.tsx
@@ -48,11 +48,11 @@ const SocialButton = ({
 
 export default function SmallWithLogoLeft() {
   const router = useRouter();
+  const oppositeBgColor = useColorModeValue("gray.800", "gray.100");
 
   return (
     <Box
-      bg={useColorModeValue("gray.50", "gray.900")}
-      color={useColorModeValue("gray.700", "gray.200")}
+      color={oppositeBgColor}
     >
       <Container
         as={Stack}
@@ -65,7 +65,12 @@ export default function SmallWithLogoLeft() {
       >
         <Box display="flex" alignItems="center" gap="2">
           <Image src="/LogoTransparent.svg" height="30" width="30" alt="Logo" />
-          <Text color="red.400" fontWeight="bold" fontSize="1.4rem">
+          <Text
+            bgGradient={"linear(to-r, red.400,pink.400)"}
+            bgClip={"text"}
+            fontWeight="bold"
+            fontSize="2xl"
+          >
             ReGuilded
           </Text>
         </Box>

diff --git a/frontend/styles/Home.module.css b/frontend/styles/Home.module.css
@@ -115,9 +115,6 @@
 }
 
 @media (prefers-color-scheme: dark) {
-  .footer {
-    border-color: #222;
-  }
   .code {
     background: #111;
   }