Fix blue links

Author: MartinBraquet

web/pages/about.tsx

@@ -10,7 +10,7 @@ export const AboutBlock = (props: {
   const {text, title} = props
   return <section className="mb-12">
     <h2 className="text-3xl font-bold mb-4">{title}</h2>
-    <p className="text-lg text-gray-500">{text}</p>
+    <p className="text-lg">{text}</p>
   </section>;
 }
 
@@ -59,7 +59,7 @@ export default function About() {
 
                 <AboutBlock
                   title="Democratic"
-                  text={<span>Governed by the community, while ensuring no drift through our <Link href="/md/constitution">constitution</Link>.</span>}
+                  text={<span className="customlink">Governed by the community, while ensuring no drift through our <Link href="/md/constitution">constitution</Link>.</span>}
                 />
 
                 <AboutBlock

web/pages/md/[filename].tsx

@@ -14,7 +14,7 @@ export default function MarkdownPage({ content, filename }: Props) {
   return (
     <LovePage trackPageView={filename}>
       <Col className="items-center">
-        <Col className={'bg-canvas-0 w-full rounded px-3 py-4 sm:px-6 space-y-4'}>
+        <Col className='bg-canvas-0 w-full rounded px-3 py-4 sm:px-6 space-y-4 customlink'>
           <ReactMarkdown>{content}</ReactMarkdown>
         </Col>
       </Col>

web/styles/globals.css

@@ -260,9 +260,14 @@ ul {
     margin-top: 0.5rem;
 }
 
-a {
-    color: rgb(var(--color-primary-500));
+.customlink a {
+    color: cornflowerblue;
+    text-decoration: none;
 }
-.dark a {
+.dark .customlink a {
     color: rgb(var(--color-primary-700));
-}
+}
+
+.customlink a:hover {
+    text-decoration: underline;
+}