Removes the trash from the Twitter & Reddit embeds
/* ==UserStyle==
@name Twitter/Reddit embed fixes
@namespace zezombye.dev
@version 1.0.0
@description Removes the trash from the Twitter & Reddit embeds
@author Zezombye
@license MIT
==/UserStyle== */
@-moz-document domain("platform.twitter.com") {
/* Embed fixes */
div[data-testid="tweetText"] {
font-size: 15px;
line-height: 20px;
}
#app > div > div > div {
border-width: 0px;
}
article {
background-color: #2b2d31 !important;
}
div {
border-color: rgb(76, 79, 87) !important;
}
#app > div > div > div > article > div:last-child {
display: none;
}
article > div:has(> div div[data-testid^="UserAvatar-Container-"]) > div:nth-child(2) {
padding-left: 6px;
}
article > div > div:has(> div > div[data-testid^="UserAvatar-Container-"]) > div:nth-child(2) {
background-color: rgb(76, 79, 87);
}
div:has(> a[href^="https://twitter.com/intent/follow"]) {
display: none;
}
a[aria-label="View on X"] {
display: none;
}
div[aria-label="View on X"] {
display: none;
}
a[aria-label="Watch on X"] {
display: none;
}
a[aria-label="Continue watching on X"] {
display: none;
}
a[aria-label="X Ads info and privacy"] {
visibility: hidden;
}
div:has(> a[href^="https://twitter.com/intent/like"]) {
display: none;
}
/* Fix verified color */
svg[data-testid="icon-verified"] {
color: rgb(29, 155, 240);
}
/* Dim the opacity of the play button so we can see the full video */
div[aria-label^="Play Video"] {
background-color: rgba(29, 155, 240, 0.5);
border-color: white !important;
}
div[aria-label^="Play Video"]:hover {
background-color: rgba(26, 140, 216, 0.5);
}
}
@-moz-document domain("embed.reddit.com") {
#reddit-logo {
display: none;
}
hr {
display: none;
}
a.join-btn {
display: none;
}
a.media-view-more-on-reddit-button {
display: none;
}
a.embed-background-cta {
display: none !important;
}
a[data-testid="comments"] {
display: none;
}
faceplate-tracker {
display: flex;
}
.h-\[80px\] {
height: auto;
}
.h-\[60px\] {
height: auto;
}
#embed-title {
margin-top: 1rem;
}
.mt-xs {
margin-top: 1rem;
}
#embed-container {
background-color: #2b2d31 !important;
}
.text-neutral-content-weak, .text-secondary-weak, .text-global-brand-orangered {
color: rgb(139, 152, 165);
}
div[id$="-embed-wrapper"] {
border: none;
}
h1.font-bold {
font-weight: normal;
}
img.h-full.w-full.object-contain.relative {
max-height: 530px;
}
div.h-full.w-full.object-containborder-none {
height: auto;
}
embed-img {
display: none;
}
}