dark-and-simple-twitter.user.css

/* ==UserStyle==
@name         Dark & simple twitter
@homepageURL  https://userstyles.world/style/534/dark-simple-twitter-no-longer-maintained
@version      20220318.20.32
@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);
    }
}