Skip to content

Instantly share code, notes, and snippets.

@ericwbailey
Last active September 18, 2023 19:09
Show Gist options
  • Save ericwbailey/7a184e44351829e316fa493adb185a2e to your computer and use it in GitHub Desktop.
Save ericwbailey/7a184e44351829e316fa493adb185a2e to your computer and use it in GitHub Desktop.
Stylus tweaks to fix Twitter's desktop web UI. #twitter #stylus
/*
* LOGO
*/
[aria-label="Twitter"] {
display: none;
}
/*
* LEFT COLUMN
*/
/* Remove nav I don't use */
[aria-label="Search and explore"],
[aria-label="Communities"],
[aria-label="Bookmarks"],
[aria-label="Lists"] {
display: none;
}
/* Less visual weight for nav options */
[aria-label="Primary"] [dir="auto"] {
font-size: 1rem;
font-weight: 400;
}
/* Tigher grouping */
[aria-label="Primary"] a {
padding: 0;
}
/* Hide distracting profile toggle */
[data-testid="SideNav_AccountSwitcher_Button"] {
display: none;
}
/*
* MAIN COLUMN
*/
div[aria-label="New Tweets are available. Push period to go to the beginning of your timeline and view them"] {
display: none !important;
}
/*
* TWEET BUTTON
*/
/* Make button flatter, less loud */
[aria-label="Tweet"] {
border: none;
box-shadow: none;
background-color: #F4F8FA !important;
}
/* Style to look like other UI */
[aria-label="Tweet"] div {
color: #00A1F9;
}
[aria-label="Tweet"]:hover {
filter: none;
}
[aria-label="Tweet"]:hover {
background-color: #00A1F9 !important;
}
[aria-label="Tweet"]:hover div {
color: #F4F8FA !important;
}
/*
* RIGHT COLUMN
*/
/* See ya later, racism aggregator */
[aria-label="Timeline: Trending now"] {
display: none;
}
/* Less visual weight for who to follow */
[aria-label="Who to follow"] [aria-level="2"][role="heading"] .r-1qd0xha {
font-size: 1rem;
}
/* Tone down unfollow */
[data-testid="16515870-unfollow"] {
filter: grayscale(1);
opacity: 0.5;
}
/* Remove the background color from Who to Follow */
[data-testid="sidebarColumn"] .r-1u4rsef {
background-color: transparent !important;
}
/* Remove Topics to Follow */
[aria-labelledby="accessible-list-0"][role="region"] [aria-label="Timeline: "] {
display: none;
}
/*
* DM DRAWER
*/
[data-testid="DMDrawer"] {
display: none;
}
@SilentGlasses
Copy link

Hi @ericwbailey Thanks for this theme...

Any chance to get column widths here? Was looking to expand the feed column a bit more...

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment