style changes to underlines

denoland · Jun 10, 2024 · 30f5971 · 30f5971
1 parent 4b3fe37
commit 30f5971
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/components/APIReferenceIndex/index.tsx b/src/components/APIReferenceIndex/index.tsx
@@ -36,7 +36,7 @@ const APIReferenceIndex: React.FC<APIReferenceIndexProps> = ({ apiLinks }) => {
                 <li className="list-none flex flex-col gap-1" key={link.id}>
                   <a
                     href={link.url}
-                    className="text-inherit text-lg underline underline-offset-4 decoration-gray-300 dark:decoration-gray-600"
+                    className="text-lg link underline underline-offset-4 text-[--ifm-color-primary] decoration-[--deploy-medium] dark:decoration-[--runtime-dark]"
                     title={link.description}
                   >
                     {link.title}

diff --git a/src/css/custom.css b/src/css/custom.css
@@ -32,6 +32,7 @@ html:root {
   --subhosting: #ff8a01;
   --subhosting-dark: #251c11;
 
+  --gray-000: #e3e5e9;
   --gray-00: #cfd1d6;
   --gray-0: #9ea0a5;
   --gray-1: #868789;
@@ -156,7 +157,7 @@ html[data-theme="dark"] .secondary-navbar {
 /* Multiple selectors to override defaults in light mode */
 
 html[data-theme="light"] .secondary-navbar {
-  border-top: 1px solid var(--gray-00);
+  border-top: 1px solid var(--gray-000);
 }
 
 html[data-theme="light"] kbd.DocSearch-Button-Key,
@@ -234,6 +235,9 @@ code {
 
 .markdown a {
   text-decoration: underline;
+  text-decoration-color: var(--ifm-color-primary);
+  text-underline-offset: 0.25rem;
+  text-decoration-thickness: 0.05rem;
 }
 
 td p:last-child {