Skip to content

Additional tweaks/fixes for YT non-rounded script by alpharetzy

Details

Authoralpharetzy

LicenseCC Zero

Categoryyoutube.com

Created

Updated

Size7.3 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

This style removes even more Late 2022 UI elements if you are using the non rounded script.

Notes

❕ Requirements:
Non-Rounded Design script: https://greasyfork.org/en/scripts/453802-youtube-non-rounded-design
You can also use the Late 2022 - Early 2023 version of this script: https://greasyfork.org/en/scripts/468869-youtube-late-2022-early-2023-non-rounded-design
Disable rounded watch page side panel: https://greasyfork.org/en/scripts/468293-youtube-disable-rounded-watch-page-side-panel
Revert description URL (by sapondanaisriwan): https://github.com/sapondanaisriwan/AdashimaaTube/raw/master/userstyles/features/revert-url.user.css
Red Subscribe Button (by sapondanaisriwan):
https://github.com/sapondanaisriwan/AdashimaaTube/raw/master/userstyles/features/red-subscribe-button.user.css
Remove Rounded Corners From YouTube Player (by YouTube Userstyles) Apparently, they're still active because they had created a new account:
https://userstyles.world/style/10009/remove-rounded-corners-from-youtube-player

🗒️ Changelog:
2023.06.09: Initial version
2023.06.10: Added code from the Remove Rounded Corners From YouTube Player style which is now deleted.
2023.06.13: Fixed RYD bar not aligning properly.
2023.06.18: Removed rounded corners on the What did you think of this video? popup.
2023.06.20: Fixed the double subscribed button bug by adding code from late 2017 - early 2018 layout style. Also removes the @ handle displayed on the channel page. Reverts the subscribed bell to be fully rounded like it was before. Removed Shorts shelf on watch page.
2023.06.23: Removed Unsubscribe button in the notification bell by using code from the Red Subscribe Button userstyle. (Thanks to sapondanaisriwan for the code) Removed rounded corners on pressed buttons on guide bar. Removed rounded corners on unloaded elements.
2023.06.27: Renamed style to Additional tweaks/fixes for YT non-rounded script
2023.07.03: Removed rounded corners on Featured shelfs.
2023.07.05: Removed rounded corners on dismissed playlists.
2023.07.06: Removed the Remove Rounded Corners From YouTube Player code because the userstyle for removing the rounded corners from the video player is still available. Because of this, it now has to be installed separately alongside this.

💡 Tip:
If you want YouTube Studio to have the old icons, install this userstyle too! Link: https://userstyles.world/style/10161/youtube-studio-old-icons

Source code

/* ==UserStyle==
@name           Additional tweaks/fixes for YT non-rounded script
@namespace      example.com
@version        2023.11.25
@description    This style removes all remaining rounded UI elements if you are using the non rounded script.
@author         Me
==/UserStyle== */

@-moz-document domain("youtube.com") {

.style-scope.ytd-rich-item-renderer {
  border-radius: 2px !important;
}

.style-scope.ytd-item-section-renderer {
  border-radius: 2px !important;
}

#tooltip.tp-yt-paper-tooltip {
  border-radius: 2px !important;
}

.style-scope.ytd-topic-link-renderer {
  border-radius: 2px !important;
}
	
span.bold.style-scope.yt-formatted-string {
  font-family: Roboto !important;
  font-weight: 400 !important;
}

span.style-scope.yt-formatted-string {
  font-family: Roboto !important;
  font-weight: 400 !important;
}

#bar {
  border-radius: 2px !important;
}

yt-dropdown-menu {
  --paper-menu-button-content-border-radius:  2px !important;
}

ytd-menu-popup-renderer {
  border-radius: 2px !important;
}

div#repost-context.style-scope.ytd-shared-post-renderer {
  border-radius: 0px !important;	
}
	
ytd-post-renderer.style-scope.ytd-shared-post-renderer {
  border-radius: 0px !important;	
}
	
div#dismissed.style-scope.ytd-compact-video-renderer {
  border-radius: 0px !important;	
}
	
.style-scope.ytd-feed-nudge-renderer {
  border-radius: 2px !important;
}

tp-yt-paper-button#button.style-scope.ytd-button-renderer.style-inactive-outline.size-default {
  border-radius: 2px !important;
}	

div#dismissed.style-scope.ytd-rich-grid-media {
  border-radius: 0px !important;
}	
	
div#dismissed.style-scope.ytd-compact-playlist-renderer {
  border-radius: 0px !important;
}	
	
ytd-thumbnail-overlay-toggle-button-renderer.style-scope.ytd-thumbnail {
  border-radius: 2px !important;
}

ytd-compact-link-renderer.ytd-settings-sidebar-renderer {
  margin: 0px !important;
  border-radius: 0px !important;
}

img#img.style-scope.yt-image-shadow {
  border-radius: 50px !important;
}
	
