This style reverts the logo and font sizes, buttons & more to pre-May 2021 if you have the old icons script.
// ==UserScript==
// @name YouTube - pre-May 2021 look for YOIR script
// @version 2024.03.22
// @description This style reverts the logo and font sizes, buttons & more to pre-May 2021 if you have the old icons script.
// @author Alpharetzy (modified by Magma_Craft)
// @license MIT
// @match https://www.youtube.com/*
// @namespace https://greasyfork.org/en/users/933798
// @icon https://www.youtube.com/favicon.ico
// @grant none
// ==/UserScript==
var styles = document.createElement("style");
styles.innerHTML=`
/* Making the search box compact */
ytd-searchbox.style-scope.ytd-masthead {
height: 32px;
}
form#search-form.style-scope.ytd-searchbox {
height: 32px;
}
button#search-icon-legacy.style-scope.ytd-searchbox {
width: 65px;
height: 32px;
}
button#search-icon-legacy.ytd-searchbox yt-icon.ytd-searchbox {
max-width: 20px;
max-height: 20px;
}
#container.ytd-searchbox {
max-width: 640px;
background-color: var(--ytd-searchbox-background) !important;
border-radius: 2px 0 0 2px !important;
box-shadow: inset 0 1px 2px var(--ytd-searchbox-legacy-border-shadow-color) !important;
color: var(--ytd-searchbox-text-color) !important;
padding: 2px 6px !important;
margin: 0 !important;
}
#container.ytd-searchbox > [slot=search-input] input {
box-sizing: border-box !important;
padding: 1px 6px !important;
margin: 0 !important;
}
ytd-searchbox[has-focus] #search-icon.ytd-searchbox {
display: none !important;
}
ytd-searchbox[has-focus] #container.ytd-searchbox {
padding: 2px 6px 2px 6px;
margin: 0 !important;
}
ytd-searchbox[desktop-searchbar-style="rounded_corner_dark_btn"] #searchbox-button.ytd-searchbox {
display: none !important;
}
ytd-searchbox[desktop-searchbar-style="rounded_corner_light_btn"] #searchbox-button.ytd-searchbox {
display: none !important;
}
#search[has-focus] #search-input {
margin-left: 0px !important;
}
#search-icon-legacy.ytd-searchbox {
display: block !important;
border-radius: 0px 2px 2px 0px;
}
div.style-scope.ytd-searchbox {
border-radius: 2px 0px 0px 2px !important;
margin-left: 0px !important;
padding-left: 6px !important;
}
button.style-scope.ytd-searchbox {
border-radius: 0px 2px 2px 0px !important;
}
#search-icon.ytd-searchbox {
padding-right: 10px !important;
padding-left: 10px !important;
}
#container.ytd-searchbox > [slot=search-input] input {
box-sizing: border-box !important;
padding: 1px 6px !important;
margin: 0 !important;
}
div.sbsb_a {
border-radius: 2px !important;
}
#container.ytd-searchbox {
margin-left: 0px !important;
}
#container.ytd-searchbox > [slot=search-input] input {
box-sizing: border-box !important;
padding: 1px 6px !important;
margin: 0 !important;
}
ytd-searchbox[has-focus] #search-icon.ytd-searchbox {
display: none !important;
}
ytd-searchbox[has-focus][desktop-searchbar-style=rounded_corner_dark_btn] #search-icon.ytd-searchbox, ytd-searchbox[has-focus][desktop-searchbar-style=rounded_corner_light_btn] #search-icon.ytd-searchbox {
display: none !important;
}
ytd-searchbox[has-focus] #container.ytd-searchbox {
padding: 2px 6px 2px 6px !important;
margin: 0 !important;
}
#search[has-focus] #search-input {
margin-left: 0px !important;
}
div.sbqs_c::before {
display: none !important;
}
span.sbpqs_a::before {
display: none !important;
}
yt-icon.style-scope.ytd-searchbox {
color: var(--yt-spec-text-secondary) !important;
}
button.yt-spec-button-shape-next.yt-spec-button-shape-next--text.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-only-default[aria-label="Search with your voice"] {
max-width: 40px;
max-height: 40px;
}
#voice-search-button.ytd-masthead {
background-color: var(--yt-spec-brand-background-primary) !important;
margin-left: 0px !important;
}
/* Revert old notification badge prior to August 27th, 2021 */
div.yt-spec-icon-badge-shape__badge {
left: 14px !important;
min-width: 10px !important;
max-width: 10px !important;
height: 18px !important;
border: 0px !important;
font-size: 10px !important;
line-height: 18px !important;
}
/* Remove CC button when CC is unavailable */
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Onderskrifte is nie beskikbaar nie"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Altyazılar var"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Subtitel/teks tertutup tidak tersedia"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Sari kata tidak tersedia"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Titlovi nisu dostupni"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Els subtítols no estan disponibles"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Titulky nejsou dostupné"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Undertekster er ikke tilgængelige"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Untertitel nicht verfügbar"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Subtiitreid pole"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Subtitles/closed captions unavailable"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Subtítulos no disponibles"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Ez dago azpititulurik erabilgarri"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Hindi available ang mga subtitle/closed caption"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Sous-titres non disponibles"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Sous-titres/sous-titres codés non offerts"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Os subtítulos non están dispoñibles"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Imibhalo engezansi/amagama-ncazo awatholakali"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Skjátextar ekki í boði"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Sottotitoli/sottotitoli codificati non disponibili"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Manukuu hayapatikani"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Subtitri nav pieejami"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Subtitrų nėra"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Felirat nem áll rendelkezésre"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Ondertiteling niet beschikbaar"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Teksting er ikke tilgjengelig"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Taglavhalar mavjud emas"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Napisy niedostępne"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Não há legendas/closed captions disponíveis"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Subtitrările nu sunt disponibile"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Titrat/teksti shpjegues nuk ofrohen"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Tekstityksiä ei saatavilla"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Undertexter/textning inte tillgängligt"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Không có phụ đề"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Altyazılar kullanılamıyor"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Субцітры недаступныя"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Субтитрите/надписите не са налице"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Коштомо жазуулар жок"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Субтитр қолжетімді емес"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Титловите/затворените титлови не се достапни"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Хадмал/хаалттай тайлбар боломжгүй байна"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Субтитры недоступны"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Титлови нису доступни"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Субтитри недоступні"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Οι υπότιτλοι δεν είναι διαθέσιμοι"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="Ենթագրերը հասանելի չեն"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="אין כתוביות זמינות"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="سب ٹائٹلز دستیاب نہیں ہے"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="مقاطع الترجمة والشرح غير متاحة."],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="زیرنویس/ زیرنویس ناشنوایان دردسترس نیست"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="सबटाइटल/क्लोज्ड क्याप्सन उपलब्ध छैन"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="सबटायटल उपलब्ध नाहीत"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="सबटाइटल उपलब्ध नहीं हैं"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="সাবটাইটেল/ক্লোজড ক্যাপশন উপলভ্য নেই"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="ਉਪਸਿਰਲੇਖ/ਬੰਦ ਸੁਰਖੀਆਂ ਉਪਲਬਧ ਨਹੀਂ ਹਨ"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="સબટાઇટલ/ઉપશીર્ષક અનુપલબ્ધ"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="ସବଟାଇଟେଲ/କ୍ଲୋଜ୍ଡ କ୍ୟାପ୍ସନ ଉପଲବ୍ଧ ନାହିଁ"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="சப்டைட்டில்கள்/விவரிப்பு சப்டைட்டில்கள் இல்லை"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="సబ్టైటిల్స్/క్యాప్షన్లు అందుబాటులో లేవు"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="ಸಬ್ಟೈಟಲ್ಗಳು/ಕ್ಲೋಸ್ಡ್ ಕ್ಯಾಪ್ಶನ್ಗಳು ಲಭ್ಯವಿಲ್ಲ"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="സബ്ടൈറ്റിലുകൾ/CC ലഭ്യമല്ല"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="උපසිරැසි/වැසූ සිරස්තල නොමැත"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="คำบรรยาย/คำบรรยายแทนเสียงไม่พร้อมใช้งาน"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="ບໍ່ມີຄຳແປ/ຄຳບັນຍາຍ"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="სუბტიტრები მიუწვდომელია"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="የግርጌ ጽሑፎች/ዝግ መግለጫ ፅሁፎች አይገኙም"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="មិនមានផ្ដល់ជូនអក្សររត់ទេ"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="无法显示字幕"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="未提供字幕/隱藏式輔助字幕"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="沒有字幕"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="字幕を利用できません"],
.ytp-subtitles-button.ytp-button[data-title-no-tooltip="자막 사용 불가"] {
display: none !important;
}
/* Fixes for YT Player Classicifier */
.ytp-chrome-bottom, .ytp-embed:not(.ytp-big-mode) .ytp-chrome-bottom {
height: 40px !important;
}
.ytp-big-mode .ytp-chrome-bottom {
height: 54px !important;
}
.ytp-small-mode .ytp-autonav-toggle-button, ytd-watch-flexy:not([fullscreen]) .ytp-autonav-toggle-button {
width: 30px !important;
height: 12px !important;
}
ytd-watch-flexy:not([fullscreen]) .ytp-autonav-toggle-button:after {
width: 17px !important;
height: 17px !important;
border-radius: 0px !important;
top: 1px !important;
}
ytd-watch-flexy:not([fullscreen]) .ytp-autonav-toggle-button[aria-checked=true]:after {
left: -1px !important;
}
/* Revert chip button light mode color before May 2021 */
yt-chip-cloud-chip-renderer[chip-style=STYLE_DEFAULT][selected], yt-chip-cloud-chip-renderer[chip-style=STYLE_HOME_FILTER][selected] {
background-color: var(--yt-spec-icon-active-other) !important;
}
yt-chip-cloud-chip-renderer[chip-style=STYLE_DEFAULT][selected]:hover, yt-chip-cloud-chip-renderer[chip-style=STYLE_HOME_FILTER][selected]:hover, yt-chip-cloud-chip-renderer[chip-style=STYLE_DEFAULT][selected]:focus, yt-chip-cloud-chip-renderer[chip-style=STYLE_HOME_FILTER][selected]:focus {
background-color: var(--yt-spec-icon-inactive) !important;
}
ytd-feed-filter-chip-bar-renderer[component-style=FEED_FILTER_CHIP_BAR_STYLE_TYPE_CHANNEL_PAGE_GRID] #chips-wrapper.ytd-feed-filter-chip-bar-renderer {
background-color: transparent !important;
}
/* Revert font sizing before May 2021 */
tp-yt-paper-tooltip {
font-size: 1.3rem !important;
}
tp-yt-paper-tooltip.style-scope.ytd-topbar-menu-button-renderer {
font-size: 1.3rem !important;
}
#footer.ytd-guide-renderer > #copyright {
font-size: 1.3rem !important;
}
yt-formatted-string.style-scope.yt-chip-cloud-chip-renderer {
font-size: 1.4rem !important;
font-weight: 400 !important;
line-height: 2.1rem !important;
letter-spacing: normal !important;
}
#text.complex-string.ytd-channel-name {
font-size: 1.3rem !important;
}
ytd-video-meta-block[rich-meta] #metadata-line.ytd-video-meta-block {
font-size: 1.3rem !important;
}
ytd-video-meta-block[rich-meta][mini-mode] #metadata-line.ytd-video-meta-block {
font-size: 1.3rem !important;
}
#metadata.ytd-channel-renderer {
font-size: 1.3rem !important;
}
#description.ytd-channel-renderer {
font-size: 1.3rem !important;
}
#description-text.ytd-video-renderer {
font-size: 1.3rem !important;
}
ytd-video-meta-block:not([rich-meta]) #metadata-line.ytd-video-meta-block {
font-size: 1.3rem !important;
}
#channel-name.ytd-video-renderer {
font-size: 1.3rem !important;
}
.metadata-snippet-container.ytd-video-renderer {
font-size: 1.3rem !important;
}
#channel-name.ytd-video-owner-renderer {
line-height: 1.6rem !important;
}
#owner-sub-count.ytd-video-owner-renderer {
font-size: 1.3rem !important;
}
span.date.style-scope.ytd-video-secondary-info-renderer {
font-size: 1.3rem !important;
}
#video-title.ytd-compact-video-renderer {
line-height: 16px !important;
}
#channel-name.ytd-video-meta-block {
font-size: 1.3rem !important;
}
ytd-video-meta-block:not([rich-meta])[inline-badges] #metadata-line.ytd-video-meta-block {
font-size: 1.3rem !important;
}
ytd-grid-video-renderer #video-title.yt-simple-endpoint.ytd-grid-video-renderer {
line-height: 1.7rem !important;
}
ytd-grid-video-renderer:not([rich-meta]) #metadata-line.ytd-grid-video-renderer {
font-size: 1.3rem !important;
}
#details-container.ytd-channel-about-metadata-renderer tr.ytd-channel-about-metadata-renderer {
font-size: 1.3rem !important;
}
#link-list-container.ytd-channel-about-metadata-renderer a.yt-simple-endpoint.ytd-channel-about-metadata-renderer {
font-size: 1.3rem !important;
}
ytd-pinned-comment-badge-renderer {
font-size: 1.3rem !important;
}
.published-time-text.ytd-comment-renderer {
font-size: 1.3rem !important;
}
.movie-metadata-list.ytd-movie-renderer li.ytd-movie-renderer {
font-size: 1.3rem !important;
}
#description-text.ytd-movie-renderer {
font-size: 1.3rem !important;
}
#subscribe-button ytd-subscribe-button-renderer button {
letter-spacing: 0px !important;
}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {
letter-spacing: 0px !important;
}
button.yt-spec-button-shape-next.yt-spec-button-shape-next--tonal.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--size-s, .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline {
letter-spacing: 0px !important;
}
button.yt-spec-button-shape-next.yt-spec-button-shape-next--tonal.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-leading.yt-spec-button-shape-next--segmented-start > div.yt-spec-button-shape-next__button-text-content,
span#text,
ytd-watch-metadata[flex-menu-enabled] button.yt-spec-button-shape-next.yt-spec-button-shape-next--tonal.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-leading > div.yt-spec-button-shape-next__button-text-content,
ytd-watch-metadata[flex-menu-enabled] button.yt-spec-button-shape-next.yt-spec-button-shape-next--tonal.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-leading > div.yt-spec-button-shape-next__button-text-content {
letter-spacing: 0.007px !important;
}
/* Revert the YouTube logo sizing before May 2021*/
#start.ytd-masthead {
width: 185px !important;
}
yt-icon.ytd-logo {
width: 80px !important;
height: 24px !important;
}`;
document.head.appendChild(styles);
document.getElementsByTagName("html")[0].removeAttribute("system-icons");
document.getElementsByTagName("html")[0].removeAttribute("typography");
document.getElementsByTagName("html")[0].removeAttribute("typography-spacing");
// Re-add the 'Trending' tab on the top left of the left sidebar
function waitForElm(selector) {
return new Promise(resolve => {
if (document.querySelector(selector)) {
return resolve(document.querySelector(selector));
}
const observer = new MutationObserver(mutations => {
if (document.querySelector(selector)) {
resolve(document.querySelector(selector));
observer.disconnect();
}
});
observer.observe(document.body, {
childList: true,
subtree: true
});
});
}
function restoreTrending() {
var trendingData = {
"navigationEndpoint": {
"clickTrackingParams": "CBwQtSwYASITCNqYh-qO_fACFcoRrQYdP44D9Q==",
"commandMetadata": {
"webCommandMetadata": {
"url": "/feed/trending",
"webPageType": "WEB_PAGE_TYPE_BROWSE",
"rootVe": 6827,
"apiUrl": "/youtubei/v1/browse"
}
},
"browseEndpoint": {
"browseId": "FEtrending"
}
},
"icon": {
"iconType": "TRENDING"
},
"trackingParams": "CBwQtSwYASITCNqYh-qO_fACFcoRrQYdP44D9Q==",
"formattedTitle": {
"simpleText": "Trending"
},
"accessibility": {
"accessibilityData": {
"label": "Trending"
}
},
"isPrimary": true
};
var guidetemplate = `<ytd-guide-entry-renderer class="style-scope ytd-guide-section-renderer" is-primary="" line-end-style="none"><!--css-build:shady--><a id="endpoint" class="yt-simple-endpoint style-scope ytd-guide-entry-renderer" tabindex="-1" role="tablist"><tp-yt-paper-item role="tab" class="style-scope ytd-guide-entry-renderer" tabindex="0" aria-disabled="false"><!--css-build:shady--><yt-icon class="guide-icon style-scope ytd-guide-entry-renderer" disable-upgrade=""></yt-icon><yt-img-shadow height="24" width="24" class="style-scope ytd-guide-entry-renderer" disable-upgrade=""></yt-img-shadow><yt-formatted-string class="title style-scope ytd-guide-entry-renderer"><!--css-build:shady--></yt-formatted-string><span class="guide-entry-count style-scope ytd-guide-entry-renderer"></span><yt-icon class="guide-entry-badge style-scope ytd-guide-entry-renderer" disable-upgrade=""></yt-icon><div id="newness-dot" class="style-scope ytd-guide-entry-renderer"></div></tp-yt-paper-item></a><yt-interaction class="style-scope ytd-guide-entry-renderer"><!--css-build:shady--><div class="stroke style-scope yt-interaction"></div><div class="fill style-scope yt-interaction"></div></yt-interaction></ytd-guide-entry-renderer>`;
document.querySelector(`#items > ytd-guide-entry-renderer:nth-child(2)`).data = trendingData;
var miniguidetemplate = `<ytd-mini-guide-entry-renderer class="style-scope ytd-mini-guide-section-renderer" is-primary="" line-end-style="none"><!--css-build:shady--><a id="endpoint" class="yt-simple-endpoint style-scope ytd-guide-entry-renderer" tabindex="-1" role="tablist"><tp-yt-paper-item role="tab" class="style-scope ytd-guide-entry-renderer" tabindex="0" aria-disabled="false"><!--css-build:shady--><yt-icon class="guide-icon style-scope ytd-guide-entry-renderer" disable-upgrade=""></yt-icon><yt-img-shadow height="24" width="24" class="style-scope ytd-guide-entry-renderer" disable-upgrade=""></yt-img-shadow><yt-formatted-string class="title style-scope ytd-guide-entry-renderer"><!--css-build:shady--></yt-formatted-string><span class="guide-entry-count style-scope ytd-guide-entry-renderer"></span><yt-icon class="guide-entry-badge style-scope ytd-guide-entry-renderer" disable-upgrade=""></yt-icon><div id="newness-dot" class="style-scope ytd-guide-entry-renderer"></div></tp-yt-paper-item></a><yt-interaction class="style-scope ytd-guide-entry-renderer"><!--css-build:shady--><div class="stroke style-scope yt-interaction"></div><div class="fill style-scope yt-interaction"></div></yt-interaction></ytd-guide-entry-renderer>`;
document.querySelector(`#items > ytd-mini-guide-entry-renderer:nth-child(2)`).data = trendingData;
}
waitForElm("#items.ytd-guide-section-renderer").then((elm) => {
restoreTrending();
});
waitForElm("#items.ytd-mini-guide-section-renderer").then((elm) => {
restoreTrending();
});