From deecbc874b40d73a901ac488b040288e4cfd5f91 Mon Sep 17 00:00:00 2001
From: Gabe <yugang2002@gmail.com>
Date: Wed, 22 Oct 2025 21:39:17 +0800
Subject: [PATCH] fix: Adapt to the new UI of youtube

---
 src/libs/svg.js | 26 +++++++++++---------------
 1 file changed, 11 insertions(+), 15 deletions(-)

diff --git a/src/libs/svg.js b/src/libs/svg.js
index 1f556cb..f2645ab 100644
--- a/src/libs/svg.js
+++ b/src/libs/svg.js
@@ -67,9 +67,9 @@ export function createLoadingSVG() {
  * @returns
  */
 export function createLogoSVG({
-  width = "100%",
-  height = "100%",
-  viewBox = "0 -5 70 70",
+  width = "24",
+  height = "24",
+  viewBox = "-5 -5 40 40",
   isSelected = false,
 } = {}) {
   const svg = createSVGElement("svg", {
@@ -80,30 +80,26 @@ export function createLogoSVG({
     version: "1.1",
   });
 
+  const primaryColor = "#209CEE";
+  const secondaryColor = "#E9F5FD";
+
+  const path1Fill = isSelected ? primaryColor : secondaryColor;
+  const path2Fill = isSelected ? secondaryColor : primaryColor;
+
   const path1 = createSVGElement("path", {
     d: "M0 0 C10.56 0 21.12 0 32 0 C32 10.56 32 21.12 32 32 C21.44 32 10.88 32 0 32 C0 21.44 0 10.88 0 0 Z ",
-    fill: "#209CEE",
+    fill: path1Fill,
     transform: "translate(0,0)",
   });
 
   const path2 = createSVGElement("path", {
     d: "M0 0 C0.66 0 1.32 0 2 0 C2 2.97 2 5.94 2 9 C2.969375 8.2575 3.93875 7.515 4.9375 6.75 C5.48277344 6.33234375 6.02804688 5.9146875 6.58984375 5.484375 C8.39053593 3.83283924 8.39053593 3.83283924 9 0 C13.95 0 18.9 0 24 0 C24 0.99 24 1.98 24 3 C22.68 3 21.36 3 20 3 C20 9.27 20 15.54 20 22 C19.01 22 18.02 22 17 22 C17 15.73 17 9.46 17 3 C15.35 3 13.7 3 12 3 C11.731875 3.598125 11.46375 4.19625 11.1875 4.8125 C10.01506533 6.97224808 8.80630718 8.35790256 7 10 C8.01790655 12.27071461 8.77442829 13.80784632 10.6875 15.4375 C11.120625 15.953125 11.55375 16.46875 12 17 C11.6875 19.6875 11.6875 19.6875 11 22 C10.34 22 9.68 22 9 22 C8.773125 21.236875 8.54625 20.47375 8.3125 19.6875 C6.73268318 16.45263699 5.16717283 15.58358642 2 14 C2 16.64 2 19.28 2 22 C1.34 22 0.68 22 0 22 C0 14.74 0 7.48 0 0 Z ",
-    fill: "#E9F5FD",
+    fill: path2Fill,
     transform: "translate(4,5)",
   });
 
   svg.appendChild(path1);
   svg.appendChild(path2);
 
-  if (isSelected) {
-    const redLine = createSVGElement("path", {
-      d: "M0 36 L32 36",
-      stroke: "red",
-      "stroke-width": "3",
-      "stroke-linecap": "round",
-    });
-    svg.appendChild(redLine);
-  }
-
   return svg;
 }