#title.style-scope.ytd-feed-nudge-renderer {
  font-family: Roboto !important;
  font-weight: 400 !important;
}

ytd-clarification-renderer.style-scope.ytd-watch-flexy {
  display: none !important;
}

yt-chip-cloud-chip-renderer.style-scope.ytd-feed-nudge-renderer {
  border-radius: 50px !important;
}
	
.style-scope.ytd-inline-survey-renderer {
  border-radius: 2px !important;
}

/* Remove rounded corners on Featured shelfs */
div#dismissible.style-scope.ytd-brand-video-shelf-renderer {
  border-radius: 0px !important;
}
	
div#dismissible.style-scope.ytd-brand-video-singleton-renderer {
  border-radius: 0px !important;
}
}

#inline-survey-compact-video-renderer {
  border-radius: 0px !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 {
  display: none !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.yt-spec-button-shape-next__secondary-icon {
  display: none !important;
}

yt-formatted-string#channel-handle.style-scope.ytd-c4-tabbed-header-renderer {
  display: none !important;
}

/* redundant code
yt-formatted-string#subscriber-count.style-scope.ytd-c4-tabbed-header-renderer {
  margin: -8px !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 {
  border-radius: 100px !important;
  width: 37px !important;
}

ytd-reel-shelf-renderer.style-scope.ytd-item-section-renderer {
  display: none !important;
}
	
ytd-toggle-button-renderer.style-scope.ytd-live-chat-frame {
  background: var(--yt-spec-brand-background-solid) !important;
}
	
yt-live-chat-header-renderer.style-scope.yt-live-chat-renderer {
  background: var(--yt-spec-brand-background-solid) !important;
}
	
/*div#label-container.style-scope.ytd-thumbnail-overlay-toggle-button-renderer {
  border: 2px !important;
  text-transform: uppercase !important;
} really??? */
	
ytd-thumbnail-overlay-time-status-renderer.style-scope.ytd-thumbnail {
  border-radius: 2px !important;
}
	
yt-interaction.ytd-guide-entry-renderer,
ytd-guide-entry-renderer {
  border-radius: 0px !important;
}

tp-yt-paper-item.ytd-guide-entry-renderer {
  --paper-item-focused-before-border-radius: 0px !important;
}
	
/* Remove rounded corners on unloaded elements */
div#title.text-shell.skeleton-bg-color {
  border-radius: 2px !important;
}
	
div#count.text-shell.skeleton-bg-color {
  border-radius: 2px !important;
}
	
div#owner-name.text-shell.skeleton-bg-color {
  border-radius: 2px !important;
}

div#published-date.text-shell.skeleton-bg-color {
  border-radius: 2px !important;
}

div#subscribe-button.skeleton-bg-color {
  border-radius: 4px !important;
}

div.rich-thumbnail.skeleton-bg-color {
  border-radius: 0px !important;
}
	
div.rich-video-title.text-shell.skeleton-bg-color {
  border-radius: 2px !important;
}

div.rich-video-meta.text-shell.skeleton-bg-color {
  border-radius: 2px !important;
}
	
/* more stuff */
a#endpoint.yt-simple-endpoint.style-scope.ytd-mini-guide-entry-renderer {
  margin: 0px !important;
}

ytd-backstage-post-dialog-renderer {
  border-radius: 2px !important;
}

yt-bubble-hint-renderer {
  border-radius: 2px !important;
}

/* Restore old video badges */
.badge.ytd-badge-supported-renderer {
  border-radius: 2px;
  display: var(--ytd-badge-display, block);
  padding: 3px 4px;
  white-space: var(--ytd-badge-white-space, inherit);
  font-size: var(--yt-badge-font-size, 1.2rem);
  font-weight: 500;
  line-height: var(--yt-badge-line-height-size, 1.2rem);
}

/* old video timestamp */
ytd-thumbnail-overlay-time-status-renderer {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 4px;
  color: var(--yt-spec-static-brand-white);
  background-color: var(--yt-spec-static-overlay-background-heavy);
  border-radius: 2px;
  letter-spacing: 0.5px;
  font-size: var(--ytd-badge_-_font-size); font-weight: var(--ytd-badge_-_font-weight); line-height: var(--ytd-badge_-_line-height);
}

div#time-status.style-scope.ytd-thumbnail-overlay-time-status-renderer {
  background: none;
}

/* old video thumbnail buttons */
ytd-thumbnail-overlay-toggle-button-renderer[use-expandable-tooltip] #label.ytd-thumbnail-overlay-toggle-button-renderer {
  white-space: nowrap;
  height: 100%;
  border-radius: 2px;
  will-change: transform;
  transform: translateX(100%);
  background-color: var(--yt-spec-static-overlay-background-heavy);
  transition: transform 0.2s cubic-bezier(0.05, 0, 0, 1);
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.007px;
  text-transform: uppercase;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

Reviews

No reviews yet.