Enable purple visited links on mobile

tireymorris · Jun 22, 2024 · 7aa4ebc · 7aa4ebc
1 parent 573e79a
commit 7aa4ebc
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/public/styles/uno.css b/public/styles/uno.css
@@ -79,6 +79,7 @@
 .text-blue-500{--un-text-opacity:1;color:rgb(59 130 246 / var(--un-text-opacity));}
 .text-neutral-500{--un-text-opacity:1;color:rgb(115 115 115 / var(--un-text-opacity));}
 .text-slate-900{--un-text-opacity:1;color:rgb(15 23 42 / var(--un-text-opacity));}
+[text-purple-600\:visited=""]{--un-text-opacity:1;color:rgb(147 51 234 / var(--un-text-opacity));}
 .visited\:text-purple-600:visited{--un-text-opacity:1;color:rgb(147 51 234 / var(--un-text-opacity));}
 .font-bold{font-weight:700;}
 .font-lato{font-family:"Lato";}

diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
@@ -27,7 +27,19 @@ function Layout({ title, children }: LayoutProps) {
         <script src="https://unpkg.com/[email protected]"></script>
         <EnableDarkMode />
       </head>
-      <style>{`* { box-sizing: border-box; margin: 0; outline: none; color: unset; }`}</style>
+      <style>
+        {`
+          * {
+            box-sizing: border-box;
+            margin: 0;
+            outline: none;
+            color: unset;
+          }
+          .visited\\:text-purple-600:visited {
+            color: #805ad5; /* Tailwind's purple-600 */
+          }
+        `}
+      </style>
       <body className="font-lato m-0 bg-white dark:bg-gray-900 p-0 text-black dark:text-white">
         {children}
       </body>