Twitter Pastel Color Twitter by xojaca

/* ==UserStyle==
@name           Pastel Color Twitter
@namespace      USO Archive
@author         nukumori.org
@description    `Simply make twitter pastel colored. Twitter default blue goes gray:pSpecial thanks to <a href="https://www.schemecolor.com/">SchemeColor.com</a>.<b>How to change color</b>1. Click "More (...)" button on left side of the twitter.com on browser2. Click "Display" (would be the bottom of the popup menu) will open control panel<a href="https://www.buymeacoffee.com/nukumori">🍺 <b>To support us, you can buy us a beer!</b></a><b>if you love pink</b>-> <a href="https://userstyles.org/styles/211450/">Pastel Color Twitter Pink Add on | Userstyles.org</a><b>If you are looking for custom color userstyles</b>-> <a href="https://userstyles.world/style/1578/custom-color-twitter">Custom Color Twitter — UserStyles.world</a><b>Try our other userstyles for Twitter works with it perfectly</b>- <a href="https://userstyles.org/styles/185536/">Twitter RT Button Outlined</a>- <a href="https://userstyles.org/styles/179967/">Fast Twitter 2020</a>`
@version        20220423.1.37
@license        CC-BY-NC-SA-4.0
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("twitter.com") {
/* Pastel Color Twitter */
/* Ver.20220423 by nukumori.org is licensed under CC BY-NC-SA */
/* Special thanks to SchemeColor.com https://www.schemecolor.com/ */
/* https://userstyles.org/styles/185160/ */
/* Created: June 13, 2020 */
/* Updated: April 23, 2022 */

/* ==================== */
/* common */
/* ==================== */
/* twitter logo on initial loading */
.r-13gxpu9, .r-1n1174f,
[role="heading"] .r-1cvl2hr {
  color: var(--custom-default-light);
}
.ep-Signup .ep-InlineSignupButton {
  border-color: #a20000;
  background-color: #ad0000;
}
.ep-TweetPerformance.ep-Section .ep-ViewAllEngagementsButton {
  border-color: #a00;
  color: #a00;
}
.ep-Signup .ep-InlineSignupButton:hover {
  border-color: #a00;
}
.ep-Section button:hover {
  border-color: #a00;
  background-color: #a00;
}
/* settings color bar */
.r-9hvr93 {
  box-shadow: none;
}
/* Twitter icon on customize popup */
div[style*="https://pbs.twimg.com/profile_images/"][style*="zRim1x6M_"] {
  filter: grayscale(1);
}
/* color icons bellow pallets */
[role="radiogroup"] .r-h9hxbl {
  display: none;
}
/* light gray background */
.r-1u4rsef {
  background-color: #f8f8f8;
}
/* animation */
.r-o7ynqc {
  transition-duration: 0s;
}
/* See new Tweets */
.r-1ea30sd {
  opacity: .3;
}
.r-1ea30sd:hover {
  opacity: 1;
}
/* analytics popup */
.ep-Cta .ep-CtaQPv1 {
  border-color: var(--custom-default-normal);
  background-color: var(--custom-default-normal);
}
.ep-Cta .ep-CtaQPv1:hover {
  border-color: var(--custom-default-dark);
  background-color: var(--custom-default-dark);
}

/* ==================== */
/* Blue(Default) */
/* ref: Pastel Green & Brown Color Scheme » Brown » SchemeColor.com
        https://www.schemecolor.com/pastel-green-brown.php */
