Postal/Zero
1
0
Fork 0
mirror of https://github.com/Mail-0/Zero.git synced 2026-07-01 08:16:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

new default colour for labels

Browse Source
This commit is contained in:
Ahmet Kilinc
2025-05-26 22:45:33 +01:00
committed by Adam
parent 9794903a9d
commit d07b2cf58a
1 changed files with 8 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
apps/mail/components/mail/render-labels.tsx
View File

@@ -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}