From 05e370893265559348c12eeaf8d1ec8f1dbd8dca Mon Sep 17 00:00:00 2001
From: IamOSource <86241013+IamOSource@users.noreply.github.com>
Date: Sun, 20 Oct 2024 14:42:14 +0200
Subject: [PATCH] Issue #2615

---
 .../www.youtube.com/appearance/player/player.css | 16 ++++++++++------
 menu/skeleton-parts/appearance.js                |  3 +++
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/js&css/extension/www.youtube.com/appearance/player/player.css b/js&css/extension/www.youtube.com/appearance/player/player.css
index 72e5a82af..cee12c5d9 100644
--- a/js&css/extension/www.youtube.com/appearance/player/player.css
+++ b/js&css/extension/www.youtube.com/appearance/player/player.css
@@ -36,6 +36,10 @@ html[it-always-show-progress-bar='true'] .DesktopShortsPlayerControlsHostHidePro
 # COLOR
 --------------------------------------------------------------*/
 
+html[it-player-color='red'] {
+	--it-player-color: #f03;
+}
+
 html[it-player-color='pink'] {
 	--it-player-color: #e91e63;
 }
@@ -108,14 +112,14 @@ html[it-player-color='white'] {
 	--it-player-color: #fff;
 }
 
-html[it-player-color]:not([it-player-color='red']):not([it-player-color='normal']) .ytp-play-progress,
-html[it-player-color]:not([it-player-color='red']):not([it-player-color='normal']) .ytp-scrubber-button,
-html[it-player-color]:not([it-player-color='red']):not([it-player-color='normal']) .ytp-menuitem[aria-checked='true'] .ytp-menuitem-toggle-checkbox,
-html[it-player-color]:not([it-player-color='red']):not([it-player-color='normal']) .ytp-settings-button.ytp-hd-quality-badge:after {
-	background-color: var(--it-player-color) !important;
+html[it-player-color]:not([it-player-color='default']):not([it-player-color='normal']) .ytp-play-progress,
+html[it-player-color]:not([it-player-color='default']):not([it-player-color='normal']) .ytp-scrubber-button,
+html[it-player-color]:not([it-player-color='default']):not([it-player-color='normal']) .ytp-menuitem[aria-checked='true'] .ytp-menuitem-toggle-checkbox,
+html[it-player-color]:not([it-player-color='default']):not([it-player-color='normal']) .ytp-settings-button.ytp-hd-quality-badge:after {
+	background: var(--it-player-color) !important;
 }
 
-html[it-player-color]:not([it-player-color='red']):not([it-player-color='normal']) .ytp-swatch-color {
+html[it-player-color]:not([it-player-color='default']):not([it-player-color='normal']) .ytp-swatch-color {
 	color: var(--it-player-color) !important;
 }
 
diff --git a/menu/skeleton-parts/appearance.js b/menu/skeleton-parts/appearance.js
index b3da19d60..7e812ba16 100644
--- a/menu/skeleton-parts/appearance.js
+++ b/menu/skeleton-parts/appearance.js
@@ -313,6 +313,9 @@ extension.skeleton.main.layers.section.appearance.on.click.player = {
 				component: "select",
 				text: "playerColor",
 				options: [{
+					text: "default",
+					value: "default"
+				}, {
 					text: "red",
 					value: "red"
 				}, {