fix: csv import and export message colors

gregnr · gregnr · commit 6decd4764196 · 2024-08-08T18:30:58.000-05:00
diff --git a/apps/postgres-new/components/tools/csv-export.tsx b/apps/postgres-new/components/tools/csv-export.tsx
@@ -25,7 +25,7 @@ export default function CsvExport({ toolInvocation }: CsvExportProps) {
       <CodeAccordion title="Executed SQL" language="sql" code={toolInvocation.args.sql} />
       <m.div
         layoutId={toolInvocation.toolCallId}
-        className="self-start px-5 py-2.5 text-base rounded-full bg-green-300 flex gap-2 items-center text-lighter italic"
+        className="self-start px-5 py-2.5 text-base rounded-full bg-border flex gap-2 items-center text-lighter italic"
         style={{
           // same value as tailwind, used to keep constant radius during framer animation
           // see: https://www.framer.com/motion/layout-animations/##scale-correction
diff --git a/apps/postgres-new/components/tools/csv-request.tsx b/apps/postgres-new/components/tools/csv-request.tsx
@@ -29,7 +29,7 @@ export default function CsvRequest({ toolInvocation }: CsvRequestProps) {
     return (
       <m.div
         layoutId={toolInvocation.toolCallId}
-        className="self-end px-5 py-2.5 text-base rounded-full bg-blue-300 flex gap-2 items-center text-lighter italic"
+        className="self-end px-5 py-2.5 text-base rounded-full bg-border flex gap-2 items-center text-lighter italic"
         style={{
           // same value as tailwind, used to keep constant radius during framer animation
           // see: https://www.framer.com/motion/layout-animations/##scale-correction
