client: improve link accessibility in markdown

client/components/preview/preview.module.css

@@ -79,6 +79,7 @@
   border-radius: 3px;
   white-space: pre-wrap;
   word-wrap: break-word;
+  color: inherit !important;
 }
 
 .markdownPreview code::before,

client/lib/render-markdown.tsx

@@ -12,8 +12,6 @@ renderer.heading = (text, level, _, slugger) => {
     const id = slugger.slug(text)
     const Component = `h${level}`
 
-
-
     return renderToStaticMarkup(
         //@ts-ignore
         <Component>

client/styles/markdown.css

@@ -84,7 +84,6 @@ html[data-theme="light"] input[type="checkbox"]:checked {
 
 input[type="checkbox"]:focus {
   outline: none;
-  box-shadow: 0 0 0 2px var(--gray);
   border-color: var(--fg);
 }
 
@@ -106,7 +105,6 @@ article li > p {
 
 article pre {
   overflow-x: auto;
-  background: var(--lightest-gray);
   border-radius: var(--inline-radius);
   line-height: 1.8;
   padding: 1rem;