From 9720335adf83f3ba18ea89daace2c55f9a0502d1 Mon Sep 17 00:00:00 2001
From: MathieuG-P <40181755+Zagrios@users.noreply.github.com>
Date: Sun, 9 Apr 2023 03:12:10 +0200
Subject: [PATCH 1/2] [hotfix] change color of diamond supporter

---
 .../settings/supporters-view/supporter-item.component.tsx       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/renderer/components/settings/supporters-view/supporter-item.component.tsx b/src/renderer/components/settings/supporters-view/supporter-item.component.tsx
index 636fbc4e..941f1a8c 100644
--- a/src/renderer/components/settings/supporters-view/supporter-item.component.tsx
+++ b/src/renderer/components/settings/supporters-view/supporter-item.component.tsx
@@ -15,7 +15,7 @@ export function SupporterItem({supporter, delay}: Props) {
     const additionnalStyles: CSSProperties = (() => {
         const commonStyles: CSSProperties = {backgroundImage: `url(${txtBg})`, backgroundRepeat: "no-repeat", backgroundPosition: "center"}
         if(supporter.type === "gold"){ return {color: "#ffe270", textShadow: "0px 0px 10px #ffdd59", backgroundSize: "70% 15px", ...commonStyles}; }
-        if(supporter.type === "diamond"){ return {color: "#e574fc", textShadow: "0px 0px 15px #e056fd", backgroundSize: "70% 19px", ...commonStyles}; }
+        if(supporter.type === "diamond"){ return {color: "#03cffc", textShadow: "0px 0px 15px #03cffc", backgroundSize: "70% 19px", ...commonStyles}; }
         if(supporter.type === "sponsor"){ return {color: "#0be881", textShadow: "0px 0px 15px #0be881", backgroundSize: "70% 19px", ...commonStyles}; }
         return {};
     })();    

From 7810b31d131b624139b7c3e0f2272e90ac85865b Mon Sep 17 00:00:00 2001
From: MathieuG-P <40181755+Zagrios@users.noreply.github.com>
Date: Sun, 9 Apr 2023 16:30:03 +0200
Subject: [PATCH 2/2] [hotfix] change color of diamond supporter to match
 discord role color + add clickable visual indicator

---
 .../settings/supporters-view/supporter-item.component.tsx   | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/renderer/components/settings/supporters-view/supporter-item.component.tsx b/src/renderer/components/settings/supporters-view/supporter-item.component.tsx
index 941f1a8c..ea15ee4a 100644
--- a/src/renderer/components/settings/supporters-view/supporter-item.component.tsx
+++ b/src/renderer/components/settings/supporters-view/supporter-item.component.tsx
@@ -15,19 +15,19 @@ export function SupporterItem({supporter, delay}: Props) {
     const additionnalStyles: CSSProperties = (() => {
         const commonStyles: CSSProperties = {backgroundImage: `url(${txtBg})`, backgroundRepeat: "no-repeat", backgroundPosition: "center"}
         if(supporter.type === "gold"){ return {color: "#ffe270", textShadow: "0px 0px 10px #ffdd59", backgroundSize: "70% 15px", ...commonStyles}; }
-        if(supporter.type === "diamond"){ return {color: "#03cffc", textShadow: "0px 0px 15px #03cffc", backgroundSize: "70% 19px", ...commonStyles}; }
+        if(supporter.type === "diamond"){ return {color: "#0ef2f8", textShadow: "0px 0px 15px #0ef2f8", backgroundSize: "70% 19px", ...commonStyles}; }
         if(supporter.type === "sponsor"){ return {color: "#0be881", textShadow: "0px 0px 15px #0be881", backgroundSize: "70% 19px", ...commonStyles}; }
         return {};
     })();    
 
     const renderSpan = () => {
-        return <motion.span className={`text-2xl font-bold px-3 pb-1 ${supporter.link && "cursor-pointer"}`} style={additionnalStyles} onClick={openSupporterLink} initial={{y: "100%", opacity: 0}} animate={{y: 0, opacity: 1}} transition={{delay: delay}}>{supporter.username}</motion.span>;
+        return <motion.span className={`text-2xl font-bold px-3 pb-1 ${supporter.link && "cursor-pointer underline"}`} style={additionnalStyles} onClick={openSupporterLink} initial={{y: "100%", opacity: 0}} animate={{y: 0, opacity: 1}} transition={{delay: delay}}>{supporter.username}</motion.span>;
     }
 
     const renderItem = () => {
         if(supporter.type !== "sponsor"){ return renderSpan(); }
         return (
-            <motion.div className={`flex flex-col justify-center items-center mx-4 ${supporter.link && "cursor-pointer"}`} onClick={openSupporterLink} initial={{y: "100%", opacity: 0}} animate={{y: 0, opacity: 1}} transition={{delay: delay}}>
+            <motion.div className={`flex flex-col justify-center items-center mx-4 ${supporter.link && "cursor-pointer underline"}`} onClick={openSupporterLink} initial={{y: "100%", opacity: 0}} animate={{y: 0, opacity: 1}} transition={{delay: delay}}>
                 <img className="max-w-xs max-h-52 mb-2" src={supporter.img}/>
                 {renderSpan()}
             </motion.div>