starred/webmail
1
0
Fork 0
mirror of https://github.com/bulwarkmail/webmail.git synced 2026-11-01 00:13:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: tint the sidebar's folder icons from theme tokens instead of fixed hues

Browse Source
This commit is contained in:
Linus Rath
2026-10-28 10:58:02 +01:00
parent 23be243dba
commit 62169427b9
1 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/layout/sidebar.tsx
+13 -11
View File
@@ -190,18 +190,20 @@ const getIconForMailbox = (role?: string, hasChildren?: boolean, isExpanded?: bo
return Folder;
};
// Role tints from the theme's tokens (R11), so a theme recolours them and
// dark mode has its own values: the chart palette for the main roles.
const ROLE_ICON_COLOR: Record<string, string> = {
inbox: "text-blue-600/80 dark:text-blue-400/80",
sent: "text-emerald-600/80 dark:text-emerald-400/80",
drafts: "text-violet-600/80 dark:text-violet-400/80",
inbox: "text-chart-1/80",
sent: "text-chart-2/80",
drafts: "text-chart-5/80",
trash: "text-muted-foreground",
junk: "text-red-600/80 dark:text-red-400/80",
archive: "text-amber-600/80 dark:text-amber-400/80",
shared: "text-cyan-600/80 dark:text-cyan-400/80",
important: "text-orange-600/80 dark:text-orange-400/80",
memos: "text-yellow-600/80 dark:text-yellow-400/80",
scheduled: "text-sky-600/80 dark:text-sky-400/80",
snoozed: "text-slate-500/80 dark:text-slate-400/80",
junk: "text-chart-4/80",
archive: "text-chart-3/80",
shared: "text-info/80",
important: "text-warning/80",
memos: "text-warning/80",
scheduled: "text-info/80",
snoozed: "text-muted-foreground",
};
function getIconClass(isSelected: boolean, isVirtual: boolean, colorful: boolean, roleKey?: string) {
@@ -1248,7 +1250,7 @@ function SidebarImpl({
return (
<SidebarRow
key={key}
icon={<CalendarClock className={cn("w-4 h-4 flex-shrink-0", mvShell ? "text-foreground/80" : "text-sky-600 dark:text-sky-400")} />}
icon={<CalendarClock className={cn("w-4 h-4 flex-shrink-0", mvShell ? "text-foreground/80" : ROLE_ICON_COLOR.scheduled)} />}
label={t('scheduled')}
depth={account?.depth ?? 0}
isSelected={!selectedKeyword && isScheduledSelected}