Old Hulu Layout by DuFus104

/* ==UserStyle==
@name         hulu Black by BamaBraves
@namespace    USO Archive
@author       BamaBraves
@description  Black  Highlights  Icon upgrades
@version      20230407.22.14
@license      NONE
@preprocessor uso
==/UserStyle== */
@-moz-document domain("hulu.com"), domain("hulu.com/help"), domain("hulu.com/start") {
/* Site Settings*/

* {
	letter-spacing: 1px!important;
	text-decoration: none!important;
	transition: none!important;
}

.ActionHeader__action-text, .ActionHeader .ActionHeader__action-text.Button.Button--link,
.Button,
.NavItem,
.ProfileList__profile-item--name-displayed,
.Subnav__item,
.UserDropdown__link__container .UserDropdown__link__label,
.WatchAction__text,
.plan-group__tablist .plan-group__tab
{
	text-transform: capitalize!important;
}

.OnboardingTile:hover .OnboardingTile__thumbnail-container,
.Badge--expiring, .Badge--new,
.ContextMenu:hover,
.ContextMenuItem .ContextMenuMyStuffAction--checkmark-icon,
.CoviewingAction--light .CoviewingAction__button,
.LevelTwo__container:hover,
.MediumEmphasisVerticalTile__wrapper:before,
.Modal__content:hover,
.MyStuffAction--light .MyStuffAction__button,
.MyStuffTile__toggle,
.Nav__dropdown--open:hover,
.OverflowAction--light,
.StandardEmphasisHorizontalTileThumbnail:before,
.StandardEmphasisHorizontalTileThumbnail__icon,
.StandardTextTile:before,
.StandardTextTile__inner-container:hover,
.article-column:hover,
.controls__setting-normal:hover,
.hds-card:hover, .hulu-ds-theme-container .forceCommunityUserProfileBody .cProfileViewBody:hover,
.hulu-ds-theme-container:hover,
.hulu-player-app .closed-caption-style-panel-container .closed-caption-panel:hover,

:focus
{
	border: none!important;
	box-shadow: none!important;
	outline: none!important;
    text-shadow: none!important;
}

.Nav__link .Nav__label {
    overflow: visible;
    margin-left: -33px;
}

.MyStuffAction--added .MyStuffAction__lines,
.MyStuffAction--added .MyStuffAction__lines:hover
{
    transform: none!important;
}

/* Left/Right/Top/Bottom 
_____________________________________________________________________________________________________*/

.ProfileList__profile-item--name-displayed
{
    margin-top: 28px!important;
}

.MyStuffTile__toggle {
    top: -3px;
    left: -12px;
}

.Button,
.HighEmphasisTile__actions div
{
	padding: 3px 26px!important;
}

/* Heights 
_____________________________________________________________________________________________________*/

.TruncatedTextWithMore
{
	height: auto!important;
}

}

