Skip to content

Twitter Button Coloriser by TheCodinPro

Screenshot of Twitter Button Coloriser
Write a review Install Get Stylus

Details

AuthorTheCodinPro

LicenseNo License

Categoryx.com

Created

Updated

Size1.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Re-adds the color to the post/tweet buttons and some other elements that had their color removed on Twitter

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           Twitter Theme
@namespace      github.com/TheCodinPro
@version        1.0.0
@description    A CSS Style/Theme that customizes the colors of some buttons around twitter
@author         Coding
@var color logo-color "Logo Color" #00ffae
@var color button-color "Button Color" #00ffae
@var color button-hover-color "Button Hover Color" #52ffc8
==/UserStyle== */

@-moz-document url-prefix("https://x.com/") {
    a[aria-label="X"] > div > svg
    {
        fill: var(--logo-color)
    }
    
    a[aria-label="Post"],
    button[data-testid="tweetButton"],
    button[data-testid="tweetButtonInline"],
    button[aria-label~="Follow"] {
        background-color: var(--button-color) !important;
    }
    
    a:hover[aria-label="Post"]:not([aria-disabled]),
    button:hover[data-testid="tweetButton"]:not([aria-disabled]),
    button:hover[data-testid="tweetButtonInline"]:not([aria-disabled]),
    button:hover[aria-label~="Follow"]{
        background-color: var(--button-hover-color) !important;
    }
}

Reviews

No reviews yet.