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

Code size3.0 kB

Code checksuma804a456

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.