From d07b2cf58a3ea10908ae012253bc588eaaf34075 Mon Sep 17 00:00:00 2001
From: Ahmet Kilinc <akx9@icloud.com>
Date: Mon, 26 May 2025 22:45:33 +0100
Subject: [PATCH] new default colour for labels

---
 apps/mail/components/mail/render-labels.tsx | 20 ++++++++------------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/apps/mail/components/mail/render-labels.tsx b/apps/mail/components/mail/render-labels.tsx
index bce850765..beed73f0a 100644
--- a/apps/mail/components/mail/render-labels.tsx
+++ b/apps/mail/components/mail/render-labels.tsx
@@ -38,14 +38,12 @@ export const RenderLabels = ({ count = 1, labels }: { count?: number; labels: La
           key={label.id}
           onClick={handleFilterByLabel(label)}
           className={cn(
-            'dark:bg-subtleBlack bg-subtleWhite text-primary inline-block overflow-hidden truncate rounded bg-opacity-10 px-1.5 py-0.5 text-xs font-medium',
-            searchValue.value.includes(`label:${label.name}`) &&
-              'border-neutral-800 dark:border-white',
+            'inline-block overflow-hidden truncate rounded bg-[#E8DEFD] px-1.5 py-0.5 text-xs font-medium text-[#2C2241] dark:bg-[#2C2241] dark:text-[#E8DEFD]',
+            searchValue.value.includes(`label:${label.name}`) && 'border-white',
           )}
           style={{
             background: label.color?.backgroundColor + '1a',
             color: label.color?.backgroundColor,
-            // borderColor: label.color?.backgroundColor,
           }}
         >
           {label.name}
@@ -54,24 +52,22 @@ export const RenderLabels = ({ count = 1, labels }: { count?: number; labels: La
       {hiddenLabels.length > 0 && (
         <Tooltip>
           <TooltipTrigger asChild>
-            <button className="text-muted-foreground dark:bg-subtleBlack bg-subtleWhite inline-block overflow-hidden truncate rounded px-1.5 py-0.5 text-xs font-medium">
+            <button className="inline-block overflow-hidden truncate rounded bg-[#E8DEFD] px-1.5 py-0.5 text-xs font-medium text-[#2C2241] dark:bg-[#2C2241] dark:text-[#E8DEFD]">
               +{hiddenLabels.length}
             </button>
           </TooltipTrigger>
-          <TooltipContent className="z-[99] flex gap-1 px-1 py-1">
+          <TooltipContent className="z-[99] flex gap-1 px-1 py-1" side="top" align="end">
             {hiddenLabels.map((label) => (
               <button
                 key={label.id}
                 onClick={handleFilterByLabel(label)}
                 className={cn(
-                  'dark:bg-subtleBlack bg-subtleWhite inline-block overflow-hidden truncate rounded border px-1.5 py-0.5 text-xs font-medium',
-                  searchValue.value.includes(`label:${label.name}`) &&
-                    'border-neutral-800 dark:border-white',
+                  'inline-block overflow-hidden truncate rounded bg-[#E8DEFD] px-1.5 py-0.5 text-xs font-medium text-[#2C2241] dark:bg-[#2C2241] dark:text-[#E8DEFD]',
+                  searchValue.value.includes(`label:${label.name}`) && 'border-white',
                 )}
                 style={{
-                  backgroundColor: label.color?.backgroundColor,
-                  color: label.color?.textColor,
-                  borderColor: label.color?.backgroundColor,
+                  backgroundColor: label.color?.backgroundColor + '1a',
+                  color: label.color?.backgroundColor,
                 }}
               >
                 {label.name}