Fix a11y problems

Author: prototypa

src/components/common/SocialShare.astro

@@ -11,7 +11,7 @@ const { text, url, class: className = 'inline-block' } = Astro.props;
 ---
 
 <div class={className}>
-  <span class="align-super font-bold text-gray-400 dark:text-slate-400">Share:</span>
+  <span class="align-super font-bold text-slate-500 dark:text-slate-400">Share:</span>
   <button class="ml-2 rtl:ml-0 rtl:mr-2" title="Twitter Share" data-aw-social-share="twitter" data-aw-url={url} data-aw-text={text}
     ><Icon
       name="tabler:brand-x"

src/content/post/markdown-elements-demo-post.mdx

@@ -182,7 +182,7 @@ import Logo from "~/components/Logo.astro";
 <Logo />
 ```
 
-<div style="background:#eee;padding: 10px 5px">
+<div style="border:1px dashed;padding: 10px 5px">
   <Logo />
 </div>