Skip to content

Anti_Rounded_Corners_YouTubeUI by LixyChino

Write a review Install Get Stylus

Details

AuthorLixyChino

License良識の範囲内でお願いいたします。

Categorym.youtube.com

Created

Updated

Code size205 kB

Code checksum2c4cde11

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

2022年10月ごろから導入されてしまったYouTubeの角丸UIを消すことが出来るカスタムCSSファイルです。また、バージョン16.10辺りのYouTubeアプリのUIを再現しています。

Notes

2025年2月28日開発 v1.32

お知らせ

本バージョンからUserStyles.worldでも公開を開始しました。Stylusと組み合わせると自動更新機能が利用できます。

セクション番号の変更

以下の試験機能のセクションの番号は変更されました。
・コメントに飛ぶ欄(たまにネタバレされてイラってするやつ)の表示を無効化する
セクション133からセクション140

アップデート内容

・「その他のトピック」などにあるサムネ読込中のグレーのやつに角丸がある問題を解消しました。
・Shortsのしばらく再生したら左下に出てくるボタンの一部にて角丸が消えてない問題を解消しました。
・「シークバーのグラデーションを無効化する」が上手く動作しない問題を解消しました。
・動画の概要欄のハッシュタグの部分にダウンロードアイコンが出てくる問題を解消しました。
・ライブラリ内の「履歴」の文字が太文字になっている問題を解消しました。
・YouTube Premiumの登録画面のUIを最適化しました。
・動画概要欄の一番下にある「ゲーム」などにおいてアイコンとテキストで改行が発生してしまう問題と文字色が青くなってしまうを解消しました。
・チャンネルヘッダーがYouTubeアプリと同じ幅にならない問題を解消しました。
・全画面表示時の評価ボタンのUIのカスタムCSSが動作しない問題を解消しました。
・再生リストページの共有アイコンなどが保存アイコンになってしまう問題を解消しました。
・コメント欄の「コメント」ボタンのUIを変更してみました。
・一部の動画(おそらく年齢制限がかかっている動画)にて概要欄を開いた際に視聴回数と投稿日時が重なってしまう問題を解消しました。
・たまにShortsに出てくる「検索"○○"」ってやつの角丸を消す」と「Shortsの左下にあるハッシュタグの角丸を除去」を統合して「たまにShortsに出てくる「検索"○○"」やハッシュタグのやつの角丸を消す」にしました。
・ハッシュタグページの「現在、視聴できるコンテンツはありません」のページのUIを改善しました。
・再生画面の低評価ボタンがずれている問題を解消しました。

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         Anti_Rounded_Corners_YouTubeUI
@version      20250424.15.34
@namespace    https://userstyles.world/user/LixyChino
@description  2022年10月ごろから導入されてしまったYouTubeの角丸UIを消すことが出来るカスタムCSSファイルです。また、バージョン16.10辺りのYouTubeアプリのUIを再現しています。
@author       LixyChino
@license      良識の範囲内でお願いいたします。
==/UserStyle== */

@-moz-document domain("youtube.com") {
/* 色々と詰まっている沼 */
.yt-spec-bottom-sheet-layout__bottom-sheet-renderer-container {
    border-radius: var(--yt-player-corner-radius-mod) !important;
    margin: 0 0px 0px !important;
}

div#collapsed-string.collapsed-string {
    line-height: 20px !important;
    max-height: none !important;
    mask-image: none !important;
}

div#collapsed-string.none {
    line-height: 20px !important;
    max-height: none !important;
}

.watch-metadata-app-promo-content > div:nth-child(2)::before {
    font-size: 0px;
}

.watch-metadata-app-promo-content > div:nth-child(2)::after {
    font-size: 0px;
}

div.animated-subscribe-content-container {
    width: auto;
}

.stacked {
    border-top: 0px;
}

.collections-stack-wiz__collection-stack1 {
    border-top: 0px;
}

.yt-spec-touch-feedback-shape--touch-response .yt-spec-touch-feedback-shape__stroke {
    border: 1px #323232;
}

ytm-rich-item-renderer.fresh-feeds-dismissals {
    overflow: hidden !important;
}

.yt-spec-button-shape-next--segmented-start > div:nth-child(2) {
    margin: auto;
}

ytm-single-column-watch-next-results-renderer.fresh-feeds-dismissals [section-identifier="related-items"] ytm-notification-multi-action-renderer,
ytm-single-column-watch-next-results-renderer.fresh-feeds-dismissals [section-identifier="related-items"] ytm-notification-text-renderer {
    border-radius: var(--yt-player-corner-radius-mod) !important;
    box-shadow: none;
    border: solid thin #7a7a7a;
}
}

