From a4853959b050252ffe63f23f464e355fe34f6b43 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Tue, 6 Aug 2024 12:12:55 +0800
Subject: [PATCH] chore: optimize player style

Signed-off-by: Innei <i@innei.in>
---
 icons/mgc/pause_cute_fi.svg                            | 1 +
 src/renderer/src/modules/feed-column/corner-player.tsx | 8 ++++----
 2 files changed, 5 insertions(+), 4 deletions(-)
 create mode 100644 icons/mgc/pause_cute_fi.svg

diff --git a/icons/mgc/pause_cute_fi.svg b/icons/mgc/pause_cute_fi.svg
new file mode 100644
index 0000000000..f6a089e105
--- /dev/null
+++ b/icons/mgc/pause_cute_fi.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#fff" fill-opacity=".01" d="M24 0v24H0V0z"/><path fill="#10161F" d="M14 5a2 2 0 1 1 4 0v14a2 2 0 1 1-4 0zM6 5a2 2 0 1 1 4 0v14a2 2 0 1 1-4 0z"/></svg>
\ No newline at end of file
diff --git a/src/renderer/src/modules/feed-column/corner-player.tsx b/src/renderer/src/modules/feed-column/corner-player.tsx
index 3cb4b2c3a0..147a3e3991 100644
--- a/src/renderer/src/modules/feed-column/corner-player.tsx
+++ b/src/renderer/src/modules/feed-column/corner-player.tsx
@@ -108,7 +108,7 @@ const CornerPlayerImpl = () => {
 
   return (
     <>
-      <div className="relative flex border-y bg-theme-modal-background backdrop-blur transition-all duration-200 ease-in-out">
+      <div className="relative flex border-y bg-white transition-all duration-200 ease-in-out dark:bg-neutral-800">
         {/* play cover */}
         <div className="relative h-full">
           <FeedIcon
@@ -125,10 +125,10 @@ const CornerPlayerImpl = () => {
             >
               <i
                 className={cn("size-6", {
-                  "i-mingcute-pause-fill": playerValue.status === "playing",
-                  "i-mingcute-loading-fill animate-spin":
+                  "i-mgc-pause-cute-fi": playerValue.status === "playing",
+                  "i-mgc-loading-3-cute-re animate-spin":
                     playerValue.status === "loading",
-                  "i-mingcute-play-fill": playerValue.status === "paused",
+                  "i-mgc-play-cute-fi": playerValue.status === "paused",
                 })}
               />
             </button>