feat: improve icons

Author: asafkorem

src/components/PatternCard.tsx

@@ -31,7 +31,7 @@ export const PatternCard: React.FC<PatternCardProps> = ({ pattern }) => {
     return (
         <div className="rounded-lg border border-[#30363d] bg-[#161b22] overflow-hidden">
             <div className="p-4 flex items-center gap-3 border-b border-[#30363d]">
-                <pattern.icon className="w-5 h-5" />
+                <pattern.icon className="w-5 h-5" color={pattern.iconColor} />
                 <div>
                     <h2 className="text-[#c9d1d9] font-medium">{pattern.title}</h2>
                     <p className="text-[#8b949e] text-sm">{pattern.description}</p>

src/config/patterns.ts

@@ -5,7 +5,8 @@ import { createGitCommand } from '@/utils/git-commands';
 export const hotspotPattern: PatternDefinition = {
     id: 'hotspots',
     icon: Flame,
-    title: 'Hotspots 🌶️',
+    iconColor: '#bd2424',
+    title: 'Hotspots️',
     description: 'Track frequently changing files that might need attention',
     params: [
         {
@@ -44,7 +45,8 @@ ${createGitCommand.countFileChanges(params.timeWindow as string, params.keywords
 export const dungeonPattern: PatternDefinition = {
     id: 'dungeons',
     icon: Skull,
-    title: 'Dungeons 💀',
+    iconColor: '#aeaeae',
+    title: 'Dungeons',
     description: 'Find files with high activity but few contributors',
     params: [
         {

src/types/git-patterns.ts

@@ -13,7 +13,8 @@ export interface ParamConfig {
 
 export interface PatternDefinition {
     id: string;
-    icon: LucideIcon;  // Changed from ReactNode to LucideIcon
+    icon: LucideIcon;
+    iconColor: string;
     title: string;
     description: string;
     params: ParamConfig[];