THIS THEME IS BASE ON "Twitter - Minimalistic Dark by 6meikyuu9".
I just took his theme and fix some twitter bug (may be due to css updates for firefox).
Twitter - Minimalistic Dark (Rework) by Kagamiie
Details
AuthorKagamiie
LicenseCC BY-NC-ND 4.0
Categorytwitter.com
Created
Updated
Size7.3 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
(IMPORTANT) To make this design work:
I'm a firefox user, so if you think there's a bug, send me a message on twitter: Kagamiie.
1. Go to Settings
2. Change "Background" to "Lights out"
3. Change "Font Size" to smallest possible.
Source code
/* ==UserStyle==
@name Twitter - Minimalistic Dark (Rework)
@author Kagamiie (https://github.com/kagamiie)
@description If you want to submit a bug or request a feature please report via twitter.
@namespace https://userstyles.world/user/kagamiie
@version 1.3.0
@preprocessor stylus
==/UserStyle== */
@-moz-document domain("x.com") {
/* ------------------------------------------- */
/* ----------------- READ ME ---------------- */
/* ------------------------------------------- */
/*
To make this design work.
1. Go to Settings
2. Change "Background" to "Lights out"
3. Change "Font Size" to smallest possible.
*/
/* ------------------------------------------- */
/* ---------------- Width FIX ---------------- */
/* ------------------------------------------- */
/* 1920 */
.r-1ye8kvj {
max-width: 1080px!important;
}
.r-1s2hp8q {
margin-left: 0px;
}
[id = "react-root"] {
margin: 0px 300px 0px 0px!important;
}
[class = "css-1dbjc4n r-1awozwy r-aqfbo4 r-yfoy6g r-18u37iz r-1h3ijdo r-15d164r r-1vsu8ta r-1xcajam r-ipm5af r-1hycxz r-136ojw6"] {
width: 230px;
}
/* 1280 */
.r-1ye8kvj {
max-width: 900px!important;
}
.css-175oi2r.r-aqfbo4.r-fif9oo.r-1hycxz.r-1udh08x,
.css-175oi2r.r-aqfbo4.r-zso239.r-1jocfgc.r-1udh08x,
.css-175oi2r.r-aqfbo4.r-10f7w94.r-1hycxz.r-1udh08x,
.css-175oi2r.r-aqfbo4.r-1l8l4mf.r-1hycxz.r-1udh08x,
.css-175oi2r.r-aqfbo4.r-1l8l4mf.r-1jocfgc.r-1udh08x {
display: none
}
.r-1s2hp8q {
margin-left: 0px;
}
[id = "react-root"] {
margin: 0px 100px 0px 0px!important;
}
/* ------------------------------------------- */
/* -------Turns Rounded Corner to Edges------- */
/* ------------------------------------------- */
.css-1dbjc4n {
border-radius: 0px!important;
}
.r-icoktb,
.r-gwky94 {
border-radius: 2px!important;
}
.r-1mi75qu,
.r-14lw9ot,
.r-1gg85qh,
.r-kiymu5,
.css-18t94o4 {
box-shadow: none;
border: none!important;
}
.r-u8s1d {
position: absolute;
border-radius: 7px !important;
}
.r-o7ynqc {
transition-duration: 0.2s;
border-radius: 7px !important;
}
.css-175oi2r.r-1mlwlqe.r-1udh08x.r-417010[aria-label = "Image"] {
border-radius: 7px !important;
}
##.r-ttdzmv.r-vacyoi.css-175oi2r > div.css-175oi2r,
{
display: none;
background: transparent!important;
}
div.css-175oi2r.r-sdzlij.r-1udh08x.r-633pao.r-u8s1d.r-1wyvozj.r-1v2oles.r-desppf > div.css-175oi2r.r-1pi2tsx.r-13qz1uu,
.r-uuique:active {
display: none;
background: transparent!important;
}
.css-175oi2r.r-aqfbo4.r-zso239.r-1hycxz.r-1udh08x {
display: none;
}
/* ------------------------------------------- */
/* ---------------- ICON SIZE ---------------- */
/* ------------------------------------------- */
.r-1hdv0qi {
width: 20px;
}
.r-1xvli5t {
height: 20px;
}
/* ------------------------------------------- */
/* --------------- Main Colors --------------- */
/* ------------------------------------------- */
.css-16my406 {
color: #fff;
}
body,
.r-aaos50 {
background-color: rgb(33, 33, 33)!important;
}
.r-z32n2g,
.r-1ysxnx4,
.r-kemksi,
.r-16kd837,
.r-5zmot {
background-color: rgb(40, 40, 40)!important;
}
.r-9ilb82 {
color: rgb(122, 122, 122);
}
.r-1igl3o0,
.r-1igl3o0,
.r-k0dy70,
.css-1dbjc4n,
.css-901oao {
border-color: rgb(33, 33, 33)!important;
}
.r-qklmqi {
border-bottom-width: 2px!important;
}
.r-25kp3t,
.r-7zhann,
.r-1s2hp8q,
.r-1wbh5a2,
.r-yon6af {
border: none!important;
}
.r-oyd9sg {
border-bottom: 6px transparent solid!important;
}
.r-qo02w8 {
box-shadow: rgba(0, 0, 0, .2) 0px 0px 15px, rgba(0, 0, 0, .15) 0px 0px 3px 1px;
}
.r-bfby7q {
border-top: 1px rgb(45, 45, 45) solid!important;
border-bottom: 10px rgb(45, 45, 45) solid!important;
border-left: 10px rgb(45, 45, 45) solid!important;
border-right: 10px rgb(45, 45, 45) solid!important;
background-color: rgb(45, 45, 45) !important;
}
.r-gu4em3 {
background-color: rgb(58, 58, 58);
}
[class = "css-1dbjc4n r-gu4em3 r-109y4c4 r-1p6iasa"] {
background-color: rgb(40, 40, 40)!important;
}
.css-175oi2r.r-1awozwy.r-g2wdr4.r-16cnnyw.r-1867qdf.r-1phboty.r-rs99b7.r-18u37iz.r-1wtj0ep.r-s1qlax.r-kmv1fd {
background: #212121;
}
/* ------------------------------------------- */
/* -------------- Sub color -------------- */
/* ------------------------------------------- */
.r-cqee49 {
color: rgb(40, 40, 40);
}
.css-175oi2r.r-17s6mgv.r-1t982j2.r-779j7e.r-5t7p9m.r-136ojw6 {
background: #282828;
}
.css-175oi2r.r-1wtj0ep.r-1f0eg3z.r-kmv1fd.r-o7ynqc.r-6416eg.r-1ny4l3l.r-1loqt21:hover,
.css-175oi2r.r-kemksi.r-779j7e.r-23eiwj.r-13qz1uu.r-o7ynqc.r-6416eg.r-1ny4l3l.r-1loqt21:hover,
[data-testid = "conversation"]:hover,
.css-175oi2r.r-18u37iz.r-779j7e.r-kmv1fd.r-13qz1uu.r-o7ynqc.r-6416eg.r-1ny4l3l.r-1loqt21:hover,
.css-175oi2r.r-16y2uox.r-dnmrzs.r-o7ynqc.r-6416eg.r-1ny4l3l.r-1loqt21:hover,
.css-175oi2r.r-1wtj0ep.r-16x9es5.r-1f1sjgu.r-o7ynqc.r-6416eg.r-1ny4l3l.r-1loqt21:hover {
background-color: #212121;
}
/* ------------------------------------------- */
/* ------------------ Other fix ------------------ */
/* ------------------------------------------- */
.r-18l7dai {
margin-left: 20px;
}
.r-5zmot {
border-bottom: 1px solid #212121!important;
}
.r-gtdqiz {
position: relative;
}
/* Disable a bunch of useless stuff */
.css-175oi2r.r-vacyoi.r-ttdzmv,
.css-175oi2r.r-1867qdf.r-1phboty.r-rs99b7.r-1cad53l.r-1udh08x.r-g2wdr4.r-14wv3jr,
.css-175oi2r.r-1kqtdi0.r-1867qdf.r-1phboty.r-1cad53l.r-1udh08x.r-1niwhzg.r-1yadl64,
.css-175oi2r.r-1awozwy.r-1pz39u2.r-1loqt21.r-6koalj.r-16y2uox.r-1777fci.r-mxifo9,
.css-175oi2r.r-1awozwy.r-aqfbo4.r-kemksi.r-18u37iz.r-h3s6tt.r-1a8r3js.r-1sp3mco.r-1xcajam.r-ipm5af.r-136ojw6.r-1hycxz,
[aria-label = "Listes"],
[aria-label = "Communautés"],
[aria-label = "Premium"] {
display: none;
}
.r-1cad53l {
margin-bottom: 14px;
margin-top: 14px;
}
.r-1tbvlxk {
filter: none;
}
.r-18l7dai {
margin-left: 20px;
margin-right: 20px;
}
.r-g2wdr4 {
background: #212121 !important;
}
.r-g2wdr4:hover {
border-radius: 0px !important;
}
.r-usiww2 {
background: #2f2f2f;
border-radius: 7px;
margin-right: 30px;
}
}
@-moz-document url-prefix("https://x.com/settings"),
url-prefix("https://x.com/messages") {
.r-1ye8kvj {
max-width: 600px!important;
}
}
@-moz-document url("https://x.com/settings/profile") {
.r-1ye8kvj {
max-width: 900px!important;
}
}