Merge pull request #2618 from IamOSource/issue2615

Issue #2615
code-charity · Oct 21, 2024 · c9652f1 · c9652f1
2 parents d4fff38 + 05e3708
commit c9652f1
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 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
@@ -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
@@ -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"
 				}, {