Table de correspondance des couleurs - Pecunia-App/pecunia-front GitHub Wiki

Table de correspondance des couleurs (tokens)

Token	Light	Dark
`background-alert-default-low`	`#fee2e2`	`#fee2e2`
`background-alert-default-medium`	`#dc2626`	`#dc2626`
`background-alert-disabled`	`#fee2e2`	`#fecaca`
`background-alert-focus-low`	`#fca5a5`	`#fca5a5`
`background-alert-focus-medium`	`#af0404`	`#f87171`
`background-alert-hover-low`	`#fca5a5`	`#fca5a5`
`background-alert-hover-medium`	`#af0404`	`#f87171`
`background-badge-blue-low`	`#0056a0`	`#38bdf8`
`background-badge-blue-medium`	`#075985`	`#0ea5e9`
`background-badge-green-low`	`#047857`	`#6ee7b7`
`background-badge-green-medium`	`#065f46`	`#10b981`
`background-badge-grey`	`#374151`	`#d1d5db`
`background-badge-orange-low`	`#c2410c`	`#fdba74`
`background-badge-orange-medium`	`#9a3412`	`#f97316`
`background-badge-pink-low`	`#be185d`	`#f9a8d4`
`background-badge-pink-medium`	`#9d174d`	`#ec4899`
`background-badge-red-low`	`#dc2626`	`#fca5a5`
`background-badge-red-medium`	`#af0404`	`#f87171`
`background-badge-violet-low`	`#7c3aed`	`#c4b5fd`
`background-badge-violet-medium`	`#6d28d9`	`#8b5cf6`
`background-badge-yellow-low`	`#a16207`	`#fde047`
`background-badge-yellow-medium`	`#854d0e`	`#eab308`
`background-neutral-primary`	`#f9fafb`	`#030712`
`background-neutral-primary-inverse`	`#030712`	`#f9fafb`
`background-neutral-primary-static`	`#f9fafb`	`#f9fafb`
`background-neutral-primary-static-inverse`	`#030712`	`#030712`
`background-neutral-secondary`	`#f6f8f7`	`#111827`
`background-neutral-secondary-inverse`	`#111827`	`#f6f8f7`
`background-neutral-secondary-static`	`#f6f8f7`	`#f6f8f7`
`background-neutral-secondary-static-inverse`	`#111827`	`#111827`
`background-neutral-tertiary`	`#eef6f3`	`#111827`
`background-primary-default`	`#085e41`	`#42f0b6`
`background-primary-disabled`	`#d0fbed`	`#d0fbed`
`background-primary-focus`	`#0fbd83`	`#d0fbed`
`background-primary-hover`	`#0fbd83`	`#d0fbed`
`background-primary-hover-ghost`	`#d0fbed`	`#d0fbed`
`background-secondary-default`	`#244238`	`#7ab8a2`
`background-secondary-disabled`	`#deede8`	`#deede8`
`background-secondary-focus`	`#7ab8a2`	`#deede8`
`background-secondary-hover`	`#7ab8a2`	`#deede8`
`background-secondary-hover-ghost`	`#deede8`	`#deede8`
`background-success-default-low`	`#d1fae5`	`#d1fae5`
`background-success-default-medium`	`#047857`	`#34d399`
`background-success-default-medium-static`	`#047857`	`#047857`
`background-success-focus-low`	`#6ee7b7`	`#6ee7b7`
`background-success-focus-medium`	`#065f46`	`#34d399`
`background-success-hover-low`	`#6ee7b7`	`#6ee7b7`
`background-success-hover-medium`	`#065f46`	`#34d399`
`border-alert-default-low`	`#fee2e2`	`#fee2e2`
`border-alert-default-medium`	`#dc2626`	`#fca5a5`
`border-alert-default-medium-static`	`#dc2626`	`#dc2626`
`border-alert-disabled`	`#fee2e2`	`#fee2e2`
`border-alert-focus-low`	`#fca5a5`	`#fca5a5`
`border-alert-focus-medium`	`#af0404`	`#f87171`
`border-alert-hover-low`	`#fca5a5`	`#fca5a5`
`border-alert-hover-medium`	`#af0404`	`#f87171`
`border-neutral-primary`	`#f9fafb`	`#030712`
`border-neutral-primary-inverse`	`#030712`	`#f9fafb`
`border-neutral-primary-static`	`#f9fafb`	`#f9fafb`
`border-neutral-primary-static-inverse`	`#030712`	`#030712`
`border-neutral-secondary`	`#f6f8f7`	`#111827`
`border-neutral-secondary-inverse`	`#d1d5db`	`#4b5563`
`border-neutral-secondary-static`	`#f6f8f7`	`#f6f8f7`
`border-neutral-secondary-static-inverse`	`#111827`	`#111827`
`border-primary-default`	`#085e41`	`#13eca4`
`border-primary-disabled`	`#d0fbed`	`#d0fbed`
`border-primary-focus`	`#0fbd83`	`#d0fbed`
`border-primary-hover`	`#0fbd83`	`#d0fbed`
`border-primary-hover-ghost`	`#d0fbed`	`#d0fbed`
`border-secondary-default`	`#244238`	`#7ab8a2`
`border-secondary-disabled`	`#deede8`	`#deede8`
`border-secondary-focus`	`#7ab8a2`	`#deede8`
`border-secondary-hover`	`#7ab8a2`	`#deede8`
`border-secondary-hover-ghost`	`#deede8`	`#deede8`
`border-success-default-low`	`#d1fae5`	`#d1fae5`
`border-success-default-medium`	`#047857`	`#6ee7b7`
`border-success-default-medium-static`	`#047857`	`#047857`
`border-success-focus-low`	`#6ee7b7`	`#6ee7b7`
`border-success-focus-medium`	`#065f46`	`#34d399`
`border-success-hover-low`	`#6ee7b7`	`#6ee7b7`
`border-success-hover-medium`	`#065f46`	`#34d399`
`common-danger-hight`	`#af0404`	`#fca5a5`
`common-danger-highter`	`#7f1d1d`	`#fee2e2`
`common-danger-hightest`	`#450a0a`	`#fef2f2`
`common-danger-low`	`#fca5a5`	`#dc2626`
`common-danger-lower`	`#fee2e2`	`#991b1b`
`common-danger-lowest`	`#fef2f2`	`#450a0a`
`common-danger-medium`	`#ef4444`	`#f87171`
`common-information-hight`	`#0369a1`	`#7dd3fc`
`common-information-highter`	`#0c4a6e`	`#e0f2fe`
`common-information-hightest`	`#082f49`	`#f0f9ff`
`common-information-low`	`#7dd3fc`	`#0056a0`
`common-information-lower`	`#e0f2fe`	`#075985`
`common-information-lowest`	`#f0f9ff`	`#082f49`
`common-information-medium`	`#0ea5e9`	`#38bdf8`
`common-neutral-hight`	`#4b5563`	`#d1d5db`
`common-neutral-highter`	`#374151`	`#f6f8f7`
`common-neutral-hightest`	`#19190b`	`#ffffff`
`common-neutral-low`	`#d1d5db`	`#4b5563`
`common-neutral-lower`	`#f6f8f7`	`#1f2937`
`common-neutral-lowest`	`#ffffff`	`#19190b`
`common-neutral-medium`	`#9ca3af`	`#6b7280`
`common-primary-high`	`#085e41`	`#42f0b6`
`common-primary-higher`	`#13201c`	`#d0fbed`
`common-primary-highest`	`#0f1110`	`#e7fdf6`
`common-primary-low`	`#71f4c8`	`#085e41`
`common-primary-lower`	`#d0fbed`	`#13201c`
`common-primary-lowest`	`#e7fdf6`	`#0f1110`
`common-primary-medium`	`#0fbd83`	`#0fbd83`
`common-secondary-high`	`#244238`	`#7ab8a2`
`common-secondary-higher`	`#12211c`	`#deede8`
`common-secondary-highest`	`#09110e`	`#eef6f3`
`common-secondary-low`	`#9cc9b9`	`#244238`
`common-secondary-lower`	`#deede8`	`#12211c`
`common-secondary-lowest`	`#eef6f3`	`#09110e`
`common-secondary-medium`	`#486b5f`	`#47856f`
`common-success-hight`	`#047857`	`#6ee7b7`
`common-success-highter`	`#064e3b`	`#d1fae5`
`common-success-hightest`	`#022c22`	`#ecfdf5`
`common-success-low`	`#6ee7b7`	`#14936b`
`common-success-lower`	`#d1fae5`	`#065f46`
`common-success-lowest`	`#ecfdf5`	`#022c22`
`common-success-medium`	`#10b981`	`#34d399`
`common-warning-hight`	`#c2410c`	`#fdba74`
`common-warning-highter`	`#7c2d12`	`#ffedd5`
`common-warning-hightest`	`#431407`	`#fff7ed`
`common-warning-low`	`#fdba74`	`#d65a00`
`common-warning-lower`	`#ffedd5`	`#9a3412`
`common-warning-lowest`	`#fff7ed`	`#431407`
`common-warning-medium`	`#f97316`	`#fb923c`
`icon-text-alert-default`	`#dc2626`	`#fca5a5`
`icon-text-alert-default-darker`	`#af0404`	`#af0404`
`icon-text-alert-default-lighter`	`#ef4444`	`#dc2626`
`icon-text-default`	`#030712`	`#f9fafb`
`icon-text-default-inverse`	`#f9fafb`	`#030712`
`icon-text-default-static`	`#030712`	`#030712`
`icon-text-default-static-inverse`	`#f9fafb`	`#f9fafb`
`icon-text-neutral-secondary`	`#4b5563`	`#d1d5db`
`icon-text-primary-default`	`#085e41`	`#42f0b6`
`icon-text-primary-focus`	`#0fbd83`	`#d0fbed`
`icon-text-primary-hover`	`#0fbd83`	`#d0fbed`
`icon-text-secondary-default`	`#244238`	`#7ab8a2`
`icon-text-secondary-focus`	`#7ab8a2`	`#deede8`
`icon-text-secondary-hover`	`#7ab8a2`	`#deede8`
`icon-text-success-default`	`#14936b`	`#6ee7b7`
`icon-text-success-default-darker`	`#047857`	`#047857`
`icon-text-success-default-lighter`	`#10b981`	`#14936b`
`overlay-100`	`#09090b`	`#ffffff`
`overlay-200`	`#09090b`	`#ffffff`
`overlay-300`	`#09090b`	`#ffffff`
`overlay-50`	`#09090b`	`#ffffff`
`overlay-500`	`#09090b`	`#09090b`
`text-alert-default`	`#dc2626`	`#fca5a5`
`text-alert-default-darker`	`#af0404`	`#af0404`
`text-alert-default-lighter`	`#ef4444`	`#dc2626`
`text-neutral-default`	`#030712`	`#f9fafb`
`text-neutral-default-inverse`	`#f9fafb`	`#030712`
`text-neutral-default-static`	`#030712`	`#030712`
`text-neutral-default-static-inverse`	`#f9fafb`	`#f9fafb`
`text-neutral-secondary`	`#4b5563`	`#d1d5db`
`text-primary-default`	`#085e41`	`#13eca4`
`text-primary-default-darker`	`#13201c`	`#0fbd83`
`text-primary-default-lighter`	`#0b8e62`	`#42f0b6`
`text-primary-disabled`	`#085e41`	`#085e41`
`text-secondary-default`	`#244238`	`#59a68b`
`text-secondary-default-darker`	`#12211c`	`#47856f`
`text-secondary-default-lighter`	`#486b5f`	`#7ab8a2`
`text-secondary-disabled`	`#486b5f`	`#486b5f`
`text-success-default`	`#047857`	`#6ee7b7`
`text-success-default-darker`	`#065f46`	`#047857`
`text-success-default-lighter`	`#10b981`	`#14936b`