ignore: share error styles

1 files changed, 32 insertions, 9 deletions

diff --git a/packages/web/src/components/share.module.css b/packages/web/src/components/share.module.css
index bcac00544..b216dbaf0 100644
--- a/packages/web/src/components/share.module.css
+++ b/packages/web/src/components/share.module.css
@@ -421,7 +421,7 @@
   }
 }
 
-.message-lsp {
+.message-error {
   background-color: var(--sl-color-bg-surface);
   padding: 0.5rem calc(0.5rem + 3px);
   border-radius: 0.25rem;
@@ -432,24 +432,47 @@
   align-self: flex-start;
   max-width: var(--md-tool-width);
 
-    padding: 0.5rem calc(0.5rem + 3px);
-
-    pre {
-      --shiki-dark-bg: var(--sl-color-bg-surface) !important;
-      background-color: var(--sl-color-bg-surface) !important;
-      line-height: 1.4;
+  [data-section="content"] {
+    p {
+      margin-bottom: 0.5rem;
+      line-height: 1.5;
       font-size: 0.75rem;
       white-space: pre-wrap;
       word-break: break-word;
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+
+      span {
+        margin-right: 0.25rem;
+        &:last-child {
+          margin-right: 0;
+        }
+      }
+      span[data-color="red"] {
+        color: var(--sl-color-red);
+      }
+      span[data-color="dimmed"] {
+        color: var(--sl-color-text-dimmed);
+      }
+      span[data-marker="label"] {
+        text-transform: uppercase;
+        letter-spacing: -0.5px;
+      }
+      span[data-separator] {
+        margin-right: 0.375rem;
+      }
     }
+  }
 
   &[data-expanded="true"] {
-    pre {
+    [data-section="content"] {
       display: block;
     }
   }
   &[data-expanded="false"] {
-    pre {
+    [data-section="content"] {
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 7;