Skip to content

Dark & simple twitter (NO LONGER MAINTAINED) by sergio9929

Screenshot of Dark & simple twitter (NO LONGER MAINTAINED)

Details

Authorsergio9929

LicenseNo License

Categorytwitter

Created

Updated

Size3.0 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A simple, clean and borderless twitter dark theme.

Notes

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);
}
}

Reviews

No reviews yet.