From 9e5bded4cf02503427f9577e12de2f103a527931 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Tue, 30 Sep 2025 21:21:26 +0300
Subject: [PATCH] chore(website): maintain platform coloring despite reordering

---
 apps/website/src/pages/GetStarted/get-started.css | 6 +++---
 apps/website/src/pages/GetStarted/get-started.tsx | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/website/src/pages/GetStarted/get-started.css b/apps/website/src/pages/GetStarted/get-started.css
index 09ddb6217..74c457644 100644
--- a/apps/website/src/pages/GetStarted/get-started.css
+++ b/apps/website/src/pages/GetStarted/get-started.css
@@ -94,9 +94,9 @@
             transform: scale(1);
         }
 
-        &:first-of-type { --accent-color: var(--brand-1); }
-        &:nth-of-type(2) { --accent-color: var(--brand-2); }
-        &:last-of-type { --accent-color: var(--brand-3); }
+        &.windows { --accent-color: var(--brand-1); }
+        &.linux { --accent-color: var(--brand-2); }
+        &.macos { --accent-color: var(--brand-3); }
     }
 
     .download-footer {
diff --git a/apps/website/src/pages/GetStarted/get-started.tsx b/apps/website/src/pages/GetStarted/get-started.tsx
index f458c9e4d..c418314ae 100644
--- a/apps/website/src/pages/GetStarted/get-started.tsx
+++ b/apps/website/src/pages/GetStarted/get-started.tsx
@@ -90,7 +90,7 @@ export function DownloadCard({ app, arch, entry: [ platform, entry ], isRecommen
                     )}
                     </>
             }
-            className={`download-card ${isRecommended ? "recommended" : ""}`}
+            className={`download-card ${platform} ${isRecommended ? "recommended" : ""}`}
         >
             {unwrapText(entry.description)}