Enable purple visited links on mobile

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

Hide file tree

Showing 3 changed files with 3 additions and 4 deletions.
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-teal-500{--un-text-opacity:1;color:rgb(20 184 166 / 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";}
@@ -88,5 +89,4 @@
 .opacity-25{opacity:0.25;}
 .opacity-75{opacity:0.75;}
 .shadow-lg{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
-.shadow-md{--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
-.outline{outline-style:solid;}
+.shadow-md{--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
@@ -27,7 +27,6 @@ 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>
       <body className="font-lato m-0 bg-white dark:bg-gray-900 p-0 text-black dark:text-white">
         {children}
       </body>

diff --git a/src/server.tsx b/src/server.tsx
@@ -93,7 +93,7 @@ app.get("/articles", async (c) => {
         <li key={article.id} class="p-0 m-0 border-b list-none mb-3">
           <a
             href={article.link}
-            class="text-blue-500 hover:underline visited:text-purple-600"
+            class="text-teal-500 hover:underline visited:text-purple-600"
           >
             {article.title} [{article.source}]
           </a>