Skip to content

YT - Revert classic 'Subscribed' notification icon by magma_craft

Screenshot of YT - Revert classic 'Subscribed' notification icon

Details

Authormagma_craft

LicenseCC Zero

Categoryyoutube

Created

Updated

Size2.3 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

This userstyle reverts back to the classic 'Subscribed' notification button prior to December 14th, 2022.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         YT - Revert classic 'Subscribed' notification icon
@version      20231027.06.00
@namespace    userstyles.world/user/magma_craft
@description  This userstyle reverts back to the classic 'Subscribed' notification button prior to December 14th, 2022.
@author       magma_craft
@license      CC Zero
==/UserStyle== */

@-moz-document domain("youtube.com") {
yt-button-shape.style-scope.ytd-subscribe-button-renderer {
  display: flex !important;
}

yt-smartimation.ytd-subscribe-button-renderer, .smartimation__content > __slot-el {
  display: flex !important;
}

#notification-preference-toggle-button:not([hidden]) + yt-animated-action #notification-preference-button.ytd-subscribe-button-renderer[invisible], #subscribe-button-shape.ytd-subscribe-button-renderer[invisible] {
  pointer-events: auto;
  visibility: visible;
  position: static;
}

div#notification-preference-button.style-scope.ytd-subscribe-button-renderer > ytd-subscription-notification-toggle-button-renderer-next.style-scope.ytd-subscribe-button-renderer > yt-button-shape > .yt-spec-button-shape-next--size-m {
  background-color: transparent !important;
  border-radius: 16px !important;
  padding-left: 14px !important;
  padding-right: 2px !important;
  margin-left: 4px !important;
}

div#notification-preference-button.style-scope.ytd-subscribe-button-renderer > ytd-subscription-notification-toggle-button-renderer-next.style-scope.ytd-subscribe-button-renderer > yt-button-shape > .yt-spec-button-shape-next--size-m > div.cbox.yt-spec-button-shape-next--button-text-content, div#notification-preference-button.style-scope.ytd-subscribe-button-renderer > ytd-subscription-notification-toggle-button-renderer-next.style-scope.ytd-subscribe-button-renderer > yt-button-shape > .yt-spec-button-shape-next--size-m > div.yt-spec-button-shape-next__secondary-icon, 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-trailing > div.yt-spec-button-shape-next__button-text-content {
  display: none !important;
}

/* Make the subscribe button next to the 'Join' button */
#buttons.ytd-c4-tabbed-header-renderer {
  flex-direction: row-reverse !important;
}

}

Reviews

No reviews yet.