julienfroidefond/peakskills
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
Julien Froidefond
2025-08-20 15:43:24 +02:00
commit 09d2c5cbe1
100 changed files with 12494 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
lib/pattern-colors.ts Normal file
View File

@@ -0,0 +1,44 @@
export const getCategoryColor = (category: string) => {
switch (category) {
case "Creational":
return "border-blue-400 dark:border-blue-400 text-blue-600 dark:text-blue-400 bg-blue-50/50 dark:bg-blue-950/30 hover:bg-blue-100/70 dark:hover:bg-blue-900/50 hover:border-blue-500 dark:hover:border-blue-300 hover:shadow-blue-500/20";
case "Structural":
return "border-green-400 dark:border-green-400 text-green-600 dark:text-green-400 bg-green-50/50 dark:bg-green-950/30 hover:bg-green-100/70 dark:hover:bg-green-900/50 hover:border-green-500 dark:hover:border-green-300 hover:shadow-green-500/20";
case "Behavioral":
return "border-purple-400 dark:border-purple-400 text-purple-600 dark:text-purple-400 bg-purple-50/50 dark:bg-purple-950/30 hover:bg-purple-100/70 dark:hover:bg-purple-900/50 hover:border-purple-500 dark:hover:border-purple-300 hover:shadow-purple-500/20";
case "Architectural":
return "border-orange-400 dark:border-orange-400 text-orange-600 dark:text-orange-400 bg-orange-50/50 dark:bg-orange-950/30 hover:bg-orange-100/70 dark:hover:bg-orange-900/50 hover:border-orange-500 dark:hover:border-orange-300 hover:shadow-orange-500/20";
default:
return "border-gray-400 dark:border-gray-400 text-gray-600 dark:text-gray-400 bg-gray-50/50 dark:bg-gray-950/30 hover:bg-gray-100/70 dark:hover:bg-gray-900/50 hover:border-gray-500 dark:hover:border-gray-300 hover:shadow-gray-500/20";
}
};
export const getDifficultyColor = (difficulty: string) => {
switch (difficulty) {
case "Facile":
return "border-emerald-400 dark:border-emerald-400 text-emerald-600 dark:text-emerald-400 bg-emerald-50/50 dark:bg-emerald-950/30 hover:bg-emerald-100/70 dark:hover:bg-emerald-900/50 hover:border-emerald-500 dark:hover:border-emerald-300 hover:shadow-emerald-500/20";
case "Moyen":
return "border-amber-400 dark:border-amber-400 text-amber-600 dark:text-amber-400 bg-amber-50/50 dark:bg-amber-950/30 hover:bg-amber-100/70 dark:hover:bg-amber-900/50 hover:border-amber-500 dark:hover:border-amber-300 hover:shadow-amber-500/20";
case "Difficile":
return "border-red-400 dark:border-red-400 text-red-600 dark:text-red-400 bg-red-50/50 dark:bg-red-950/30 hover:bg-red-100/70 dark:hover:bg-red-900/50 hover:border-red-500 dark:hover:border-red-300 hover:shadow-red-500/20";
default:
return "border-gray-400 dark:border-gray-400 text-gray-600 dark:text-gray-400 bg-gray-50/50 dark:bg-gray-950/30 hover:bg-gray-100/70 dark:hover:bg-gray-900/50 hover:border-gray-500 dark:hover:border-gray-300 hover:shadow-gray-500/20";
}
};
export const getUsageColor = (usage: string) => {
switch (usage) {
case "Peu utilisé":
return "border-red-400 dark:border-red-400 text-red-600 dark:text-red-400 bg-red-50/50 dark:bg-red-950/30 hover:bg-red-100/70 dark:hover:bg-red-900/50 hover:border-red-500 dark:hover:border-red-300 hover:shadow-red-500/20";
case "Modérément utilisé":
return "border-orange-400 dark:border-orange-400 text-orange-600 dark:text-orange-400 bg-orange-50/50 dark:bg-orange-950/30 hover:bg-orange-100/70 dark:hover:bg-orange-900/50 hover:border-orange-500 dark:hover:border-orange-300 hover:shadow-orange-500/20";
case "Utilisé":
return "border-amber-400 dark:border-amber-400 text-amber-600 dark:text-amber-400 bg-amber-50/50 dark:bg-amber-950/30 hover:bg-amber-100/70 dark:hover:bg-amber-900/50 hover:border-amber-500 dark:hover:border-amber-300 hover:shadow-amber-500/20";
case "Assez utilisé":
return "border-lime-400 dark:border-lime-400 text-lime-600 dark:text-lime-400 bg-lime-50/50 dark:bg-lime-950/30 hover:bg-lime-100/70 dark:hover:bg-lime-900/50 hover:border-lime-500 dark:hover:border-lime-300 hover:shadow-lime-500/20";
case "Très utilisé":
return "border-green-400 dark:border-green-400 text-green-600 dark:text-green-400 bg-green-50/50 dark:bg-green-950/30 hover:bg-green-100/70 dark:hover:bg-green-900/50 hover:border-green-500 dark:hover:border-green-300 hover:shadow-green-500/20";
default:
return "border-gray-400 dark:border-gray-400 text-gray-600 dark:text-gray-400 bg-gray-50/50 dark:bg-gray-950/30 hover:bg-gray-100/70 dark:hover:bg-gray-900/50 hover:border-gray-500 dark:hover:border-gray-300 hover:shadow-gray-500/20";
}
};