Hate YouTube being rounded? Install this and get the old shapes back!
No Rounded YouTube by chromiacat
Details
Authorchromiacat
LicenseCC
Categoryyoutube
Created
Updated
Size5.6 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
2022/10/25: Now de-rounds game icon below the description.
2022/10/27: De-rounded chapter thumbnails and mini player, edited the title to better suit what the style does. As per a user's request, the notifications tab has been de-rounded.
2022/10/27(A couple hours after the previous update): Big update! De-rounded a lot of menu's, the buttons at the sidebar on the left(this one was hell to figure out), the settings menu in a video, playlist thumbnails and the end cards. Fix for active button on sidebar & buttons on slim sidebar being rounded.
2022/10/31: De-rounded endscreen videos.
2022/11/1: Thanks to user feedback, de-rounded community tab images, playlist box when playing a video, the playlist thumbnail and the blurred background when viewing a playlist. (Note: If you want to remove the background when viewing playlists, uncomment the line at the end of the style by removing the /* at the start of it. I don't know how to make this toggleable so I'm leaving this to the user to decide.)
2022/11/11: De-rounded notification panel thumbnails.
2022/11/18: De-rounded mini player on video hover.
2022/11/27: De-rounded "Up next" video in player.
2023/4/12: De-rounded the settings menu again.
2023/4/26: Fixed broken mini player having some rounded parts and de-rounded the 3 dots menu.
2023/5/20: De-rounded the "Up next" thumbnail, again.
2023/6/11: De-rounded navigation pop-up in inline player.
2023/9/26: De-rounded the player itself. (wtf youtube?)
2023/9/29: De-rounded channel banner.
2024/2/5: De-rounded the top/live chat option box.
2024/5/16: De-rounded the mini player again & the background on ytd-rich-grid-renderer.
Source code
/* ==UserStyle==
@name No Rounded YouTube
@version 20240515.23.01
@namespace https://userstyles.world/user/chromiacat
@description Hate YouTube being rounded? Install this and get the old shapes back!
@author chromiacat
@license CC
==/UserStyle== */
@-moz-document domain("youtube.com") {
/* ==UserStyle==
@name No Rounded YouTube
@version 2022.11.11
@namespace userstyles.world/user/chromiacat
@description Hate the new thumbnails being rounded? Install this and get the old shape back!
@author chromiacat
@license CC
==/UserStyle== */
a.ytd-thumbnail, ytd-mini-guide-entry-renderer {
border-radius: unset !important
}
ytd-rich-metadata-renderer{
border-radius: unset !Important
}
#thumbnail.ytd-macro-markers-list-item-renderer{
border-radius: unset !important
}
.ytd-app, .html5-main-video, .html5-video-player,.ytp-miniplayer-scrim{
border-radius: unset !important;
-webkit-border-radius: unset !important
}
ytd-multi-page-menu-renderer{
border-radius: unset !important
}
#search-icon-legacy.ytd-searchbox{
border-radius: unset !important
}
#container.ytd-searchbox{
border-radius: unset !important
}
a.ytd-playlist-thumbnail{
border-radius: unset !important
}
.sbdd_b{
border-radius: unset !important
}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal{
background-color: transparent !important
}
.yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal{
background-color: transparent !important
}
#description.ytd-watch-metadata{
background: transparent !important;
border-radius: unset !important
}
ytd-menu-popup-renderer[sheets-refresh]{
border-radius: unset !important
}
tp-yt-paper-dialog[modern]{
border-radius: unset !important
}
ytd-engagement-panel-section-list-renderer[modern-panels]{
border-radius: unset !important
}
#endpoint.yt-simple-endpoint.ytd-guide-entry-renderer{
border-radius: unset !important
}
.ytp-settings-menu.ytp-rounded-menu, .ytp-settings-menu{
border-radius: unset !important
}
.ytp-ce-video.ytp-ce-large-round, div.ytp-autonav-endscreen-upnext-thumbnail{
border-radius: unset !important
}
ytd-guide-entry-renderer[active]{
border-radius: unset !important
}
ytd-mini-guide-entry-renderer[guide-refresh]{
border-radius: unset !important
}
yt-interaction.ytd-guide-entry-renderer{
border-radius: unset !important
}
ytd-playlist-video-renderer[amsterdam]{
border-radius: unset !important
}
.yt-spec-button-shape-next--icon-leading{
border-radius: unset !important
}
tp-yt-paper-item.ytd-guide-entry-renderer{
--paper-item-focused-before-border-radius: unset !important
}
ytd-thumbnail[size=large]:before{
border-radius: unset !important
}
#player.ytd-channel-video-player-renderer{
border-radius: unset !important
}
.ytp-ce-playlist.ytp-ce-large-round{
border-radius: unset !important
}
.ytp-tooltip.ytp-rounded-tooltip.ytp-text-detail.ytp-preview{
border-radius: unset !important
}
.ytp-tooltip.ytp-rounded-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-bg{
border-top-left-radius: unset !important;
border-bottom-left-radius: unset !important
}
.ytp-videowall-still-round-large .ytp-videowall-still-image{
border-radius: unset !important
}
#image-container.ytd-backstage-image-renderer{
border-radius: unset !important
}
yt-img-shadow.ytd-backstage-image-renderer{
--yt-img-border-radius: unset !important
}
.image-wrapper.ytd-hero-playlist-thumbnail-renderer{
border-radius: unset !important
}
.immersive-header-container.ytd-playlist-header-renderer{
border-radius: unset !important
}
#container.ytd-playlist-panel-renderer{
border-radius: unset !important
}
.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-end{
border-radius: unset !important
}
tp-yt-paper-toast.yt-notification-action-renderer{
border-radius: unset !important
}
.yt-spec-button-shape-next--size-m{
border-radius: unset !important
}
.thumbnail-container.ytd-notification-renderer{
border-radius: unset !important
}
#video-preview-container.ytd-video-preview{
border-radius: unset !important
}
.ytp-autonav-endscreen-upnext-thumbnail.rounded-thumbnail{
border-radius: unset !important
}
ytd-menu-popup-renderer{
border-radius: unset !important
}
.ytp-tooltip.ytp-rounded-tooltip.ytp-preview:not(.ytp-text-detail), .ytp-tooltip.ytp-rounded-tooltip.ytp-preview:not(.ytp-text-detail) .ytp-tooltip-bg{
border-radius: unset !important;
-webkit-border-radius: unset !important
}
#ytd-player{
border-radius: unset !important
}
.ytd-c4-tabbed-header-renderer{
border-radius: unset !important
}
.ytd-backstage-image-renderer{
border-radius: unset !important
}
.dropdown-content, .ytd-watch-flexy{
border-radius: unset !important
}
.player-container.ytd-reel-video-renderer, .metadata-container{
border-radius: unset !important
}
.thumbnail-container{
border-radius: unset !important
}
#dismissed.ytd-rich-grid-media{
border-radius: unset !important
}
#logo.ytd-topbar-logo-renderer:focus:before{
outline: unset !important
}
.rich-thumbnail.ytd-ghost-grid-renderer{
border-radius: unset !important
}
.ytd-rich-item-renderer-highlight{
background-color: unset !Important;
box-shadow: unset !important;
border-radius: unset !important
}
.yt-interaction{
border-radius: unset !Important
}
/*.immersive-header-background-wrapper.ytd-playlist-header-renderer{
content-visibility: hidden !important
}
}