From c8a5066847edab0b7e3bb0d4c8b1e1f4c879da94 Mon Sep 17 00:00:00 2001
From: Metalhearf <6446231+Metalhearf@users.noreply.github.com>
Date: Fri, 15 May 2026 14:04:47 +0200
Subject: [PATCH] fix(themes): address review feedback on Tokyo Night

Signed-off-by: Metalhearf <6446231+Metalhearf@users.noreply.github.com>
---
 ui/src/themes/index.js               | 4 ++--
 ui/src/themes/tokyoNight.css.js      | 2 +-
 ui/src/themes/tokyoNight.js          | 8 ++------
 ui/src/themes/tokyoNightLight.css.js | 2 +-
 ui/src/themes/tokyoNightLight.js     | 8 ++------
 5 files changed, 8 insertions(+), 16 deletions(-)

diff --git a/ui/src/themes/index.js b/ui/src/themes/index.js
index e228da98f..ae28f87c9 100644
--- a/ui/src/themes/index.js
+++ b/ui/src/themes/index.js
@@ -15,8 +15,8 @@ import NutballTheme from './nutball'
 import AmusicTheme from './amusic'
 import SquiddiesGlassTheme from './SquiddiesGlass'
 import NautilineTheme from './nautiline'
-import TokyoNightTheme from './tokyoNight'
 import TokyoNightLightTheme from './tokyoNightLight'
+import TokyoNightTheme from './tokyoNight'
 
 export default {
   // Classic default themes
@@ -39,6 +39,6 @@ export default {
   NutballTheme,
   SpotifyTheme,
   SquiddiesGlassTheme,
-  TokyoNightTheme,
   TokyoNightLightTheme,
+  TokyoNightTheme,
 }
diff --git a/ui/src/themes/tokyoNight.css.js b/ui/src/themes/tokyoNight.css.js
index 7ab4c466a..882fcd3eb 100644
--- a/ui/src/themes/tokyoNight.css.js
+++ b/ui/src/themes/tokyoNight.css.js
@@ -106,7 +106,7 @@ const stylesheet = `
     color: #7aa2f7
 }
 
-.audio-lists-panel-content .audio-item:active .group:not([class=".player-delete"]) svg, .audio-lists-panel-content .audio-item:hover .group:not([class=".player-delete"]) svg {
+.audio-lists-panel-content .audio-item:active .group:not(.player-delete) svg, .audio-lists-panel-content .audio-item:hover .group:not(.player-delete) svg {
     color: #7aa2f7
 }
 
diff --git a/ui/src/themes/tokyoNight.js b/ui/src/themes/tokyoNight.js
index c76865edc..07d372a6b 100644
--- a/ui/src/themes/tokyoNight.js
+++ b/ui/src/themes/tokyoNight.js
@@ -123,12 +123,8 @@ export default {
       },
     },
     MuiFormHelperText: {
-      root: {
-        Mui: {
-          error: {
-            color: red,
-          },
-        },
+      error: {
+        color: red,
       },
     },
     MuiToolbar: {
diff --git a/ui/src/themes/tokyoNightLight.css.js b/ui/src/themes/tokyoNightLight.css.js
index 1107aef39..a22c82d03 100644
--- a/ui/src/themes/tokyoNightLight.css.js
+++ b/ui/src/themes/tokyoNightLight.css.js
@@ -28,7 +28,7 @@ const stylesheet = `
     color: #2e7de9
 }
 
-.audio-lists-panel-content .audio-item:active .group:not([class=".player-delete"]) svg, .audio-lists-panel-content .audio-item:hover .group:not([class=".player-delete"]) svg {
+.audio-lists-panel-content .audio-item:active .group:not(.player-delete) svg, .audio-lists-panel-content .audio-item:hover .group:not(.player-delete) svg {
     color: #2e7de9
 }
 
diff --git a/ui/src/themes/tokyoNightLight.js b/ui/src/themes/tokyoNightLight.js
index e5c280608..f84cd0be9 100644
--- a/ui/src/themes/tokyoNightLight.js
+++ b/ui/src/themes/tokyoNightLight.js
@@ -123,12 +123,8 @@ export default {
       },
     },
     MuiFormHelperText: {
-      root: {
-        Mui: {
-          error: {
-            color: red,
-          },
-        },
+      error: {
+        color: red,
       },
     },
     MuiToolbar: {