Revert YouTube’s rounded design to square/flat layout everywhere possible. Compatible with Polymer Fixes.
// ==UserScript==
// @name Youtube No rounded edges at all
// @namespace https://github.com/
// @version 1.0
// @license MIT
// @description Revert YouTube’s rounded design to square/flat layout everywhere possible. Compatible with Polymer Fixes.
// @match https://www.youtube.com/*
// @run-at document-start
// @grant none
// ==/UserScript==
(function() {
"use strict";
const css = `
/* Remove rounded corners globally */
* {
border-radius: 0px !important;
}
/* Remove box shadows from cards and modals */
ytd-rich-grid-media, ytd-compact-video-renderer, ytd-video-renderer,
ytd-channel-renderer, ytd-grid-video-renderer, ytd-rich-shelf-renderer,
ytd-rich-item-renderer, paper-button, yt-img-shadow, yt-formatted-string,
yt-live-chat-renderer, yt-live-chat-text-message-renderer,
ytd-playlist-video-renderer, ytd-merch-shelf-renderer {
box-shadow: none !important;
}
/* Remove rounded edges from input/search fields */
input, textarea, yt-formatted-string {
border-radius: 0px !important;
}
/* Flatten buttons */
paper-button, tp-yt-paper-icon-button, tp-yt-paper-icon-button-light {
border-radius: 0px !important;
box-shadow: none !important;
}
/* Flatten thumbnails */
ytd-thumbnail img, yt-img-shadow img {
border-radius: 0px !important;
}
/* Flatten live chat bubbles */
yt-live-chat-text-message-renderer {
border-radius: 0px !important;
}
/* Flatten modals/popups */
ytd-popup-container, yt-dialog-renderer, tp-yt-paper-dialog {
border-radius: 0px !important;
box-shadow: none !important;
}
`;
const style = document.createElement('style');
style.textContent = css;
document.documentElement.appendChild(style);
})();