diff --git a/app/Models/Traits/HasKd.php b/app/Models/Traits/HasKd.php
index 61eaea67..de88b82c 100644
--- a/app/Models/Traits/HasKd.php
+++ b/app/Models/Traits/HasKd.php
@@ -21,14 +21,14 @@ public function getKdaAttribute(float $value): string
     public function getKdColor(): string
     {
         return $this->kd >= 1
-            ? 'has-background-success-light'
-            : 'has-background-danger-light';
+            ? 'has-background-success-soft'
+            : 'has-background-danger-soft';
     }
 
     public function getKdaColor(): string
     {
         return $this->kda >= 1
-            ? 'has-background-success-light'
-            : 'has-background-danger-light';
+            ? 'has-background-success-soft'
+            : 'has-background-danger-soft';
     }
 }
diff --git a/app/Models/Traits/HasPerformance.php b/app/Models/Traits/HasPerformance.php
index 39481a0c..e0737f72 100644
--- a/app/Models/Traits/HasPerformance.php
+++ b/app/Models/Traits/HasPerformance.php
@@ -13,9 +13,9 @@ public function getExpectedKillsColor(): string
         }
 
         return match (true) {
-            $this->kills > $this->expected_kills => 'has-background-success-light',
-            $this->kills < $this->expected_kills => 'has-background-danger-light',
-            $this->kills === $this->expected_kills => 'has-background-primary-light',
+            $this->kills > $this->expected_kills => 'has-background-success-soft',
+            $this->kills < $this->expected_kills => 'has-background-danger-soft',
+            $this->kills === $this->expected_kills => 'has-background-primary-soft',
             default => ''
         };
     }
@@ -27,9 +27,9 @@ public function getExpectedDeathsColor(): string
         }
 
         return match (true) {
-            $this->deaths > $this->expected_deaths => 'has-background-danger-light',
-            $this->deaths < $this->expected_deaths => 'has-background-success-light',
-            $this->deaths === $this->expected_deaths => 'has-background-primary-light',
+            $this->deaths > $this->expected_deaths => 'has-background-danger-soft',
+            $this->deaths < $this->expected_deaths => 'has-background-success-soft',
+            $this->deaths === $this->expected_deaths => 'has-background-primary-soft',
             default => ''
         };
     }
