Skip to content

refactor(QuickLinksCard): replace hardcoded colors with theme CSS var… #72

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
garrity-miepub merged 1 commit into from
Feb 4, 2026
Merged

refactor(QuickLinksCard): replace hardcoded colors with theme CSS var… #72

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 5 additions & 5 deletions src/components/QuickLinksCard/QuickLinksCard.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -76,29 +76,29 @@ export function QuickLinksCard({
>
{link.icon && (
<span
className={`text-gray-500 dark:text-gray-400 ${layout === 'grid' ? 'mb-1' : 'mr-3'} `}
className={`text-muted-foreground ${layout === 'grid' ? 'mb-1' : 'mr-3'} `}
>
{link.icon}
</span>
)}
<span className="flex-1 text-left">
<span className="block text-sm font-medium text-gray-900 dark:text-white">
<span className="text-foreground block text-sm font-medium">
{link.label}
</span>
{link.description && layout !== 'grid' && (
<span className="block text-xs text-gray-500 dark:text-gray-400">
<span className="text-muted-foreground block text-xs">
{link.description}
</span>
)}
</span>
{link.badge !== undefined && (
<span className="ml-2 rounded-full bg-blue-100 px-2 py-0.5 text-xs font-medium text-blue-600 dark:bg-blue-900 dark:text-blue-400">
<span className="bg-primary/10 ml-2 rounded-full px-2 py-0.5 text-xs font-medium text-[var(--mieweb-primary-700)] dark:text-[var(--mieweb-primary-400)]">
{link.badge}
</span>
)}
{!link.badge && layout !== 'grid' && (
<svg
className="h-4 w-4 text-gray-400"
className="text-muted-foreground h-4 w-4"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
Expand Down
Loading