CSSでtwitterをかっこよくしたい話

 

	
@-moz-document url-prefix("https://twitter.com/home") {
div[class="css-1dbjc4n r-16y2uox r-6b64d0 r-cpa5s6"]:nth-child(1) {
    display: none;
}
}

@-moz-document domain("twitter.com") {
.css-1dbjc4n.r-18u37iz.r-13qz1uu.r-417010 {
    background: #000000;
}

.r-6026j,
.r-14lw9ot,
.r-56xrmm {
    background: transparent !important;
}

.r-m0bqgq,
.r-13gxpu9 {
    color: #0f1419
}

[class="css-1dbjc4n"][data-testid="placementTracking"]:has([d^="M19.498 3h-15c-1.381 0-2.5 1.12-2.5"]) {
display: none !important;
}

div[aria-label="タイムライン: トレンド"] ,a[aria-label="Twitter Blue"],a[class="css-4rbku5 css-18t94o4 css-1dbjc4n r-1loqt21 r-1777fci r-bt1l66 r-1ny4l3l r-bztko3 r-lrvibr"]{
    display: none;
}


div[aria-labelledby="modal-header"],
.r-1f1sjgu,
.r-nsbfu8,
div[data-testid="typeaheadEmptySearch"] {
    backdrop-filter: blur(10px);
}

.r-1cvl2hr,
.r-cnnz9e,
.r-bcqeeo,
.r-l5o3uw,
.r-ipm5af,
.r-18jsvk2
 {
    color: #a10000;
}

.r-1waj6vr,.r-1vtznih{
    background: #ff0000;
}

.r-l5o3uw,div[aria-label="新しいツイートがあります。新しいツイートに移動するには、ピリオドキーを押してください。"]{
    background: #a10000;
}
circle[stroke-linecap="round"] {
    stroke: #a10000;
}


.css-16my406,
.public-DraftStyleDefault-block,
.r-1q142lx,
.r-19u6a5r {
    color: #ffffff;
}

.r-x572qd{
    background:#909090;
}
/*.css-16my406,.public-DraftStyleDefault-block,.r-1q142lx{
    background: -webkit-linear-gradient(0deg, #FF0000,#FFA500,#FFFF00,#008000,#00FFFF,#0000FF,#800080);
    -webkit-background-clip: text;
    font-size:large;
    font-weight: bold;
    -webkit-text-fill-color: transparent ;
}

.css-1dbjc4n.r-18u37iz.r-13qz1uu.r-417010 {
    background: linear-gradient(to right, Magenta, yellow, Cyan, Magenta) 0% center/200%;
    animation: gaming 2s linear infinite;
  }
  @keyframes gaming {
    100% { background-position-x: 200%; }
  }
}
	

初心者ながら作ってみました。
もしよければ使ってみてください。(虹色にするコードもあります)