From 5184b60e9c4e1ddfa8bcbfdefe7c8e44b735af2a Mon Sep 17 00:00:00 2001
From: Alex Mickelson <alexmickelson96@gmail.com>
Date: Wed, 18 Mar 2026 20:32:25 -0600
Subject: [PATCH] show evolutions as well

---
 lib/cobblemon_ui_web/live/battle_components.ex | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/lib/cobblemon_ui_web/live/battle_components.ex b/lib/cobblemon_ui_web/live/battle_components.ex
index 001542c..2067dec 100644
--- a/lib/cobblemon_ui_web/live/battle_components.ex
+++ b/lib/cobblemon_ui_web/live/battle_components.ex
@@ -99,23 +99,23 @@ defmodule CobblemonUiWeb.BattleComponents do
                   </div>
                 </div>
                 <%!-- Evolution info for opponent Pokémon --%>
-                <div :if={evos != []} class="mt-2 pt-2 border-t border-base-300/20">
+                <div :if={evos != []} class="mt-2 pt-2 border-t border-base-content/5">
                   <div class="flex items-center gap-1.5 mb-1.5">
-                    <.icon name="hero-arrow-trending-up" class="size-3 text-info/60" />
-                    <span class="text-[10px] uppercase font-semibold tracking-wide text-info/60">
+                    <.icon name="hero-arrow-trending-up" class="size-3 text-accent/50" />
+                    <span class="text-[10px] uppercase font-medium tracking-wider text-base-content/30">
                       Evolves into
                     </span>
                   </div>
                   <div class="flex flex-wrap gap-1.5">
                     <%= for evo <- evos do %>
                       <% evo_tier = Map.get(@tier_list, evo, nil) %>
-                      <div class="flex items-center gap-1.5 rounded-md bg-info/5 border border-info/15 px-2 py-1">
+                      <div class="flex items-center gap-1.5 rounded-md bg-base-300/20 px-2 py-1">
                         <img
                           src={"https://img.rankedboost.com/wp-content/plugins/k-Pokemon/assets/sprites-official/#{evo}.png"}
                           alt={evo}
-                          class="w-6 h-6 object-contain"
+                          class="w-6 h-6 object-contain opacity-80"
                         />
-                        <span class="text-xs font-semibold text-base-content/70 capitalize">
+                        <span class="text-xs font-semibold text-base-content/50 capitalize">
                           {evo}
                         </span>
                         <.tier_badge :if={evo_tier} tier={evo_tier} species={evo} compact={true} />