From 47523a8f603848eea964f1484f69067180ba1208 Mon Sep 17 00:00:00 2001 From: Alan Tan Date: Fri, 21 Jul 2023 15:52:52 +0800 Subject: [PATCH 1/5] Fixed video detail text color is wrong in black theme --- js&css/extension/www.youtube.com/styles.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/js&css/extension/www.youtube.com/styles.css b/js&css/extension/www.youtube.com/styles.css index 5e1c71a33..559f7846d 100644 --- a/js&css/extension/www.youtube.com/styles.css +++ b/js&css/extension/www.youtube.com/styles.css @@ -577,6 +577,9 @@ ytd-guide-section-renderer .it-button::after { [it-theme=night] #cinematics { mix-blend-mode: lighten !important} [it-theme=plain] #cinematics { filter:invert(100%) !important; mix-blend-mode: darken !important} +/*video detail text color*/ +.yt-core-attributed-string--link-inherit-color {color: var(--yt-spec-text-primary) !important} + /*BLACK*/ [it-theme=black]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]), From f20ac9dc838f5f0425c3550e0af921478ca71899 Mon Sep 17 00:00:00 2001 From: Alan Tan Date: Fri, 21 Jul 2023 16:30:43 +0800 Subject: [PATCH 2/5] Update theme to support ytd-expandable-metadata-renderer --- js&css/extension/www.youtube.com/styles.css | 47 +++++++++++++++++++++ 1 file changed, 47 insertions(+) diff --git a/js&css/extension/www.youtube.com/styles.css b/js&css/extension/www.youtube.com/styles.css index 559f7846d..f940aa32e 100644 --- a/js&css/extension/www.youtube.com/styles.css +++ b/js&css/extension/www.youtube.com/styles.css @@ -801,6 +801,15 @@ html[it-theme=black]:not([it-schedule=system_peference_dark]):not([it-schedule=s --yt-blue-suggestive: transparent; } +[it-theme=black]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]) ytd-expandable-metadata-renderer, +[data-system-color-scheme=dark][it-theme=black][it-schedule=system_peference_dark] ytd-expandable-metadata-renderer, +[data-system-color-scheme=light][it-theme=black][it-schedule=system_peference_light] ytd-expandable-metadata-renderer { + --yt-lightsource-section2-color: rgba(18,24,24,1.000) !important; + --yt-lightsource-section3-color: rgba(20,30,30,1.000) !important; + --yt-lightsource-section4-color: rgba(24,38,38,1.000) !important; + --yt-lightsource-primary-title-color: var(--yt-spec-text-primary) !important; + --yt-lightsource-secondary-title-color: var(--yt-spec-text-secondary) !important; +} /*DAWN*/ @@ -1027,6 +1036,15 @@ html[it-theme=dawn]:not([it-schedule=system_peference_dark]):not([it-schedule=sy filter: grayscale(1) brightness(4); } +[it-theme=dawn]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]) ytd-expandable-metadata-renderer, +[data-system-color-scheme=dark][it-theme=dawn][it-schedule=system_peference_dark] ytd-expandable-metadata-renderer, +[data-system-color-scheme=light][it-theme=dawn][it-schedule=system_peference_light] ytd-expandable-metadata-renderer { + --yt-lightsource-section2-color: rgba(0, 0, 0, 0.1) !important; + --yt-lightsource-section3-color: rgba(0, 0, 0, 0.2) !important; + --yt-lightsource-section4-color: rgba(0, 0, 0, 0.3) !important; + --yt-lightsource-primary-title-color: var(--yt-spec-text-primary) !important; + --yt-lightsource-secondary-title-color: var(--yt-spec-text-secondary) !important; +} /*DESERT*/ @@ -1471,6 +1489,15 @@ html[it-theme=night]:not([it-schedule=system_peference_dark]):not([it-schedule=s --yt-blue-suggestive: transparent; } +[it-theme=night]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]) ytd-expandable-metadata-renderer, +[data-system-color-scheme=dark][it-theme=night][it-schedule=system_peference_dark] ytd-expandable-metadata-renderer, +[data-system-color-scheme=light][it-theme=night][it-schedule=system_peference_light] ytd-expandable-metadata-renderer { + --yt-lightsource-section2-color: rgba(0, 0, 0, 0.1) !important; + --yt-lightsource-section3-color: rgba(0, 0, 0, 0.2) !important; + --yt-lightsource-section4-color: rgba(0, 0, 0, 0.3) !important; + --yt-lightsource-primary-title-color: var(--yt-spec-text-primary) !important; + --yt-lightsource-secondary-title-color: var(--yt-spec-text-secondary) !important; +} /*PLAIN*/ @@ -1690,6 +1717,16 @@ html[it-theme=plain]:not([it-schedule=system_peference_dark]):not([it-schedule=s --yt-blue-suggestive: transparent; } +[it-theme=plain]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]) ytd-expandable-metadata-renderer, +[data-system-color-scheme=dark][it-theme=plain][it-schedule=system_peference_dark] ytd-expandable-metadata-renderer, +[data-system-color-scheme=light][it-theme=plain][it-schedule=system_peference_light] ytd-expandable-metadata-renderer { + --yt-lightsource-section2-color: rgba(0, 0, 0, 0.05) !important; + --yt-lightsource-section3-color: rgba(0, 0, 0, 0.1) !important; + --yt-lightsource-section4-color: rgba(0, 0, 0, 0.15) !important; + --yt-lightsource-primary-title-color: var(--yt-spec-text-primary) !important; + --yt-lightsource-secondary-title-color: var(--yt-spec-text-secondary) !important; +} + /*SUNSET*/ @@ -1906,4 +1943,14 @@ html[it-theme=sunset]:not([it-schedule=system_peference_dark]):not([it-schedule= --yt-chat-bubble-self-border-color: hsl(0, 0%, 14%); --yt-chat-bubble-self-background-color: #2f3364; --yt-blue-suggestive: transparent; +} + +[it-theme=sunset]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]) ytd-expandable-metadata-renderer, +[data-system-color-scheme=dark][it-theme=sunset][it-schedule=system_peference_dark] ytd-expandable-metadata-renderer, +[data-system-color-scheme=light][it-theme=sunset][it-schedule=system_peference_light] ytd-expandable-metadata-renderer { + --yt-lightsource-section2-color: rgba(0, 0, 0, 0.1) !important; + --yt-lightsource-section3-color: rgba(0, 0, 0, 0.2) !important; + --yt-lightsource-section4-color: rgba(0, 0, 0, 0.3) !important; + --yt-lightsource-primary-title-color: var(--yt-spec-text-primary) !important; + --yt-lightsource-secondary-title-color: var(--yt-spec-text-secondary) !important; } \ No newline at end of file From f545b8fbb9f11db440e112aa7c14bbe8496ccc98 Mon Sep 17 00:00:00 2001 From: Alan Tan Date: Fri, 21 Jul 2023 16:46:28 +0800 Subject: [PATCH 3/5] Fixed creator reply button hover color is wrong --- js&css/extension/www.youtube.com/styles.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/js&css/extension/www.youtube.com/styles.css b/js&css/extension/www.youtube.com/styles.css index f940aa32e..c43b0caa1 100644 --- a/js&css/extension/www.youtube.com/styles.css +++ b/js&css/extension/www.youtube.com/styles.css @@ -615,7 +615,7 @@ ytd-guide-section-renderer .it-button::after { --yt-spec-icon-disabled: #aaa !important; --yt-spec-badge-chip-background: rgba(0, 0, 0, .05) !important; --yt-spec-verified-badge-background: rgba(0, 0, 0, .15) !important; - --yt-spec-suggested-action: #f2f8ff !important; + --yt-spec-suggested-action: rgba(40, 40, 40, .8) !important; --yt-spec-button-chip-background-hover: rgba(0, 0, 0, .10) !important; --yt-spec-touch-response: #000 !important; --yt-spec-filled-button-text: #aaa !important; @@ -846,7 +846,7 @@ html[it-theme=black]:not([it-schedule=system_peference_dark]):not([it-schedule=s --yt-spec-icon-disabled: rgb(255, 255, 255) !important; --yt-spec-badge-chip-background: rgba(0, 0, 0, .05) !important; --yt-spec-verified-badge-background: rgba(0, 0, 0, .15) !important; - --yt-spec-suggested-action: #f2f8ff !important; + --yt-spec-suggested-action: rgba(40, 40, 40, .8) !important; --yt-spec-button-chip-background-hover: rgba(0, 0, 0, .10) !important; --yt-spec-touch-response: #d44d5c !important; --yt-spec-filled-button-text: rgb(255, 255, 255) !important; @@ -1081,7 +1081,7 @@ html[it-theme=dawn]:not([it-schedule=system_peference_dark]):not([it-schedule=sy --yt-spec-icon-disabled: #555 !important; --yt-spec-badge-chip-background: rgba(0, 0, 0, .05) !important; --yt-spec-verified-badge-background: rgba(0, 0, 0, .15) !important; - --yt-spec-suggested-action: #f2f8ff !important; + --yt-spec-suggested-action: rgba(40, 40, 40, .8) !important; --yt-spec-button-chip-background-hover: rgba(0, 0, 0, .10) !important; --yt-spec-touch-response: #faf9f9 !important; --yt-spec-filled-button-text: #555 !important; @@ -1300,7 +1300,7 @@ html[it-theme=desert]:not([it-schedule=system_peference_dark]):not([it-schedule= --yt-spec-icon-disabled: #fff !important; --yt-spec-badge-chip-background: rgba(0, 0, 0, .05) !important; --yt-spec-verified-badge-background: rgba(0, 0, 0, .15) !important; - --yt-spec-suggested-action: #f2f8ff !important; + --yt-spec-suggested-action: rgba(40, 40, 40, .8) !important; --yt-spec-button-chip-background-hover: rgba(0, 0, 0, .10) !important; --yt-spec-touch-response: #003459 !important; --yt-spec-filled-button-text: #fff !important; @@ -1534,7 +1534,7 @@ html[it-theme=night]:not([it-schedule=system_peference_dark]):not([it-schedule=s --yt-spec-icon-disabled: #666 !important; --yt-spec-badge-chip-background: rgba(0, 0, 0, .05) !important; --yt-spec-verified-badge-background: rgba(0, 0, 0, .15) !important; - --yt-spec-suggested-action: #f2f8ff !important; + --yt-spec-suggested-action: rgba(40, 40, 40, .8) !important; --yt-spec-button-chip-background-hover: rgba(0, 0, 0, .10) !important; --yt-spec-touch-response: #c7efcf !important; --yt-spec-filled-button-text: #666 !important; @@ -1763,7 +1763,7 @@ html[it-theme=plain]:not([it-schedule=system_peference_dark]):not([it-schedule=s --yt-spec-icon-disabled: #fff !important; --yt-spec-badge-chip-background: rgba(0, 0, 0, .05) !important; --yt-spec-verified-badge-background: rgba(0, 0, 0, .15) !important; - --yt-spec-suggested-action: #f2f8ff !important; + --yt-spec-suggested-action: rgba(40, 40, 40, .8) !important; --yt-spec-button-chip-background-hover: rgba(0, 0, 0, .10) !important; --yt-spec-touch-response: #2f3364 !important; --yt-spec-filled-button-text: #fff !important; From 8da6047bfdf383bf5edf375b0b2c0c8499e6fe34 Mon Sep 17 00:00:00 2001 From: Alan Tan Date: Fri, 21 Jul 2023 16:51:21 +0800 Subject: [PATCH 4/5] Update creator reply button hover color to match with normal reply button hover color --- js&css/extension/www.youtube.com/styles.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/js&css/extension/www.youtube.com/styles.css b/js&css/extension/www.youtube.com/styles.css index c43b0caa1..e458c9a6a 100644 --- a/js&css/extension/www.youtube.com/styles.css +++ b/js&css/extension/www.youtube.com/styles.css @@ -615,7 +615,7 @@ ytd-guide-section-renderer .it-button::after { --yt-spec-icon-disabled: #aaa !important; --yt-spec-badge-chip-background: rgba(0, 0, 0, .05) !important; --yt-spec-verified-badge-background: rgba(0, 0, 0, .15) !important; - --yt-spec-suggested-action: rgba(40, 40, 40, .8) !important; + --yt-spec-suggested-action: var(--yt-spec-10-percent-layer) !important; --yt-spec-button-chip-background-hover: rgba(0, 0, 0, .10) !important; --yt-spec-touch-response: #000 !important; --yt-spec-filled-button-text: #aaa !important; @@ -846,7 +846,7 @@ html[it-theme=black]:not([it-schedule=system_peference_dark]):not([it-schedule=s --yt-spec-icon-disabled: rgb(255, 255, 255) !important; --yt-spec-badge-chip-background: rgba(0, 0, 0, .05) !important; --yt-spec-verified-badge-background: rgba(0, 0, 0, .15) !important; - --yt-spec-suggested-action: rgba(40, 40, 40, .8) !important; + --yt-spec-suggested-action: var(--yt-spec-10-percent-layer) !important; --yt-spec-button-chip-background-hover: rgba(0, 0, 0, .10) !important; --yt-spec-touch-response: #d44d5c !important; --yt-spec-filled-button-text: rgb(255, 255, 255) !important; @@ -1081,7 +1081,7 @@ html[it-theme=dawn]:not([it-schedule=system_peference_dark]):not([it-schedule=sy --yt-spec-icon-disabled: #555 !important; --yt-spec-badge-chip-background: rgba(0, 0, 0, .05) !important; --yt-spec-verified-badge-background: rgba(0, 0, 0, .15) !important; - --yt-spec-suggested-action: rgba(40, 40, 40, .8) !important; + --yt-spec-suggested-action: var(--yt-spec-10-percent-layer) !important; --yt-spec-button-chip-background-hover: rgba(0, 0, 0, .10) !important; --yt-spec-touch-response: #faf9f9 !important; --yt-spec-filled-button-text: #555 !important; @@ -1300,7 +1300,7 @@ html[it-theme=desert]:not([it-schedule=system_peference_dark]):not([it-schedule= --yt-spec-icon-disabled: #fff !important; --yt-spec-badge-chip-background: rgba(0, 0, 0, .05) !important; --yt-spec-verified-badge-background: rgba(0, 0, 0, .15) !important; - --yt-spec-suggested-action: rgba(40, 40, 40, .8) !important; + --yt-spec-suggested-action: var(--yt-spec-10-percent-layer) !important; --yt-spec-button-chip-background-hover: rgba(0, 0, 0, .10) !important; --yt-spec-touch-response: #003459 !important; --yt-spec-filled-button-text: #fff !important; @@ -1534,7 +1534,7 @@ html[it-theme=night]:not([it-schedule=system_peference_dark]):not([it-schedule=s --yt-spec-icon-disabled: #666 !important; --yt-spec-badge-chip-background: rgba(0, 0, 0, .05) !important; --yt-spec-verified-badge-background: rgba(0, 0, 0, .15) !important; - --yt-spec-suggested-action: rgba(40, 40, 40, .8) !important; + --yt-spec-suggested-action: var(--yt-spec-10-percent-layer) !important; --yt-spec-button-chip-background-hover: rgba(0, 0, 0, .10) !important; --yt-spec-touch-response: #c7efcf !important; --yt-spec-filled-button-text: #666 !important; @@ -1763,7 +1763,7 @@ html[it-theme=plain]:not([it-schedule=system_peference_dark]):not([it-schedule=s --yt-spec-icon-disabled: #fff !important; --yt-spec-badge-chip-background: rgba(0, 0, 0, .05) !important; --yt-spec-verified-badge-background: rgba(0, 0, 0, .15) !important; - --yt-spec-suggested-action: rgba(40, 40, 40, .8) !important; + --yt-spec-suggested-action: var(--yt-spec-10-percent-layer) !important; --yt-spec-button-chip-background-hover: rgba(0, 0, 0, .10) !important; --yt-spec-touch-response: #2f3364 !important; --yt-spec-filled-button-text: #fff !important; From 34406d875658e4a03e4dcf873f7d560eceac784d Mon Sep 17 00:00:00 2001 From: Alan Tan Date: Fri, 21 Jul 2023 17:34:02 +0800 Subject: [PATCH 5/5] Fix player size not working --- js&css/web-accessible/www.youtube.com/appearance.js | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/js&css/web-accessible/www.youtube.com/appearance.js b/js&css/web-accessible/www.youtube.com/appearance.js index 25fbd4ffb..6d2db799d 100644 --- a/js&css/web-accessible/www.youtube.com/appearance.js +++ b/js&css/web-accessible/www.youtube.com/appearance.js @@ -146,7 +146,7 @@ ImprovedTube.commentsSidebarSimple = function() { if(ImprovedTube.storage.commen setTimeout(function () { document.querySelector("#primary-inner").appendChild(document.querySelector("#related"));} );} - } + }} /*------------------------------------------------------------------------------ Comments Sidebar ------------------------------------------------------------------------------*/ @@ -280,7 +280,8 @@ ImprovedTube.commentsSidebar = function() { --------------------------------------------------------------*/ ImprovedTube.transcript = function (el){ if (ImprovedTube.storage.transcript === true){ try{el.querySelector('*[target-id*=transcript]').removeAttribute('visibility');} -catch{}}} +catch{}} +} /*---------------------------------------------------------------- CHAPTERS --------------------------------------------------------------*/ @@ -409,7 +410,7 @@ ImprovedTube.improvedtubeYoutubeButtonsUnderPlayer = function () { ImprovedTube.expandDescription = function (el) { if (this.storage.description === "expanded" || this.storage.description === "classic_expanded" ) if(el)try{el.click()}catch{setTimeout(function(){el.click();},1000);} - }; +}; /*------------------------------------------------------------------------------ HIDE DETAIL BUTTON ------------------------------------------------------------------------------*/