Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
  • Loading branch information
ImprovedTube committed Jul 23, 2023
2 parents d3b483a + 6d4a0cc commit 3e1b34e
Show file tree
Hide file tree
Showing 2 changed files with 60 additions and 9 deletions.
62 changes: 56 additions & 6 deletions js&css/extension/www.youtube.com/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -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]),
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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*/

Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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*/

Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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*/

Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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*/

Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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;
}
7 changes: 4 additions & 3 deletions js&css/web-accessible/www.youtube.com/appearance.js
Original file line number Diff line number Diff line change
Expand Up @@ -146,7 +146,7 @@ ImprovedTube.commentsSidebarSimple = function() { if(ImprovedTube.storage.commen
setTimeout(function () {
document.querySelector("#primary-inner").appendChild(document.querySelector("#related"));}
);}
}}
}}
/*------------------------------------------------------------------------------
Comments Sidebar
------------------------------------------------------------------------------*/
Expand Down Expand Up @@ -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
--------------------------------------------------------------*/
Expand Down Expand Up @@ -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
------------------------------------------------------------------------------*/
Expand Down

0 comments on commit 3e1b34e

Please sign in to comment.