im blue dabadee dabadai

un · Sep 2, 2024 · 6565c37 · 6565c37
1 parent abe875b
commit 6565c37
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 5 deletions.
diff --git a/apps/web/src/app/[orgShortcode]/[spaceShortcode]/convo/welcome/page.tsx b/apps/web/src/app/[orgShortcode]/[spaceShortcode]/convo/welcome/page.tsx
@@ -31,7 +31,7 @@ function WelcomeMessage({ message }: { message: Message }) {
             </div>
           </div>
           <div className="bg-base-3 flex w-fit max-w-full flex-row overflow-hidden rounded-2xl rounded-tl-sm px-3 py-2">
-            <div className="prose dark:prose-invert prose-a:decoration-blue-9 text-base-12 w-fit min-w-min overflow-ellipsis text-pretty [overflow-wrap:anywhere]">
+            <div className="prose-invert prose-a:decoration-blue-9 text-base-12 w-fit min-w-min overflow-ellipsis text-pretty [overflow-wrap:anywhere]">
               {message.content}
             </div>
           </div>

diff --git a/apps/web/src/app/[orgShortcode]/convo/[convoId]/_components/messages-panel.tsx b/apps/web/src/app/[orgShortcode]/convo/[convoId]/_components/messages-panel.tsx
@@ -257,7 +257,7 @@ const MessageItem = memo(
         {
           type: 'message',
           author: true,
-          class: 'bg-accent-3 rounded-tr-sm'
+          class: 'bg-accent-9 text-accent-1 dark:text-white rounded-tr-sm'
         },
         {
           type: 'message',
@@ -267,7 +267,8 @@ const MessageItem = memo(
         {
           type: 'comment',
           author: true,
-          class: 'bg-amber-3 border-amber-5 border-r-2 rounded-l-md'
+          class:
+            'bg-amber-9 text-amber-1 border-amber-5 border-r-2 rounded-l-md'
         },
         {
           type: 'comment',
@@ -451,7 +452,7 @@ const HTMLMessage = memo(
       <div
         data-html-email-message
         dangerouslySetInnerHTML={{ __html }}
-        className="prose dark:prose-invert prose-a:decoration-blue-9 text-base-12 w-fit min-w-min overflow-ellipsis text-pretty [overflow-wrap:anywhere]"
+        className="prose-invert prose-a:decoration-blue-9 w-fit min-w-min overflow-ellipsis text-pretty [overflow-wrap:anywhere]"
       />
     );
   },

diff --git a/apps/web/tailwind.config.ts b/apps/web/tailwind.config.ts
@@ -42,11 +42,14 @@ const config = {
           css: {
             'blockquote p:first-of-type::before': false,
             'blockquote p:first-of-type::after': false
+          },
+          prose: {
+            color: 'inherit'
           }
         }
       },
       colors: {
-        accent: colors.alias('cyan'),
+        accent: colors.alias('blue'),
         base: colors.alias('slate'),
         border: 'var(--slate6)',
         input: 'hsl(var(--input))',