This userstyle reverts back to the classic 'Subscribed' notification button prior to December 14th, 2022.
YT - Revert classic 'Subscribed' notification icon by magma_craft
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
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;
}
}