Makes Youtube more rounded & some UI fixes
Bonus: f*** *** Youtube logo
Youtube Rounded by neekowo
![Screenshot of Youtube Rounded](https://userstyles.world/preview/8064/0.jpeg)
Details
Authorneekowo
LicenseNo License
Categoryyoutube.com
Created
Updated
Size4.7 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 Youtube Rounded
@version 20230111.06.37
@namespace userstyles.world/user/neekowo
@description Youtube elements rounded v.1.0.4
@author neekowo
@license No License
==/UserStyle== */
@-moz-document domain("youtube.com") {
#movie_player,.ytd-playlist-panel-renderer{
border-radius: 1em;
}
.ytd-playlist-panel-renderer{
margin: 0.2em;
}
#playlist-items:hover{
background-color: #17ac8c;
}
#search-form #container{
border-radius: 1em 0 0 1em;
}
ytd-button-renderer .ytd-button-renderer{
border-radius: 1em;
}
ytd-subscribe-button-renderer .ytd-subscribe-button-renderer{
border-radius: 1em;
}
ytd-thumbnail a{
border-radius: 1em;
}
ytd-thumbnail.ytd-rich-grid-media::before{
background: transparent;
}
ytd-searchbox button{
border-radius: 0 1em 1em 0 !important;
}
ytd-watch-flexy[theater] #player-theater-container.ytd-watch-flexy,
ytd-watch-flexy[fullscreen] #player-theater-container.ytd-watch-flexy {
border-radius: 13px !important;
}
/*↓rounded square avatars↓*/
yt-img-shadow#author-photo {
border-radius: 8px !important;
}
#author-photo.yt-live-chat-text-message-renderer {
border-radius: 8px !important;
}
yt-img-shadow#thumbnail {
border-radius: 20px !important;
}
ytd-comment-renderer:not([comment-style="backstage-comment"])[is-reply] #author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer,
ytd-comment-renderer[is-creator-reply] #author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer {
border-radius: 8px !important;
}
yt-img-shadow.ytd-channel-renderer {
border-radius: 20px !important;
}
yt-img-shadow#avatar {
border-radius: 8px !important;
}
#avatar.ytd-active-account-header-renderer {
border-radius: 10px !important;
}
yt-img-shadow.ytd-mini-channel-renderer {
border-radius: 8px !important;
}
yt-img-shadow.ytd-topbar-menu-button-renderer {
border-radius: 10px !important;
}
yt-img-shadow.ytd-channel-avatar-editor {
border-radius: 20px !important;
}
#avatar.ytd-c4-tabbed-header-renderer {
border-radius: 20px !important;
}
#author-thumbnail.ytd-comment-simplebox-renderer {
border-radius: 13px !important;
}
#author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer {
border-radius: 13px !important;
}
#avatar.ytd-video-owner-renderer {
border-radius: 13px !important;
}
yt-img-shadow.style-scope.ytd-guide-entry-renderer.no-transition {
border-radius: 8px !important;
}
yt-img-shadow.style-scope.ytd-grid-channel-renderer.no-transition {
border-radius: 20px !important;
}
yt-img-shadow.ytd-backstage-image-renderer {
--yt-img-border-radius: 10px !important;
}
ytd-comment-renderer:not([comment-style=backstage-comment])[is-reply] #author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer,
ytd-comment-renderer[is-creator-reply] #author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer {
width: 30px !important;
height: 30px !important;
}
.ytp-flyout-cta .ytp-flyout-cta-icon {
border-radius: 10px !important;
}
a.ytp-title-channel-logo {
border-radius: 10px !important;
}
/*thumbnail scale effect*/
ytd-thumbnail,
#thumbnail.ytd-playlist-thumbnail,
.ytp-show-tiles .ytp-videowall-still {
transition: all 0.25s !important;
}
/*thumbnail scale effect*/
ytd-thumbnail:hover,
#thumbnail.ytd-playlist-thumbnail:hover,
.ytp-show-tiles .ytp-videowall-still:hover {
transform: scale(1.05)
}
/*sidebar width*/
#contentContainer.app-drawer {
width: 249px !important;
padding-left: 3px !important;
}
/*sidebar hover border radius*/
.ytd-guide-section-renderer #endpoint:hover {
border-radius: 10px !important;
}
/*sidebar selected border radius*/
ytd-guide-entry-renderer[active] {
border-radius: 10px !important;
}
/*sidebar selected border radius*/
paper-item.style-scope.ytd-guide-entry-renderer::before {
border-radius: 10px !important;
}
ytd-app {
--app-drawer-width: 245px !important;
}
ytd-guide-entry-renderer {
width: 95% !important;
margin: 5px 0 !important;
}
tp-yt-paper-item.ytd-guide-entry-renderer {
padding: 0px 10px !important;
}
#sections.ytd-guide-renderer {
padding-left: 5px;
}
}