Makes Twitter appear similar to how it did in 2008-2011. WIP as messages is broken atm. You may also need to zoom out to use the style
Classic Twitter by moonieloonie
Details
Authormoonieloonie
LicenseNo License
Categorytwitter
Created
Updated
Size62 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name twitter.BABA - Dec 2023
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document domain("twitter.com") {
.r-14lw9ot {
background-color: rgb(230, 229, 255);
}
:root {
--theme: #927bd0;
--bg: url('https://ton.twitter.com/1.1/ton/data/dm/1735184445689262262/1735184430967230464/ivXn3PC2.jpg:large');
--bg-op: 0.35;
--tweet-op: 100;
--lettercase: unset;
}
html {
background: var(--bg) fixed !important;
background-size: cover !important;
}
/*darken bg*/
.r-150rngu > div:nth-child(1):not(.r-1d0k16c):not(.r-kemksi):not(.r-1ye8kvj):not(.r-ouzzow):not(.r-136ojw6) {
/* - DM bg, DM bg, DM bg, DM bg pop-out DM */
background: rgba(0,0,0,var(--bg-op)) !important;
outline: solid rgba(0,0,0,var(--bg-op)) 9999px !important;
}
/* remove original bg */
body {
background: rgba(255, 255, 255, 0) !important;
}
.css-1dbjc4n{
background-color: rgba(0, 0, 0, 0);
border: none;
}
/* tweet bg */
.r-1ljd8xs {
background: rgba(249,247,253,var(--tweet-op)) !important;
}
/* misc bg fixes */
.r-k200y, /* dm(recipient) */
.r-1r5jyh0, /* profile hover */
.r-1ljd8xs:nth-child(2), /* pic preview sidebar */
.r-1ipicw7, /* profile switcher */
.r-h3f8nf, /* search popup */
.r-1jte41z, /* mini messages window */
.r-htvplk, /* big pop-ups */
.r-1upvrn0, /* alt text */
.r-adacv, /* qrt */
.r-1q9bdsx { /* reply restriction */
background: rgb(248, 245, 255) !important;
}
/* light mode fixes */
.r-1re7ezh, .r-18jsvk2, .r-3s2u2q .r-qvutc0 {
color: #ffaefe !important;
}
.r-9ilb82, .r-14j79pv, .r-1bwzh9t {
color: #9d19bb
}
.r-z2wwpe:not(.r-eqz5dr) { /* options menu */
background: rgba(0, 0, 0, .8) !important;
}
/* letter case */
.r-poiln3 {
text-transform: var(--lettercase) !important;
}
/* letter case */
.r-poiln3 {
text-transform: var(--lettercase) !important;
}
/* theme color */
a:not(.r-9ilb82):not(.r-14j79pv):not(.r-111h2gw),
.r-1cvl2hr, /* show x tweets + thread */
.r-1pp923h > div:nth-child(1), /* sidebar show more */
.r-19wmn03, /* icons */
.r-9cviqr{ /* verified */
color: var(--theme) !important;
}
::selection, /* text highlight */
.r-19u6a5r .r-15ysp7h, /* sidebar follow */
.r-1waj6vr, /* new tweet button */
.r-l5o3uw, /* new tweet + outgoing DM */
.r-m5arl1, /* reply/thread line */
.r-1bimlpy, /* poll bars */
.r-10u4nep, /* video scrubber */
.r-1xfd6ze .r-1pz39u2 { /* video progress bar */
background: var(--theme) !important;
}
/* remove footer */
.r-1yadl64 nav.r-18u37iz {
display: none;}
}
.r-1867qdf {
border-radius: 8px;
}
div.r-jxzhtn:nth-child(1) {
border-radius: 8px;
}
div.r-14lw9ot:nth-child(3) {
border-radius: 8px;
}
nav.r-j5o65s {
border-radius: 8px;
}
div.r-14lw9ot:nth-child(3) > div:nth-child(1) > div:nth-child(2) {
border-radius: 8px;
}
nav.r-j5o65s {
display:none
}
div.r-jxzhtn:nth-child(1) {
border-radius: 8px;
}
.r-1gn8etr > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
border-radius: 8px;
}
.r-30o5oe {
display:none
}
div.r-1867qdf:nth-child(4) {
display:none
}
div.r-1867qdf:nth-child(5) {
display:none;
}
header.css-175oi2r {
left: 900px;
}
div.r-13qz1uu:nth-child(3) {
left: -50px;
}
aside.css-175oi2r {
display:none;
}
div.r-1867qdf:nth-child(3) {
display:none;
}
label.css-175oi2r > div:nth-child(2) {
display:none;
}
div.r-1hycxz:nth-child(1) {
display:none;
}
div.r-jxzhtn:nth-child(1) {
top: 70px;
}
div.r-1jgb5lz:nth-child(3) > section:nth-child(1) > div:nth-child(2) {
left: 50px;
}
nav.r-j5o65s > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > a:nth-child(1) {
display:none;
}
nav.r-j5o65s > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) {
display:none;
}
div.r-j5o65s:nth-child(2) {
display:none;
}
.r-usiww2 > div:nth-child(1) > div:nth-child(1) {
bottom: 482px;
}
.r-1rnoaur > div:nth-child(1) {
top: 60px;
}
.r-lrsllp {
bottom: 50px;
}
.r-1rnoaur {
margin-left: 200px;
}
.r-1rnoaur {
margin-left: 200px;
right: 210px;
}
/* ref: https://userstyles.world/style/9206/twitterdogedestroyer */
h1[role="heading"] > a[href="/home"][role="link"] path,
[aria-label="Loading…"] path {
display: none;
}
h1[role="heading"] > a[href="/home"][role="link"] svg,
[aria-label="Loading…"] svg {
background-image: url("data:image/png;base64,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...