Skip to content

Pandora Dark Starlightning by starlightning

Screenshot of Pandora Dark Starlightning

Details

Authorstarlightning

LicenseCC BY-NC-SA

Categorypandora.com

Created

Updated

Size4.9 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Darkens Pandora's background and various elements while preserving its overall look and feel. Includes their help and community pages. There are a few mods:

  • Song progress bar thicker
  • Dim cover art visible in background of "Now Playing"
  • Current song "eq" animation is more visible

Notes

2022-10-11 - Fix now playing history wrap buttons.

Source code

/* ==UserStyle==
@name           Pandora Dark Starlightning
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Darkens Pandora's background and various elements while preserving its overall look and feel.
@author         Alex R. Gibbs
==/UserStyle== */

@-moz-document domain("pandora.com") {
.TunerProgress__Progress, .TunerProgress__ClickScrubber, .TunerProgress  {
  height: 0.7rem;
}
.Tuner__Audio__TrackDetail {
 opacity: 1;
}
.GlobalSearchInput__iconSearch {
  padding: 5px;
}
.Container__splash {
  background-color: #001144;
  background-image: none;
}
.BlurredBackground__svg__image {
  filter: none;
}
.SourceCard__menu {
  filter: invert(100%);
}
.UserRegion {
  filter: hue-rotate(180deg);
}
}

@-moz-document regexp(".*\\.pandora\\.com\\/(?!station\\/play|playlist\\/play|artist\\/play|account|plans|my-music).*") {
html, img, .GridItem__shield, .Tuner, .Tuner__Audio__TrackDetail__img, .GridItem__ellipsis, .Badge, .Container__splash, .ButtonLink, .ButtonT3, .Badge__text, .ShuffleButton__button__shuffleEqualizerq, .ShareOption__icon {
  filter: invert(100%);
}
.RowItemEq {
  background: linear-gradient(0,rgba(255,255,255,.65),rgba(255,255,255,.1));
}
.Eq {
  filter: invert(100%) drop-shadow(1px 0px 0px black);
}
.GridItem__thumbnail .GridItem__metaInfo {
  filter: invert(100%);
}
.ImageLoader__intrinsic {
  filter: invert(100%);
}
.RowItemBadges {
  filter: brightness(40%) saturate(500%);
}
.Badge__text {
 color: #aaaaaa;
 font-weight: bold;
}
.GridItem__shield svg {
  filter: invert(100%);
}
.SourceCard__menu, .SourceCard__subMenu {
  background-color: #444444;
}
.SourceCard__menu__item, .SourceCard__subMenu__item__div, .SourceCard__hr, g[fill='#e44444'] {
  filter: invert(100%);
}
button.Badge--disabled {
  filter: hue-rotate(180deg);  
}
.Modal__overlay {
  opacity: 0.90;
  filter: invert(75%);
}
}

@-moz-document url-prefix("https://www.pandora.com/my-music/"), regexp(".*\\.pandora\\.com\\/(?!playlist).*\\/play\\/.*") {
/* Top bar scrolled now playing */
div.Nav--scrolled, div.Nav--scrolled ul.NavHorizontal--dark li.NavHorizontal__item, div.Nav--scrolled .SearchModalT3--dark, div.Nav--scrolled ul.NavSecondary--darkTheme li.NavSecondary__item, div.SessionHistory.SessionHistory--lightTheme .SessionHistory__activeContent, .NavSecondary--lightTheme img.Avatar__img, .SessionHistory__trackStrip__track--lightTheme .SessionHistory__trackStrip__track__buttonRow, .SessionHistory__trackStripWrapper__navButton--lightTheme {
  filter: invert(100%);
}

}

@-moz-document url-prefix("https://www.pandora.com/my-music/"), regexp("https://www.pandora.com/playlist/(?!PL:)"), regexp(".*.pandora.com/.*/play/.*") {
.Dropdown, .RowItem--light, div.RowItem.RowItem--small.RowItem--light, .Footer--light, .region-topBar, .GlobalSearchInput--dark, .NavHorizontal--dark, .NavSecondary--darkTheme, .HeroCard__secondRow, div.HeroCard.HeroCard--dark, div.HeroCard.HeroCard--dark img.HeroCard__image, .LyricSnippet--dark, div.VisibilityLogger div.RowItem.RowItem--small.RowItem--dark, div.nowPlayingTopInfo.nowPlayingTopInfo--lightTheme, div.nowPlayingTopInfo.nowPlayingTopInfo--lightTheme div.nowPlayingTopInfo__hitArea, .Fillet__description--lightTheme, div.BackstageRowGrid, div.BackstageRowGrid div.RowItem.RowItem--dark, div.RowItem.RowItem--dark img, div.RowItemImage, .ArtistEvents__title--lightTheme, div.Lyrics--lightTheme, div.Fillet__CTA a.ButtonT3.ButtonT3--light, .RowItemEq, g[fill='#e44444'], .DiscoveryTunerListItem__option--active .ButtonT3--lightTransparent::before {
  filter: invert(100%);
}
.Eq {
  filter: invert(100%) drop-shadow(1px 0px 0px white);
}
/* Avatar icon in nav bar. */
ul.NavSecondary.NavSecondary--lightTheme li.NavSecondary__item.NavSecondary__last button.Avatar.Avatar--clickable {
  filter: invert(100%);
}
.Modal--coachmark, .MiniCoachmark {
  filter: invert(80%) brightness(200%) hue-rotate(180deg);
}
.NavHorizontal .NavHorizontal--dark {
  filter: invert(100%);
}
.ContentSection__title {
  color: white;
}
/* Background */
svg.BlurredBackground__svg rect {
  opacity: 0;
  fill: black;
}
svg.BlurredBackground__svg image {
  opacity: 1;
  filter: brightness(20%);
}
.ModalContainer__ModalShare .Modal__container, .Modal__container .ImageLoader__cover, .ShareOption__icon {
  filter: invert(100%);
}
.Modal__overlay {
  opacity: 0.90;
  filter: invert(15%);
}
}

@-moz-document url-prefix("https://www.pandora.com/account/"), url-prefix("https://www.pandora.com/plans/") {
.AppBg {
  filter: brightness(30%) saturate(150%);
}
}

@-moz-document url-prefix("https://help.pandora.com/"), url-prefix("https://community.pandora.com/") {
html, img, svg, [style*="background-image"], .footer__position, .Footer {
  filter: invert(100%) hue-rotate(180deg);
}
}

Reviews

No reviews yet.