YouTube Uniform Rounding by aoqia194

/* ==UserStyle==
@name           YouTube Uniform Rounding
@namespace      github.com/openstyles/stylus
@version        1.0.3
@description    A userstyle that makes rounding on elements more uniform across YouTube.
@author         aoqia
==/UserStyle== */

@-moz-document domain("youtube.com") {
    html {
        --yt-global-border-radius: 0.8rem;
        --yt-global-circle-border-radius: 0.4rem;

        --yt-img-border-radius: var(--yt-global-border-radius);
        --yt-button-border-radius: var(--yt-global-border-radius);
        --yt-live-chat-poll-choice-border-radius: var(--yt-global-border-radius);
        --yt-live-chat-creator-support-button-border-radius: var(--yt-global-border-radius);
        --paper-item-focused-before-border-radius: var(--yt-global-border-radius);
    }

    /* Small Fixes */

    ytd-compact-link-renderer {
        width: 90%;
        margin-left: 5%
    }

    ytd-toggle-theme-compact-link-renderer {
        width: 79.5%;
        margin-left: 5%
    }

    /* Rounding */

    #hearted-thumbnail.ytd-creator-heart-renderer,
    .ytd-creator-heart-renderer button yt-img-shadow img.yt-img-shadow {
        border-radius: var(--yt-global-circle-border-radius)
    }

    #search-icon-legacy.ytd-searchbox,
    .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-end {
        border-radius: 0 var(--yt-global-border-radius) var(--yt-global-border-radius) 0
    }

    #container.ytd-searchbox,
    .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start {
        border-radius: var(--yt-global-border-radius) 0 0 var(--yt-global-border-radius)
    }

    ytd-live-chat-frame[rounded-container] #show-hide-button.ytd-live-chat-frame ytd-toggle-button-renderer.ytd-live-chat-frame {
        border-radius: 0 0 var(--yt-global-border-radius) var(--yt-global-border-radius)
    }

    #author-photo.yt-live-chat-paid-message-renderer,
    #author-photo.yt-live-chat-text-message-renderer,
    #author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer,
    #avatar.ytd-active-account-header-renderer,
    #avatar.ytd-c4-tabbed-header-renderer,
    #avatar.ytd-rich-grid-media,
    #avatar.ytd-video-owner-renderer,
    #bar.yt-copy-link-renderer,
    #checkbox.tp-yt-paper-checkbox,
    #container.yt-live-chat-ticker-paid-message-item-renderer,
    #description.ytd-watch-metadata,
    #header.ytd-video-description-infocards-section-renderer #thumbnail.ytd-video-description-infocards-section-renderer,
    #offRadio.tp-yt-paper-radio-button,
    #onRadio.tp-yt-paper-radio-button,
    #target.yt-share-target-renderer,
    #time-status.ytd-thumbnail-overlay-time-status-renderer,
    #voice-search-button.ytd-masthead,
    .arrow.yt-horizontal-list-renderer,
    .badge.ytd-badge-supported-renderer,
    .caption-window.ytp-caption-window-bottom.ytp-caption-window-rollup,
    .choice-image.ytd-backstage-poll-renderer,
    .masthead-skeleton-icon,
    .sbsb_a,
    .scroll-button.yt-third-party-share-target-section-renderer,
    .thumbnail.ytd-notification-renderer,
    .toggle-bar.tp-yt-paper-toggle-button,
    .toggle-button.tp-yt-paper-toggle-button,
    .yt-spec-button-shape-next--icon-only-default,
    .yt-spec-button-shape-next--size-m,
    .yt-spec-button-shape-next--size-s,
    .yt-spec-touch-feedback-shape,
    .ytp-ce-channel,
    .ytp-ce-channel .ytp-ce-element-shadow,
    .ytp-ce-channel .ytp-ce-expanding-image,
    .ytp-ce-large-round .ytp-ce-expanding-overlay-background,
    .ytp-ce-playlist.ytp-ce-large-round,
    .ytp-ce-video.ytp-ce-large-round,
    .ytp-menuitem-toggle-checkbox:after,
    .ytp-settings-menu,
    .ytp-videowall-still-round-large .ytp-videowall-still-image,
    html body[rounded-container] tp-yt-paper-tooltip .tp-yt-paper-tooltip[style-target=tooltip],
    paper-ripple.circle #background.paper-ripple,
    paper-ripple.circle #waves.paper-ripple,
    tp-yt-paper-dialog[modern],
    tp-yt-paper-dropdown-menu-light,
    yt-chip-cloud-chip-renderer,
    yt-dropdown-menu[modern-dialogs] #menu.yt-dropdown-menu,
    yt-icon-button.yt-live-chat-item-list-renderer,
    yt-icon-button.ytd-masthead:hover,
    yt-img-shadow.yt-live-chat-ticker-paid-message-item-renderer,
    yt-img-shadow.ytd-account-item-renderer,
    yt-img-shadow.ytd-channel-options-renderer,
    yt-img-shadow.ytd-connected-app-renderer,
    yt-img-shadow.ytd-grid-channel-renderer,
    yt-img-shadow.ytd-guide-entry-renderer,
    yt-img-shadow.ytd-topbar-menu-button-renderer,
    yt-interaction.circular .fill.yt-interaction,
    yt-interaction.circular .stroke.yt-interaction,
    yt-interaction.extended .fill.yt-interaction,
    yt-interaction.extended .stroke.yt-interaction,
    yt-live-chat-paid-message-renderer[is-v2-style] #card.yt-live-chat-paid-message-renderer,
    ytd-author-comment-badge-renderer,
    ytd-backstage-image-renderer[rounded] #image-container.ytd-backstage-image-renderer yt-img-shadow.ytd-backstage-image-renderer,
    ytd-backstage-poll-renderer[is-image-poll] .vote-choice.ytd-backstage-poll-renderer,
    ytd-backstage-post-thread-renderer[rounded-container],
    ytd-comment-replies-renderer #creator-thumbnail.ytd-comment-replies-renderer yt-img-shadow.ytd-comment-replies-renderer,
    ytd-compact-link-renderer,
    ytd-engagement-panel-section-list-renderer[modern-panels]:not([live-chat-engagement-panel]),
    ytd-live-chat-frame[rounded-container]:not([theater-watch-while]),
    ytd-multi-page-menu-renderer,
    ytd-notification-renderer[rounded-thumbnails] .thumbnail-container.ytd-notification-renderer,
    ytd-notification-topbar-button-renderer.ytd-masthead:hover,
    ytd-playlist-thumbnail[size=medium] a.ytd-playlist-thumbnail,
    ytd-playlist-thumbnail[size=medium]:before,
    ytd-post-renderer[rounded-container],
    ytd-rich-metadata-renderer[component-style=RICH_METADATA_RENDERER_STYLE_BOX_ART] #thumbnail.ytd-rich-metadata-renderer,
    ytd-rich-metadata-renderer[component-style=RICH_METADATA_RENDERER_STYLE_TOPIC] #thumbnail.ytd-rich-metadata-renderer,
    ytd-rich-metadata-renderer[rounded],
    ytd-thumbnail[size=large] a.ytd-thumbnail,
    ytd-thumbnail[size=large]:before,
    ytd-thumbnail[size=medium] a.ytd-thumbnail,
    ytd-thumbnail[size=medium]:before,
    ytd-toggle-theme-compact-link-renderer,
    ytd-topbar-menu-button-renderer.ytd-masthead:hover,
    ytd-transcript-segment-renderer[rounded-container] .segment-timestamp.ytd-transcript-segment-renderer,
    ytd-watch-flexy[rounded-player-large][default-layout] #ytd-player.ytd-watch-flexy {
        border-radius: var(--yt-global-border-radius);
        --yt-img-border-radius: var(--yt-global-border-radius)
    }
}