From 61590195a87d39842c8a87b88e5d750113142d5e Mon Sep 17 00:00:00 2001
From: Santiago Botta <sgobotta@gmail.com>
Date: Wed, 20 Mar 2024 22:57:57 -0300
Subject: [PATCH] Minor color tuning

---
 .../live/public/currency_live/index.html.heex            | 4 ++--
 .../live/public/currency_live/show.html.heex             | 9 ++++++---
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/lib/ex_finance_web/live/public/currency_live/index.html.heex b/lib/ex_finance_web/live/public/currency_live/index.html.heex
index 254c22d..45cf61f 100644
--- a/lib/ex_finance_web/live/public/currency_live/index.html.heex
+++ b/lib/ex_finance_web/live/public/currency_live/index.html.heex
@@ -63,9 +63,9 @@
               dark:from-#{get_color_by_price_direction(currency)}-400 dark:to-#{get_color_by_price_direction(currency)}-300
               w-32 h-32
               rounded-full
-              shadow-2xl shadow-#{get_color_by_price_direction(currency)}-400/75
+              shadow-2xl shadow-#{get_color_by_price_direction(currency)}-400/50
               group-hover:shadow-lg
-              border-#{get_color_by_price_direction(currency)}-500 border-dashed border-2
+              border-#{get_color_by_price_direction(currency)}-400 border-dashed border-2
               justify-center items-center
               group-hover:-rotate-180 duration-1000 group-hover:border-dotted group-hover:border-[1px]
             "} />
diff --git a/lib/ex_finance_web/live/public/currency_live/show.html.heex b/lib/ex_finance_web/live/public/currency_live/show.html.heex
index 86c623c..ed589e2 100644
--- a/lib/ex_finance_web/live/public/currency_live/show.html.heex
+++ b/lib/ex_finance_web/live/public/currency_live/show.html.heex
@@ -48,11 +48,14 @@
         </div>
         <div class={"
           bg-gradient-to-tr
-          from-#{get_color_by_price_direction(@currency)}-400 to-#{get_color_by_price_direction(@currency)}-300
+          from-#{get_color_by_price_direction(@currency)}-400/75 to-#{get_color_by_price_direction(@currency)}-300/75
+          dark:from-#{get_color_by_price_direction(@currency)}-400 dark:to-#{get_color_by_price_direction(@currency)}-300
           w-32 h-32
           rounded-full
-          shadow-2xl shadow-#{get_color_by_price_direction(@currency)}-400 dark:shadow-#{get_color_by_price_direction(@currency)}-600
-          border-#{get_color_by_price_direction(@currency)}-500 border-dashed border-2
+          shadow-2xl shadow-#{get_color_by_price_direction(@currency)}-400/50
+          group-hover:shadow-lg
+          border-#{get_color_by_price_direction(@currency)}-400 border-dashed border-2
+          group-hover:-rotate-180 duration-1000 group-hover:border-dotted group-hover:border-[1px]
           flex justify-center items-center
         "}>
           <div>