Changes rounded avatars, videos and images to square on YouTube
/* ==UserStyle==
@name YouTube Square
@namespace github.com/pabli24
@version 1.1.1
@description Changes rounded avatars, videos and images to square on YouTube
@author Pabli
@license MIT
@homepageURL https://github.com/pabli24/YTSquareAvatars
@supportURL https://github.com/pabli24/YTSquareAvatars/issues
@preprocessor less
@var number r "Avatars - border radius (%)" ['%', 0, -1, 50, 1]
@var number v "Videos - border radius (px)" ['px', 0, -1, null, 1]
@var number i "Images - border radius (px)" ['px', 0, -1, null, 1]
==/UserStyle== */
@-moz-document domain("youtube.com") {
yt-img-shadow, .image-thumbnail, .subscriber-avatar, .subscriber-info-avatar, .yt-spec-avatar-shape__image, tp-yt-paper-icon-button.ytmusic-settings-button {
border-radius: @r !important;
}
ytd-thumbnail a.ytd-thumbnail, ytd-thumbnail:before, ytd-playlist-thumbnail a.ytd-playlist-thumbnail, ytd-playlist-thumbnail::before,
ytmusic-two-row-item-renderer .image.ytmusic-two-row-item-renderer, .image.ytmusic-two-row-item-renderer,
.player-container-background.ytd-watch-flexy, ytd-watch-flexy[rounded-player] #ytd-player.ytd-watch-flexy, ytd-channel-video-player-renderer[rounded] #player.ytd-channel-video-player-renderer, .yt-thumbnail-view-model--medium {
border-radius: @v !important;
}
.image-icon-container.ytd-backstage-image-renderer, ytd-backstage-image-renderer[rounded] #image-container.ytd-backstage-image-renderer, yt-img-shadow.ytd-backstage-image-renderer, .yt-image-banner-view-model-wiz--inset {
border-radius: @i !important;
--yt-img-border-radius: @i !important;
}
}