Skip to content

Yet another Twitter rebrand reversion by 6bzt

Details

Author6bzt

LicenseNo License

CategoryTwitter

Created

Updated

Size4.3 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Another brand revert. Some of the terminology has been restored as well! (Designed for smallest font size)

Notes

VERY incomplete
Tweet button (sidebar) may break at smaller resolutions.
Only tested on twitter.com

Source code

/* ==UserStyle==
@name           Yet another Twitter rebrand reversion
@namespace      github.com/openstyles/stylus
@version        1.0.5
@description    Another brand revert. Some of the terminology has been restored as well! (Designed for smallest font size)
@author         6bzt
@preprocessor   stylus

@var checkbox clr "Colorize Twitter Logo" 1
@var checkbox UseAltFont "Replace Twitter Font" 1
@var text AltFont "Font" TwitterChirp
@var select TextSeeker "Font Replacement Coverage" ["Isolated*", "IncludingExtensions:Global (affects other Twitter-related pages and extensions)"]
==/UserStyle== */
@-moz-document domain("twitter.com"), domain("x.com") {
    h1[role="heading"] > a[href="/home"][role="link"] path,
    [aria-label="Loading…"] path,
    [aria-label="View on Twitter"] path,
    [d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"] {
        d: path("M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z");
        color: rgb(29, 155, 240) if clr;
        fill: rgb(29, 155, 240) if clr;
    }

    div[aria-disabled="true"] > div[dir="ltr"] > span > span {
        font-size: 0px;
    }
    div[aria-disabled="true"] > div[dir="ltr"] > span > span::before {
        font-size: 14px;
        position: relative;
        top: 2px;
        content: "Tweet";
    }
    div[data-testid="toolBar"] > div[data-testid="tweetButtonInline"] > div[dir="ltr"] > span > span {
        font-size: 0px;
    }
    div[data-testid="toolBar"] > div[data-testid="tweetButtonInline"] > div[dir="ltr"] > span > span::before {
        font-size: 14px;
        position: relative;
        top: 2px;
        content: "Tweet";
    }
    div[data-testid="tweetButton"] > div[dir="ltr"] > span > span {
        font-size: 0px;
    }
    div[data-testid="tweetButton"] > div[dir="ltr"] > span > span::before {
        font-size: 14px;
        position: relative;
        top: 2px;
        content: "Tweet";
    }
    a[href="/compose/tweet"] > div > div[dir="ltr"] > span::after {
        content: "Tweet";
    }
    a[aria-label="Post"] > div[dir="ltr"] > span {
        font-size: 0px;
    }
    a[aria-label="Post"] > div[dir="ltr"] > span::after {
        font-size: 15px;
        position: relative;
        bottom: 6px;
        content: "Tweet";
    }
    div[data-testid="retweetConfirm"] > div > div[dir="ltr"] > span {
        font-size: 0px;
    }
    div[data-testid="retweetConfirm"] > div > div[dir="ltr"] > span::after {
        font-size: 14px;
        position: relative;
        top: 2px;
        content: "Retweet";
    }
    div[data-testid="pillLabel"] > span {
        font-size: 0px;
    }
    div[data-testid="pillLabel"] > span::after {
        font-size: 14px;
        position: relative;
        top: 3px;
        content: "Tweeted";
    }
    /*     h2[role="heading"] > span {
        font-size: 0px;
    }
    h2[role="heading"] > span::after {
        font-size: 18px;
            content: "Tweet";
    } */
    /* bring the chirp font back */
    .r-1qd0xha {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "TwitterChirp";   /* [CHIRPBIRDICON] fix */
        font-family: AltFont, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "TwitterChirp" if UseAltFont;
    }
    
    * {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "TwitterChirp" if TextSeeker == IncludingExtensions;
        font-family: AltFont, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "TwitterChirp" if UseAltFont && TextSeeker == IncludingExtensions
    }
}

Reviews

No reviews yet.