somewhat transparent twitter x dot com the everything app userstyle

transparent_twitter.user.css

/* ==UserStyle==
@name           somewhat transparent twitter x dot com the everything app userstyle 
@namespace      gist.github.com/busybox11
@version        1.0.0
@description    hacked together userstyle to make twitter transparent on zen browser
@author         busybox11
@updateURL      https://gist.github.com/busybox11/f339f10da2b5f4a1a26c558663936699/raw/transparent_twitter.user.css
==/UserStyle== */
@-moz-document domain("x.com"), domain("twitter.com") {
body {
    background-color: transparent !important;
}

/* Searchbar, tweet reply container */
.css-175oi2r.r-1awozwy.r-aqfbo4.r-kemksi.r-18u37iz.r-1h3ijdo.r-6gpygo.r-15ysp7h.r-1xcajam.r-ipm5af.r-136ojw6.r-1hycxz,
div[data-testid="inline_reply_offscreen"] > div {
    background-color: transparent !important;
}

.r-kemksi {
    background-color: #00000060 !important;
}
.r-1kqtdi0,
.r-2sztyj,
.r-1roi411,
.r-1igl3o0,
.css-175oi2r.r-sdzlij.r-1phboty.r-rs99b7.r-lrvibr.r-1ceczpf.r-lp5zef.r-3o4zer.r-1loqt21.r-o7ynqc.r-6416eg.r-1ny4l3l {
    border-color: #FFFFFF20 !important;
}

/* Compose tweet border */
.css-175oi2r.r-1igl3o0.r-qklmqi.r-1w6e6rj.r-m5k245.r-13qz1uu.r-1awozwy.r-18u37iz.r-1wtj0ep {
    margin-left: 0px;
}


/* Follow btn, tweet btn... */
.css-175oi2r.r-sdzlij.r-1phboty.r-rs99b7.r-lrvibr.r-15ysp7h.r-4wgw6l.r-3pj75a.r-1loqt21.r-o7ynqc.r-6416eg.r-1ny4l3l,
[data-testid="addButton"] {
    background-color: transparent !important;
    border-color: #FFFFFF40 !important;
}
.css-175oi2r.r-sdzlij.r-1phboty.r-rs99b7.r-lrvibr.r-15ysp7h.r-4wgw6l.r-3pj75a.r-1loqt21.r-o7ynqc.r-6416eg.r-1ny4l3l > div > span {
    color: #FFFFFF80 !important;
}

/* Tweet separators */
.r-gu4em3,
.r-1bnu78o {
    background-color: #FFFFFF20;
}

.css-175oi2r.r-1bnu78o.r-f8sm7e.r-m5arl1.r-1p0dtai.r-1d2f490.r-u8s1d.r-zchlnj.r-ipm5af {
    top: 1px;
}

/* New tweet actions */
.css-175oi2r.r-1awozwy.r-kemksi.r-18u37iz.r-1wtj0ep.r-13qz1uu.r-184en5c,
.css-175oi2r.r-kemksi.r-jumn1c.r-xd6kpl.r-gtdqiz.r-ipm5af.r-184en5c,
.css-175oi2r.r-1kihuf0.r-1xk7izq.r-f8sm7e.r-jzhu7e.r-13qz1uu.r-kemksi.r-u9wvl5.r-dp7rxi[data-testid="emptyState"] {
    background-color: transparent !important;
}


/* Popups */
div[role="menu"],
div[data-testid="HoverCard"],
div[data-testid="DMDrawer"] > .css-175oi2r.r-kemksi.r-st84sj.r-j3xhw6.r-qo02w8,
.css-175oi2r.r-105ug2t.r-1867qdf.r-qo02w8.r-13awgt0.r-1ce3o0f.r-1udh08x.r-u8s1d.r-13qz1uu.r-173mn98.r-1e5uvyk.r-5zmot.r-j7xza8.r-rs99b7.r-12jitg0,
.css-175oi2r.r-kemksi.r-zchlnj.r-1d2f490.r-1rnoaur.r-1r851ge.r-u8s1d.r-ipm5af.r-1xfd6ze.r-qo02w8.r-8fhv3p.r-h3f8nf,
.css-175oi2r.r-kemksi.r-1kqtdi0.r-th6na.r-1phboty.r-1dqxon3.r-1hycxz,
div[aria-labelledby="modal-header"],
.css-175oi2r.r-adacv.r-1udh08x.r-1867qdf.r-19od9ir.r-o7ynqc.r-6416eg.r-1ny4l3l.r-1loqt21,
.css-175oi2r.r-1fuqb1j.r-19od9ir,
.css-175oi2r.r-168457u.r-sdzlij.r-1uusn97.r-1777fci.r-cnw61z.r-3pj75a.r-1loqt21.r-o7ynqc.r-6416eg.r-1ny4l3l {
    background-color: black !important;
    box-shadow: 0px 0px 4px black;
    border: 1px solid #FFFFFF30;
}

/* New tweets popover */
.css-175oi2r.r-sdzlij.r-1uusn97.r-1777fci.r-cnw61z.r-3pj75a.r-1loqt21.r-o7ynqc.r-6416eg.r-8g4rmw.r-1ny4l3l {
    border: 1px solid #FFFFFF30;
    box-shadow: 0px 0px 4px black;
}

div[data-testid="DMDrawer"] > div {
    border-bottom: transparent !important;
}

/* Bottom border on "more" menu */
.css-175oi2r.r-1kihuf0.r-6bdqna:has(div[role="separator"]) {
    display: none;
}

/* Arrow on account switcher */
.r-4qtqp9.r-yyyyoo.r-1xvli5t.r-dnmrzs.r-lrvibr.r-m6rgpd.r-cqee49.r-1tbvlxk.r-n6v787.r-u8s1d.r-lrsllp.r-9uu7rm.r-uoibet {
    filter: none;
}

/* Card clickable item, community notes */
div[data-testid="card.layoutSmall.detail"],
.css-175oi2r.r-adacv.r-1udh08x.r-1kqtdi0.r-1867qdf.r-rs99b7.r-o7ynqc.r-6416eg.r-1ny4l3l.r-1loqt21,
div[data-testid="birdwatch-pivot"] {
    background-color: #00000050;
}
div[data-testid="birdwatch-pivot"] > div {
    background: transparent;
}

/* Follow badges */
div[data-testid="userFollowIndicator"],
.css-175oi2r.r-1awozwy.r-k200y.r-z2wwpe.r-z80fyv.r-1777fci.r-is05cd.r-g2wdr4.r-633pao {
    background-color: #00000050;
    border: 1px solid #FFFFFF30;
}

/* Poll items */
.css-175oi2r.r-1bnu78o.r-hv4q04.r-1nna3df.r-1p0dtai.r-1d2f490.r-u8s1d.r-ipm5af.r-z2wwpe {
    background-color: #FFFFFF30;
    border: 1px solid #FFFFFF20;
}
.css-175oi2r.r-hv4q04.r-1nna3df.r-1p0dtai.r-1d2f490.r-u8s1d.r-ipm5af.r-z2wwpe.r-p28cwa {
    border: 1px solid #FFFFFF30;
}

/* You can reply to this conversation */
.r-923kfa {
    border: 1px solid #FFFFFF15;
}

/* Tweet inline action btns, profile meta */
.css-175oi2r.r-1777fci.r-bt1l66.r-bztko3.r-lrvibr.r-1loqt21.r-1ny4l3l:not(button[data-testid="unlike"]):not(button[data-testid="removeBookmark"]):not(button[data-testid="unretweet"]):not(:hover) > .css-146c3p1.r-bcqeeo.r-1ttztb7.r-qvutc0.r-37j5jr.r-a023e6.r-rjixqe.r-16dba41.r-1awozwy.r-6koalj.r-1h0z5md.r-o7ynqc.r-clp7b1.r-3s2u2q,
.css-1jxf684.r-bcqeeo.r-1ttztb7.r-qvutc0.r-poiln3.r-4qtqp9.r-1a11zyx,
.css-146c3p1.r-bcqeeo.r-1ttztb7.r-qvutc0.r-37j5jr.r-a023e6.r-rjixqe.r-majxgm.r-1awozwy.r-6koalj.r-18u37iz.r-1pi2tsx.r-1777fci.r-1l7z4oj.r-95jzfe.r-bnwqim {
    color: #FFFFFF70 !important;
}

.r-4qtqp9.r-yyyyoo.r-1xvli5t.r-dnmrzs.r-bnwqim.r-lrvibr.r-m6rgpd.r-ro57m8.r-z2wwpe.r-1phboty.r-d045u9.r-iphfwy.r-trst2h.r-1noe1sz.r-1h8ys4a {
    border-color: #FFFFFF15;
}

/* DM list */
.css-175oi2r.r-w7s2jr.r-3pj75a.r-13qz1uu.r-g2wdr4.r-o7ynqc.r-6416eg.r-1ny4l3l.r-1loqt21,
.css-175oi2r.r-1awozwy.r-z32n2g.r-1867qdf.r-18u37iz.r-l00any.r-jusfrs.r-tuq35u.r-1h0ofqe {
    background: #FFFFFF10;
}
.css-175oi2r.r-1awozwy.r-z32n2g.r-1867qdf.r-18u37iz.r-l00any.r-jusfrs.r-tuq35u.r-1h0ofqe {
    border: 1px solid #FFFFFF15;
    margin-top: 8px;
    margin-bottom: 12px;
}
.css-175oi2r.r-g2wdr4 {
    background: transparent;
}
.css-175oi2r.r-w7s2jr.r-3pj75a.r-13qz1uu.r-z32n2g.r-o7ynqc.r-6416eg.r-1ny4l3l.r-1loqt21,
.css-175oi2r.r-1shrkeu.r-1m7hjod.r-1a11zyx.r-1fs22hr.r-92ng3h {
    background: #FFFFFF20;
}

/* Grok tweet button, more button, meta text... */
button[aria-label="Grok actions"] > .css-146c3p1.r-bcqeeo.r-1ttztb7.r-qvutc0.r-37j5jr.r-a023e6.r-rjixqe.r-16dba41.r-1awozwy.r-6koalj.r-1h0z5md.r-o7ynqc.r-clp7b1.r-3s2u2q,
button[data-testid="caret"] > div,
.css-175oi2r.r-18u37iz.r-1w6e6rj.r-3pj75a > *,
.css-175oi2r.r-1loqt21.r-1xuzw63.r-faml9v > *,
.css-1jxf684.r-bcqeeo.r-1ttztb7.r-qvutc0.r-poiln3.r-xoduu5.r-1q142lx.r-1w6e6rj.r-9aw3ui.r-3s2u2q.r-1loqt21,
.css-1jxf684.r-bcqeeo.r-1ttztb7.r-qvutc0.r-poiln3.r-k200y.r-18u37iz,
/* .css-1jxf684.r-bcqeeo.r-1ttztb7.r-qvutc0.r-poiln3.r-1b43r93.r-1cwl3u0, */
.css-146c3p1.r-dnmrzs.r-1udh08x.r-1udbk01.r-3s2u2q.r-bcqeeo.r-1ttztb7.r-qvutc0.r-37j5jr.r-a023e6.r-rjixqe.r-16dba41.r-18u37iz.r-1wvb978,
.css-146c3p1.r-bcqeeo.r-1ttztb7.r-qvutc0.r-37j5jr.r-a023e6.r-rjixqe.r-16dba41.r-1q142lx.r-n7gxbd,
.css-146c3p1.r-bcqeeo.r-1ttztb7.r-qvutc0.r-37j5jr.r-a023e6.r-rjixqe.r-16dba41.r-xoduu5.r-1q142lx.r-1w6e6rj.r-9aw3ui.r-3s2u2q.r-1loqt21,
.css-146c3p1.r-bcqeeo.r-1ttztb7.r-qvutc0.r-37j5jr.r-n6v787.r-1cwl3u0.r-16dba41,
a[data-testid="analyticsButton"] > *,
[data-testid="socialContext"],
.r-4qtqp9.r-yyyyoo.r-dnmrzs.r-bnwqim.r-lrvibr.r-m6rgpd.r-1bwzh9t.r-10ptun7.r-1janqcz,
.css-146c3p1.r-bcqeeo.r-1ttztb7.r-qvutc0.r-37j5jr.r-a023e6.r-rjixqe.r-16dba41.r-xoduu5.r-1q142lx.r-1w6e6rj.r-9aw3ui.r-3s2u2q,
.draftjs-styles_0 .public-DraftEditorPlaceholder-root,
.css-1jxf684.r-bcqeeo.r-1ttztb7.r-qvutc0.r-poiln3.r-1b43r93.r-1cwl3u0:not(.css-1jxf684.r-dnmrzs.r-1udh08x.r-1udbk01.r-3s2u2q.r-bcqeeo.r-1ttztb7.r-qvutc0.r-poiln3.r-1b43r93.r-1cwl3u0),
.css-146c3p1.r-bcqeeo.r-qvutc0.r-37j5jr.r-a023e6.r-rjixqe.r-16dba41.r-16y2uox.r-1l7z4oj.r-1h8ys4a.r-fdjqy7,
.css-146c3p1.r-bcqeeo.r-1ttztb7.r-qvutc0.r-37j5jr.r-a023e6.r-rjixqe.r-16dba41.r-14gqq1x:not([data-testid="tweetText"]),
.css-146c3p1.r-8akbws.r-krxsd3.r-dnmrzs.r-1udh08x.r-1udbk01.r-bcqeeo.r-1ttztb7.r-qvutc0.r-37j5jr.r-a023e6.r-rjixqe.r-16dba41:not([data-testid="tweetText"]),
.css-146c3p1.r-bcqeeo.r-qvutc0.r-37j5jr.r-a023e6.r-rjixqe.r-16dba41.r-fdjqy7:not([data-testid="tweetText"]) {
    color: #FFFFFF50 !important;
}

.css-146c3p1.r-dnmrzs.r-1udh08x.r-1udbk01.r-3s2u2q.r-bcqeeo.r-1ttztb7.r-qvutc0.r-37j5jr.r-a023e6.r-rjixqe.r-16dba41:not([data-testid="pillLabel"]):not([data-testid="card.layoutSmall.detail"] *),
.css-175oi2r.r-1awozwy.r-1kqtdi0.r-sdzlij.r-rs99b7.r-1ion2gp.r-18u37iz.r-9aw3ui.r-cnw61z.r-3o4zer.r-1cvu7i0 > svg,
.css-175oi2r.r-1awozwy.r-1kqtdi0.r-sdzlij.r-rs99b7.r-1ion2gp.r-18u37iz.r-9aw3ui.r-cnw61z.r-3o4zer.r-1cvu7i0 > div {
    color: #FFFFFF80 !important;
}

/* Follow count profile */
.css-146c3p1.r-bcqeeo.r-1ttztb7.r-qvutc0.r-37j5jr.r-a023e6.r-rjixqe.r-16dba41.r-1loqt21 > span:not([data-testid="socialContext"]) {
    color: #FFFFFFAA !important;
}

div[data-testid="card.layoutSmall.detail"] > div:first-child {
    color: #FFFFFF60 !important;
}
div[data-testid="card.layoutSmall.detail"] > div:nth-child(2) {
    color: #FFFFFFBB !important;
}
div[data-testid="card.layoutSmall.detail"] > div:last-child,
.css-146c3p1.r-8akbws.r-krxsd3.r-dnmrzs.r-1udh08x.r-1udbk01.r-bcqeeo.r-1ttztb7.r-qvutc0.r-37j5jr.r-a023e6.r-rjixqe.r-16dba41:not([data-testid="tweetText"]) > .css-1jxf684.r-bcqeeo.r-1ttztb7.r-qvutc0.r-poiln3 {
    color: #FFFFFF80 !important;
}


/* Tweet circle counter */
[data-testid="countdown-circle"] svg > circle:not([stroke-linecap="round"]) {
    stroke: #FFFFFF20;
}


/* Grok hints */
.css-175oi2r.r-1s2bzr4.r-dnmrzs.r-bnwqim {
    margin-right: -16px;
    width: auto;
    min-width: 0;
    max-width: unset;
    margin-left: -64px;
}

.css-175oi2r.r-16y2uox.r-1wbh5a2.r-tzz3ar.r-1pi2tsx.r-buy8e9.r-mfh4gg.r-2eszeu.r-10m9thr.r-lltvgl.r-18u37iz.r-9aw3ui {
    margin: 0 20px 0 60px;
}
}