Skip to content

Less Rubbish Youtube by maff

Details

Authormaff

LicenseNo License

Categoryyoutube.com

Created

Updated

Size2.8 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Removes a whole bunch of the YouTube UI that I don't care about nor want

Notes

To-do

  • Reset the scrollbar

No longer to-do (won't do)

  • Exempt loading spinners and user icons from border-radius disablement.
    ** honestly I prefer the square user icons actually, and the funky loading spinners are funny.

Changelog

1.0.5

  • Undo restoring the scrollbar; didn't actually work.

1.0.4

  • Restore the browser's standard scrollbar (only tested on webkit/blink)

1.0.3

  • Actually kill the on-hover player!

1.0.2

  • Youtube combined "Your movies" into "Your movies and TV", so block that
  • Remove "Your clips" sidebar link
  • Blank out links to shorts entirely, because they show up in the subscriptions feed
  • Block the miniplayer entirely
  • Block on-hover effects on video thumbnails (animated gifs, the weird fade-in play button)
  • Attempt to block auto-play on hover
  • Block the annoying pop-up "endorsement" that shows up on some thumbnails
  • Reduce some of the wasted space in the sidebar

1.0.1

  • Added a wildcard rule to enforce non-rounded corners.

1.0.0

  • Initial release.

Source code

/* ==UserStyle==
@name           Un-shit youtube
@namespace      github.com/openstyles/stylus
@version        1.0.6
@description    Make youtube a little more bearable.
@author         Maff (@Maffsie)
==/UserStyle== */
@-moz-document domain("youtube.com") {
  div#footer,
  ytd-guide-section-renderer:nth-last-child(2),
  ytd-guide-section-renderer:nth-last-child(3),
  div#top-level-buttons-computed > ytd-button-renderer:first-of-type,
  ytd-rich-grid-renderer > div#header,
  div#voice-search-button,
  div#start > yt-icon-button,
  div#start > tp-yt-paper-tooltip,
  div#start > div#skip-navigation,
  div#start > ytd-topbar-logo-renderer > span#country-code,
  div#start > ytd-topbar-logo-renderer > a#logo > ytd-yoodle-renderer,
  div#end,
  yt-page-navigation-progress,
  yt-related-chip-cloud-renderer,
  ytd-compact-radio-renderer,
  ytd-badge-supported-renderer,
  ytd-metadata-row-container-renderer,
  ytd-moving-thumbnail-renderer,
  ytd-thumbnail-overlay-endorsement-renderer,
  div#clarify-box,
  div#contents > ytd-rich-section-renderer,
  div#purchase-button,
  div#sponsor-button,
  div#container > yt-formatted-string,
  div#newness-dot,
  div#video-preview,
  a[title="Explore"],
  a[title="Originals"],
  a[title="YouTube Music"],
  a[title="Your videos"],
  a[title="Your clips"],
  a[title="Your courses"],
  a[title="Downloads"],
  a[title="Your movies"],
  a[title="Your movies and TV"],
  a[title="Show more"],
  a[title="Help"],
  a[title="Send feedback"],
  a[title="Shorts"] {
    display: none !important;
  }

  /* Annoys me in particular, may not annoy you. */
  ytd-thumbnail-overlay-now-playing-renderer,
  ytd-miniplayer,
  a[href^="/shorts/"] {
    display: none !important;
  }

  /* Reduce wasted space on the sidebar */
  ytd-guide-collapsible-section-entry-renderer.ytd-guide-section-renderer:not(:first-child),
  #sections.ytd-guide-renderer > ytd-guide-section-renderer.ytd-guide-renderer:not(:first-child),
  #sections.ytd-guide-renderer > ytd-guide-subscriptions-section-renderer.ytd-guide-renderer {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 1px 4px !important;
  }

  #sections.ytd-guide-renderer > *.ytd-guide-renderer:first-child {
    padding: 1px 4px !important;
  }

  #center.ytd-masthead {
    flex: 0 1 100% !important;
  }

  yt-icon.ytd-logo {
    padding: 0 !important;
  }

  div#start,
  ytd-topbar-logo-renderer,
  a[title="YouTube Home"] {
    width: 30px !important;
    overflow-x: hidden !important;
  }

  ytd-searchbox.ytd-masthead {
    margin: 0 0 0 8px !important;
  }

  /*
  I hate the new rounded corners.
  This has the side-effect of making loading spinners into loading squares and un-rounding all avatars, but it's a small price to pay.
  */
  * {
    border-radius: 0 0 0 0 !important;
  }
}

Reviews

No reviews yet.