diff --git a/app/Models/Traits/HasScoring.php b/app/Models/Traits/HasScoring.php
index 878e0e82..07c30807 100644
--- a/app/Models/Traits/HasScoring.php
+++ b/app/Models/Traits/HasScoring.php
@@ -21,15 +21,15 @@ public function getFormattedScoreAttribute(): string
     public function getVictoryColor(): string
     {
         if ($this->outcome->is(Outcome::WIN())) {
-            return 'has-background-success-light';
+            return 'has-background-success-soft';
         }
 
         if ($this->outcome->is(Outcome::LOSS())) {
-            return 'has-background-warning-light';
+            return 'has-background-warning-soft';
         }
 
         if ($this->outcome->is(Outcome::LEFT())) {
-            return 'has-background-danger-light';
+            return 'has-background-danger-soft';
         }
 
         return '';
diff --git a/resources/views/livewire/game-custom-history-table.blade.php b/resources/views/livewire/game-custom-history-table.blade.php
index a12db202..63c7bb26 100644
--- a/resources/views/livewire/game-custom-history-table.blade.php
+++ b/resources/views/livewire/game-custom-history-table.blade.php
@@ -59,7 +59,7 @@
                         <td class="{{ $game->personal->getKdaColor() }}">
                             {{ $game->personal->kda }}
                         </td>
-                        <td class="has-background-{{ $game->personal->accuracy_color }}-light">
+                        <td class="has-background-{{ $game->personal->accuracy_color }}-soft">
                             {{ $game->personal->accuracy }}%
                         </td>
                         <td>{{ $game->personal->rank }}</td>
diff --git a/resources/views/livewire/game-history-table.blade.php b/resources/views/livewire/game-history-table.blade.php
index a3fe6509..50c5f987 100644
--- a/resources/views/livewire/game-history-table.blade.php
+++ b/resources/views/livewire/game-history-table.blade.php
@@ -61,7 +61,7 @@
                     <td class="{{ $game->personal->getKdaColor() }}">
                         {{ $game->personal->kda }}
                     </td>
-                    <td class="has-background-{{ $game->personal->accuracy_color }}-light">
+                    <td class="has-background-{{ $game->personal->accuracy_color }}-soft">
                         {{ $game->personal->accuracy }}%
                     </td>
                     <td>{{ $game->personal->rank }}</td>
diff --git a/resources/views/livewire/game-lan-history-table.blade.php b/resources/views/livewire/game-lan-history-table.blade.php
index 02924149..ce989b27 100644
--- a/resources/views/livewire/game-lan-history-table.blade.php
+++ b/resources/views/livewire/game-lan-history-table.blade.php
@@ -59,7 +59,7 @@
                         <td class="{{ $game->personal->getKdaColor() }}">
                             {{ $game->personal->kda }}
                         </td>
-                        <td class="has-background-{{ $game->personal->accuracy_color }}-light">
+                        <td class="has-background-{{ $game->personal->accuracy_color }}-soft">
                             {{ $game->personal->accuracy }}%
                         </td>
                         <td>{{ $game->personal->rank }}</td>
diff --git a/resources/views/livewire/player-card.blade.php b/resources/views/livewire/player-card.blade.php
index fdcb6fc2..f7b7272a 100644
--- a/resources/views/livewire/player-card.blade.php
+++ b/resources/views/livewire/player-card.blade.php
@@ -3,7 +3,7 @@
 ?>
 <div>
     @if ($player->is_bot)
-        <div class="card has-background-grey-light mb-2">
+        <div class="card has-background-grey-soft mb-2">
             <div class="card-content">
                 <h1 class="title is-4">
                     <span class="tag is-dark">BOT</span>&nbsp;{{ $player->gamertag }}
@@ -12,7 +12,7 @@
             </div>
         </div>
     @else
-        <div class="card {{ $player->is_cheater ? 'has-background-danger-light' : 'has-background-success-light' }} mb-2"
+        <div class="card {{ $player->is_cheater ? 'has-background-danger-soft' : 'has-background-success-soft' }} mb-2"
              style="background-image: url({{ $player->backdrop_url }}); background-repeat: no-repeat; background-position: center top;"
         >
             @if ($player->rank?->largeIcon)
diff --git a/resources/views/livewire/scrim-players.blade.php b/resources/views/livewire/scrim-players.blade.php
index d62f6db0..6eb9e3e2 100644
--- a/resources/views/livewire/scrim-players.blade.php
+++ b/resources/views/livewire/scrim-players.blade.php
@@ -45,7 +45,7 @@
                 <td class="{{ $gamePlayer->getKdaColor() }}">
                     {{ $gamePlayer->kda }}
                 </td>
-                <td class="has-background-{{ $gamePlayer->accuracy_color }}-light">
+                <td class="has-background-{{ $gamePlayer->accuracy_color }}-soft">
                     {{ number_format($gamePlayer->accuracy, 2) }}%
                 </td>
                 <td>
diff --git a/resources/views/partials/game/team-table.blade.php b/resources/views/partials/game/team-table.blade.php
index 25fdecf7..3bb2e067 100644
--- a/resources/views/partials/game/team-table.blade.php
+++ b/resources/views/partials/game/team-table.blade.php
@@ -135,7 +135,7 @@ class="has-tooltip-arrow {{ $gamePlayer->team->tooltip_color ?? '' }}"
                     <td class="{{ $gamePlayer->getKdaColor() }}">
                         {{ $gamePlayer->kda }}
                     </td>
-                    <td class="has-background-{{ $gamePlayer->accuracy_color }}-light">
+                    <td class="has-background-{{ $gamePlayer->accuracy_color }}-soft">
                         {{ $gamePlayer->accuracy }}%
                     </td>
                     <td>{{ $gamePlayer->formatted_score }}</td>
diff --git a/resources/views/partials/hcs/bracket_table/4v4.blade.php b/resources/views/partials/hcs/bracket_table/4v4.blade.php
index 8008964e..7986d9c0 100644
--- a/resources/views/partials/hcs/bracket_table/4v4.blade.php
+++ b/resources/views/partials/hcs/bracket_table/4v4.blade.php
@@ -13,7 +13,7 @@
     </thead>
     <tbody>
     @foreach ($matchups as $matchup)
-        <tr class="{{ $matchup->isCancelled() ? 'has-background-danger-light' : null }}">
+        <tr class="{{ $matchup->isCancelled() ? 'has-background-danger-soft' : null }}">
             <td style="opacity: {{ $matchup->team1?->id === $matchup->loser?->id ? '40%' : '100%' }}">
                 <article class="media">
                     <figure class="media-left">
diff --git a/resources/views/partials/hcs/team_snippet/4v4.blade.php b/resources/views/partials/hcs/team_snippet/4v4.blade.php
index b2ace373..fc946a70 100644
--- a/resources/views/partials/hcs/team_snippet/4v4.blade.php
+++ b/resources/views/partials/hcs/team_snippet/4v4.blade.php
@@ -23,7 +23,7 @@
     </div>
 @endif
 @foreach ($team->players as $player)
-    <div class="card has-background-{{ $color }}-light">
+    <div class="card has-background-{{ $color }}-soft">
         <div class="card-content">
             <div class="media">
                 <div class="media-left">
diff --git a/resources/views/partials/hcs/team_snippet/ffa.blade.php b/resources/views/partials/hcs/team_snippet/ffa.blade.php
index d8c0644f..fd5110d7 100644
--- a/resources/views/partials/hcs/team_snippet/ffa.blade.php
+++ b/resources/views/partials/hcs/team_snippet/ffa.blade.php
@@ -5,7 +5,7 @@
 ?>
 @foreach ($matchup->matchupTeams->sortBy('points') as $matchupTeam)
     <?php $player = $matchupTeam->getPlayer(); ?>
-    <div class="card has-background-{{ $matchupTeam->isWinner() ? 'success' : 'dark' }}-light">
+    <div class="card has-background-{{ $matchupTeam->isWinner() ? 'success' : 'dark' }}-soft">
         <div class="card-content">
             <div class="media">
                 <div class="media-left">
diff --git a/resources/views/partials/playlist/sidebar-list.blade.php b/resources/views/partials/playlist/sidebar-list.blade.php
index f96b51ee..64d072c9 100644
--- a/resources/views/partials/playlist/sidebar-list.blade.php
+++ b/resources/views/partials/playlist/sidebar-list.blade.php
@@ -7,7 +7,7 @@
         Playlists
     </p>
     @foreach ($playlists as $p)
-        <a class="panel-block is-block <?= $p->id === $playlist->id ? 'has-background-link-light' : ''; ?>"
+        <a class="panel-block is-block <?= $p->id === $playlist->id ? 'has-background-link-soft' : ''; ?>"
            href="<?= route('playlist', [$p]); ?>"
         >
             {{ $p->name }}