fix: vote button style not working with dark theme

miksuh-dev · Apr 19, 2024 · 9ea520e · 9ea520e
1 parent 74513a6
commit 9ea520e
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/client/src/view/Room/Footer/index.tsx b/client/src/view/Room/Footer/index.tsx
@@ -236,7 +236,8 @@ const PlayingComponent: Component<Props> = (props) => {
                       )
                     }
                     classList={{
-                      "text-green-500": song()?.vote === VoteType.UP,
+                      "text-green-500 dark:text-green-500":
+                        song()?.vote === VoteType.UP,
                       "text-custom-primary-800 dark:text-custom-primary-800":
                         song()?.vote !== VoteType.UP,
                     }}
@@ -247,8 +248,8 @@ const PlayingComponent: Component<Props> = (props) => {
                   <span
                     class="text-xl bold"
                     classList={{
-                      "text-green-500": song().rating > 0,
-                      "text-red-500": song().rating < 0,
+                      "text-green-500 dark:text-green-500": song().rating > 0,
+                      "text-red-500 dark:text-red-500": song().rating < 0,
                       "text-neutral-700 dark:text-white": song().rating === 0,
                     }}
                   >
@@ -264,7 +265,8 @@ const PlayingComponent: Component<Props> = (props) => {
                       )
                     }
                     classList={{
-                      "text-red-500": song()?.vote === VoteType.DOWN,
+                      "text-red-500 dark:text-red-500":
+                        song()?.vote === VoteType.DOWN,
                       "text-custom-primary-800 dark:text-custom-primary-800":
                         song()?.vote !== VoteType.DOWN,
                     }}