Skip to content

Youtube Rounded by neekowo

Screenshot of Youtube Rounded

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

Makes Youtube more rounded & some UI fixes
Bonus: f*** *** Youtube logo

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;
    }
    
    
}

Reviews

No reviews yet.