Simplify modal, badge, and component styles to dark-first (#29)

Co-authored-by: Julian Tabel <juliantabel.jt@gmail.com>
Co-committed-by: Julian Tabel <juliantabel.jt@gmail.com>

frontend/src/components/TransferModal.tsx

@@ -48,7 +48,7 @@ export function TransferModal({ hofTeam, onSubmit, onSkip, isPending }: Transfer
                   onClick={() => toggle(enc.id)}
                   className={`flex flex-col items-center p-3 rounded-lg border-2 text-center transition-colors ${
                     isSelected
-                      ? 'border-indigo-500 bg-indigo-50 dark:bg-indigo-900/20'
+                      ? 'border-indigo-500 bg-indigo-900/20'
                       : 'border-border-default hover:border-border-default'
                   }`}
                 >
@@ -67,9 +67,9 @@ export function TransferModal({ hofTeam, onSubmit, onSkip, isPending }: Transfer
                     {enc.nickname || displayPokemon.name}
                   </span>
                   {enc.nickname && (
-                    <span className="text-[10px] text-gray-400">{displayPokemon.name}</span>
+                    <span className="text-[10px] text-text-tertiary">{displayPokemon.name}</span>
                   )}
-                  <span className="text-[10px] text-gray-400 mt-0.5">{enc.route.name}</span>
+                  <span className="text-[10px] text-text-tertiary mt-0.5">{enc.route.name}</span>
                 </button>
               )
             })}