@-moz-document domain("hulu.com") {
/* Font Settings */

.Subnav__item,
.ViewAllLink__btn-text,
.hulu-ds-theme-container a,
.hulu-player-app .closed-caption-style-panel-container .closed-caption-panel__done-button,

a[href]
{
	color: #0ff!important;
	text-shadow: 1px 1px #000!important;
}

a[href]:visited
{
	color: #fc79fc!important;
	text-shadow: 1px 1px #000!important;
}

/* Yellow 
_____________________________________________________________________________________________________*/

.ContextMenuItemButton:focus .ContextMenuItem--label, .ContextMenuItemButton:hover .ContextMenuItem--label,
.NavBar__item--selected a,
.PlayerMetadata__seasonEpisodeText,
.ProfileList__profile-item:hover .ProfileList__profile-item--name-displayed,
.Subnav__item.active,
.Subnav__item:hover,
.plan-group__tablist .plan-group__tab.active-tab,
.ViewAllLink__btn-text:hover,
.hulu-ds-theme-container a:hover,
.hulu-player-app .closed-caption-style-panel-container .closed-caption-panel__done-button:hover,
.hulu-player-app .closed-caption-style-panel-container .closed-caption-panel__size-option.checked,
.hulu-player-app .closed-caption-style-panel-container .closed-caption-panel__size-option:hover,
.navigation-menu-link .slds-button:hover,
.navigation-menu-link.slds-is-open .slds-button,
.Button:hover,
.HighEmphasisTile__actions div:hover,

button.button:hover,
a[href]:hover,
h1,
input[type="checkbox"]:checked+label,
input[type="radio"]:checked+label
 {
	color: #ff0!important;
}

/* White 
_____________________________________________________________________________________________________*/

.Announcement__text,
.Banner__credits,
.ProfileList__profile-item .Nav__label,
.StandardEmphasisHorizontalTileContent__description,
.VerifyPassword__title,
.page,
.UserDropdown__link__container .UserDropdown__link__label,
.section-body,
.text-body,
.OnboardingTile__showNames,
.text-media--paragraph,

body,
footer span,
li,
p
 {
	color: #fff!important;
}

/* Khaki 
_____________________________________________________________________________________________________*/

.ledger .ledger__title,
.Footer-module-headerAndCaretContainer-nt48F,
.PlayerMetadata__title,
.StandardEmphasisHorizontalTileContent__prompt,
.StandardEmphasisHorizontalTileContent__title-button,
.hulu-player-app .closed-caption-style-panel-container .closed-caption-panel__title,
.text-subtitle,
.summary__name,

h1,
h2,
strong
 {
	color: #F0E890!important;
}

/* Burlywood 
_____________________________________________________________________________________________________*/

.OnboardingTile__title.OnboardingTile__title,
.PricingLineItem__name__text,
.PlayerMetadata__subTitleText,
.Tile__action,
.VerifyPassword__user-email,

h3,
h4
 {
	color: #e0b880!important;
}

/* Sandy Brown 
_____________________________________________________________________________________________________*/

.Banner__prefix,
.Pricing__frequency,
.account-subsection.cu-billinghistorysection-container,
.hulu-player-app .controls__setting-head,
.plan__price-period,
.section-disclaimer--dark,

h5,
h6,
label
 {
	color: #F0A060!important;
}

/* Blue 
_____________________________________________________________________________________________________*/

.NextChargeCard__date.cu-nextchargesection-date,
.Timestamp,
.account-subsection.cu-billinghistorysection-container > span:nth-child(2),
.article-column .uiOutputDate,

time
 {
	color: #07beff!important;
}

/* Green 
_____________________________________________________________________________________________________*/

.NextChargeCard__price,
.Pricing__amount,
.ledger .ledger__summary .summary__price,
.plan__price-amount
 {
	color: #1cff07!important;
}

/*
_____________________________________________________________________________________________________*/

.Select__control,
.Select__single,
.selector-container .selector-button .selector-selected,

input,
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
select,
textarea
{
	background-color: #0b0234!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;
}

/* Misc 
_____________________________________________________________________________________________________*/

.Badge--new 
{
	color: #ff0;
	text-shadow: 2px 2px #000!important;
}

span.jsx-2710984412
{
	color: #0000!important;
}

path {
    fill: rgba(255, 255, 255, 0)!important;
    stroke: rgba(255, 255, 255, 0)!important;
}

}

@-moz-document domain("hulu.com") {
/* Background Settings */

body,
html
{
	background: #000!important;
}

.Modal__overlay {
    background: rgb(0 0 0 / 95%);
}

/* Background 
_____________________________________________________________________________________________________*/

.MyStuffBanner__background,
.Nav
{
    background-color: #101010!important;
}

/* Background Transparent 
_____________________________________________________________________________________________________*/

#main-content,

.Onboarding,
.Header__nav,
.MyStuffAction--added.MyStuffAction--light .MyStuffAction__button,
.MyStuffAction--light .MyStuffAction__line-1, .MyStuffAction--light .MyStuffAction__line-2,
.NavBar-module_NavBar__item__3JZil:hover,
.NavBar__item:hover,
.ProfileList__profile-item:hover,
.ProfileNameIcon-module-letter-1dM3n,
.StandardEmphasisHorizontalTileThumbnail__overlay,
.Subnav__accent-bar,
.Tile__scrim--thumbnail,
.hulu-ds-theme-container
{
	background: #0000!important;
	background-color: #0000!important;
}

/* Buttons 
_____________________________________________________________________________________________________*/

/* Blue 
_____________________________________________________________________________________________________*/

.Button,
.HighEmphasisTile__actions div:first-child button,

button.button
{	
	background: radial-gradient(circle, #1b8bc8a8 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::before,
.HighEmphasisTile__actions div:first-child button::before,

button.button::before
{
	background: radial-gradient(circle, #000 0%, #1b8bc8 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:hover::before,
.HighEmphasisTile__actions div:first-child button:hover::before,

button.button:hover::before
 {
  opacity: 1!important;
}

/* Red 
_____________________________________________________________________________________________________*/

.Button.MyStuffFooter__btn.MyStuffFooter__btn--cancel.Button--medium-emphasis.Button--large,
.MyStuffFooter__btn.MyStuffFooter__btn--cancel.smooth-transition.css-1q6kwnu,

lightning-button.hds-button-large button:last-child
{	
	background: radial-gradient(circle, #d90008a8 0%, #000 100%)!important;
	border-radius: 22px!important;
	border: non...