xitter pink

CSS plugin for twitter that turns it pink

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         xitter pink
// @namespace    https://twitter.com
// @version      1.0
// @description  CSS plugin for twitter that turns it pink
// @author       nora >.<
// @license MIT
// @match        https://twitter.com/*
// @match        https://x.com/*
// @match        https://mobile.twitter.com/*
// @icon         https://www.google.com/s2/favicons?domain=x.com
// @run-at       document-start
// ==/UserScript==

(function() {
    'use strict';

    const style = document.createElement('style');
    style.textContent = `
        :root {
            color-scheme: light !important;
        }

        div.css-175oi2r.r-1h8ys4a,
        .css-175oi2r.r-14lw9ot.r-jumn1c.r-xd6kpl.r-gtdqiz.r-ipm5af.r-184en5c,
        .css-175oi2r.r-1awozwy.r-14lw9ot.r-18u37iz.r-1wtj0ep.r-13qz1uu.r-184en5c,
        .css-175oi2r.r-1awozwy.r-aqfbo4.r-14lw9ot.r-18u37iz.r-1h3ijdo.r-6gpygo.r-15ysp7h.r-1xcajam.r-ipm5af.r-136ojw6.r-1hycxz {
            background-color: #ffb6c1 !important;
        }

        [aria-label="Subscribe to Premium"] {
            display: none !important;
        }

        html, body, #react-root {
            background-color: #ff69b4 !important;
            color: #000000 !important;
        }

        [role="main"],
        [data-testid="primaryColumn"],
        article,
        [data-testid="tweet"],
        [data-testid="cellInnerDiv"] > div {
            background-color: #ffb6c1 !important;
            border-color: #ff69b4 !important;
            color: #000000 !important;
        }

        [data-testid="tweetButtonInline"],
        [data-testid="tweetButton"] {
            background-color: #ff69b4 !important;
            opacity: 1 !important;
        }

        svg, svg path {
            fill: #ff1493 !important;
        }
    `;

    
    if (document.head) {
        document.head.appendChild(style);
    } else {
        document.addEventListener('DOMContentLoaded', () => {
            document.head.appendChild(style);
        });
    }

})();