From 7e53a634550177a1b839d3661750e042f120daad Mon Sep 17 00:00:00 2001
From: Starystars67 <starystars67@gmail.com>
Date: Mon, 29 Dec 2025 22:37:55 +0000
Subject: [PATCH] Correct servers page for darkmode & improve some wording.

---
 package.json          |  2 +-
 src/locales/en.json   |  4 ++--
 src/views/Servers.vue | 30 +++++++-----------------------
 3 files changed, 10 insertions(+), 26 deletions(-)

diff --git a/package.json b/package.json
index ad2758d..8b592d7 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "beammp-website",
   "private": true,
-  "version": "2.4.11",
+  "version": "2.4.12",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/src/locales/en.json b/src/locales/en.json
index bbbebc9..67e0571 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -51,7 +51,7 @@
       "features": {
         "stable_servers": {
           "title": "Stable Servers",
-          "description": "BeamMP allows for stable servers, with a variety of servers located across the globe."
+          "description": "BeamMP allows for a stable environment, with a variety of servers located across the globe."
         },
         "beamng": {
           "title": "BeamNG.drive",
@@ -68,7 +68,7 @@
       },
       "communities": {
         "join": "Join a Thriving Community",
-        "description": "Discover diverse gameplay experiences across hundreds of unique servers",
+        "description": "Discover diverse gameplay experiences across thousands of unique servers",
         "racing": {
           "name": "Racing Communities",
           "description": "Competitive racing leagues and time trials with players worldwide"
diff --git a/src/views/Servers.vue b/src/views/Servers.vue
index b014935..8a52a22 100644
--- a/src/views/Servers.vue
+++ b/src/views/Servers.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="servers-container">
     <div class="servers-header">
-      <h1 class="servers-title">{{ $t('message.servers.title') }}</h1>
-      <p class="servers-subtitle">{{ $t('message.servers.description') }}</p>
+      <h1 class="text-4xl font-bold">{{ $t('message.servers.title') }}</h1>
+      <p class="text-base servers-subtitle text-neutral-600 dark:text-neutral-400">{{ $t('message.servers.description') }}</p>
     </div>
 
     <div class="servers-filters">
@@ -16,11 +16,11 @@
       </div>
 
       <div class="filter-group">
-        <label class="filter-label">
+        <label class="filter-label text-neutral-600 dark:text-neutral-400">
           <input v-model="filters.hideEmpty" type="checkbox" />
           {{ $t('message.servers.filters.hide_empty') }}
         </label>
-        <label class="filter-label">
+        <label class="filter-label text-neutral-600 dark:text-neutral-400">
           <input v-model="filters.hideFull" type="checkbox" />
           {{ $t('message.servers.filters.hide_full') }}
         </label>
@@ -32,15 +32,15 @@
 
       <div class="filter-group">
         <span class="filter-heading">{{ $t('message.servers.show_only') }}</span>
-        <label class="filter-label">
+        <label class="filter-label text-neutral-600 dark:text-neutral-400">
           <input v-model="filters.official" type="checkbox" />
           {{ $t('message.servers.filters.show_official') }}
         </label>
-        <label class="filter-label">
+        <label class="filter-label text-neutral-600 dark:text-neutral-400">
           <input v-model="filters.partner" type="checkbox" />
           {{ $t('message.servers.filters.show_partner') }}
         </label>
-        <label class="filter-label">
+        <label class="filter-label text-neutral-600 dark:text-neutral-400">
           <input v-model="filters.featured" type="checkbox" />
           {{ $t('message.servers.filters.show_featured') }}
         </label>
@@ -449,13 +449,6 @@ function joinServer(server) {
   margin-bottom: 40px;
 }
 
-.servers-title {
-  font-size: 2.5rem;
-  font-weight: 700;
-  margin: 0 0 10px 0;
-  color: var(--text-color, #1a1a1a);
-}
-
 .servers-subtitle {
   font-size: 1.1rem;
   color: var(--text-muted, #666);
@@ -520,7 +513,6 @@ function joinServer(server) {
   margin-bottom: 12px;
   font-size: 0.95rem;
   cursor: pointer;
-  color: var(--text-color, #1a1a1a);
   font-weight: 500;
   transition: all 0.2s ease;
 }
@@ -983,14 +975,6 @@ function joinServer(server) {
     padding: 15px;
   }
 
-  .servers-title {
-    font-size: 2rem;
-  }
-
-  .servers-subtitle {
-    font-size: 1rem;
-  }
-
   .servers-filters {
     padding: 15px;
   }