This style reverts the logo and font sizes, buttons & more to pre-May 2021 if you have the old icons script.
YouTube - pre-May 2021 look for YOIR script by alpharetzy
Details
Authoralpharetzy
LicenseCC Zero
Categoryyoutube.com
Created
Updated
Size6.7 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Changelog:
2023.06.09: Initial release
2023.06.10: Added fixes for the search box
Source code
/* ==UserStyle==
@name YouTube - Revert to pre-May 2021 look
@namespace example.com
@version 2023.06.10
@description This style reverts the logo and font sizes, buttons & more to pre-May 2021 if you have the old icons script.
@author Me
==/UserStyle== */
@-moz-document domain("youtube.com") {
/* 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;
}
#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;
}
/* Revert the YouTube logo sizing before May 2021*/
yt-icon.ytd-logo {
width: 80px;
height: 24px;
}
/* Revert the compact search box sizing before May 2021*/
#start.ytd-masthead {
width: 185px;
}
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;
opacity: 0.6;
}
#container.ytd-searchbox {
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;
}
#voice-search-button.ytd-masthead {
background: transparent !important;
}
yt-icon.style-scope.ytd-searchbox {
color: var(--yt-spec-text-secondary) !important;
}