Skip to content

Youtube.com - Square corners by T0biasCZe

Details

AuthorT0biasCZe

LicenseNo License

Categoryyoutube

Created

Updated

Size4.0 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Removes almost all the round corners of elements and replaces them with sharp corners

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Youtube.com - Square corners
@version      20240219.20.10
@namespace    https://userstyles.world/user/T0biasCZe
@description  Removes almost all the round corners of elements and replaces them with sharp corners
@author       T0biasCZe
==/UserStyle== */

@-moz-document domain("youtube.com") {
/*very round ads*/
#media-container.ytd-display-ad-renderer{
    border-radius: 1000px !important;    
}
/*remove YT shorts button*/
#endpoint[title="Shorts"]{
    display: none !important;
}

/*video*/
ytd-watch-flexy[rounded-player-large][default-layout] #ytd-player.ytd-watch-flexy{
    border-radius: 0 !important;
}
.ytp-settings-menu{
    border-radius: 0 !important;
}

/*under video*/
#avatar.ytd-video-owner-renderer{
    border-radius: 0 !important;
}
#description.ytd-watch-metadata{
    border-radius: 0 !important;    
}
#header.ytd-video-description-infocards-section-renderer #thumbnail.ytd-video-description-infocards-section-renderer{
    border-radius: 0 !important;
}

/*subscribe and like buttons*/
.yt-spec-touch-feedback-shape,
.yt-spec-button-shape-next--size-m{
    border-radius: 0 !important;
}
.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start, .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-end{
    border-radius: 0 !important;
}

/*enhancer for youtube panel*/
.efyt-control-bar{
    border-radius: 0 !important;
}
/*paylist in description*/
#thumbnail.ytd-structured-description-playlist-lockup-renderer, .collections-stack-wiz__collection-stack1--small{
    border-radius: 0 !important;
}
/*game description in description*/
ytd-rich-metadata-renderer[rounded]{
    border-radius: 0 !important;
}



/*video thumbnails*/
ytd-thumbnail[size="medium"] a.ytd-thumbnail, ytd-thumbnail[size="medium"]::before, ytd-thumbnail, ytd-thumbnail[size="large"] a.ytd-thumbnail, ytd-thumbnail[size="large"]::before, .rich-thumbnail.ytd-ghost-grid-renderer{
    border-radius: 0 !important;
}
ytd-menu-popup-renderer{
    border-radius: 0 !important;
}
yt-chip-cloud-chip-renderer{
    border-radius: 0 !important;
}
#avatar.ytd-rich-grid-media, .channel-avatar.ytd-ghost-grid-renderer{
    border-radius: 0 !important;
}
.text-shell.ytd-ghost-grid-renderer{
    border-radius: 0 !important;
}
/*playlist thumbnail in sidebar*/
.collections-stack-wiz__collection-stack1--medium, ytd-playlist-thumbnail[size="medium"] a.ytd-playlist-thumbnail, ytd-playlist-thumbnail[size="medium"]::before{
    border-radius: 0 !important;
}
/*playlist video count*/
ytd-thumbnail-overlay-bottom-panel-renderer[use-modern-collections-v2]{
    border-radius: 0 !important;
}
ytd-playlist-panel-renderer[modern-panels]:not([within-miniplayer]) #container.ytd-playlist-panel-renderer{
    border-radius: 0 !important;
}


/*comment section*/
#author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer,
#author-thumbnail.ytd-comment-simplebox-renderer{
    border-radius: 0 !important;
}

/*search bar*/
#container.ytd-searchbox, #search-icon-legacy.ytd-searchbox{
    border-radius: 0 !important;
}
yt-img-shadow.ytd-topbar-menu-button-renderer{
    border-radius: 0 !important;
}
#voice-search-button.ytd-masthead{ /*mic search*/
    border-radius: 0 !important;
}


/*clip creator menu*/
ytd-engagement-panel-section-list-renderer[modern-panels]:not([live-chat-engagement-panel]){
    border-radius: 0 !important;
}
/*left side panel*/
yt-img-shadow.ytd-guide-entry-renderer, ytd-guide-entry-renderer{
    border-radius: 0 !important;
}
#endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:hover, #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:focus{
    border-radius: 0 !important;
}



/*channel page*/
ytd-c4-tabbed-header-renderer[use-page-header-style] .page-header-banner.ytd-c4-tabbed-header-renderer{
    border-radius: 0 !important;
}
#avatar.ytd-c4-tabbed-header-renderer{
    border-radius: 0 !important;
}
#avatar{
    border-radius: 0 !important;
}
}

Reviews

No reviews yet.