Skip to content

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

This style reverts the logo and font sizes, buttons & more to pre-May 2021 if you have the old icons script.

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;
}

Reviews

No reviews yet.