A simple, clean and borderless twitter dark theme.
Dark & simple twitter (NO LONGER MAINTAINED) by sergio9929
Details
Authorsergio9929
LicenseNo License
Categorytwitter
Created
Updated
Size3.0 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
THIS USERSTYLE IS NO LONGER MAINTAINED
I highly recommend this Chrome/Edge extension: https://chromewebstore.google.com/detail/minimal-theme-for-twitter/pobhoodpcipjmedfenaigbeloiidbflp
Set up
Select the darkest twitter theme
Source code
/* ==UserStyle==
@name Dark & simple twitter
@homepageURL https://userstyles.world/style/534/dark-simple-twitter-no-longer-maintained
@supportURL https://github.com/sergio9929/userstyles/issues
@version 20220318.20.33
@namespace userstyles.world/user/sergio9929
@description A simple, clean and borderless twitter dark theme.
@author sergio9929 (https://sergio-rodriguez.web.app/)
@license No License
==/UserStyle== */
@-moz-document url-prefix("https://twitter.com") {
:root {
--color1: rgb(15, 15, 15);
--color2: rgb(0, 0, 0);
--color3: rgb(47, 51, 54);
--hover-color: rgba(255, 255, 255, .06);
}
/* mostrar respuestas */
.r-m2pi6t, .r-1ye8kvj .r-1yzf0co{
border-radius: 16px;
}
/* algunas separaciones */
.r-1ysxnx4.r-1igl3o0.r-rull8r.r-qklmqi.r-tbmifm{
background-color: var(--color2);
}
/* fondo */
.r-kemksi{
background-color: var(--color2);
}
/* texto secundario e iconos */
.r-9ilb82{
color: rgb(110, 118, 125);
}
/* contenedor de tarjetas */
.r-1ye8kvj {
border-top-width: 0px!important;
}
/* tarjetas */
article.r-i023vh {
border-radius: 16px;
margin-bottom: 2px;
}
/* borde */
.r-1kqtdi0 {
border-color: var(--color2);
border-width: 1px;
box-shadow: 0px 3px 15px -5px black;
}
/* borde de inputs */
label.r-1kqtdi0{
border-color: var(--color3);
border-width: 1px;
}
/* cosas dentro de tarjetas */
.css-1dbjc4n.r-1kqtdi0.r-1867qdf.r-rs99b7.r-1ny4l3l.r-1udh08x.r-o7ynqc.r-6416eg>div, .r-1867qdf>a, .r-1a3nbsi {
background-color: var(--hover-color);
}
/* Qué está pasando y A quién seguir */
.r-g2wdr4 {
background-color: var(--hover-color);
border-color: var(--color2);
}
/* borde */
.r-k0dy70 {
border-color: var(--color2);
}
/* correcion de error de repeticion de highlight */
.r-1ysxnx4.r-1867qdf>div{
background-color: transparent;
}
/* tarjetas de tendencias */
section.css-1dbjc4n>div>div>div>div.r-1igl3o0>div {
border-radius: 16px;
overflow: hidden;
}
/* espacio entre tarjetas */
.r-1igl3o0 {
border-bottom-color: var(--color2);
}
.r-qklmqi {
border-bottom-width: 2px;
}
/* borde (no se muy bien de donde) */
.r-2sztyj {
border-top-color: var(--color2);
}
/* ¿Que esta pasando? */
/* espacio de debajo */
.r-1or9b2r {
background-color: var(--color2);
}
/* linea de hilo */
.r-gu4em3 {
border-color: rgb(47, 51, 54);
}
.r-dwliz8 {
border-color: rgb(47, 51, 54);
border-width: 2px;
border-top-width: 0px;
border-right-width: 0px;
}
.r-109y4c4 {
height: 2px;
background-color: var(--color2)!important;
}
/* mostrar respuestas */
.r-qhyqy2 {
border-radius: 16px;
}
/* modal */
.r-qo02w8 {
background-color: var(--color1);
box-shadow: rgb(0 0 0) 0px 0px 30px 5px;
}
/* hover */
.r-1cuuowz {
background-color: var(--hover-color);
}
/* buscar y "te sigue" */
.r-z32n2g {
background-color: var(--hover-color);
}
.r-1udbk01 {
background-color: var(--hover-color);
}
}