TidyX

tidyx.css

/* Hide UI Elements */
button[aria-label^="Subscribe"],
button[aria-label="Skip to home timeline"],
button[aria-label="Skip to trending"],
button[aria-label="Reply"],
div[data-testid="DMDrawer"],
nav[aria-label="Primary"] div[dir="ltr"],
div[data-testid="sidebarColumn"],
h1[role="heading"],
h2[aria-level="2"],
a[href^="/i/connect_people?user_id="],
a[href="/i/topics/pinned"],
a[href="/i/communities/suggested"],
div[data-testid="cellInnerDiv"]:has(h2[aria-level="2"]),
div[data-testid="inlinePrompt"],
button[aria-label="Share post"],
div[aria-label="Timeline: Carousel"],
div[aria-label^="Timeline: "] button[data-testid="UserCell"],
a[aria-label="Post"],
a[aria-label="Search and explore"],
a[aria-label="Verified Orgs"],
a[aria-label="Lists"],
a[aria-label="Premium"],
a[href="/i/premium_sign_up"],
a[aria-label="Jobs"],
a[aria-label="Grok"],
a[aria-label="Business"],
button[aria-label="Account menu"],
button[aria-label="More menu items"],
a[aria-label="Communities"] {
  display: none !important;
}

/* Left Sidebar Styling */
nav[aria-label="Primary"] {
  margin-top: 37px !important;
}

nav[aria-label="Primary"] > a,
button[aria-haspopup="menu"],
button[aria-label="Grok actions"] {
  padding-bottom: 20px !important;
  opacity: 0.3;
  zoom: 0.8;
}

nav[aria-label="Primary"] > a:hover,
button[aria-haspopup="menu"]:hover,
button[aria-label="Grok actions"]:hover {
  opacity: 1;
}

/* Feed Column Layout */
header[role="banner"] {
  width: 0px !important;
}
@media (min-width: 500px) and (max-width: 987px) {
  header[role="banner"] {
    width: calc((100% - 600px) / 4) !important;
  }
}
@media (min-width: 1265px) and (max-width: 1384px) {
  .r-o96wvk {
    width: 88px !important;
  }
}
@media (min-width: 1385px) {
  .r-o96wvk {
    width: 88px !important;
  }
}
/* 500/987/1077/1264 */
.r-1obr2lp,
.r-rthrr5,
.r-113js5t {
  max-width: 600px !important;
}

section[aria-label="Section navigation"] .r-1ye8kvj {
  width: 600px !important;
}

section[aria-label="Section details"].r-1ye8kvj {
  width: 400px !important;
}

div[data-testid="primaryColumn"] {
  border: none !important;
}

/* Input Field Adjustments */
.css-175oi2r.r-1h8ys4a.r-1mmae3n,
.css-175oi2r.r-1h8ys4a.r-1iusvr4 {
  margin-left: 0 !important;
}

/* Navigation and Button Styling */
nav[aria-live="polite"] button svg {
  color: rgba(29, 155, 240, 0.5) !important;
}

.r-1sw30gj,
button[data-testid="tweetButtonInline"] {
  background: none !important;
}

/* Reply Modal Styling */
.r-j5o65s {
  border-top: none !important;
}

div[aria-labelledby="modal-header"][role="dialog"] .css-175oi2r.r-1h8ys4a.r-dq6lxq.r-hucgq0 {
  margin: 0 20px !important;
}

button[aria-label="Grok actions"],
button[aria-haspopup="menu"]:not([aria-label="More"]),
article[data-testid="tweet"] div[role="group"] {
  visibility: hidden;
}
article[data-testid="tweet"]:hover button[aria-label="Grok actions"],
article[data-testid="tweet"]:hover button[aria-haspopup="menu"],
article[data-testid="tweet"]:hover div[role="group"] {
  visibility: visible;
}


/* Theme-based Background Colors */
@media (prefers-color-scheme: dark) {
  body,
  .r-kemksi,
  .r-5zmot,
  .r-gu4em3 {
    background: rgba(26, 26, 26) !important;
  }

  div[data-testid="HoverCard"],
  div[role="menu"].r-qo02w8,
  div[data-testid="GrokDrawer"] > .r-qo02w8 {
    box-shadow: rgb(98 28 28 / 40%) 0px 0px 15px, rgb(93 44 44 / 20%) 0px 0px 3px 1px !important;
  }
}

@media (prefers-color-scheme: light) {
  body,
  .r-kemksi,
  .r-5zmot,
  .r-gu4em3 {
    background: #fff !important;
  }
}

/* Feed Styling */
.r-m5arl1 {
  width: 1px !important;
}

.r-37j5jr {
  font-family: "SF Pro", sans-serif !important;
  line-height: 1.5 !important;
}

/* Remove Borders */
div[aria-label="Timeline: Conversation"] > div > div > .css-175oi2r,
div[aria-label="Timeline: Your Home Timeline"] > div > div > .css-175oi2r,
.r-1igl3o0,
.r-2sztyj {
  border: none !important;
}

div[aria-label="Timeline: Your Home Timeline"] article,
div[aria-label="Timeline: Your Home Timeline"] button.css-175oi2r:hover {
  border-radius: 16px !important;
}

/* Hide Second Element in Tweet Actions */
div[aria-label="Timeline: Your Home Timeline"] button[data-testid="UserCell"],
article[data-testid="tweet"] div[role="group"] > div:nth-child(2) {
  display: none !important;
}

/* Tab Bar Styling */
div[aria-label="Home timeline"][tabindex="0"] nav[aria-live="polite"][role="navigation"] {
  border: none !important;
}

div[role="tablist"] a[href="/home"][role="tab"] {
  height: 30px !important;
}

div[aria-label="Home timeline"][tabindex="0"] nav[aria-live="polite"][role="navigation"] div {
  visibility: hidden !important;
}

div[aria-label="Home timeline"][tabindex="0"] nav[aria-live="polite"][role="navigation"]:hover div {
  visibility: visible !important;
}

Arc Browser > Url Bar > ... > New Boost