Old Twitterfied Bluesky by homosexuayla

/* ==UserStyle==
@name           Old Twitterfied Bluesky
@namespace      bsky.app
@version        1.0.10.8
@description    Tries to make Bluesky kind of look like 2015 Twitter
@author         aaa

@var color accent-color "Accent Color" #ff78b4
@var number topbar-margin "Topbar Margin" [64, "px"]
@var checkbox warning "OK, so like idk how to use a preprocessor to actually make conditionals here so if you wanna change into light mode you gotta open this up to edit and change what's marked as a comment" 0
==/UserStyle== */
/*
    the default color is pink because i like pink :)

    I don't think there's a way to automatically adjust the topbar margin
    (idk a lot about css so maybe it's that) so i leave that for you to choose

    also like if you're looking at the css, yes it's insane.
    react is terrible and makes it impossible to make any usertheme source look decent
    everything has the same name and then you gotta use 3000 [asdn="njsdfj"] that are like heavy as fuck on the processing
    please if you know how to use javascript go on and create an alternative bluesky client that doesn't suck and isn't stupid heavy
*/
@-moz-document domain("bsky.app") {
    :root {
        --topbar-height: 48px;

        --background-color: #1b2836;
        --dark-background-color: #171f2a;
        --darker-background-color: #141d26;
        --almost-black: #d4e3ed;
        --border: #2c3c52;
        --darker-gray: #c9c9c9;
        --lil-darker-gray: #8394a1;
        --light-gray: #8394a1;
        --default-text-color: white;
    }
    /*:root {
        --topbar-height: 48px;

        --background-color: white;
        --dark-background-color: #f5f8fa;
        --darker-background-color: #f5f8fa;
        --almost-black: #292f33;
        --border: #e1e8ed;
        --darker-gray: #66757f;
        --lil-darker-gray: #6a7d8c;
        --light-gray: #8899a6;
        --default-text-color: black;
    }*/

    /* scrollbar - taken from https://github.com/dimdenGD/OldTwitter, the colors were too */
    ::-webkit-scrollbar-track {
        background: var(--background-color);
    }

    ::-webkit-scrollbar-thumb {
        background: var(--accent-color);
        border-radius: 3px;
    }

    ::-webkit-scrollbar {
        width: 6px;
    }

    /* font */
    .css-146c3p1, .ProseMirror, .css-11aywtz {
        font-family: "Arial", sans-serif !important;
        letter-spacing: unset !important;
    }

    /* colors */
    [style*="background-color: rgb(38, 39, 45);"]:not([role="tab"]):not(.r-1tw7wh) {
        background: var(--dark-background-color) !important;
    }
    
    .r-5t7p9m:hover, .r-1uudbju, .r-6dt33c {
        background-color: var(--dark-background-color) !important;
    }
    
/*.css-175oi2r.r-13awgt0[style*="background-color: rgb(0, 0, 0);"], .r-11yh6sk[style*="background-color: rgb(0, 0, 0);"], */
    body, .r-1d5kdc7 > div > .css-175oi2r.r-13awgt0,
    .r-1d5kdc7 > div > .css-175oi2r.r-13awgt0 > div > div > div > [data-stable-gutters] {
        background-color: var(--darker-background-color) !important;
    }

    textarea, div[style*="border-color: rgb(55, 57, 66);"], [style*="border-color: rgb(38, 39, 45);"] {
        border-color: var(--border) !important;
    }

    [style*="background-color: rgb(0, 0, 0);"] {
        background-color: var(--background-color) !important;
    }

    [style*="color: rgb(255, 255, 255);"] {
        color: var(--almost-black) !important;
    }
    
    [style*="color: rgb(185, 185, 193);"], [style*="color: rgb(112, 116, 137);"] {
        color: var(--light-gray) !important;
    }

    .r-ryqm5k {
        background-color: transparent !important;
    }

    [aria-label="New post"],
    [aria-label="Confirm"],
    [aria-label="Save alt text"] div,
    [style*="rgb(90, 113, 250), rgb(0, 133, 255));"],
    [style*="background-color: rgb(0, 133, 255);"] {
        background-color: var(--accent-color) !important;
        background-image: none !important;
    }

    [style*="border-bottom-color: rgb(0, 133, 255);"] {
        border-bottom-color: var(--accent-color) !important;
    }

    [fill="#0085ff"] {
        fill: var(--accent-color) !important;
    }

    path[stroke="#0085ff"] {
        stroke: var(--accent-color) !important;
    }

    [style*="rgb(0, 133, 255);"], .mention {
        color: var(--accent-color) !important;
    }
    
    [role="tab"] .r-vw2c0b[style*="letter-spacing: 0.5px;"], .r-23eiwj [style*="font-size: 16px; letter-spacing: 0.25px; font-weight: 400;"],
    .r-1kihuf0 [style*="font-size: 17px;"] {
        color: white !important;
    }
    
    /* buttons */
    
    .r-1tw7wh, .r-y47klf, .r-nsiyw1 {
        border: 1px solid var(--border);
        border-radius: 4px;
        background-color: var(--darker-background-color) !important;
        background-image: linear-gradient(var(--background-color),var(--darker-background-color)) !important;
    }
    
    .r-1tw7wh:hover, .r-y47klf:hover, .r-nsiyw1:hover {
        background-color: var(--border) !important;
        background-image: linear-gradient(var(--background-color),var(--border)) !important;
    }
    
    .r-1tw7wh > div, .r-y47klf > div, .r-nsiyw1 > div {
        color: var(--almost-black) !important;
        font-weight: bold !important;
    }
    
    .r-1tw7wh > svg > path, .r-y47klf > svg > path {
        fill: var(--accent-color) !important;
    }
    
    .r-zgfzp5, .r-bhtmuz {
        margin-inline: 0;
    }

    /* topbar */
    .r-1w88a7h {
        position: fixed;
        width: 100vw;
        flex-direction: row;
        top: 0;
        left: 0;
        right: unset;
        height: var(--topbar-height);
        overflow: hidden;
        background-color: var(--background-color) !important;
        border-bottom: 1px solid var(--border);
    }
    
    [role="tab"] {
        margin-right: 3px;
    }

    [role="tab"] > div, input[aria-label="Search"] {
        font-size: 13px !important;
    }

    [role="tab"] > .r-vw2c0b {
        font-weight: unset;
    }

    /* stupid move coming right at ya*/
    [role="tab"] > div, [role="tab"] > div > svg {
        color: var(--darker-gray) !important;
    }
    
    [role="tab"]:has(.r-vw2c0b:not(.r-wzwllv)) > div > svg, [role="tab"][style*="background-color: rgb(38, 39, 45);"] > div > svg {
        color: var(--accent-color) !important;
    }
    
    [role="tab"][style*="background-color: rgb(38, 39, 45);"] > div {
        color: var(--accent-color) !important;
    }
    
    [role="tab"] > .css-146c3p1 {
        position: relative;
        top: 2px;
    }
    
    [role="tab"] > .r-vw2c0b:not(.r-wzwllv), [role="tab"]:hover > .css-146c3p1{
        top: 3px;
    }
    
    [role="tab"] > .r-vw2c0b:not(.r-wzwllv)::after, [role="tab"]:hover > .css-146c3p1::after {
        content: "";
        display: block;
        width: calc(100% + 55px);
        right: 44px;
        top: 11px;
        height: 3px;
        position: relative;
        background-color: transparent;
        transition: 0.2s;
    }
    
    [role="tab"] .r-vw2c0b:not(.r-wzwllv)::after, [role="tab"]:hover .css-146c3p1::after, [role="tab"][style*="background-color: rgb(38, 39, 45);"] .r-16dba41::after {
        background-color: var(--accent-color);
    }
    
    [role="tab"][style*="background-color: rgb(38, 39, 45);"] {
        background-color: transparent !important;
    }

    /* topbar icon */
    .r-19554kt .css-175oi2r {
        width: 32px !important;
        height: 32px !important;
    }

    .r-19554kt {
        width: 32px;
        padding: 0;
        margin-top: 8px;
        margin-bottom: 8px;
        position: fixed;
        right: calc(137px + var(--topbar-margin));
    }

    /* tabs */
    [aria-label="Home"] {
        margin-left: var(--topbar-margin);
    }

    [aria-label="Profile"] {
        display: none;
    }

    .r-uaa2di {
        gap: 8px;
    }

    .r-1iww7jx {
        width: 24px;
        height: 24px;
    }

    [aria-label="Settings"] .r-16dba41, [aria-label="Settings"] .r-vw2c0b,
    [aria-label="Moderation"] .r-16dba41, [aria-label="Moderation"] .r-vw2c0b {
        display: none;
    }

    [aria-label="Settings"], [aria-label="Moderation"] {
        position: fixed;
        height: calc(var(--topbar-height) - 1px);
    }

    [aria-label="Settings"] {
        right: calc(381px + var(--topbar-margin));
    }

    [aria-label="Moderation"] {
        right: calc(429px + var(--topbar-margin));
    }

    /* compose and search */
    .r-bnwqim {
        padding: 0;
    }

    [aria-label="New post"], .css-175oi2r.r-bnwqim.r-1ipicw7 {
        margin: 8px 0;
        position: fixed;
        top: 0;
        height: 32px;
        z-index: 1
    }
    
    [aria-label="New post"] > div {
        font-weight: normal;
        font-size: 13px !important;
    }
    
    .r-jwli3a {
        color: var(--background-color);
    }

    /* search */
    .css-175oi2r.r-bnwqim.r-1ipicw7 {
        right: calc(181px + var(--topbar-margin));
        background-color: transparent !important;
    }

    .css-175oi2r.r-bnwqim.r-1ipicw7, .r-1ipicw7 {
        width: 200px;
        z-index: 1;
    }

    .r-y47klf.r-1ipicw7 {
        border-radius: 20px;
        background: var(--darker-background-color) !important;
        border: 1px solid var(--border);
        height: 32px;
    }

    [aria-label="New post"] {
        width: 125px;
        right: var(--topbar-margin);
    }

    .css-175oi2r.r-y47klf.r-ymttw5.r-1vvnge1.r-1ipicw7 {
        padding: 0;
    }

    input[aria-label="Search"] {
        padding: 13px 8px;
        height: 24px;
        color: var(--almost-black) !important;
        opacity: 0.7;
    }
    
    input[aria-la...