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
RetroAchievements · Dec 3, 2023 · 95f90b3 · 95f90b3
1 parent d1663a0
commit 95f90b3
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git 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/...rces/views/platform/components/game/achievements-list/list-item-global-progress.blade.php b/...rces/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
@@ -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>