Twitter dot com - User CSS - Quiet!

gistfile1.txt

/* Updated 2022-12-23 */
/* Set some base color variable here. Default is a deep red. */
:root {
    --keycolor: #900;
    --keycolor-active: #f00;
    --keycolor-hover: #c00;
}

/*a[data-testid="AppTabBar_Explore_Link"],*/
a[aria-label="Bookmarks"],
aside[aria-label="Who to follow"],
div[aria-label="Timeline: Trending now"],
#react-root > div > div > div > main > div > div.css-1dbjc4n.r-aqfbo4.r-1niwhzg.r-16y2uox > div > div.css-1dbjc4n.r-aqfbo4.r-1joea0r.r-zso239.r-1ovo9ad > div > div.css-1dbjc4n.r-1xcajam.r-ipm5af.r-1ovo9ad > div > div > div > div > div:nth-child(4) {
    display: none;
}
div[data-testid="sidebarColumn"] {
    visibility: hidden;
}

#react-root > div > div > div > main > div > div.css-1dbjc4n.r-aqfbo4.r-1niwhzg.r-16y2uox > div > div.css-1dbjc4n.r-14lw9ot.r-1tlfku8.r-1ljd8xs.r-13l2t4g.r-1phboty.r-1jgb5lz.r-1ye8kvj.r-13qz1uu.r-184en5c > div > div > div.css-1dbjc4n.r-1jgb5lz.r-1ye8kvj.r-13qz1uu {
    box-shadow: 0 0 10px 5px #e6e6e6;
}
#react-root > div > div > div > main > div > div.css-1dbjc4n.r-aqfbo4.r-1niwhzg.r-16y2uox > div > div.css-1dbjc4n.r-14lw9ot.r-1tlfku8.r-1ljd8xs.r-13l2t4g.r-1phboty.r-1jgb5lz.r-1ye8kvj.r-13qz1uu.r-184en5c > div > div > div.css-1dbjc4n.r-aqfbo4.r-14lw9ot.r-my5ep6.r-rull8r.r-qklmqi.r-gtdqiz.r-ipm5af.r-1g40b8q {
    border-bottom: 5px solid #999;
}
#react-root > div > div > div > main > div > div.css-1dbjc4n.r-aqfbo4.r-1niwhzg.r-16y2uox > div > div.css-1dbjc4n.r-14lw9ot.r-1tlfku8.r-1ljd8xs.r-13l2t4g.r-1phboty.r-1jgb5lz.r-1ye8kvj.r-13qz1uu.r-184en5c > div > div > div.css-1dbjc4n.r-e84r5y.r-1or9b2r {
    height: 5px;
    color: #999
}

/* Colors */
/* Links */
.r-1n1174f,
.r-1cvl2hr{
    color: var(--keycolor);
}
/* buttons */
.r-urgr8i,
.r-l5o3uw {
    background-color: var(--keycolor);
}
/* Twitter Logo & char count ring */
.r-13gxpu9 {
    color: var(--keycolor);
}
.css-1dbjc4n svg circle:nth-of-type(2) {
    stroke: var(--keycolor);
}
/* tabs */
.r-18p3no4 {
    border-bottom-color: var(--keycolor);
}
/* rings? */
.r-p1n3y5 {
    border-top-color: var(--keycolor);
    border-right-color: var(--keycolor);
    border-bottom-color: var(--keycolor);
    border-left-color: var(--keycolor);
}
#react-root > div > div > div > main > div > div.css-1dbjc4n.r-aqfbo4.r-1niwhzg.r-16y2uox > div > div.css-1dbjc4n.r-14lw9ot.r-1tlfku8.r-1ljd8xs.r-13l2t4g.r-1phboty.r-1jgb5lz.r-1ye8kvj.r-13qz1uu.r-184en5c > div > div > div.css-1dbjc4n.r-14lw9ot.r-184en5c > div.css-1dbjc4n.r-gjtt5x > div:nth-child(1) > div > div > div > div.css-1dbjc4n.r-1iusvr4.r-46vdb2.r-1pdl7sx.r-11wrixw.r-bcqeeo.r-1bylmt5.r-13tjlyg.r-7qyjyx.r-1ftll1t > div:nth-child(2) > div > div > div:nth-child(2) > div.css-1dbjc4n.r-1awozwy.r-1777fci.r-ywje51.r-1vsu8ta.r-18qmn74 > div.css-1dbjc4n.r-1awozwy.r-1777fci.r-o7ynqc.r-1i6wzkk > div > svg > circle:nth-child(2) {
    stroke: var(--keycolor);
}
/* DM message bubble hover state */
.r-1q3imqu {
    background-color: var(--keycolor-hover);
}
/* DM Message List, selected */
.r-4rwt92 {
    border-right-color: var(--keycolor);
}
/* Button Active state */
.r-ny3pxa {
    background-color: var(--keycolor-active);
}
/* neutral button states */
/* hover - should have an alpha) */
.r-zv2cs0 {
    background-color: #f1f1f1;
}
/* active - should have an alpha) */
.r-r72n3l {
    background-color: #e6e6e6;
}
/* TWEET COMPOSER ------------------------- */
/* blackout Background for Tweet composing */
.r-1ffj0ar {
    background-color: rgba(0, 0, 0, 0.9) !important;
}
/* Input box height */
.notranslate.public-DraftEditor-content {
    /*height: 300px;*/
}
.css-18t94o4.css-1dbjc4n.r-1awozwy.r-sdzlij.r-6koalj.r-18u37iz.r-1ny4l3l.r-1sp51qo.r-o7ynqc.r-6416eg {
    margin-bottom: 50px;
    background: #E6E6E6;
    border: 2px solid #ccc;
}