/* ==================== */
:root {
  --custom-default-dark: #a00;
  --custom-default-light: rgb(255, 0, 0);
  --custom-default-transparent: rgba(0, 0, 0, .025);
  --custom-default-transparent-dark: rgba(0, 0, 0, .05);
  --custom-default-normal: #a00;
}
/* for dim/dark */
body:not([style*="background-color: rgb(255, 255, 255"]):not([style*="background-color: #FFFFFF"]) {
  --custom-default-transparent: rgba(255, 255, 255, .05);
}
/* text, icon */
[style="color: rgb(29, 155, 240);"],/* ### inline... need important */
.r-1cvl2hr, /* icon: authorized user, tweet area */
.r-1n1174f /* text: link */ {
  color: var(--custom-default-normal);
}
/* tab border */
.r-1pbtemp {
  border-right-color: var(--custom-default-normal);
}
/* left sidebar button/top tab/radio button outside effect background hover */
/* *** also used as common color *** */
[data-testid^="AppTabBar_"]:hover > .r-zv2cs0,/* dev */
[data-testid^="AppTabBar_"] + a:hover > .r-zv2cs0,/* Profile *//* dev */
.r-1peqgm7 {
  background-color: var(--custom-default-transparent);
}
[data-testid^="AppTabBar_"]:active > .r-zv2cs0,/* dev */
[data-testid^="AppTabBar_"] + a:active > .r-zv2cs0,/* Profile *//* dev */
.r-r18ze4 {
  background-color: var(--custom-default-transparent-dark);
}
/* button background */
[style*="background-color: rgb(29, 155, 240)"],/* ### inline... need important */
.r-l5o3uw {
  background-color: var(--custom-default-normal) !important;
}
/* button hover - dark; tweet button on left, done on color setting */
.r-1vtznih {
  background-color: var(--custom-default-dark);
}
/* button active (top tweet area tweet button) */
.r-yuvema {
  background-color: var(--custom-default-normal);
}
/* input - poll */
.r-vhj8yc,
/* outlined button outline */
.r-p1n3y5,
[style="border-color: rgb(29, 155, 240);"] {
  border-color: var(--custom-default-normal) !important;
}
/* input selected - poll */ 
.r-9cip40 {
  box-shadow: var(--custom-default-normal) 0 0 0 1px;
}
/* settings bar (class is universal just style is different)*/
.css-1dbjc4n.r-1awozwy.r-18u37iz.r-16y2uox.r-hdaws3[style="background-color: rgb(142, 205, 248);"],
.css-1dbjc4n.r-1awozwy.r-18u37iz.r-16y2uox.r-4v7adb[style="background-color: rgb(142, 205, 248);"] {
  background-color: var(--custom-default-light) !important;
}
/* settings bar thumb (class is universal just style is different) */
.css-1dbjc4n.r-sdzlij.r-7dny9e.r-tbmifm.r-16eto9q[style="background-color: rgb(142, 205, 248);"],/* added20210813 for Settings >... Display*/
[role="dialog"] .css-1dbjc4n[style="background-color: rgb(142, 205, 248);"],/* dim */
[role="dialog"] .css-1dbjc4n[style="background-color: rgb(142, 205, 248);"],/* dark */
[role="dialog"] .css-1dbjc4n[style="background-color: rgb(142, 205, 248);"] {
  background-color: var(--custom-default-light) !important;
}
[role="radiogroup"] [title="Blue heart"]:before {
  content: "Altanative";
  background-color: var(--custom-default-normal);
  color: var(--custom-default-normal);
}
/* wheel */
svg > circle[style*="stroke: rgb(29, 155, 240)"] {
  stroke: var(--custom-default-normal) !important;
}

/* ==================== */
/* Yellow */
/* ref: Pastel Orange & Red Color Scheme » Orange » SchemeColor.com 
        https://www.schemecolor.com/pastel-orange-red.php */
