fix(styles): resolve css styles for links (#8182)

Author: TusharThakur04

src/components/Markdown/Markdown.css

@@ -296,14 +296,16 @@
     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
   }
 
-  a code {
-    @apply text-brand-link;
-  }
   a {
-    text-decoration: underline;
+    @apply text-brand-link;
+    text-decoration: no underline;
     text-underline-offset: 2px;
     text-decoration-thickness: 1px;
   }
+
+  a:hover {
+    @apply text-brand-link-hover;
+  }
   pre {
     @apply bg-code-pre-bg text-code-pre-text p-4 pr-14 rounded-[3px] text-sm leading-normal overflow-auto;
     box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
@@ -432,11 +434,11 @@
   @apply bg-transparent;
 }
 
-.dark .markdown a code {
+.dark .markdown a {
   @apply text-dark-link;
 }
 
-.dark .markdown a code:hover {
+.dark .markdown a:hover {
   @apply text-dark-link-hover;
 }
 

src/styles/dark.css

@@ -42,16 +42,3 @@
     @apply text-white;
   }
 }
-
-@layer base {
-  [data-theme="dark"] a,
-  [data-theme="dark"] button.as-link {
-    @apply text-dark-link;
-  }
-}
-
-@layer base {
-  [data-theme="dark"] a:hover {
-    @apply text-dark-link-hover;
-  }
-}