Last active
September 18, 2023 19:09
-
-
Save ericwbailey/7a184e44351829e316fa493adb185a2e to your computer and use it in GitHub Desktop.
Stylus tweaks to fix Twitter's desktop web UI. #twitter #stylus
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
* 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; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Hi @ericwbailey Thanks for this theme...
Any chance to get column widths here? Was looking to expand the feed column a bit more...