From fa3f28e8d536fdbfee8c77529bc5c41ef91d508c Mon Sep 17 00:00:00 2001
From: huy8856 <thai.giahuy123@gmail.com>
Date: Sat, 28 Oct 2023 11:02:50 +0700
Subject: [PATCH] Prefer yellow subtitles

---
 src/Components/Content/ArtPlayer/index.js          | 8 ++++++--
 src/Components/Content/VideoPlayer/index.js        | 1 +
 src/Components/Content/VideoPlayer/videoplayer.css | 6 ++++++
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/Components/Content/ArtPlayer/index.js b/src/Components/Content/ArtPlayer/index.js
index ec4a193d..05c61a91 100644
--- a/src/Components/Content/ArtPlayer/index.js
+++ b/src/Components/Content/ArtPlayer/index.js
@@ -112,7 +112,8 @@ function ArtPlayer({
 					{
 						html: "Subtitle",
 						tooltip:
-							subtitles.find((sub) => sub.html.split(". ")[1] === selectedSub)?.html || "",
+							subtitles.find((sub) => sub.html.split(". ")[1] === selectedSub)
+								?.html || "",
 						icon: `<svg width="24" height="24" style="fill: #fffc" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M0 96C0 60.7 28.7 32 64 32H512c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM200 208c14.2 0 27 6.1 35.8 16c8.8 9.9 24 10.7 33.9 1.9s10.7-24 1.9-33.9c-17.5-19.6-43.1-32-71.5-32c-53 0-96 43-96 96s43 96 96 96c28.4 0 54-12.4 71.5-32c8.8-9.9 8-25-1.9-33.9s-25-8-33.9 1.9c-8.8 9.9-21.6 16-35.8 16c-26.5 0-48-21.5-48-48s21.5-48 48-48zm144 48c0-26.5 21.5-48 48-48c14.2 0 27 6.1 35.8 16c8.8 9.9 24 10.7 33.9 1.9s10.7-24 1.9-33.9c-17.5-19.6-43.1-32-71.5-32c-53 0-96 43-96 96s43 96 96 96c28.4 0 54-12.4 71.5-32c8.8-9.9 8-25-1.9-33.9s-25-8-33.9 1.9c-8.8 9.9-21.6 16-35.8 16c-26.5 0-48-21.5-48-48z"/></svg>`,
 						selector: [
 							{
@@ -128,7 +129,10 @@ function ArtPlayer({
 							...subtitles,
 						],
 						onSelect: function (item) {
-							localStorage.setItem("artplayer-language", item.html.split(". ")[1])
+							localStorage.setItem(
+								"artplayer-language",
+								item.html.split(". ")[1]
+							)
 							art.subtitle.switch(item.url, {
 								name: item.html,
 							})
diff --git a/src/Components/Content/VideoPlayer/index.js b/src/Components/Content/VideoPlayer/index.js
index 04d28250..6035061d 100644
--- a/src/Components/Content/VideoPlayer/index.js
+++ b/src/Components/Content/VideoPlayer/index.js
@@ -176,6 +176,7 @@ function VideoPlayer({
 						left: "50%",
 						transform: "translateX(-50%)",
 						padding: "0px",
+						color: "yellow",
 					},
 					escape: false,
 				},
diff --git a/src/Components/Content/VideoPlayer/videoplayer.css b/src/Components/Content/VideoPlayer/videoplayer.css
index 1b5a200c..b1d4e4fa 100644
--- a/src/Components/Content/VideoPlayer/videoplayer.css
+++ b/src/Components/Content/VideoPlayer/videoplayer.css
@@ -19,6 +19,12 @@
 	padding: 5px 5px !important;
 }
 
+/* .art-video-player .art-subtitle::before,
+.art-video-player .art-subtitle::after {
+	content: "";
+	padding: 4px;
+} */
+
 @media screen and (max-width: 1024px) {
 	.art-video-player {
 		height: calc(var(--vh, 1vh) * 50) !important;