From 95f90b3b808d54a1720831f360ac37da8b7e8abd Mon Sep 17 00:00:00 2001
From: Wes Copeland <wlcopeland1@gmail.com>
Date: Sun, 3 Dec 2023 09:49:43 -0500
Subject: [PATCH] feat(game): unify softcore and progress styles with other
 pages (#2060)

* feat(game): match softcore and progress styles from elsewhere

* fix: address pr feedback

* fix: address pr feedback
---
 public/gameInfo.php                                    |  2 +-
 .../list-item-global-progress.blade.php                | 10 +++++-----
 .../game/current-progress/progress-bar.blade.php       |  2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/public/gameInfo.php b/public/gameInfo.php
index f53083c620..e663930af1 100644
--- a/public/gameInfo.php
+++ b/public/gameInfo.php
@@ -567,7 +567,7 @@ function generateBucketLabelsAndValues(int $numAchievements, array $buckets): ar
                     'height': '78%'
                 },
                 height: 260,
-                colors: ['#cc9900', '#186DEE'],
+                colors: ['#cc9900', '#737373'],
                 pointSize: 4,
             };
 
diff --git a/resources/views/platform/components/game/achievements-list/list-item-global-progress.blade.php b/resources/views/platform/components/game/achievements-list/list-item-global-progress.blade.php
index bbe26409ec..7bcda40783 100644
--- a/resources/views/platform/components/game/achievements-list/list-item-global-progress.blade.php
+++ b/resources/views/platform/components/game/achievements-list/list-item-global-progress.blade.php
@@ -52,22 +52,22 @@
     aria-valuemax="100"
     aria-valuenow="{{ $unlockRate }}"
     aria-labelledby="progress-label-{{ $achievement['ID'] }}"
-    class="w-full h-1 bg-embed rounded flex"
+    class="w-full h-1 bg-zinc-950 light:bg-zinc-300 rounded flex space-x-px"
 >
-    <!-- Hardcore completion -->
+    {{-- Hardcore completion --}}
     <div
         style="width: {{ $hardcoreProgressBarWidth }}%"
-        class="bg-[#cc9900] h-full {{ $hardcoreProgressBarWidth > 0 ? "rounded-l" : "" }}"
+        class="bg-gradient-to-r from-amber-500 to-[gold] light:bg-yellow-500 h-full {{ $hardcoreProgressBarWidth > 0 ? "rounded-l" : "" }}"
     >
         <span class="sr-only">
             {{ $hardcoreProgressBarWidth }}% of players have earned the achievement in hardcore mode
         </span>
     </div>
 
-    <!-- Softcore completion -->
+    {{-- Softcore completion --}}
     <div
         style="width: {{ $softcoreProgressBarWidth }}%"
-        class="bg-[rgb(11,113,193)] h-full {{ $hardcoreProgressBarWidth === 0 ? "rounded-l" : "" }}"
+        class="bg-neutral-500 h-full {{ $hardcoreProgressBarWidth === 0 ? "rounded-l" : "" }}"
     >
         <span class="sr-only">
             {{ $softcoreUnlockRate }}% of players have earned the achievement in softcore mode
diff --git a/resources/views/platform/components/game/current-progress/progress-bar.blade.php b/resources/views/platform/components/game/current-progress/progress-bar.blade.php
index 1a209ab5b5..592c880185 100644
--- a/resources/views/platform/components/game/current-progress/progress-bar.blade.php
+++ b/resources/views/platform/components/game/current-progress/progress-bar.blade.php
@@ -40,7 +40,7 @@ class="absolute w-full bottom-0 left-0 h-2 bg-embed-highlight lg:rounded-b flex"
 
     <!-- Hardcore progress bar -->
     <div 
-        class="bg-yellow-600 h-full lg:rounded-bl {{ $hardcoreProgressWidth === 100 ? 'lg:rounded-br' : '' }}" 
+        class="bg-yellow-500 h-full lg:rounded-bl {{ $hardcoreProgressWidth === 100 ? 'lg:rounded-br' : '' }}" 
         style="width: {{ $hardcoreProgressWidth }}%"
     >
         <span class="sr-only">{{ $numEarnedHardcoreAchievements }} hardcore achievements</span>