From 834385fd566d2e811446ab11308c9f4e9df32ca0 Mon Sep 17 00:00:00 2001 From: Hyko Date: Wed, 22 Apr 2026 15:24:21 -0400 Subject: [PATCH] style(Badge): update dark mode color shades from 500 to 600 variants --- src/shared/components/Badge.js | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/src/shared/components/Badge.js b/src/shared/components/Badge.js index 0f5de41..59b006f 100644 --- a/src/shared/components/Badge.js +++ b/src/shared/components/Badge.js @@ -13,15 +13,15 @@ const Badge = ({ const baseClassName = 'inline-flex items-center font-medium border font-ibm-plex-mono'; const variants = { - default: 'bg-neutral-100 text-neutral-700 border-neutral-200 dark:bg-neutral-500/10 dark:text-neutral-400 dark:border-neutral-500/20', - primary: 'bg-blue-100 text-blue-700 border-blue-200 dark:bg-blue-500/10 dark:text-blue-400 dark:border-blue-500/20', - success: 'bg-green-100 text-green-700 border-green-200 dark:bg-green-500/10 dark:text-green-400 dark:border-green-500/20', - warning: 'bg-yellow-100 text-yellow-700 border-yellow-200 dark:bg-yellow-500/10 dark:text-yellow-400 dark:border-yellow-500/20', - danger: 'bg-red-100 text-red-700 border-red-200 dark:bg-red-500/10 dark:text-red-400 dark:border-red-500/20', - info: 'bg-cyan-100 text-cyan-700 border-cyan-200 dark:bg-cyan-500/10 dark:text-cyan-400 dark:border-cyan-500/20', - purple: 'bg-purple-100 text-purple-700 border-purple-200 dark:bg-purple-500/10 dark:text-purple-400 dark:border-purple-500/20', - pink: 'bg-pink-100 text-pink-700 border-pink-200 dark:bg-pink-500/10 dark:text-pink-400 dark:border-pink-500/20', - orange: 'bg-orange-100 text-orange-700 border-orange-200 dark:bg-orange-500/10 dark:text-orange-400 dark:border-orange-500/20' + default: 'bg-neutral-100 text-neutral-700 border-neutral-200 dark:bg-neutral-600/10 dark:text-neutral-500 dark:border-neutral-600/20', + primary: 'bg-blue-100 text-blue-700 border-blue-200 dark:bg-blue-600/10 dark:text-blue-500 dark:border-blue-600/20', + success: 'bg-green-100 text-green-700 border-green-200 dark:bg-green-600/10 dark:text-green-500 dark:border-green-600/20', + warning: 'bg-yellow-100 text-yellow-700 border-yellow-200 dark:bg-yellow-600/10 dark:text-yellow-500 dark:border-yellow-600/20', + danger: 'bg-red-100 text-red-700 border-red-200 dark:bg-red-600/10 dark:text-red-500 dark:border-red-600/20', + info: 'bg-cyan-100 text-cyan-700 border-cyan-200 dark:bg-cyan-600/10 dark:text-cyan-500 dark:border-cyan-600/20', + purple: 'bg-purple-100 text-purple-700 border-purple-200 dark:bg-purple-600/10 dark:text-purple-500 dark:border-purple-600/20', + pink: 'bg-pink-100 text-pink-700 border-pink-200 dark:bg-pink-600/10 dark:text-pink-500 dark:border-pink-600/20', + orange: 'bg-orange-100 text-orange-700 border-orange-200 dark:bg-orange-600/10 dark:text-orange-500 dark:border-orange-600/20' }; const sizes = {