diff --git a/js&css/extension/www.youtube.com/styles.css b/js&css/extension/www.youtube.com/styles.css index 5e1c71a33..e458c9a6a 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]), @@ -612,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: 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; @@ -798,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*/ @@ -834,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: 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; @@ -1024,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*/ @@ -1060,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: 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; @@ -1279,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: 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; @@ -1468,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*/ @@ -1504,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: 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; @@ -1687,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*/ @@ -1723,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: 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; @@ -1903,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 diff --git a/js&css/web-accessible/www.youtube.com/appearance.js b/js&css/web-accessible/www.youtube.com/appearance.js index 24999718f..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 ------------------------------------------------------------------------------*/