diff --git a/memento-note/app/(main)/settings/integrations/page.tsx b/memento-note/app/(main)/settings/integrations/page.tsx
index e14ce34..6308b6e 100644
--- a/memento-note/app/(main)/settings/integrations/page.tsx
+++ b/memento-note/app/(main)/settings/integrations/page.tsx
@@ -127,7 +127,7 @@ export default function IntegrationsPage() {
 
   const StatusBadge = ({ connected }: { connected: boolean }) =>
     connected ? (
-      <span className="flex items-center gap-1.5 text-[11px] font-semibold text-primary/80 dark:text-primary bg-primary/10 border border-primary/30 rounded-full px-2.5 py-1">
+      <span className="flex items-center gap-1.5 text-[11px] font-semibold text-emerald-700 dark:text-emerald-300 bg-emerald-50 dark:bg-emerald-950/40 border border-emerald-200 dark:border-emerald-800/50 rounded-full px-2.5 py-1">
         <Check size={11} /> Connecté
       </span>
     ) : (
diff --git a/memento-note/components/mcp/mcp-settings-panel.tsx b/memento-note/components/mcp/mcp-settings-panel.tsx
index 3015b51..98ea470 100644
--- a/memento-note/components/mcp/mcp-settings-panel.tsx
+++ b/memento-note/components/mcp/mcp-settings-panel.tsx
@@ -304,7 +304,7 @@ function KeyCard({ keyInfo, onRevoke, onDelete, isPending }: { keyInfo: McpKeyIn
           <span className={cn(
             'text-[9px] font-bold uppercase tracking-widest px-2 py-0.5 rounded-lg',
             keyInfo.active
-              ? 'bg-primary/10 text-primary/80 dark:text-primary'
+              ? 'bg-emerald-50 dark:bg-emerald-950/40 text-emerald-700 dark:text-emerald-300'
               : 'bg-concrete/10 text-concrete'
           )}>
             {keyInfo.active ? t('mcpSettings.apiKeys.active') : t('mcpSettings.apiKeys.revoked')}
diff --git a/memento-note/components/settings/billing-history.tsx b/memento-note/components/settings/billing-history.tsx
index 83ae069..6995d9a 100644
--- a/memento-note/components/settings/billing-history.tsx
+++ b/memento-note/components/settings/billing-history.tsx
@@ -72,7 +72,7 @@ export function BillingHistory() {
   const getStatusBadge = (status: string | null) => {
     const s = status?.toLowerCase();
     if (s === 'paid') {
-      return 'bg-primary/10 text-primary/80 dark:text-primary border border-primary/20';
+      return 'bg-emerald-50 dark:bg-emerald-950/40 text-emerald-700 dark:text-emerald-300 border border-emerald-200 dark:border-emerald-800/50';
     }
     if (s === 'open' || s === 'pending') {
       return 'bg-amber-500/10 text-amber-600 dark:text-amber-400 border border-amber-500/20';