Minor UI fixes: archor colors on light mode + open link other tab (#31)

MinaFoundation · Dec 2, 2024 · 2391292 · 2391292
1 parent 4312524
commit 2391292
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/web/components/layout-footer.tsx b/web/components/layout-footer.tsx
@@ -7,47 +7,47 @@ export const Footer = () => {
         {/* Main Footer Content */}
         <div className="flex flex-col lg:flex-row justify-between items-center lg:items-start space-y-4 lg:space-y-0">
           {/* Copyright Text */}
-          <p className="text-gray-400 text-sm">© 2024 Mina Foundation. All rights reserved.</p>
+          <p className="text-gray-500 text-sm">© 2024 Mina Foundation. All rights reserved.</p>
 
           {/* Links */}
           <div className="flex flex-col lg:flex-row items-center space-y-2 lg:space-y-0 lg:space-x-6">
             <a
               href="https://github.com/MinaProtocol/mina/blob/develop/CODE_OF_CONDUCT.md"
               target="_blank"
               rel="noopener noreferrer"
-              className="text-gray-400 text-sm hover:text-white"
+              className="text-gray-500 text-sm dark:hover:text-white hover:text-gray-400"
             >
               Code of Conduct
             </a>
             <a
               href="https://minaprotocol.com/privacy"
               target="_blank"
               rel="noopener noreferrer"
-              className="text-gray-400 text-sm hover:text-white"
+              className="text-gray-500 text-sm dark:hover:text-white hover:text-gray-400"
             >
               Privacy Policy
             </a>
             <a
               href="https://minaprotocol.com/tos"
               target="_blank"
               rel="noopener noreferrer"
-              className="text-gray-400 text-sm hover:text-white"
+              className="text-gray-500 text-sm dark:hover:text-white hover:text-gray-400"
             >
               Terms of Service
             </a>
             <a
               href="https://minaprotocol.com/impressum"
               target="_blank"
               rel="noopener noreferrer"
-              className="text-gray-400 text-sm hover:text-white"
+              className="text-gray-500 text-sm dark:hover:text-white hover:text-gray-400"
             >
               Impressum
             </a>
           </div>
         </div>
 
         {/* Built by Granola */}
-        <div className="mt-4 text-gray-400 text-sm text-center lg:text-left">
+        <div className="mt-4 text-gray-500 text-sm text-center lg:text-left">
           Built by{' '}
           <a
             href={siteConfig.links.granola}

diff --git a/web/components/layout-header.tsx b/web/components/layout-header.tsx
@@ -24,7 +24,7 @@ export const Header = () => {
         <NavigationMobile />
         <div className="flex flex-1 items-center justify-end space-x-4">
           <nav className="flex items-center space-x-1">
-            <Link href={siteConfig.links.FAQ}>
+            <Link href={siteConfig.links.FAQ} target="_blank">
               <div
                 className={cn(
                   buttonVariants({
@@ -36,7 +36,7 @@ export const Header = () => {
                 <span className="text-white hover:text-foreground/80">FAQ</span>
               </div>
             </Link>
-            <Link href={siteConfig.links.github}>
+            <Link href={siteConfig.links.github} target="_blank">
               <div
                 className={cn(
                   buttonVariants({