Black Highlights New Icons
Disney+ by bamabraves
Imported from https://raw.githubusercontent.com/uso-archive/data/flomaster/data/usercss/178453.user.css
Details
Authorbamabraves
LicenseNO-REDISTRIBUTION
Categorydisneyplus
Created
Updated
Size18 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.@-moz-document domain("disneyplus.com") {
/* ==UserStyle==
@name Disney+
@namespace none
@author BamaBraves
@description `Black Highlights New Icons`
@version 1
@license NO-REDISTRIBUTION
@preprocessor uso
==/UserStyle== */
/* Site Settings */
* {
letter-spacing: 1px !important;
text-decoration: none !important;
transition: none !important;
}
._1g4015d1::before,
.a2im7l1::before,
.xgfbc171,
:focus
{
border: none !important;
box-shadow: none !important;
outline: none !important;
text-shadow: none !important;
}
._2c2l371:hover ._1g4015d1,
.a2im7l1
{
transform: none!important;
}
/* Remove Items
_____________________________________________________________________________________________________*/
[aria-label*="Assembled:"],
[aria-label*="The Making of"]
{
left: -9999px !important;
position: absolute !important;
top: -9999px !important;
}
/* Left/Right/Top/Bottom
_____________________________________________________________________________________________________*/
._192jb2w8 svg {
top: 50%!important;
}
._1jso0ko7 {
margin-left: 3%!important;
}
/* Paddings
_____________________________________________________________________________________________________*/
.xgfbc15o
{
padding: 13px 26px !important;
}
/* Heights
_____________________________________________________________________________________________________*/
.enizuT > a span svg, .enizuT > span span svg {
height: 26px !important;
}
/* Width
_____________________________________________________________________________________________________*/
._1jso0ko7
{
max-width: none !important;
}
}
@-moz-document domain("disneyplus.com") {
/* Media Query */
@media screen and (min-width: 2560px) {
/* Fonts
_____________________________________________________________________________________________________*/
[data-testid="hero-inline-single-description"]
{
font-size: 1.85rem !important;
}
[data-testid="standard-regular-list-item-title"]
{
font-size: 1.52rem !important;
}
[data-testid="standard-regular-list-item-description"]
{
font-size: 1.2rem !important;
}
}
}
@-moz-document domain("disneyplus.com") {
/* Font Settings */
a[href]
{
color: #0ff !important;
text-shadow: 1px 1px #000 !important;
}
a[href]:visited
{
color: #fc79fc !important;
text-shadow: 1px 1px #000 !important;
}
/* Yellow
_____________________________________________________________________________________________________*/
.GLqET:hover p,
.button.button--primary:hover,
.enizuT:hover p,
.w3ckye2,
.xgfbc15o:hover,
.xgfbc153:hover,
[data-testid="playback-action-button"]:hover,
[data-testid="trailer-action-button"]:hover,
a[href]:hover,
h1,
input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label
{
color: #ff0 !important;
}
/* White
_____________________________________________________________________________________________________*/
body,
li,
p
{
color: #fff !important;
}
/* Khaki
_____________________________________________________________________________________________________*/
.xgfbc110,
[data-testid="standard-regular-list-item-title"],
h1,
h2
{
color: #f0e890 !important;
}
/* Burlywood
_____________________________________________________________________________________________________*/
h3,
h4
{
color: #e0b880 !important;
}
/* Sandy Brown
_____________________________________________________________________________________________________*/
h5,
h6,
label
{
color: #f0a060 !important;
}
/*
_____________________________________________________________________________________________________*/
input,
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
select,
textarea
{
background-color: #5d1b1b !important;
color: #fff !important;
}
/*
_____________________________________________________________________________________________________*/
::selection {
background: #ff9 !important;
color: #000 !important;
}
pre ::selection {
background: #ff9 !important;
color: #fff !important;
}
::placeholder {
color: #f48f8f !important;
opacity: 1;
}
}
@-moz-document domain("disneyplus.com") {
/* Background Settings */
body,
html
{
background: #000 !important;
}
/* Background
_____________________________________________________________________________________________________*/
._1ady7np0
{
background: #060505 !important;
background-color: #060505 !important;
}
/* Background Transparent
_____________________________________________________________________________________________________*/
.GLqET:focus a p::before,
.GLqET:focus a span::before,
.GLqET:hover a p::before,
.GLqET:hover a span::before,
.enizuT:focus a p::before,
.enizuT:focus a span::before,
.enizuT:hover a p::before,
.enizuT:hover a span::before,
.xgfbc15q,
.xgfbc143,
.xgfbc153,
.xgfbc15o,
.xgfbc16v
{
background: #0000 !important;
background-color: #0000 !important;
}
/* Buttons
_____________________________________________________________________________________________________*/
/* Red
_____________________________________________________________________________________________________*/
[data-testid="playback-action-button"]
{
background: radial-gradient(circle, #d90008a8 0%, #000 100%) !important;
border-radius: 22px !important;
border: none !important;
box-shadow: 1px 1px 1px black, inset 2px 3px 5px #0000004d,
inset -2px -3px 5px #ffffff50 !important;
color: #fff !important;
opacity: 1 !important;
position: relative !important;
z-index: 1 !important;
}
[data-testid="playback-action-button"]::before
{
background: radial-gradient(circle, #000 0%, #d90008 100%) !important;
border-radius: 22px !important;
bottom: 0;
box-shadow: 1px 1px 1px black, inset 2px 3px 5px #0000004d,
inset -2px -3px 5px #ffffff80 !important;
color: #ff0 !important;
content: "";
left: 0;
opacity: 0 !important;
position: absolute !important;
right: 0;
top: 0;
transition: opacity 0.8s linear !important;
z-index: -1 !important;
}
[data-testid="playback-action-button"]:hover::before
{
opacity: 1 !important;
}
/* Green
_____________________________________________________________________________________________________*/
.button.button--primary
{
background: radial-gradient(circle, #05b717a8 0%, #000 100%)!important;
border-radius: 22px!important;
border: none!important;
box-shadow: 1px 1px 1px black, inset 2px 3px 5px #0000004d, inset -2px -3px 5px #ffffff50!important;
color: #fff!important;
opacity: 1!important;
position: relative!important;
z-index: 1!important;
}
.button.button--primary::before
{
background: radial-gradient(circle, #000 0%, #05b717 100%)!important;
border-radius: 22px!important;
bottom: 0;
box-shadow: 1px 1px 1px black, inset 2px 3px 5px #0000004d, inset -2px -3px 5px #ffffff80!important;
color: #ff0!important;
content: "";
left: 0;
opacity: 0!important;
position: absolute!important;
right: 0;
top: 0;
transition: opacity .8s linear!important;
z-index: -1!important;
}
.button.button--primary:hover::before
{
opacity: 1!important;
}
/* Gray
_____________________________________________________________________________________________________*/
[aria-label="Select for details on this title."],
[data-testid="trailer-action-button"]
{
background: radial-gradient(circle, #797979a8 0%, #000 100%);
border-radius: 22px !important;
border: none !important;
box-shadow: 1px 1px 1px black, inset 2px 3px 5px #0000004d,
inset -2px -3px 5px #ffffff80 !important;
color: #fff !important;
opacity: 1 !important;
position: relative !important;
z-index: 1 !important;
}
[aria-label="Select for details on this title."]::before,
[data-testid="trailer-action-button"]::before
{
background: radial-gradient(circle, #000 0%, #797979 100%) !important;
border-radius: 22px !important;
bottom: 0;
color: #ff0 !important;
content: "";
left: 0;
opacity: 0 !important;
position: absolute !important;
right: 0;
top: 0;
transition: opacity 0.8s linear !important;
z-index: -1 !important;
}
[aria-label="Select for details on this title."]:hover::before,
[data-testid="trailer-action-button"]:hover::before
{
opacity: 1 !important;
}
/* Gray Gradient
_____________________________________________________________________________________________________*/
.jpZHYT
{
background: linear-gradient(to bottom, #1b1527 0%, #000 100%) !important;
}
.footer.footer__container
{
background: linear-gradient(to top, #1b1527 0%, #000 80%) !important;
}
/* Radial Background
_____________________________________________________________________________________________________*/
.w3ckye2,
.xgfbc15o:hover
{
background: radial-gradient(ellipse at center, #00809d 0%, #000 70%) !important;
padding: 13px 26px !important;
}
}
@-moz-document domain("disneyplus.com") {
/* Image Settings */
.enizuT,
[aria-roledescription="slide"],
[data-testid="set-item"]
{
filter: brightness(75%) !important;
z-index: 999 !important;
}
/*
_____________________________________________________________________________________________________*/
.enizuT:hover,
[aria-roledescription="slide"]:hover,
[data-testid="set-item"]:hover
{
filter: brightness(100%) !important;
}
/*
_____________________________________________________________________________________________________*/
img:not([data-testid="hero-inline-single-title-treatment"])
{
...