@-moz-document url-prefix("https://m.youtube.com") {
/* 再生画面のコメント欄や概要タブの上にある棒を消す */
.engagement-panel-drag-line {
    background: rgba(0, 0, 0, 0);
    opacity: .0;
    border-radius: 0px;
    height: 0px;
    margin: 0;
    width: 0px;
}

#header-wrapper {
    display: none;
}
}

@-moz-document url-prefix("https://m.youtube.com") {
/* チャンネル登録ボタンの色を変更 */
ytm-subscribe-button-renderer {
    background-color: #282828 !important;
}

.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {
    color: red;
    background-color: #282828 !important;
}

.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled:hover {
    color: red;
    background-color: #282828 !important;
}
}

@-moz-document url-prefix("https://m.youtube.com") {
/* 再生画面のチャンネル名にて名前が長い場合に表示を途中までにする(？) */
.slim-owner-bylines .slim-owner-channel-name {
    white-space: pre-wrap;
    word-wrap: break-word;
}
}

@-moz-document domain("youtube.com") {
/* 基本的な角丸除去 */
:root {
    --yt-player-corner-radius-mod: 0px;
}

/* YouTube Video Player */
#ytd-player {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

/* Ads button */
.ytp-ad-skip-button-modern {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

button.ytp-ad-skip-button-modern.ytp-button {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

div.ytp-flyout-cta-body {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

button.ytp-ad-button.ytp-flyout-cta-action-button.ytp-flyout-cta-action-button-rounded {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

div.ytp-ad-player-overlay-flyout-cta ytp-ad-player-overlay-flyout-cta-rounded {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.ytp-ad-player-overlay-flyout-cta-rounded {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.yt-spec-touch-feedback-shape {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

div.yt-spec-touch-feedback-shape__fill {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

yt-chip-cloud-chip-renderer {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

ytd-c4-tabbed-header-renderer[use-page-header-style] .page-header-banner.ytd-c4-tabbed-header-renderer {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

img.yt-img-shadow {
    border-radius: 100px !important;
}

.ytp-autonav-endscreen-upnext-button.ytp-autonav-endscreen-upnext-button-rounded {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.ytp-autonav-endscreen-upnext-thumbnail {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-upnext-thumbnail,
.countdown-running .ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-upnext-thumbnail {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

ytd-promoted-sparkles-web-renderer[rounded] #thumbnail-container.ytd-promoted-sparkles-web-renderer {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

ytd-action-companion-ad-renderer[rounded] {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

img.yt-img-shadow {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

ytd-clarification-renderer[round-container] {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.ytp-ad-preview-container-detached {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.yt-spec-button-shape-next--size-m {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

ytd-thumbnail[size=large] a.ytd-thumbnail,
ytd-thumbnail[size=large]:before {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}


ytd-guide-entry-renderer {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}


ytd-mini-guide-entry-renderer {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

ytd-thumbnail[size=medium] a.ytd-thumbnail,
ytd-thumbnail[size=medium]:before {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.yt-spec-button-shape-next--size-m {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.ytp-settings-menu {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

ytd-menu-popup-renderer {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

#container.ytd-searchbox {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

#search-icon-legacy.ytd-searchbox {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.animated-subscribe-content-container {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.comments-simplebox-placeholder {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.draggable .engagement-panel-container {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.comment-simplebox-reply,
.comment-simplebox-placeholder {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.dialog.rounded-container {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

ytm-reel-item-renderer.rounded-reel-item .video-thumbnail-container-vertical {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

ytm-reel-item-renderer.rounded-reel-item .reel-item-metadata {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

ytm-select {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.searchbox-input-wrapper {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.video-thumbnail-container-compact-rounded {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.c4-tabbed-header-page-header-banner {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

video-thumbnail-fill-parent {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

element.style {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.search-bar {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.collections-stack-wiz__collection-stack1--large {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.collections-stack-wiz__collection-stack2 {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.video-thumbnail-container-large.stacked {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.video-thumbnail-container-large.stacked {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.stacked {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.video-thumbnail-fill-parent {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.video-thumbnail-container-large.rounded-thumbnail {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.collections-stack-wiz__collection-stack1--medium {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.amsterdam-playlist-thumbnail {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.yt-spec-touch-feedback-shape__stroke {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.modern-wrapper {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.YtPlayerStoryboardMetadataBigboard {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.ytPlayerStoryboardMetadataBigboard {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.YtPlayerStoryboardStoryboardImageWrapper {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.ytPlayerStoryboardStoryboardImageWrapper {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.yt-spec-button-shape-next--size-s {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.animated-action__background-container {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.unified-share-url-input {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.stacked-video-preview {
    border-radius: var(--yt-player-corner-radius-mod) !important;
}

.search-bar-entry-point-button {
    border-radius: var(--yt-playe...

Reviews

No reviews yet.