/* ==================== */
:root {
  --custom-yellow-dark: rgb(255, 179, 70);
  --custom-yellow-light: rgb(255, 224, 142);
  --custom-yellow-transparent: rgba(255, 208, 80, .1);
  --custom-yellow-transparent-dark: rgba(255, 208, 80, .2);
  --custom-yellow-normal: rgb(255, 208, 80);
}
/* text */
[style*="color: rgb(255, 212, 0);"],/* ### inline... need important */
.r-1gfgf0w {
  color: var(--custom-yellow-normal) !important;
}
/* tab border */
.r-1m89l5y {
  border-right-color: var(--custom-yellow-normal);
}
/* button background */
[style*="background-color: rgb(255, 212, 0);"],/* ### inline... need important */
.r-1to6hqq {
  background-color: var(--custom-yellow-normal) !important;
}
/* button - icon hover */
.r-1rj6lp5 {
  background-color: var(--custom-yellow-transparent);
}
/* button - icon active */
.r-xzrxyu {
  background-color: var(--custom-yellow-transparent-dark);
}
/* button hover - dark; tweet button on left, done on color setting */
.r-m5n1nr {
  background-color: var(--custom-yellow-dark);
}
/* button active (top tweet area tweet button) */
.r-8a6bl1 {
  background-color: var(--custom-yellow-normal);
}
/* input/outlined button */
[style*="border-color: rgb(255, 212, 0);"], /* ### inline... need important */
.r-snw56y {
  border-color: var(--custom-yellow-normal) !important;
}
/* settings bar */
.css-1dbjc4n.r-1awozwy.r-1f0042m.r-18u37iz.r-16y2uox.r-hdaws3[style="background-color: rgb(255, 234, 128);"],
.css-1dbjc4n.r-1awozwy.r-1f0042m.r-18u37iz.r-16y2uox.r-4v7adb[style="background-color: rgb(255, 234, 128);"] {
  background-color: var(--custom-yellow-light) !important;
}
/* settings bar thumb */
[role="dialog"] .css-1dbjc4n[style="background-color: rgb(255, 234, 128);"],/* dim */
[role="dialog"] .css-1dbjc4n[style="background-color: rgb(255, 234, 128);"],/* dark */
[role="dialog"] .css-1dbjc4n[style="background-color: rgb(255, 234, 128);"] {
  background-color: var(--custom-yellow-light) !important;
}
[role="radiogroup"] [title="Medium star"]:before {
  content: "Pastel Yellow";
  background-color: var(--custom-yellow-normal);
  color: var(--custom-yellow-normal);
}
/* wheel */
svg > circle[style*="stroke: rgb(255, 212, 0)"] {
  stroke: var(--custom-yellow-normal) !important;
}

/* ==================== */
/* Pink */
/* ref: Pastel Pink Gradient Color Scheme
        https://www.schemecolor.com/pastel-pink-gradient.php */
/* ==================== */
:root {
  --custom-pink-dark: rgb(225, 138, 170);
  --custom-pink-light: rgb(239, 207, 212);
  --custom-pink-transparent: rgba(228, 160, 183, .1);
  --custom-pink-transparent-dark: rgba(228, 160, 183, .2);
  --custom-pink-normal: rgb(228, 160, 183);
}
/* text */
[style="color: rgb(249, 24, 128);"],/* ### inline... need important */
.r-vkub15 {
  color: var(--custom-pink-normal) !important;
}
/* tab border */
.r-mj68g4 {
  border-right-color: var(--custom-pink-normal);
}
/* button background */
[style*="background-color: rgb(249, 24, 128)"],/* ### inline... need important */
.r-4nw3r4 {
  background-color: var(--custom-pink-normal) !important;
}
/* button - icon hover */
.r-1krxqcr {
  background-color: var(--custom-pink-transparent);
}
/* button - icon active */
.r-uuique {
  background-color: var(--custom-pink-transparent-dark);
}
/* button hover - dark; tweet button on left, done on color setting */
.r-1r4f3zc {
  background-color: var(--custom-pink-dark);
}
/* button active (top tweet area tweet button) */
.r-1kg0yvj {
  background-color: var(--custom-pink-light);
}
/* inpout - poll */
.r-19wum3b,
/* outlined button outline */
[style*="border-color: rgb(249, 24, 128);"],/* added20210813 */
.r-b5kvu3 {
  border-color: var(--custom-pink-normal) !important;
}
/* input selected - poll */
.r-19wum3b {
  box-shadow: var(--custom-pink-normal) 0 0 0 1px;
}
/* settings bar */
.css-1...