Skip to content

Instantly share code, notes, and snippets.

@MoriTanosuke

MoriTanosuke/googlemusic.user.js

Created August 4, 2018 19:43
Show Gist options
  • Save MoriTanosuke/f15be2640696198dde63a55a95723068 to your computer and use it in GitHub Desktop.
Save MoriTanosuke/f15be2640696198dde63a55a95723068 to your computer and use it in GitHub Desktop.
Download ZIP
Dark mode for google music - modified for Tampermonkey
Raw
googlemusic.user.js
// ==UserScript==
// @name Google Play Music | Clean Simple Dark | CSD
// @namespace http://userstyles.org
// @description Keep it clean!
// @author Christian Krause
// @homepage https://userstyles.org/styles/126966
// @run-at document-start
// @version 0.20161029150930
// @match https://play.google.com/music*
// ==/UserScript==
(function() {
var css = "";
css += [
"/*v1.0.67*/",
"",
" /*Main Container*/",
"",
" /*Main Background*/",
" #mainContainer.paper-header-panel {",
" background-color: #292929!important;",
" }",
"",
" /*Main background when scrolling down*/",
" .material .cluster-text-protection {",
" background-color: #292929!important;",
" }",
"",
" /*Top hits background fix (maybe other too)*/",
" .material .cluster-text-protection::before {",
" background: #292929!important;",
" }",
"",
" /*Disable background cover image*/",
" #material-hero-image {",
" display: none!important;",
" }",
"",
" /*Material cards background*/",
" .material-card {",
" background-color: rgba(0, 0, 0, 0.5)!important;",
" }",
"",
" /*Material cards text color*/",
" .material-card .title {",
" color: white!important;",
" }",
"",
" /*Material cards Subtitle text color*/",
" .details .sub-title.fade-out.tooltip, .subtitle, .sub-title.tooltip.ellipsis, .description.ellipsis, .details-inner .sub-title.tooltip.ellipsis {",
" color: #9e9e9e!important;",
" }",
"",
" /*Headline color in main panel*/",
" #mainPanel .cluster .header .cluster-title, .g-content.view-transition .section-header, .recommended-header, .header-inner {",
" color: #bdbdbd!important;",
" }",
"",
" /*Cover hover play button default arrow color*/",
" .play-button-container iron-icon {",
" color: white!important;",
" }",
"",
" /*Cover hover play button background color*/",
" .play-button-container .paper-icon-button-0 {",
" background-color: rgb(60, 60, 60)!important;",
" }",
"",
" /*Cover hover play button hover effect background color*/",
" .play-button-container .paper-icon-button-0:hover {",
" background-color: #FF5722 !important;",
" }",
"",
" /*Base color for 3-dot-menu on material-cards and playlists selected via sidebar*/",
" .details .menu-container iron-icon, .material-container-details .info paper-icon-button, .details .menu-container iron-icon .iron-icon {",
" color: rgba(255, 255, 255, 0.5)!important;",
" }",
"",
" /* 3-dot-menu hover effect on material-cards in details section and playlists selected via sidebar*/",
" .details .menu-container iron-icon:hover, .material-container-details .info paper-icon-button:hover, .details .menu-container iron-icon .iron-icon:hover {",
" color: white!important;",
" }",
"",
" /*Chrome: Fix for 3-dot-menu hover effect on material cards*/",
" .details .menu-container paper-icon-button:hover > iron-icon .iron-icon {",
" color: white!important;",
" }",
"",
" /*Fix for the random mix cover background problem -> ugly picture after last update*/",
" .quilted-radio-fallback .image-inner-wrapper {",
" background-color: rgb(20, 20, 20)!important;",
" }",
"",
" /*Play button on various sites (upper right)*/",
" #mainContainer #music-content paper-fab {",
" background-color: rgb(100, 100, 100)!important;",
" }",
"",
" /*Play button hover effect on various sites (upper right)*/",
" #mainContainer #music-content paper-fab:hover {",
" background-color: #FF5722 !important;",
" }",
"",
" /*Play button hover effect for various playlists*/",
" .hover-button[data-id=\"play\"]:hover {",
" background-color: #FF5722 !important;",
" }",
"",
" /*Buttons base color for many popup dialogs (edit playlist, delete playlist, ...)*/",
" .buttons paper-button {",
" color: rgba(255, 255, 255, 0.8)!important;",
" background-color: rgb(70, 70, 70)!important;",
" }",
"",
" /*Buttons hover effect color for many popup dialogs (edit playlist, delete playlist, ...)*/",
" .buttons paper-button:hover {",
" color: rgba(255, 255, 255, 1)!important;",
" background-color: rgb(100, 100, 100)!important;",
" }",
"",
" /*Base color of arrow in popup context menu*/",
" iron-icon[icon=\"av:play-arrow\"] {",
" color: rgba(255, 255, 255, 0.5)!important;",
" }",
"",
" /*Highlight color when selected a second popup menu in a popupmenu (e. g. \"add to playlist\")*/",
" .goog-submenu-open.goog-menuitem-highlight .goog-menuitem-content, .goog-submenu-open.goog-menuitem-highlight .goog-menuitem-content iron-icon {",
" color: white!important;",
" }",
"",
" /*Toggle buttons on*/",
" paper-toggle-button[aria-pressed=\"true\"] #toggleBar, paper-toggle-button[aria-pressed=\"true\"] #toggleButton {",
" background: #FF5722 !important;",
" }",
"",
" /*Toggle buttons off*/",
" paper-toggle-button[aria-pressed=\"false\"] #toggleBar, paper-toggle-button[aria-pressed=\"false\"] #toggleButton {",
" background: rgb(230, 230, 230)!important;",
" }",
"",
" /*Toggle buttons disabled*/",
" paper-toggle-button[aria-disabled=\"true\"] #toggleBar, paper-toggle-button[aria-disabled=\"true\"] #toggleButton {",
" background: rgb(120, 120, 120)!important;",
" }",
"",
" /*Loading spinner when a popup context menu is opened (e.g. 3-dot)*/",
" .goog-menuheader .spinner {",
" background: url(\'http://i65.tinypic.com/2lvijht.gif\')!important;",
" background-size: 90%!important;",
" background-repeat: no-repeat!important;",
" }",
"",
" /*Effect color when a button is pushed*/",
" #ink {",
" display: none!important;",
" }",
"",
" /*Background/color for many popup context menus*/",
" .playlist-menu, .goog-menuitem, .goog-menuitem-content, .now-playing-menu, .goog-menu-vertical {",
" color: rgb(200, 200, 200)!important;",
" background-color: rgb(70, 70, 70)!important;",
" }",
"",
" /*Popup context menu divider color*/",
" .material .goog-menu .goog-menuseparator {",
" background: rgba(255, 255, 255, 0.3)!important;",
" }",
"",
" /*Popup context menu headers color*/",
" .material .goog-menuheader {",
" color: rgba(245, 245, 245, 0.9)!important;",
" text-align: center!important;",
" }",
"",
" /*Hover effect for many popup context menus#1#*/",
" .goog-menuitem:hover {",
" background: rgb(100, 100, 100)!important;",
" }",
"",
" /*Hover effect for many popup context menus(3-dots)#2#*/",
" .goog-menuitem:hover > .goog-menuitem-content {",
" color: white!important;",
" background: rgb(100, 100, 100)!important;",
" }",
"",
" /*Disable background image overscroll position on various sites*/",
" .material-detail-view .has-hero-image, .situations-view .situations-content{",
" margin-top: 70px!important;",
" }",
"",
" /*New user advertise for google play subscribtion - background*/",
" .all-the-worlds-music.info-card {",
" background-color: rgb(20, 20, 20)!important;",
" }",
"",
" /*New user advertise for google play subscribtion - title*/",
" .all-the-worlds-music.info-card .title {",
" color: rgba(255, 255, 255, 0.8)!important;",
" }",
"",
" /*New user advertise for google play subscribtion - subtitle*/",
" .all-the-worlds-music.info-card .sub-title {",
" color: rgba(255, 255, 255, 0.4)!important;",
" }",
"",
" /*Song table/playlist header row base text color (sorting options)*/",
" .song-table .header-row th, .songlist-container.material-shadow-z1 .header-row th {",
" color: rgba(255, 255, 255, 0.6)!important;",
" }",
"",
" /*Song table/playlist header row base icon color (sorting options)*/",
" .song-table [data-col=\"duration\"]:not([class=\"ascending\"]):not([class=\"descending\"]) iron-icon, .song-table [data-col=\"rating\"]:not([class=\"ascending\"]):not([class=\"descending\"]) iron-icon, .song-table [data-col=\"play-count\"]:not([class=\"ascending\"]):not([class=\"descending\"]) iron-icon {",
" opacity: 1!important;",
" }",
"",
" /*Song table/playlist header row hover effect icon color (sorting options)*/",
" .song-table:not([data-id=\"auto-playlist-recent\"]):not([data-id=\"queue\"]):not([data-id=\"ALTERNATIVE_INDIE\"]):not([data-id=\"DANCE_ELECTRONIC\"]):not([data-id=\"HIP_HOP_RAP\"]):not([data-id=\"POP\"]):not([data-id=\"ROCK\"]):not([data-unsortable=\"1\"]) .header-row th[data-col=\"duration\"]:not([class=\"ascending\"]):not([class=\"descending\"]):hover > iron-icon, .song-table:not([data-id=\"auto-playlist-recent\"]):not([data-id=\"queue\"]):not([data-id=\"ALTERNATIVE_INDIE\"]):not([data-id=\"DANCE_ELECTRONIC\"]):not([data-id=\"HIP_HOP_RAP\"]):not([data-id=\"POP\"]):not([data-id=\"ROCK\"]):not([data-unsortable=\"1\"]) .header-row th[data-col=\"rating\"]:not([class=\"ascending\"]):not([class=\"descending\"]):hover > iron-icon, .song-table:not([data-id=\"auto-playlist-recent\"]):not([data-id=\"queue\"]):not([data-id=\"ALTERNATIVE_INDIE\"]):not([data-id=\"DANCE_ELECTRONIC\"]):not([data-id=\"HIP_HOP_RAP\"]):not([data-id=\"POP\"]):not([data-id=\"ROCK\"]):not([data-unsortable=\"1\"]) .header-row th[data-col=\"play-count\"]:not([class=\"ascending\"]):not([class=\"descending\"]):hover > iron-icon {",
" opacity: 1!important;",
" }",
"",
" /*Song table/playlist header row hover effect text color (sorting options)*/",
" .song-table:not([data-id=\"auto-playlist-recent\"]):not([data-id=\"queue\"]):not([data-id=\"ALTERNATIVE_INDIE\"]):not([data-id=\"DANCE_ELECTRONIC\"]):not([data-id=\"HIP_HOP_RAP\"]):not([data-id=\"POP\"]):not([data-id=\"ROCK\"]):not([data-unsortable=\"1\"]) .header-row th:hover, .song-table:not([data-id=\"auto-playlist-recent\"]):not([data-id=\"queue\"]):not([data-id=\"ALTERNATIVE_INDIE\"]):not([data-id=\"DANCE_ELECTRONIC\"]):not([data-id=\"HIP_HOP_RAP\"]):not([data-id=\"POP\"]):not([data-id=\"ROCK\"]):not([data-unsortable=\"1\"]) .songlist-container.material-shadow-z1 .header-row th:hover {",
" color: rgba(255, 255, 255, 1)!important;",
" }",
"",
" /*Song table/playlist header row text/icon color when selected (sorting options)*/",
" .song-table .header-row th[class=\"ascending\"], .song-table .header-row th[class=\"descending\"] {",
" color: rgba(255, 255, 255, 1)!important;",
" opacity: 1!important;",
" }",
"",
" /*Song table/playlist header row arrow up/down base color (sorting options)*/",
" .ascending iron-icon[icon=\"arrow-forward\"], .descending iron-icon[icon=\"arrow-forward\"] {",
" color: rgba(255, 255, 255, 0.6)!important;",
" opacity: 1!important;",
" }",
"",
" /*Song table/playlist header row arrow up/down hover effect color (sorting options)*/",
" .song-table:not([data-id=\"auto-playlist-recent\"]):not([data-id=\"queue\"]):not([data-id=\"ALTERNATIVE_INDIE\"]):not([data-id=\"DANCE_ELECTRONIC\"]):not([data-id=\"HIP_HOP_RAP\"]):not([data-id=\"POP\"]):not([data-id=\"ROCK\"]):not([data-unsortable=\"1\"]) .ascending:hover > iron-icon[icon=\"arrow-forward\"], .song-table:not([data-id=\"auto-playlist-recent\"]):not([data-id=\"queue\"]):not([data-id=\"ALTERNATIVE_INDIE\"]):not([data-id=\"DANCE_ELECTRONIC\"]):not([data-id=\"HIP_HOP_RAP\"]):not([data-id=\"POP\"]):not([data-id=\"ROCK\"]):not([data-unsortable=\"1\"]) .descending:hover > iron-icon[icon=\"arrow-forward\"] {",
" color: rgba(255, 255, 255, 1)!important;",
" opacity: 1!important;",
" }",
"",
" /*Explicit logos at albums view in header row and in playlists*/",
" .material-container-details .info .title iron-icon[icon=\"av:explicit\"], .material .song-row iron-icon[icon=\"av:explicit\"] {",
" height: 18px!important;",
" width: 18px!important;",
" }",
"",
" /*Music Library: Bottom bars counter in the upper right*/",
" #bottomBar #countSummary {",
" color: rgba(255, 255, 255, 0.7)!important;",
" }",
"",
"",
"",
"",
"",
" /*Artists page*/",
"",
" /*Header color on artists page*/",
" .artist-details .artist-details-inner {",
" color: white!important;",
" }",
"",
" /*Left and right arrow for the album flow on an artists page*/",
" iron-icon[icon=\"chevron-right\"] {",
" color: white!important;",
" }",
"",
" /*Left and right arrow for the album flow on an artists page*/",
" iron-icon[icon=\"chevron-right\"]:hover {",
" color: #FF5722 !important;",
" }",
"",
" /*Left and right arrow for the album flow on an artists page*/",
" iron-icon[icon=\"chevron-left\"] {",
" color: white!important;",
" }",
"",
" /*Left and right arrow for the album flow on an artists page*/",
" iron-icon[icon=\"chevron-left\"]:hover {",
" color: #FF5722 !important;",
" }",
"",
" /*Header on artists page*/",
" .view-transition .has-hero-image {",
" background-color: rgb(20, 20, 20)!important;",
" }",
"",
" /*Wiki text*/",
" .bio {",
" color: rgba(255, 255, 255, 0.7)!important;",
" }",
"",
" /*Disable wiki licence*/",
" .attribution {",
" display: none!important;",
" }",
"",
" /*Read more button base color*/",
" .bio-wrapper .read-more-button-wrapper paper-button, paper-button[data-id=\"read-more\"] {",
" color: rgba(255, 255, 255, 0.7)!important;",
" }",
"",
" /*Read more button hover effect*/",
" .bio-wrapper .read-more-button-wrapper paper-button:hover, paper-button[data-id=\"read-more\"]:hover {",
" color: white!important;",
" background-color: rgb(70, 70, 70)!important;",
" }",
"",
"",
"",
"",
"",
" /*Album view*/",
"",
" /*Header second line text color*/",
" .creator-name {",
" color: rgba(255, 255, 255, 0.8)!important;",
" }",
"",
" /*Header third line text color*/",
" .sub-details .container-stats span {",
" color: rgba(255, 255, 255, 0.5)!important;",
" }",
"",
"",
"",
"",
"",
" /*Titles/Playlist/Auto-Playlist*/",
"",
" /*Main colors and Background*/",
" .songlist-container .song-table, .songlist-container .header-row th, .songlist-container .song-row td, .song-table.mini td, .song-table.mini th, tr.song-row td, tr.header-row th, .material-container-details .info, .description-wrapper .description {",
" color: white!important;",
" background-color: rgb(20, 20, 20)!important;",
" }",
"",
" /*Disable Header image in popup playlist*/",
" #mini-queue-details .images {",
" display: none!important;",
" }",
"",
" /*Header Background in popup playlist*/",
" #mini-queue-details .info {",
" background-color: rgb(30, 30, 30)!important;",
" }",
"",
" /*Header text color for popup-playlist*/",
" .playing-from-title {",
" color: rgba(255, 255, 255, 0.4)!important;",
" }",
"",
" /*Header-row text color for popup playlist*/",
" .song-table.mini .header-row th {",
" color: rgba(255, 255, 255, 0.7)!important;",
" }",
"",
" /*Header-row playlist name text color for popup playlist*/",
" #mini-queue-details .info .playing-from .clickable {",
" color: rgba(255, 255, 255, 0.8)!important;",
" }",
"",
" /*Header-row playlist name hover effect for popup playlist*/",
" #mini-queue-details .info .playing-from .clickable:hover {",
" color: rgba(255, 255, 255, 1)!important;",
" }",
"",
" /*Overwrite popup playlists background*/",
" #queueContainer .queue-song-table .song-row td, #queueContainer .queue-song-table .header-row th, #queueContainer .header-row iron-icon, #queueContainer .queue-song-table .mini, #queueContainer.style-scope.sj-mini-queue {",
" background-color: rgb(55, 55, 55)!important;",
" }",
"",
" /*Selected song row only for popup playlist*/",
" #queueContainer .queue-song-table .song-row.selected-song-row td {",
" background-color: rgb(85, 85, 85)!important;",
" }",
"",
" /*Hover effect only for popup playlist*/",
" #queueContainer .queue-song-table .song-row:hover > td {",
" background-color: rgb(115, 115, 115)!important;",
" }",
"",
" /*Moved thumg up/down container a little bit to the right at playlists*/",
" .song-row td[data-col=\"rating\"] {",
" padding-left: 12px!important;",
" }",
"",
" /*Song voted up*/",
" .material .song-row [data-col=\"rating\"][data-rating=\"5\"] {",
" background-image: url(\'http://i67.tinypic.com/2whlgmw.png\')!important;",
" background-repeat: no-repeat!important;",
" background-position: 26% 52%!important;",
" background-size: 22%!important;",
" }",
"",
" /*Song voted down*/",
" .material .song-row [data-col=\"rating\"][data-rating=\"1\"] {",
" background-image: url(\'http://i64.tinypic.com/2my6dc3.png\')!important;",
" background-repeat: no-repeat!important;",
" background-position: 67% 49%!important;",
" background-size: 21%!important;",
" }",
"",
" /*Thump up base*/",
" .thumbs [data-rating=\"5\"] {",
" background-image: url(\'http://i66.tinypic.com/34dlixx.png\')!important;",
" background-repeat: no-repeat!important;",
" background-position: 0px 0px!important;",
" background-size: 100%!important;",
" }",
"",
" /*Thump up hover effect*/",
" .thumbs [data-rating=\"5\"]:hover {",
" background-image: url(\'http://i63.tinypic.com/2hqy075.png\')!important;",
" background-repeat: no-repeat!important;",
" background-position: 0px 1px!important;",
" background-size: 97%!important;",
" }",
"",
" /*Thump down base*/",
" .thumbs [data-rating=\"1\"] {",
" background-image: url(\'http://i65.tinypic.com/fx544p.png\')!important;",
" background-repeat: no-repeat!important;",
" background-position: 0px 0px !important;",
" background-size: 100%!important;",
" }",
"",
" /*Thump down hover effect*/",
" .thumbs [data-rating=\"1\"]:hover {",
" background-image: url(\'http://i66.tinypic.com/2rw86tz.png\')!important;",
" background-repeat: no-repeat!important;",
" background-position: 0px 0px!important;",
" background-size: 97%!important;",
" }",
"",
" /*Playlist title row text first line (title)*/",
" .song-table.mini .song-row td .song-title {",
" color: rgba(255, 255, 255, 0.9)!important;",
" }",
"",
" /*Playlist title row text second line(artist/album)*/",
" .song-table.mini .song-row td .song-artist-album .song-artist, .song-table.mini .song-row td .song-artist-album .song-album {",
" color: rgba(255, 255, 255, 0.6)!important;",
" }",
"",
" /*Artists/Album/Play count/duration text color*/",
" .song-table .song-row td .text, .song-table td[data-col=\"play-count\"], .song-table td[data-col=\"duration\"] {",
" color: rgba(255, 255, 255, 0.7)!important;",
" }",
"",
" /*Hover Effect*/",
" .material .song-row:hover, .material .song-row:hover td, .material .song-row.currently-playing:hover, .material .song-row.currently-playing:hover td {",
" background-color: rgb(100, 100, 100)!important;",
" }",
"",
" /*Selected song row*/",
" .material .song-row.selected-song-row td, .material .song-row.currently-playing.selected-song-row td {",
" background-color: rgb(70, 70, 70)!important;",
" }",
"",
" /*Currently playing song row*/",
" .material .song-row.currently-playing td {",
" color: white!important;",
" background-color: rgb(20, 20, 20)!important;",
" font-weight: 600!important;",
" }",
"",
" /*Currently playing song row - Artist/Album */",
" .material .song-row.currently-playing td .text {",
" color: white!important;",
" }",
"",
" /*Song indicator equalizer*/",
" .song-indicator[data-playback-status=\"playing\"] {",
" background-image: url(\'http://i68.tinypic.com/2qmq3v4.gif\')!important;",
" background-color: rgba(0, 0, 0, 0.5)!important;",
" }",
"",
" /*Song indicator equalizer*/",
" .song-indicator[data-playback-status=\"paused\"] {",
" background-image: url(\'http://i67.tinypic.com/2je42zl.png\')!important;",
" background-size: 100%!important;",
" background-position: -1px -3px!important;",
" background-color: rgba(0, 0, 0, 0.5)!important;",
" }",
"",
" /*Song indicator while loading*/",
" .song-indicator[data-playback-status=\"loading\"] {",
" background-image: url(\'http://i65.tinypic.com/2lvijht.gif\')!important;",
" background-color: rgba(0, 0, 0, 0.5)!important;",
" background-size: 60%!important;",
" }",
"",
" /*Overwrite song indicator settings for top tracks and albums*/",
" .top-tracks .song-table .currently-playing .song-indicator, .album-view .song-table .currently-playing .song-indicator, .playlist-view .song-table .currently-playing .song-indicator, .song-table[data-type=\"sarts\"] .currently-playing .song-indicator {",
" background-color: rgba(20, 20, 20, 1)!important;",
" left: 6px!important;",
" }",
"",
" /*Overwrite song indicators position and background to default values for auto-playlists*/",
" .auto-playlist-view .song-table .currently-playing .song-indicator, .has-more .song-table .currently-playing .song-indicator {",
" background-color: rgba(0, 0, 0, 0.5)!important;",
" left: 0px!important;",
" }",
"",
" /*Size of save/clear buttons at popup playlist*/",
" .queue-buttons paper-button {",
" min-height: 0!important;",
" width: 100px!important;",
" height: 30px!important;",
" font-size: 80%!important;",
" line-height: 30px!important;",
" }",
"",
" /*Save/clear button base color at popup playlist*/",
" paper-button[data-id=\"clear-queue\"], paper-button[data-id=\"save-queue\"] {",
" color: rgba(255, 255, 255, 0.8)!important;",
" }",
"",
" /*Save/clear button hover effect at popup playlist*/",
" paper-button[data-id=\"clear-queue\"]:hover, paper-button[data-id=\"save-queue\"]:hover {",
" color: rgba(255, 255, 255, 1)!important;",
" background-color: rgb(80, 80, 80)!important;",
" }",
"",
" /*Refresh button when playing radio stations or recommend mixes base color*/",
" paper-icon-button[data-id=\"refresh\"] {",
" color: rgba(255, 255, 255, 0.7)!important;",
" }",
"",
" /*Refresh button when playing radio stations or recommend mixes hover effect*/",
" paper-icon-button[data-id=\"refresh\"]:hover {",
" color: rgba(255, 255, 255, 1)!important;",
" }",
"",
" /*Empty queue background*/",
" #queueContainer {",
" background-color: rgb(50, 50, 50)!important;",
" }",
"",
" /*Empty queue text and icon color*/",
" #queueContainer .empty-message, #queueContainer .empty-submessage, #queueContainer .queue-empty iron-icon {",
" color: rgba(255, 255, 255, 0.8)!important;",
" }",
"",
" /*Overwrite background for play button on albums and top-tracks pages*/",
" .album-view .hover-button[data-id=\"play\"], .top-tracks .hover-button[data-id=\"play\"], .playlist-view .hover-button[data-id=\"play\"], .song-table[data-type=\"sarts\"]:not([data-unsortable=\"1\"]) .hover-button[data-id=\"play\"] {",
" background-color: rgb(200, 200, 200)!important;",
" border-radius: 50%!important;",
" }",
"",
" /*Overwrite hover effect for play button on albums and top-tracks pages*/",
" .album-view .hover-button[data-id=\"play\"]:hover, .top-tracks .hover-button[data-id=\"play\"]:hover, .playlist-view .hover-button[data-id=\"play\"]:hover, .song-table[data-type=\"sarts\"]:not([data-unsortable=\"1\"]) .hover-button[data-id=\"play\"]:hover {",
" background-color: #FF5722 !important;",
" border-radius: 50%!important;",
" }",
"",
" /*Overwrite position of play button on top-tracks view*/",
" .top-tracks .hover-button[data-id=\"play\"], .playlist-view .hover-button[data-id=\"play\"], .song-table[data-type=\"sarts\"]:not([data-unsortable=\"1\"]) .hover-button[data-id=\"play\"] {",
" margin: -5px!important;",
" left: 9px!important;",
" top: 13px!important;",
" }",
"",
" /*Overwrite rounded hover button optic to default for auto-playlists*/",
" .auto-playlist-view .hover-button[data-id=\"play\"] {",
" background-color: rgba(0, 0, 0, 0.8)!important;",
" border-radius: 0%!important;",
" margin: auto!important;",
" left: 0px!important;",
" top: 8px!important;",
" }",
"",
" /*Overwrite rounded hover button mouse over effect to default for auto-playlists*/",
" .auto-playlist-view .hover-button[data-id=\"play\"]:hover {",
" border-radius: 0%!important;",
" }",
"",
" /*Free user playlist cover background fix*/",
" .quilted-radio-fallback {",
" background: rgb(20, 20, 20)!important;",
" }",
"",
" /*Drag&Drop item highlight color*/",
" .material-drag div {",
" background-color: #FF5722 !important;",
" }",
"",
" /*Drag&Drop target line color in playlists while dragging*/",
" .dragging-target-line {",
" border-color: white!important;",
" }",
"",
" /*Tracklist settings button base color*/",
" .title-right-items iron-icon[id=\"icon\"] {",
" color: rgba(255, 255, 255, 0.6)!important;",
" }",
"",
" /*Tracklist settings button hover effect color*/",
" .title-right-items iron-icon[id=\"icon\"]:hover {",
" color: white!important;",
" }",
"",
" /*Header/Title color on manually added playlists and auto-playlists; furthermore it provides color for details at material cards (albums name)*/",
" .title.tooltip.editable, .title.tooltip, .details-inner .title.tooltip.ellipsis {",
" color: rgba(255, 255, 255, 0.8)!important;",
" }",
"",
" /*Header/Title hover on manual added playlists*/",
" .title.tooltip.editable:hover {",
" color: rgba(255, 255, 255, 1)!important;",
" background-color: rgb(20, 20, 20)!important;",
" }",
"",
" /*Overwrite base color of 3-dot-button for playlists*/",
" #nav #playlists .material-playlist-dropdown iron-icon {",
" color: rgba(255, 255, 255, 0.5)!important;",
" }",
"",
" /*Overwrite hover effect of 3-dot-button for playlists*/",
" #nav #playlists .material-playlist-dropdown iron-icon:hover {",
" color: white!important;",
" }",
"",
" /*Base color for random mix/share/watch all button*/",
" #action-bar-container paper-button, .info .actions paper-button, #music-content .artist-details-inner .actions paper-button, #music-content .has-more .header paper-button, .info .actions paper-icon-button, .gpm-action-buttons paper-button {",
" color: rgba(255, 255, 255, 0.7)!important;",
" }",
"",
" /*Hover effect for random mix/share/watch all button*/",
" .gpm-action-buttons paper-button:hover, .gpm-action-buttons paper-icon-button:hover {",
" color: white!important;",
" background-color: rgb(70, 70, 70)!important;",
" border-radius: 0%!important;",
" }",
"",
" /*Hover effect for various other buttons (e. g. \"see all\")*/",
" #action-bar-container paper-button:hover, .info .actions paper-button:hover, #music-content .artist-details-inner .actions paper-button:hover, #music-content .has-more .header paper-button:hover {",
" color: white!important;",
" background-color: rgb(70, 70, 70)!important;",
" }",
"",
" /*Playlists description text color*/",
" .description-wrapper .description.editable, .info .description-wrapper .description {",
" color: rgba(255, 255, 255, 0.5)!important;",
" }",
"",
" /*Playlist description hover effect if it is editable*/",
" .description-wrapper .description.editable:hover {",
" color: rgba(255, 255, 255, 1)!important;",
" }",
"",
" /*Creators name of radio-stations*/",
" .station-container-content-wrapper .creator-name {",
" margin-left: 50px!important;",
" }",
"",
" /*Hover effect for Artist/Album at playlists*/",
" .song-row td a.text:hover {",
" color: white!important;",
" }",
"",
" /*Radio: disable google play logo as creators image*/",
" .station-container-content-wrapper .material-container-details .info .creator-profile-image {",
" display: none!important;",
" }",
"",
" /*Radio: Re-added custom google play logo as creators image*/",
" .station-container-content-wrapper .sub-details.centered {",
" height: 40px!important;",
" background: url(\'http://i66.tinypic.com/2jfxfa1.png\')!important;",
" background-size: 40px 40px!important;",
" background-repeat: no-repeat!important;",
" }",
"",
" /*Albums: hover effect for bands page link at material cards header*/",
" .material-album-container .creator-name[data-type=\"artist\"]:hover {",
" color: white!important;",
" }",
"",
" /*(Auto-)Playlists: disable creators name*/",
" .material-container-details[data-id=\"auto-playlist-recent\"] .creator-name, .material-container-details[data-id=\"auto-playlist-thumbs-up\"] .creator-name, .material-container-details[data-id=\"auto-playlist-promo\"] .creator-name, .playlist-view .creator-name{",
" display: none!important;",
" }",
"",
" /*Changed z-index of popup playlist to be always on top (must be >11 because of tabs at music library)*/",
" #queue-overlay {",
" z-index: 20!important;",
" }",
"",
"",
"",
"",
"",
" /*Sidebar*/",
"",
" /*Disable listen now button in sidebar*/",
" #nav_collections .nav-item-container.tooltip[data-type=\"now\"] {",
" display: flex !important;",
" }",
"",
" /*Disable top charts button in sidebar - paid*/",
" #nav_collections .nav-item-container.tooltip[data-type=\"wtc\"] {",
" display: flex !important;",
" }",
"",
" /*Disable new releases button in sidebar - paid*/",
" #nav_collections .nav-item-container.tooltip[data-type=\"wnr\"] {",
" display: flex !important;",
" }",
"",
" /*Disable my library button in sidebar*/",
" #nav_collections .nav-item-container.tooltip[data-type=\"my-library\"] {",
" display: flex !important;",
" }",
"",
" /*Disable browse stations button in sidebar - paid*/",
" #nav_collections .nav-item-container.tooltip[data-type=\"wbs\"] {",
" display: flex !important;",
" }",
"",
" /*Disable shopping button in sidebar*/",
" #nav_collections .nav-item-container.tooltip[data-type=\"shop\"] {",
" display: flex !important;",
" }",
"",
" /*Disable subscribe button in sidebar*/",
" .nav-item-container.tooltip.sub.x-scopepaper-button {",
" display: flex !important;",
" }",
"",
" /*Disable upgrade to familly plan button in sidebar*/",
" .nav-item-container.tooltip[data-type=\"sub\"] {",
" display: flex !important;",
" }",
"",
" /*Disable upload music button in sidebar*/",
" .nav-item-container.tooltip[data-action=\"upload-music\"] {",
" display: flex !important;",
" }",
"",
" /*Disable settings button in sidebar*/",
" .nav-section.material .nav-item-container.tooltip[data-type=\"accountsettings\"] {",
" display: flex !important;",
" }",
"",
" /*Disable bin button in sidebar*/",
" .nav-section.material .nav-item-container.tooltip[data-type=\"trash\"] {",
" display: flex !important;",
" }",
"",
" /*Disable help button in sidebar*/",
" .nav-item-container.tooltip[data-action=\"help-and-feedback\"] {",
" display: flex !important;",
" }",
"",
" /*Header Background*/",
" #nav-container .nav-toolbar {",
" background-color: rgb(20, 20, 20)!important;",
" }",
"",
" /*Added a darker sidebar back-background to partially avoid visual irritation caused by white background color when the sidebar is closed*/",
" #drawer-panel {",
" background-color: rgb(20, 20, 20)!important;",
" }",
"",
" /*Nav Container Background*/",
" #drawer #nav-container #mainPanel #mainContainer {",
" background-color: rgb(20, 20, 20)!important;",
" }",
"",
" /*Selected item text color and background*/",
" .material .nav-item-container.selected {",
" color: white!important;",
" background-color: #292929!important;",
" }",
"",
" /*Non-highlighted items*/",
" .material .nav-item-container {",
" color: rgba(255,255,255,0.7)!important;",
" }",
"",
" /*Header of nav section*/",
" .material .nav-section-header {",
" color: rgba(255,255,255,0.4)!important;",
" font-size: 14px!important;",
" font-weight: bold!important;",
" text-align: center!important;",
" }",
"",
" /*Selected item icon color*/",
" .nav-item-container.selected iron-icon:not([style-scope]):not(.style-scope) {",
" color: #FF5722 !important;",
" }",
"",
" /*Non-selected item icon color*/",
" .nav-item-container > iron-icon {",
" color: rgba(255,255,255,0.7)!important;",
" }",
"",
" /*Disable gradient effect*/",
" .fade-out:after {",
" background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,0))!important;",
" }",
"",
" /*Some buttons like SubscribeButton*/",
" .style-scope paper-button {",
" background-color: rgb(20, 20, 20)!important;",
" }",
"",
" /*Disable default divider*/",
" .nav-section-divider {",
" display: none!important;",
" }",
"",
" /*Top divider*/",
" #nav_collections.nav-section {",
" border-bottom: 1px solid rgba(255, 255, 255, 0.1)!important;",
" }",
"",
" /*Added hover effect for left sidebar*/",
" .material .nav-item-container:hover {",
" color: #FFFFFF!important;",
" background-color: rgb(60, 60, 60)!important;",
" }",
"",
" /*Added a hover effect for various left sidebar icons*/",
" .material .nav-item-container.tooltip:hover > iron-icon[icon=\"sj:play-music\"], .material .nav-item-container:hover > iron-icon[icon=\"star\"], .material .nav-item-container:hover > iron-icon[icon=\"av:library-music\"], .material .nav-item-container:hover > iron-icon[icon=\"shop\"], .material .nav-item-container:hover > iron-icon[icon=\"card-giftcard\"], .material .nav-item-container:hover > iron-icon[icon=\"settings\"], .material .nav-item-container:hover > iron-icon[icon=\"delete\"], .material .nav-item-container:hover > iron-icon[icon=\"help\"], .material .nav-item-container:hover > iron-icon[icon=\"star\"], .material .nav-item-container:hover > iron-icon[icon=\"av:new-releases\"], .material .nav-item-container:hover > iron-icon[icon=\"sj:radio\"], .nav-item-container.tooltip[data-action=\"upload-music\"]:hover > iron-icon, .nav-item-container.tooltip:hover iron-icon[icon=\"sj:love-shack\"] {",
" color: #FFFFFF!important;",
" }",
"",
" /*Overwrite: Left sidebar icons won\'t get colored white when selected item is hovered*/",
" .material .nav-item-container.tooltip.selected:hover > iron-icon[icon=\"sj:play-music\"], .material .nav-item-container.tooltip.selected:hover > iron-icon[icon=\"add-circle\"], .material .nav-item-container.tooltip.selected:hover > iron-icon[icon=\"av:library-music\"], .material .nav-item-container.tooltip.selected:hover > iron-icon[icon=\"shop\"], .material .nav-item-container.tooltip.selected:hover > iron-icon[icon=\"card-giftcard\"], .material .nav-item-container.tooltip.selected:hover > iron-icon[icon=\"settings\"], .material .nav-item-container.tooltip.selected:hover > iron-icon[icon=\"delete\"], .material .nav-item-container.tooltip.selected:hover > iron-icon[icon=\"help\"], .material .nav-item-container.tooltip.selected:hover > iron-icon[icon=\"star\"], .material .nav-item-container.tooltip.selected:hover > iron-icon[icon=\"av:new-releases\"], .material .nav-item-container.tooltip.selected:hover > iron-icon[icon=\"sj:radio\"] {",
" color: #FF5722 !important;",
" }",
"",
" /*Base color for left sidebar open in new window icon (shopping)*/",
" #shop-nav iron-icon[icon=\"open-in-new\"] {",
" color: rgba(230, 230, 230, 0.7)!important;",
" }",
"",
" /*Added a hover effect for left sidebar open in new window icon (shopping)*/",
" #shop-nav iron-icon[icon=\"open-in-new\"]:hover {",
" color: #FFFFFF!important;",
" }",
"",
" /*Added a hover effect for the playlist-options button in sidebar - interferes maybe with other buttons, needs more testing*/",
" .playlists-container .nav-item-container paper-icon-button iron-icon:hover {",
" color: #FFFFFF!important;",
" }",
"",
" /*Removes background color to workaround glitchy upload music/sent give buttons after being pressed*/",
" #nav_collections .nav-item-container:focus, .nav-item-container:focus, .nav-item-container:hover {",
" background: none!important;",
" }",
"",
"",
"",
"",
"",
" /*Top Bar*/",
"",
" /*Header bar background*/",
" #material-app-bar {",
" background-color: rgb(20, 20, 20)!important;",
" }",
"",
" /*Hover effect for tabs 1*/",
" #tabsContainer #tabsContent paper-tab:hover {",
" background-color: rgb(60, 60, 60)!important;",
" }",
"",
" /*Hover effect for tabs 2*/",
" #tabsContainer #tabsContent paper-tab:hover > .paper-tab {",
" color: white!important;",
" opacity: 1!important;",
" }",
"",
" /*Change z-index of selected tab to make selection bar visible if hovered*/",
" #tabsContainer #tabsContent paper-tab.iron-selected {",
" z-index:10!important;",
" }",
"",
" /*Change z-index of selection bar to make it visible if hovered*/",
" #tabsContainer #tabsContent #selectionBar {",
" z-index: 11!important;",
" }",
"",
" /*Base color for the top right icons*/",
" .gb_b, #playlist-drawer-button {",
" opacity: 0.7!important;",
" transition: opacity 0.3s ease,visibility 0.3s step-end!important;",
" }",
"",
" /*Hover effect for the top right icons*/",
" .gb_b:hover, #playlist-drawer-button:hover {",
" opacity: 1!important;",
" cursor: pointer!important;",
" }",
"",
" /*Widend gap between playlist and google apps button (as the other ones)*/",
" #playlist-drawer-button {",
" right: 5px!important;",
" }",
"",
" /*Account picture button base color*/",
" .gbii {",
" filter: grayscale(100%)!important;",
" -webkit-filter: grayscale(1)!important; /*Chrome*/",
" }",
"",
" /*Account picture button hover effect color*/",
" #gb#gb a.gb_b:hover > .gbii {",
" filter: grayscale(0%)!important;",
" -webkit-filter: grayscale(0)!important; /*Chrome*/",
" cursor: pointer!important;",
" }",
"",
" /*Top right icons expanded popup effect*/",
" .gb_b[aria-expanded=\"true\"] {",
" opacity: 1!important;",
" }",
"",
" /*Base color for upper left menu button*/",
" #left-nav-open-button, #left-nav-close-button {",
" opacity: 0.7!important;",
" color: white!important;",
" transition: opacity 0.3s ease,visibility 0.3s step-end!important;",
" }",
"",
" /*Hover effect for the upper left menu button*/",
" #left-nav-open-button:hover, #left-nav-close-button:hover {",
" opacity: 1!important;",
" color: white!important;",
" }",
"",
" /*Background for upper right popup menu*/",
" #gbwa .gb_g .gb_ca, .gb_ja, #gbwa .gb_ga {",
" background-color: rgb(80, 80, 80)!important;",
" }",
"",
" /*Disable border for upper right popup menu*/",
" #gbwa .gb_g {",
" border: none!important;",
" }",
"",
" /*Text color for upper right popup menu*/",
" #gbwa .gb_Z .gb_O {",
" color: white!important;",
" }",
"",
" /*Hover effect text color for upper right popup menu*/",
" #gbwa .gb_Z .gb_O:hover {",
" color: black!important;",
" }",
"",
" /*More button text color for upper right popup menu*/",
" #gbwa .gb_ha a {",
" color: rgba(255, 255, 255, 0.6)!important;",
" }",
"",
" /*More button background color for upper right popup menu*/",
" #gbwa .gb_ka {",
" background-color: rgb(60, 60, 60)!important;",
" }",
"",
" /*More button hover effect for upper right popup menu*/",
" #gbwa .gb_ka:hover, #gbwa .gb_ka:hover > #gbwa .gb_ha a {",
" color: rgba(255, 255, 255, 1)!important;",
" background-color: rgb(40, 40, 40)!important;",
" }",
"",
" /*Even more button text color for upper right popup menu*/",
" #gbwa .gb_ha a {",
" color: rgba(255, 255, 255, 0.6)!important;",
" }",
"",
" /*Even more button background color for upper right popup menu*/",
" #gbwa .gb_la {",
" background-color: rgb(60, 60, 60)!important;",
" width: 100%!important;",
" left: 0%!important;",
" }",
"",
" /*Even more button hover effect for upper right popup menu*/",
" #gbwa .gb_la:hover {",
" color: rgba(255, 255, 255, 1)!important;",
" background-color: rgb(40, 40, 40)!important;",
" text-decoration: none!important;",
" }",
"",
" /*Divider color for upper right popup menu*/",
" .gb_la {",
" border-color: rgba(255, 255, 255, 0.3)!important;",
" }",
"",
" /*New/Free user upper right popup menu add shortcut background color*/",
" #gbwa .gb_wa {",
" background: rgb(60, 60, 60)!important;",
" }",
"",
" /*New/Free user upper right popup menu add shortcut header text color*/",
" #gbwa .gb_wa .gb_ya {",
" color: rgba(255, 255, 255, 0.8)!important;",
" }",
"",
" /*Disable Google Play Music logo*/",
" .menu-logo {",
" display: none!important;",
" }",
"",
" /*Enable custom google play music logo*/",
" #drawer #nav-container #topBar {",
" background-image: url(\"http://i66.tinypic.com/zswk0n.png\")!important;",
" background-size: 55%!important;",
" background-repeat: no-repeat!important;",
" background-position: 55% 60%!important;",
" z-index: 10!important;",
" }",
"",
" /*Dynamic background for custom google play music logo*/",
" #drawer #nav-container #middleBar {",
" position: relative!important;",
" height: 20px!important;",
" width: 40px!important;",
" background: #FF5722 !important;",
" margin-left: 52%!important;",
" margin-top: -14%!important;",
" z-index: 9!important;",
" }",
"",
" /*Dropdown list text color*/",
" #breadcrumbs-dropdown-button, #material-breadcrumbs .tab-text {",
" opacity: 0.7!important;",
" }",
"",
" /*Dropdown list hover effect*/",
" #breadcrumbs-dropdown-button:hover {",
" opacity: 1!important;",
" }",
"",
" /*Dropdown list selected item color*/",
" #breadcrumbs-dropdown-menu .goog-menuitem.selected .goog-menuitem-content, .goog-menu .goog-menuitem.selected .goog-menuitem-content:not([style-scope]):not(.style-scope) {",
" color: #FF5722 !important;",
" font-weight: bold!important;",
" }",
"",
" /*Account picture expanded popup effect*/",
" .gb_R[aria-expanded=\"true\"] > .gbii {",
" filter: grayscale(0%)!important;",
" -webkit-filter: grayscale(0)!important; /*Chrome*/",
" }",
"",
" /*Account picture popup main text and background*/",
" .gb_ga.gb_g, .gb_sb, .gb_wb, .gb_Ab, .gb_xb {",
" color: white!important;",
" background-color: rgb(80, 80, 80)!important;",
" border: none!important;",
" }",
"",
" /*Account picture popup email text color*/",
" .gb_vb {",
" color: rgba(255, 255, 255, 0.5)!important;",
" }",
"",
" /*Account picture popup link color*/",
" .gb_nb a {",
" color: #FF5722 !important;",
" }",
"",
" /*Account picture popup colored button base color*/",
" .gbip {",
" background-color: #1E61E6 !important;",
" border: none!important;",
" opacity: 0.7!important;",
" }",
"",
" /*Account picture popup colored button hover effect color*/",
" .gb_pb:hover > .gbip {",
" background-color: #1E61E6 !important;",
" border: none!important;",
" opacity: 1.0!important;",
" cursor: pointer!important;",
" }",
"",
" /*Account picture popup colored button text base color*/",
" .gb_tb {",
" color: rgba(255, 255, 255, 0.8)!important;",
" background-color: rgba(80, 80, 80, 0.6)!important;",
" }",
"",
" /*Account picture popup colored button text hover effect color*/",
" .gb_pb:hover > .gb_tb {",
" color: rgba(255, 255, 255, 1)!important;",
" }",
"",
" /*Account picture popup my account, add account and sign off button base color*/",
" .gb_Fa, .gb_Bb {",
" color:rgba(255, 255, 255, 0.7)!important;",
" background-color: rgb(60, 60, 60)!important;",
" border: none!important;",
" box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.4), 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 1px -2px rgba(0, 0, 0, 0.2);",
" }",
"",
" /*Widend gap between user buttons and add account/sign off buttons*/",
" .multiLogin {",
" padding-bottom: 10px!important;",
" }",
"",
" /*Account picture popup my account, add account and sign off button hover effect color*/",
" .gb_Fa:hover, .gb_Cb:hover {",
" color:rgba(255, 255, 255, 1)!important;",
" background-color: rgb(45, 45, 45)!important;",
" border: none!important;",
" cursor: pointer!important;",
" }",
"",
" /*Account picture popup second account name color*/",
" .gb_Ib {",
" color: rgba(255, 255, 255, 0.8)!important;",
" }",
"",
" /*Account picture popup second account left-right gap*/",
" .gb_Bb {",
" margin-left: 2%!important;",
" margin-right: 2%!important;",
" overflow: hidden!important;",
" }",
"",
" /*Account picture popup second account disable borders*/",
" .gb_wb, .gb_Bb {",
" border: none!important;",
" }",
"",
" /*Account picture popup second account email color*/",
" .gb_Jb {",
" color: rgba(255, 255, 255, 0.4)!important;",
" }",
"",
" /*Breadcrump tooltip button hover effect*/",
" #material-breadcrumbs .tab-text[data-type=\"artist\"]:hover {",
" color: white!important;",
" cursor: pointer!important;",
" }",
"",
" /*Indicator arrow color for top bar buttons*/",
" .gb_jb {",
" border-bottom-color: rgb(80, 80, 80)!important;",
" }",
"",
"",
"",
"",
"",
" /*Player bar*/",
"",
" /*Background and text*/",
" #player {",
" background-color: rgb(20, 20, 20)!important;",
" color: white!important;",
" box-shadow: 0 -5px 40px 15px rgba(0, 0, 0, 0.8)!important;",
" }",
"",
" /*Play button not disabled*/",
" #player.material .material-player-middle paper-icon-button[data-id=\"play-pause\"]:not([disabled]) {",
" color: #ADADAD!important;",
" }",
"",
" /*Hover effect for player buttons*/",
" paper-icon-button[data-id=\"repeat\"]:hover, paper-icon-button[data-id=\"rewind\"]:hover, paper-icon-button[data-id=\"forward\"]:hover, paper-icon-button[data-id=\"shuffle\"]:hover, paper-icon-button[data-id=\"queue\"]:hover,paper-icon-button[data-id=\"now-playing-menu\"]:hover, .gb_ea.gb_7c.gb_R:hover, paper-icon-button[data-id=\"cast\"]:hover {",
" color: #FDFDFD!important;",
" background-color: rgb(100, 100, 100)!important;",
" }",
"",
" /*Sperated hover effect for play/pause button*/",
" paper-icon-button#player-bar-play-pause iron-icon:hover {",
" color: #FF5722 !important;",
" }",
"",
" /*Colored repeat/shuffle button when active*/",
" paper-icon-button.active[data-id=\"repeat\"], paper-icon-button.active[data-id=\"shuffle\"] {",
" color: #FF5722 !important;",
" }",
"",
" /*Default color for thump up/down buttons*/",
" .player-rating-container iron-icon {",
" color: grey!important;",
" }",
"",
" /*Like buttons hover effect - thumb up*/",
" .player-rating-container paper-icon-button[icon=\"sj:thumb-up-outline\"]:hover > iron-icon {",
" color: white!important;",
" background-image: url(\'http://i66.tinypic.com/970iae.png\')!important;",
" background-size: 100%!important;",
" background-repeat: no-repeat!important;",
" }",
"",
" /*Like buttons hover effect - thump down*/",
" .player-rating-container paper-icon-button[icon=\"sj:thumb-down-outline\"]:hover > iron-icon {",
" color: white!important;",
" background-image: url(\'http://i65.tinypic.com/ml1189.png\')!important;",
" background-size: 100%!important;",
" background-repeat: no-repeat!important;",
" }",
"",
" /*Base color for 3-dot-menu at bottom player*/",
" #player.material .now-playing-actions paper-icon-button {",
" color: grey!important;",
" }",
"",
" /*Base color for 3-dot-menu at bottom player*/",
" #player.material .now-playing-actions paper-icon-button:hover {",
" color: white!important;",
" background: none!important;",
" }",
"",
" /*Slider background color*/",
" #progressContainer {",
" background-color: rgba(255, 255, 255, 0.8)!important;",
" }",
"",
" /*Slider-Color in bottom bar*/",
" paper-slider #sliderKnobInner.paper-slider, paper-progress #primaryProgress.paper-progress {",
" background-color: rgb(90, 90, 90)!important;",
" border-color: rgb(90, 90, 90)!important;",
" }",
"",
" /*Slider-Color hover effect in bottom bar*/",
" .material.active:hover > .player-progress-wrapper paper-slider #sliderKnobInner.paper-slider , .material.active:hover > .player-progress-wrapper paper-progress #primaryProgress.paper-progress {",
" background-color: #FF5722 !important;",
" border-color: #FF5722 !important;",
" }",
"",
" /*Overwrite color of volume slider*/",
" #material-vslider #sliderBar #progressContainer #primaryProgress, #material-vslider #sliderKnobInner{",
" background-color: #FF5722 !important;",
" border-color: #FF5722 !important;",
" }",
"",
" /*Added pointer cursor for volume bar*/",
" #sliderContainer {",
" cursor: pointer!important;",
" }",
"",
" /*Subtitle color*/",
" .player-artist, .player-dash, .player-album {",
" color: #9e9e9e!important;",
" }",
"",
" /*Time*/",
" .time-label, #time_container_current, #time_container_duration {",
" color: rgba(255, 255, 255, 0.7)!important;",
" }",
"",
" /*Playlist button selected color*/",
" #queue[aria-expanded=\"true\"], paper-icon-button[data-id=\"cast\"][aria-expanded=\"true\"] {",
" color: #FF5722 !important;",
" }",
"",
" /*Indicator arrow color for bottom bars playlist button*/",
" #queue-overlay::after {",
" border-color: rgb(55, 55, 55)!important;",
" }",
"",
" /*Chrome: open miniplayer hover effect*/",
" paper-icon-button[data-id=\"show-miniplayer\"]:hover > iron-icon {",
" color: white!important;",
" }",
"",
" /*Cover fullscreen button hover effect*/",
" #playerSongInfo .image-wrapper .hover-overlay:hover {",
" opacity: 0.8!important;",
" }",
"",
" /*Chrome: cover popup background and shadow*/",
" .visualizercard {",
" background-color: rgb(80, 80, 80)!important;",
" box-shadow: 0px 6px 10px 2px rgba(0,0,0,0.8) !important;",
" }",
"",
" /*Chrome: cover popup hover effect*/",
" .visualizercard:hover {",
" background-color: rgb(50, 50, 50)!important;",
" }",
"",
" /*Chrome: cover popup text color*/",
" .visualizercard .label {",
" color: rgba(255, 255, 255, 0.8)!important;",
" }",
"",
" /*Time label always visible when player active*/",
" #player[class=\"material active\"] .time-label, #player[class=\"material active\"] #time_container_current, #player[class=\"material active\"] #time_container_duration {",
" opacity: 1.0!important;",
" }",
"",
"",
"",
"",
"",
" /*Edit Info/Details*/",
"",
" /*Details edit menu main container*/",
" paper-dialog.edit-dialog {",
" background-color: rgb(30, 30, 30)!important;",
" border: none!important;",
" }",
"",
" /*Details edit menu title bar*/",
" paper-dialog.edit-dialog h2, paper-dialog.edit-dialog #song-bitrate-container {",
" color: rgba(255, 255, 255, 0.8)!important;",
" }",
"",
" /*Save button base color*/",
" paper-dialog.edit-dialog paper-button[name=\"save\"] {",
" color: rgba(255, 255, 255, 1)!important;",
" background-color: #FF5722 !important;",
" opacity: 0.7!important;",
" transition: none!important;",
" }",
"",
" /*Save button hover effect*/",
" paper-dialog.edit-dialog paper-button[name=\"save\"]:hover {",
" color: rgba(255, 255, 255, 1)!important;",
" background-color: #FF5722 !important;",
" box-shadow: none!important;",
" opacity: 1.0!important;",
" transition: none!important;",
" cursor: pointer!important;",
" }",
"",
" /*Cancel button base color*/",
" paper-dialog.edit-dialog paper-button[name=\"xcancel\"] {",
" color: rgba(255, 255, 255, 0.7)!important;",
" background-color: rgb(70, 70, 70)!important;",
" transition: none!important;",
" }",
"",
" /*Cancel button hover effect*/",
" paper-dialog.edit-dialog paper-button[name=\"xcancel\"]:hover {",
" color: rgba(255, 255, 255, 1)!important;",
" background-color: rgb(100, 100, 100)!important;",
" transition: none!important;",
" box-shadow: none!important;",
" cursor: pointer!important;",
" }",
"",
" /*Suggestions button not disabled base color*/",
" paper-dialog.edit-dialog paper-button[name=\"use-suggestions\"]:not([disabled]) {",
" color: rgba(255, 255, 255, 0.7)!important;",
" background-color: rgb(70, 70, 70)!important;",
" transition: none!important;",
" }",
"",
" /*Suggestions button not disabled hover effect*/",
" paper-dialog.edit-dialog paper-button[name=\"use-suggestions\"]:hover:not([disabled]) {",
" color: rgba(255, 255, 255, 1)!important;",
" background-color: rgb(100, 100, 100)!important;",
" transition: none!important;",
" box-shadow: none!important;",
" cursor: pointer!important;",
" }",
"",
" /*Suggestion button disabled base color*/",
" paper-dialog.edit-dialog paper-button[disabled=\"\"][name=\"use-suggestions\"] {",
" opacity: 0.4!important;",
" color: rgba(255, 255, 255, 1)!important;",
" background-color: rgb(70, 70, 70)!important;",
" transition: none!important;",
" }",
"",
" /*Input fields*/",
" paper-dialog.edit-dialog #input.paper-input {",
" color: white!important;",
" }",
"",
" /*Header of input fields not active/highlighted*/",
" paper-dialog.edit-dialog .input-content.label-is-floating.paper-input-container label {",
" color: rgba(255, 255, 255, 0.7)!important;",
" }",
"",
" /*Header of input fields active/highlighted*/",
" paper-dialog.edit-dialog .input-content.label-is-floating.label-is-highlighted.paper-input-container label {",
" color: #FF5722 !important;",
" }",
"",
" /*Input fields suggestions color*/",
" .edit-dialog button.suggestion {",
" color: rgba(255, 255, 255, 0.5)!important;",
" }",
"",
" /*Dividers color*/",
" paper-dialog-scrollable.is-scrolled:not(:first-child)::before, paper-dialog-scrollable.can-scroll:not([style-scope]):not(.style-scope):not(.scrolled-to-bottom)::after {",
" background-color: rgba(255, 255, 255, 0.3)!important;",
" }",
"",
" /*Explicit checkbox text color when selected*/",
" paper-dialog.edit-dialog #explicit-song-checkbox[aria-checked=\"true\"] #checkboxLabel {",
" color: white!important;",
" }",
"",
" /*Tracks/discs \"of\" word*/",
" paper-dialog.edit-dialog #scrollable .edit-section-group .sections > span {",
" color: rgba(255, 255, 255, 0.7)!important;",
" }",
"",
" /*Moved edit album cover buttons under the displayed cover*/",
" .edit-album-art-button-container {",
" bottom: -25px!important;",
" }",
"",
" /*Edit album cover buttons base color*/",
" .edit-album-art-button-container iron-icon {",
" opacity: 0.6!important;",
" }",
"",
" /*Edit album cover buttons hover effect color*/",
" .edit-album-art-button-container paper-icon-button:hover > iron-icon {",
" opacity: 1!important;",
" }",
"",
"",
"",
"",
"",
" /*Edit Playlist / Share*/",
"",
" /*Main background*/",
" paper-dialog.edit-playlist {",
" background-color: rgb(30, 30, 30)!important;",
" }",
"",
" /*Header text color*/",
" paper-dialog.edit-playlist h2 {",
" color: rgba(255, 255, 255, 0.8)!important;",
" }",
"",
" /*Input field text and background color*/",
" paper-dialog.edit-playlist .paper-input[id=\"input\"] {",
" color: white!important;",
" background-color: rgb(80, 80, 80)!important;",
" }",
"",
" /*Description field text color and top border*/",
" .paper-input-container .iron-autogrow-textarea {",
" color: white!important;",
" border-top: 1px solid rgba(255, 255, 255, 0.3)!important;",
" }",
"",
" /*Bottom header (share)*/",
" #sharing-option-label {",
" color: rgba(255, 255, 255, 0.8)!important;",
" }",
"",
" /*Bottom subtitle (share)*/",
" #sharing-option-description {",
" color: rgba(255, 255, 255, 0.4)!important;",
" }",
"",
" /*Border color when highlighted*/",
" .is-highlighted .focused-line {",
" background-color: #FF5722 !important;",
" }",
"",
" /*Button color when it is disabled (e.g. share page when non-public)*/",
" paper-button[aria-disabled=\"true\"] {",
" opacity: 0.4!important;",
" }",
"",
" /*Char count color when highlighted*/",
" .is-highlighted .paper-input-char-counter {",
" color: #FF5722 !important;",
" }",
"",
" /*Description headline when text is entered*/",
" .label-is-highlighted .paper-textarea {",
" color: #FF5722 !important;",
" }",
"",
" /*Edit playlist: name color when input container is focused*/",
" .input-content.label-is-floating.label-is-highlighted.paper-input-container label {",
" color: #FF5722 !important;",
" }",
"",
" /*Share: divider color*/",
" .share-buttons {",
" border-bottom-color: rgba(255, 255, 255, 0.5)!important;",
" }",
"",
"",
"",
"",
"",
" /*Upload Music / Settings / Help*/",
"",
" /*Main color/background for upload and settings*/",
" .upload-music-page, .upload-music-page p, .upload-music-page .features, .account-settings-card, .general-settings-card, .subscription-gifting-card, .my-devices-card, .labs-card, .delete-library-card, .delete-recommendations-card, #dialog #header, .music-sources-card, .download-library-card, .download-locations-card {",
" color: white!important;",
" background-color: rgb(20, 20, 20)!important;",
" }",
"",
" /*Help section main container background*/",
" #dialog #content-container #content-view {",
" background-color: rgb(40, 40, 40)!important;",
" }",
"",
" /*Help section main container text color*/",
" #dialog #content-container #content-view .ghp-iconTextComponent-label {",
" color: rgba(255, 255, 255, 0.8)!important;",
" }",
"",
" /*Help section main container button hover effect*/",
" #dialog #content-container #content-view .ghp-iconTextComponent.ghp-searchPage-result.ng-scope:hover, #dialog #content-container #content-view .ghpv-alignStart:hover, #dialog #content-container #content-view .ghp-iconTextComponent.ghpv-block.ng-scope:hover {",
" background-color: rgb(70, 70, 70)!important;",
" }",
"",
" /*Help section input field background - icon and predifined text not finished yet*/",
" .ghp-header-searchRow .ghp-header-searchFormContainer .ghp-header-searchForm.ng-pristine.ng-valid #search-box {",
" color: white!important;",
" background-color: rgb(60, 60, 60)!important;",
" opacity: 1!important;",
" border-radius: 0%!important;",
" }",
"",
" /*Help section instant search background*/",
" .sbsb_b {",
" background-color: rgb(60, 60, 60)!important;",
" }",
"",
" /*Help section auto-complete text 1*/",
" .sbsb_b .sbsb_c .ghp-autocomplete-label {",
" color: white!important;",
" font-weight: bold!important;",
" }",
"",
" /*Help section auto-complete text 2*/",
" .sbsb_b .sbsb_c .ghp-autocomplete-label b {",
" color: rgba(255, 255, 255, 0.5)!important;",
" font-weight: normal!important;",
" }",
"",
" /*Help section search icon for instant search*/",
" .search-query-icon {",
" background-image: url(\'http://i63.tinypic.com/2nv8jtj.png\')!important;",
" opacity: 1!important;",
" }",
"",
" /*Help section titles text color*/",
" .ghp-card-title {",
" color: rgba(255, 255, 255, 0.8)!important;",
" }",
"",
" /*Help section instant search hover effect*/",
" .sbsb_c:hover {",
" background-color: rgb(100, 100, 100)!important;",
" cursor: pointer!important;",
" }",
"",
" /*Help section text color external link*/",
" .ghp-button-label.ghp-externalLink {",
" color: rgba(255, 255, 255, 0.8)!important;",
" }",
"",
" /*Help section icon base color external link*/",
" .ghp-button-label.ghp-externalLink::after {",
" background-image: url(\'http://i67.tinypic.com/16gcsw9.png\')!important;",
" opacity: 0.6!important;",
" }",
"",
" /*Help section icon hover effect color external link*/",
" .ghp-button.ghpv-block.ghpv-alignStart:hover > .ghp-button-label.ghp-externalLink::after {",
" opacity: 1!important;",
" }",
"",
" /*Input field background - icon and predifined text not finished yet*/",
" #dialog #header .ghp-header-searchRow .ghp-header-searchFormContainer .ng-valid .ghp-header-searchBox {",
" color: white!important;",
" background-color: rgb(40, 40, 40)!important;",
" }",
"",
" /*Settings: Buttons base color*/",
" #download-button-section #download-button, .subscription-upsell-container paper-button, .refresh-library-container paper-button, .subscription-gifting-container paper-button, .device-list paper-button, .delete-library-container paper-button, .delete-recommendations-container paper-button, paper-button[data-id=\"update-payment-info\"], paper-button[data-id=\"cancel-subscription\"], .music-sources-card paper-button, paper-button[data-id=\"download-library\"], paper-button[data-id=\"family-subscription\"], paper-button[data-id=\"gift\"], paper-button[data-id=\"refresh\"], paper-button[data-id=\"delete-library\"], paper-button[data-id=\"delete-recommendations\"] {",
" color: rgba(255, 255, 255, 0.8)!important;",
" background-color: rgb(60, 60, 60)!important;",
" }",
"",
" /*Settings: Buttons hover effect*/",
" #download-button-section #download-button:hover, .subscription-upsell-container paper-button:hover, .refresh-library-container paper-button:hover, .subscription-gifting-container paper-button:hover, .device-list paper-button:hover, .delete-library-container paper-button:hover, .delete-recommendations-container paper-button:hover, paper-button[data-id=\"update-payment-info\"]:hover, paper-button[data-id=\"cancel-subscription\"]:hover, .music-sources-card paper-button:hover, paper-button[data-id=\"download-library\"]:hover, paper-button[data-id=\"family-subscription\"]:hover, paper-button[data-id=\"gift\"]:hover, paper-button[data-id=\"refresh\"]:hover, paper-button[data-id=\"delete-library\"]:hover, paper-button[data-id=\"delete-recommendations\"]:hover {",
" color: rgba(255, 255, 255, 1)!important;",
" background-color: rgb(100, 100, 100)!important;",
" }",
"",
" /*Settings: text color for special checkbox*/",
" #checkboxLabel, #checkbox {",
" color: rgba(255, 255, 255, 0.5)!important;",
" }",
"",
" /*Settings: footer links*/",
" .settings-footer .footer-link, .settings-footer .separator {",
" color: rgba(255, 255, 255, 0.3)!important;",
" }",
"",
" /*Settings: Link color on upload music/settings page*/",
" .upload-music-page .primary, .account-settings-card .primary {",
" color: #FF5722 !important;",
" }",
"",
" /*Settings: Checkboxes will get tinted with highlight color*/",
" paper-checkbox #checkbox.checked.paper-checkbox {",
" background-color: #FF5722 !important;",
" border-color: #FF5722 !important;",
" }",
"",
" /*Settings: #1 manually added gaps between buttons/buttons header for more consistency*/",
" .cancel-subscription-container{",
" margin-bottom: 12px!important;",
" }",
"",
" /*Settings: #2 manually added gaps between buttons/buttons header for more consistency*/",
" paper-button[data-id=\"family-subscription\"] {",
" margin-top: 8px!important;",
" }",
"",
" /*Settings: if a checkbox is selected, its description gets colored white*/",
" .material-settings-view paper-checkbox[aria-checked=\"true\"] > #checkboxLabel {",
" color: white!important;",
" }",
"",
" /*Settings: description text after header for every card*/",
" .general-settings-card .button-group-container div, .subscription-gifting-card div, .my-devices-card .settings-card-title + div, .labs-card .settings-card-title + div, .delete-library-card div, .delete-recommendations-card div, .download-location-picker-explanation, .download-library-card .button-group-container div, .music-source-empty-message {",
" color: rgba(255, 255, 255, 0.6)!important;",
" }",
"",
" /*Settings,Chrome: download location button base color*/",
" .download-location-picker-select-location-button {",
" color: rgba(255, 255, 255, 0.8)!important;",
" }",
"",
" /*Settings,Chrome: download location button hover effect color*/",
" .download-location-picker-select-location-button:hover {",
" color: white!important;",
" }",
"",
" /*Settings: labs description and devices last access timestamp text color*/",
" .lab-description, .device-last-accessed, .device-list iron-icon {",
" color: rgba(255, 255, 255, 0.4)!important;",
" }",
"",
" /*Settings: label color of account infos*/",
" .account-settings-card .label {",
" color: rgba(255, 255, 255, 0.5)!important;",
" }",
"",
" /*Settings: divider color of my devices list and labs;",
" Firefox: upload page diver color*/",
" .my-devices-card .device-list-item:not(:last-child), .labs-list .lab-list-item, .upload-music-page .features {",
" border-bottom-color: rgba(255, 255, 255, 0.3)!important;",
" }",
"",
" /*Chrome: upload page header background*/",
" .upload-dialog .upload-dialog-title {",
" background-color: #FF5722 !important;",
" }",
"",
" /*Chrome: upload page main container background*/",
" .upload-dialog .upload-dialog-content {",
" background-color: rgb(80, 80, 80)!important;",
" }",
"",
" /*Chrome: upload page text color*/",
" .upload-dialog-description, .upload-dialog-other-choice {",
" color: rgba(255, 255, 255, 0.7)!important;",
" }",
"",
" /*Chrome: upload page button base color*/",
" .upload-dialog .upload-dialog-select-buttons paper-button {",
" color: rgba(255, 255, 255, 0.7)!important;",
" background-color: rgb(60, 60, 60)!important;",
" border:none!important;",
" }",
"",
" /*Chrome: upload page button hover effect*/",
" .upload-dialog .upload-dialog-select-buttons paper-button:hover {",
" color: white!important;",
" background-color: rgb(40, 40, 40)!important;",
" }",
"",
" /*Chrome: upload page close button base color*/",
" .upload-dialog-title-close {",
" opacity: 0.8!important;",
" }",
"",
" /*Chrome: upload page close button hover effect color*/",
" .upload-dialog-title-close:hover, .upload-dialog-title-close-text:hover {",
" opacity: 1!important;",
" cursor: pointer!important;",
" }",
"",
" /*Chrome: upload page border color when dragover*/",
" .upload-dialog-dragover {",
" border-color: #FF5722 !important;",
" }",
"",
" /*Bin - hover effect for artist/album*/",
" .song-table[data-id=\"auto-playlist-trash\"] td[data-col=\"artist\"] .column-content.tooltip .text:hover, .song-table[data-id=\"auto-playlist-trash\"] td[data-col=\"album\"] .column-content.tooltip .text:hover {",
" text-decoration: underline!important;",
" }",
"",
" /*Firefox: upload page description text color*/",
" .upload-music-page div, .upload-music-page .features {",
" color: rgba(255, 255, 255, 0.6)!important;",
" }",
"",
"",
"",
"",
"",
" /*User quiz card - paid content(?)*/",
"",
" /*Main Background*/",
" .new-user-quiz-card {",
" background-color: rgb(30, 30, 30)!important;",
" }",
"",
" /*Headline color*/",
" .new-user-quiz-card .title {",
" color: rgba(255, 255, 255, 0.8)!important;",
" }",
"",
" /*Buttons text color*/",
" .new-user-quiz-card paper-button {",
" color: white!important;",
" }",
"",
" /*Buttons hover effect*/",
" .new-user-quiz-card paper-button:hover {",
" background-color: rgb(70, 70, 70)!important;",
" }",
"",
"",
"",
"",
"",
" /*Top Tracks - paid content*/",
"",
" /*Header text color*/",
" .top-tracks-header {",
" color: rgba(255, 255, 255, 0.8)!important;",
" }",
"",
" /*Numbers text color*/",
" .top-tracks td .column-content, .details.layout.horizontal .left-items .primary{",
" color: white!important;",
" }",
"",
" /*More songs button text color*/",
" .more-songs-container paper-button {",
" color: rgba(255, 255, 255, 0.7)!important;",
" border-radius: 0%!important;",
" }",
"",
" /*More songs button hover effect*/",
" .more-songs-container paper-button:hover {",
" color: rgba(255, 255, 255, 1)!important;",
" background-color: rgb(70, 70, 70)!important;",
" }",
"",
" /*Adult content warning - third entry is chrome specific fix, maybe first one isn\'t need anymore, even not for firefox*/",
" iron-icon[icon=\"av:explicit\"], .material-card[data-is-listen-now=\"true\"] .details .details-inner iron-icon[icon=\"av:explicit\"] .iron-icon {",
" color: rgba(255, 255, 255, 0.5)!important;",
" }",
"",
" /*Additional background infos on \"more songs\" tab*/",
" .top-tracks-info, .song-table {",
" background-color: rgb(20, 20, 20)!important;",
" }",
"",
" /*Play button hover effect*/",
" .top-tracks .hover-button[data-id=\"play\"]:hover {",
" color: white!important;",
" background-color: #FF5722 !important;",
" }",
"",
" /*Divider of more songs button*/",
" .more-songs-container {",
" border-top: 1px solid rgba(255, 255, 255, 0.5)!important;",
" }",
"",
"",
"",
"",
"",
" /*Radio / Listen now - paid content*/",
"",
" /*Card background*/",
" .browse-stations-content-wrapper .subcategories-list, .situations-filter {",
" background-color: rgb(20, 20, 20)!important;",
" }",
"",
" /*Box size*/",
" .subcategories-list .li-content{",
" height: 54px!important;",
" line-height: 54px!important;",
" margin: 0!important;",
" }",
"",
" /*Box divider color*/",
" .browse-stations-content-wrapper .material-list li:not(:last-child) .li-content {",
" border-bottom-color: rgba(255, 255, 255, 0.5)!important;",
" }",
"",
" /*Divider color (buttons)*/",
" gpm-action-buttons {",
" border-top-color: rgba(255, 255, 255, 0.7)!important;",
" }",
"",
" /*Buttons text color*/",
" .browse-stations-content-wrapper .subcategories-list .li-content, .subsituation-title {",
" color: rgba(255, 255, 255, 0.8)!important;",
" font-size: 80%!important;",
" }",
"",
" /*Buttons hover effect*/",
" .browse-stations-content-wrapper .subcategories-list a:hover, a[data-type=\"situations\"]:hover, .browse-stations-content-wrapper .subcategories-list .li-content:hover {",
" color: white!important;",
" background-color: rgb(70, 70, 70)!important;",
" margin: 0!important;",
" }",
"",
" /*Fix for buggy header tile on artists radio page*/",
" .material-album-container.material-container .material-shadow-z1 {",
" background-color: rgb(20, 20, 20)!important;",
" }",
"",
" /*Listen now header color*/",
" .situations-filter .situation-title {",
" color: rgba(255, 255, 255, 0.8)!important;",
" }",
"",
" /*Listen now subtitle color*/",
" .situations-filter .filter-description {",
" color: rgba(255, 255, 255, 0.4)!important;",
" }",
"",
" /*Situation based radios buttons fix for hover effect (border won\'t disappear)*/",
" .situations-filter a[data-type=\"situations\"], .situations-filter a[data-type=\"situations\"]:hover{",
" margin-top: 1px!important;",
" }",
"",
"",
"",
"",
"",
" /*Search Bar*/",
"",
" /*Background and text color*/",
" .sj-search-box, #material-one-middle .material-search {",
" color: white!important;",
" background-color: #292929!important;",
" }",
"",
" /*Background for opened search box to avoid white corners*/",
" sj-search-box[opened=\"\"], sj-search-box[has-query] {",
" background-color: #292929!important;",
" }",
"",
" /*Change Z-Index of search box to make it always on top*/",
" sj-search-box {",
" z-index: 1000!important;",
" }",
"",
" /*Instant search highlighted text*/",
" .sub-match.style-scope.sj-search-suggestion {",
" color: rgba(255, 255, 255, 0.8)!important;",
" }",
"",
" /*Instant search base text*/",
" .flex.style-scope.sj-search-suggestion {",
" color: rgba(255, 255, 255, 0.5)!important;",
" }",
"",
" /*Suggestions hover effect*/",
" sj-search-suggestion:hover, sj-search-suggestion:hover > iron-icon, sj-search-suggestion:hover > #queryText, sj-search-suggestion:hover > #queryText .sub-match {",
" color: rgba(255, 255, 255, 1)!important;",
" background-color: rgb(70, 70, 70)!important;",
" }",
"",
" /*Delete button base color*/",
" sj-search-box #clearButton {",
" color: rgba(255, 255, 255, 0.5)!important;",
" }",
"",
" /*Delete button hover effect color*/",
" sj-search-box #clearButton:hover {",
" color: white!important;",
" }",
"",
" /*Search icon base color*/",
" #searchIcon, #material-one-middle .search-icon {",
" color: rgba(255, 255, 255, 0.5)!important;",
" }",
"",
" /*Search icon color when search input is selected*/",
" sj-search-box[opened=\"\"] > #searchIcon {",
" color: rgba(255, 255, 255, 1)!important;",
" }",
"",
" /*Search suggestion wrong input question*/",
" .suggested-query {",
" color: rgba(255, 255, 255, 0.6)!important;",
" }",
"",
" /*Search suggestion link base color*/",
" .suggested-query-text {",
" color: rgba(255, 255, 255, 1)!important;",
" }",
"",
" /*Search suggestion link hover effect color color*/",
" .suggested-query-text:hover {",
" color: #FF5722 !important;",
" }",
"",
" /*Divider color when opened*/",
" .sj-search-box-0[opened]:not([num-suggestions=\"0\"]) #input.sj-search-box {",
" border-bottom-color: rgba(255, 255, 255, 0.4)!important;",
" }",
"",
"",
"",
"",
"",
" /*Feedback*/",
"",
" /*Main background*/",
" .modal-dialog.describe-panel, .modal-dialog.annotate-panel, .modal-dialog.review-panel {",
" background-color: rgb(30, 30, 30)!important;",
" border: none!important;",
" }",
"",
" /*Tiles background*/",
" .modal-dialog-title-draggable, .modal-dialog-content.main-dialog-content {",
" background-color: rgb(30, 30, 30)!important;",
" }",
"",
" /*Text color*/",
" .modal-dialog-title-draggable .internal-title, .modal-dialog-content.main-dialog-content {",
" color: rgba(255, 255, 255, 0.8)!important;",
" }",
"",
" /*Input field*/",
" #describe-description, .jfk-textinput {",
" color: white!important;",
" background-color: rgb(60, 60, 60)!important;",
" }",
"",
" /*Button base colors*/",
" .modal-dialog-buttons button, .jfk-button {",
" color: rgba(255, 255, 255, 0.8)!important;",
" background: rgb(70, 70, 70)!important;",
" border: none!important;",
" }",
"",
" /*Button hover effect*/",
" .modal-dialog-buttons button:hover, .jfk-button-hover {",
" color: rgba(255, 255, 255, 1)!important;",
" background: rgb(120, 120, 120)!important;",
" border: none!important;",
" }",
"",
"",
"",
"",
"",
" /*Share page*/",
"",
" /*Share button base color*/",
" .share-button {",
" color: white!important;",
" }",
"",
" /*Share button hover effect*/",
" .share-button:hover {",
" background-color: rgb(100, 100, 100)!important;",
" z-index: 100000!important;",
" border-radius: 0%!important;",
" }",
"",
" /*Link text color*/",
" .get-link #labelAndInputContainer .paper-input {",
" color: white!important;",
" }",
"",
" /*Sharebox popup background*/",
" #shareboxPlaceholderDiv .G-q-O.G-q-O-Ip, #shareboxPlaceholderDiv .G-q-B, .ub.fL.mh .Bc.zR.el {",
" background-color: rgb(30, 30, 30)!important;",
" }",
"",
" /*Sharebox text color*/",
" #shareboxPlaceholderDiv .G-q-O.G-q-O-Ip .G-q-O-E, .pc.Ao.X0, .rCauNb .d-s.ot-anchor {",
" color: rgba(255, 255, 255, 0.8)!important;",
" }",
"",
" /*Sharebox subtitle text color*/",
" .YPIndd .d-s.ot-anchor {",
" color: rgba(255, 255, 255, 0.4)!important;",
" }",
"",
" /*Sharebox upper input field*/",
" .rG.re.ul .Gb.WK #sbep, .g-h-f-vc-B.b-K.b-K-Xb.URaP8, .g-h-f-V-Lb {",
" color: white!important;",
" background-color: rgb(70, 70, 70)!important;",
" border: none!important;",
" }",
"",
" /*Sharebox disable border in middle container and dropdown*/",
" .Bia.UK.ul .zn .yx.Nf, .g-h-f-V-nb, .d-A-yb {",
" border: none!important;",
" }",
"",
" /*Sharebox dropdown text color*/",
" #shareboxPlaceholderDiv .d-A {",
" color: white!important;",
" background-color: rgb(70, 70, 70)!important;",
" }",
"",
" /*Sharebox dropdown hover effect*/",
" #shareboxPlaceholderDiv .d-A:hover {",
" background-color: rgb(120, 120, 120)!important;",
" border:none!important;",
" padding-top: 6px!important;",
" padding-bottom: 6px!important;",
" }",
"",
" /*Sharebox dropdown hover effect #2*/ ",
" #shareboxPlaceholderDiv .d-A:hover > .d-A-B {",
" color: white!important;",
" }",
"",
" /*Dropdown menu background, border and shadow*/",
" .d-r.d-r-ih {",
" background-color: rgb(70, 70, 70)!important;",
" border: none!important;",
" box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.8) !important;",
" }",
"",
" /*Sharebox profile button base color*/",
" #shareboxPlaceholderDiv .zk {",
" filter: grayscale(100%)!important;",
" -webkit-filter: grayscale(100%)!important;",
" }",
"",
" /*Sharebox profile button hover effect color*/",
" #shareboxPlaceholderDiv .zk:hover {",
" filter: grayscale(0%)!important;",
" -webkit-filter: grayscale(0%)!important;",
" }",
"",
" /*Sharebox buttons base color*/",
" #shareboxPlaceholderDiv .d-k-l.b-c.b-c-Ba.qy.jt, #shareboxPlaceholderDiv .d-k-l.b-c.b-c-R.xD {",
" color: rgba(255, 255, 255, 0.8)!important;",
" background-color: rgb(70, 70, 70)!important;",
" border: none!important;",
" }",
"",
" /*Sharebox buttons hover effect color - save button has a thin green line, needs to be fixed*/",
" #shareboxPlaceholderDiv .d-k-l.b-c.b-c-Ba.qy.jt:hover, #shareboxPlaceholderDiv .d-k-l.b-c.b-c-R.xD:hover {",
" color: rgba(255, 255, 255, 1)!important;",
" background-color: rgb(120, 120, 120)!important;",
" border: none!important;",
" box-shadow: none!important;",
" cursor: pointer!important;",
" }",
"",
" /*Sharebox add people button base color*/",
" .g-h-f-Qm {",
" background-color: rgb(110, 110, 110)!important;",
" }",
"",
" /*Sharebox add people button hover effect color*/",
" .g-h-f-Qm:hover {",
" background-color: rgb(200, 200, 200)!important;",
" }",
"",
" /*Shadows*/",
" #shareboxPlaceholderDiv {",
" box-shadow: 0 0 30px 0 rgba(0,0,0,0.9)!important;",
" }",
"",
" /*Publicity popup background, border and shadows*/",
" .g-h-f-p-aa {",
" background-color: rgb(70, 70, 70)!important;",
" border: none!important;",
" box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.8) !important;",
" }",
"",
" /*Publicity popup: diable white arrow (TODO: must replace with own png)*/",
" .g-h-f-p-Ov {",
" background: none!important;",
" }",
"",
" /*Publicity popup header text color*/",
" .g-h-f-p-O-E {",
" color: rgba(255, 255, 255, 0.8)!important;",
" }",
"",
" /*Publicity popup subtitle text color*/",
" .g-h-f-p-B {",
" color: rgba(255, 255, 255, 0.5)!important;",
" }",
"",
" /*Border color of add more people dropdown*/",
" .d-cm {",
" border-color: rgba(255, 255, 255, 0.4)!important;",
" }",
"",
" /*Add more people input field text color*/",
" #sbdp {",
" color: rgba(255, 255, 255, 0.9)!important;",
" }",
"",
" /*Add more people friends state when contact is found*/",
" .f-C-E {",
" color: rgba(255, 255, 255, 0.5)!important;",
" }",
"",
" /*Add more people base text color when contact is found*/",
" .f-C-Xd {",
" color: rgba(255, 255, 255, 0.6)!important;",
" }",
"",
" /*Add more people highlighted text color when contact is found*/",
" .g-h-f-V-ng {",
" color: rgba(255, 255, 255, 1)!important;",
" }",
"",
" /*Add more people highlighted text color when contact is found*/",
" .g-h-f-V-JJ {",
" color: rgba(255, 255, 255, 0.6)!important; ",
" }",
"",
" /*Add more people \"from your contacts\" text color when contact is found*/",
" .g-h-f-V-GJ {",
" background-color: rgb(70, 70, 70)!important;",
" }",
"",
" /*Add more people \"from your contacts\" border color when contact is found*/",
" .g-h-f-V-IJ {",
" border-color: rgba(255, 255, 255, 0.6)!important;",
" }",
"",
" /*Add more people \"from your contacts\" icon color when contact is found*/",
" .g-h-f-V-FJ {",
" background-color: rgba(20, 20, 20, 0.4);",
" }",
"",
"",
"",
"",
"",
" /*Personalization*/",
"",
" /*Header text color*/",
" .nuq-view.nuq-genres .primary, .nuq-view.nuq-artists .primary {",
" color: white!important;",
" }",
"",
" /*Subtitle text color*/",
" .nuq-view.nuq-genres h2 {",
" color: rgba(255, 255, 255, 0.6)!important;",
" }",
"",
" /*Genres text color*/",
" .quiz-item-list .quiz-block .name, .more-artists {",
" color: rgba(255, 255, 255, 0.8)!important;",
" }",
"",
" /*Genres buttons hover effect*/",
" .nuq-view.nuq-genres .quiz-item-list .quiz-block:hover > .image-wrapper {",
" filter: grayscale(100%)!important;",
" -webkit-filter: grayscale(100%)!important;",
" }",
"",
" /*Bottom bar background*/",
" .nuq-view.nuq-genres .button-bar, .nuq-view.nuq-artists .button-bar {",
" background-color: rgb(20, 20, 20)!important;",
" }",
"",
" /*Bottom bar button base color*/",
" .nuq-view.nuq-genres .button-bar paper-button, .nuq-view.nuq-artists .button-bar paper-button, .nuq-view.nuq-artists .button-bar paper-button {",
" color: rgba(255, 255, 255, 0.8)!important;",
" background-color: rgb(70, 70, 70)!important;",
" }",
"",
" /*Bottom bar button hover effect color*/",
" .nuq-view.nuq-genres .button-bar paper-button:hover, .nuq-view.nuq-artists .button-bar paper-button:hover, .nuq-view.nuq-artists .button-bar paper-button:hover {",
" color: rgba(255, 255, 255, 1)!important;",
" background-color: rgb(120, 120, 120)!important;",
" }",
"",
" /*Artists buttons hover effect*/",
" .nuq-view.nuq-artists .quiz-item-list .quiz-block:hover > .image-wrapper {",
" background-color: rgb(120, 120, 120)!important;",
" border-radius: 5%!important;",
" }",
"",
" /*More artits hover effect*/",
" .more-artists button:hover > .icon {",
" background-image: url(\'http://i68.tinypic.com/282mjyr.png\')!important;",
" background-repeat: no-repeat!important;",
" }",
"",
"",
"",
"",
"",
" /*Multi select tracks menu*/",
"",
" /*Main background*/",
" #sliding-action-bar-container {",
" background-color: rgb(20, 20, 20)!important;",
" }",
"",
" /*3-dot-menu like button*/",
" .goog-menuitem .materialThumbs paper-icon-button[icon=\"sj:thumb-up-outline\"] iron-icon:hover {",
" color: white!important;",
" background-image: url(\'http://i66.tinypic.com/970iae.png\')!important;",
" background-repeat: no-repeat!important;",
" background-size: 100%!important;",
" }",
"",
" /*3-dot-menu dislike button*/",
" .goog-menuitem .materialThumbs paper-icon-button[icon=\"sj:thumb-down-outline\"] iron-icon:hover {",
" color: white!important;",
" background-image: url(\'http://i65.tinypic.com/ml1189.png\')!important;",
" background-repeat: no-repeat!important;",
" background-size: 100%!important;",
" }",
"",
" /*3-dot-menu dislike button*/",
" .goog-menuitem .materialThumbs paper-icon-button[icon=\"remove-circle-outline\"] iron-icon:hover {",
" color: white!important;",
" }",
"",
" /*Icon buttons (not disabled) base color*/",
" #sliding-action-bar-container paper-icon-button[aria-disabled=\"false\"] {",
" color: rgb(180, 180, 180)!important;",
" }",
"",
" /*Icon buttons (not disabled) hover effect color*/",
" #sliding-action-bar-container paper-icon-button[aria-disabled=\"false\"]:hover {",
" color: rgb(255, 255, 255)!important;",
" }",
"",
" /*Icon buttons (disabled) base color*/",
" #sliding-action-bar-container paper-icon-button[aria-disabled=\"true\"] {",
" color: rgb(60, 60, 60)!important;",
" }",
"",
" /*Dropdown menu base color*/",
" #sliding-action-bar-container paper-button {",
" color: rgb(180, 180, 180)!important;",
" }",
"",
" /*Dropdown menu hover effect color*/",
" #sliding-action-bar-container paper-button:hover {",
" color: rgb(255, 255, 255)!important;",
" }",
"",
" /*Dropdown menu hover border effect*/",
" #sliding-action-bar-container paper-button:hover > paper-ripple {",
" border-bottom: 2px solid rgba(255, 255, 255, 0.3)!important;",
" border-radius: 0%!important;",
" }",
"",
"",
"",
"",
"",
" /*Loading Page*/",
"",
" /*Main page background*/",
" #loading-progress {",
" position: absolute!important;",
" background: #292929!important;",
" }",
"",
" /*Progress bar color tint*/",
" #loading-progress-bar #progressContainer #primaryProgress.paper-progress {",
" background-color: #FF5722 !important;",
" }",
"",
"",
"",
"",
"",
" /*Shadows*/",
"",
" /*Popup Playlist*/",
" sj-mini-queue {",
" box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.6), 0 6px 30px 5px rgba(0, 0, 0, 0.6), 0 8px 10px -5px rgba(0, 0, 0, 0.8)!important;",
" }",
"",
" /*Material cards*/",
" .material-card.material-shadow-z1:hover, .material-card.entity-card:hover {",
" box-shadow: 0px 6px 10px 2px rgba(0,0,0,0.8)!important;",
" transition: box-shadow 0.28s cubic-bezier(0.4,0,0.2,1);",
" }",
"",
" /*All kind of popup menus (e.g. 3-dot-menu)*/",
" .material .goog-menu {",
" box-shadow: 0px 6px 10px 2px rgba(0,0,0,0.8)!important;",
" }",
"",
" /*Searchbox when opened*/",
" sj-search-box[opened=\"\"] {",
" box-shadow: 0px 6px 10px 2px rgba(0,0,0,0.8) !important;",
" }",
"",
" /*Google menu (upper right)*/",
" #gbwa .gb_ha {",
" box-shadow: 0px 6px 10px 2px rgba(0,0,0,0.8) !important;",
" border-radius: 0!important;",
" }",
"",
" /*Account menu (upper right)*/",
" .gb_ga.gb_g {",
" box-shadow: 0px 6px 10px 2px rgba(0,0,0,0.8) !important;",
" border-radius: 0!important;",
" border: none!important;",
" }",
"",
"",
"",
"",
"",
" /*Notifications - needs to be finished*/",
"",
" /*Main background*/",
" .SPc.rTvtwe.aac, .QPc.y9fV.aac, .o5TLDf.WdjWF, .XwibA.kPa, .IPc.nfe {",
" background-color: rgb(80, 80, 80)!important;",
" }",
"",
" /*Disable borders + add shadows*/",
" #gbsfw {",
" border: none!important;",
" box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.8) !important;",
" }",
"",
" /*Settings button base color - normal color change not possible*/",
" .SPc.rTvtwe.aac .nV46l .Iqx3wf, .rO3hB.h6KQYd.bxpCne, .swb.vac.vwa, .Mwb.vwa.TNc.ihb.iQb, .Ewb.vwa.SNc.ihb.iQb, .hhb {",
" opacity: 0.6!important;",
" }",
"",
" /*Settings button hover effect - normal color change not possible*/",
" .SPc.rTvtwe.aac .nV46l .Iqx3wf:hover, .rO3hB.h6KQYd.bxpCne:hover, .swb.vac.vwa:hover, .Mwb.vwa.TNc.ihb.iQb:hover, .Ewb.vwa.SNc.ihb.iQb:hover, .hhb:hover {",
" opacity: 1!important;",
" }",
"",
" /*Popup when hover buttons*/",
" .Vzc.Mb .b-p, .xbDqHe.Oub.d-r-Gk.d-r, .d-r.ai3Jie.hn1af {",
" color: rgba(255, 255, 255, 0.8);",
" background-color: rgb(40, 40, 40)!important;",
" box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.8) !important;",
" border: none!important;",
" transition: none!important;",
" }",
"",
" /*Buttons in popup menu*/",
" .d-A-B {",
" color: rgba(255 ,255 ,255 , 0.7) !important;",
" }",
"",
" /*Buttons hover effect in popup menu*/",
" .Pub.d-A.CysD2d:hover, .Pub.d-A.CysD2d:hover > .d-A-B, .d-A.FtX8gf.XnW7Qc:hover, .d-A.FtX8gf.XnW7Qc:hover > .d-A-B, .d-A.XnW7Qc:hover, .d-A.XnW7Qc:hover > .d-A-B {",
" color: rgba(255 ,255 ,255 , 1) !important;",
" background: rgb(100, 100, 100)!important;",
" }",
"",
" /*Header text color*/",
" .SPc.rTvtwe.aac .xQb, .kV1ySc.Nac .xQb, .UsHA5b.bhsVm, .XwibA.kPa .GhMwNe.XtlbTb .s41wHc.nYXukb {",
" color: rgba(255 ,255 ,255 , 0.7)!important;",
" }",
"",
" /*Speech-bubble color*/",
" .u8dTee.Kza {",
" color: rgba(255, 255, 255, 0.8);",
" background-color: rgb(40, 40, 40)!important;",
" }",
"",
" /*Bottom button background*/",
" .MNn0h.UtvBtc {",
" background-color: rgb(60, 60, 60)!important;",
" }",
"",
" /*Bottom button text color*/",
" .YGETNc, .MNn0h.UtvBtc .YGETNc {",
" color: rgba(255, 255, 255, 0.6);",
" }",
"",
" /*Bottom button background hover effect*/",
" .MNn0h.UtvBtc:hover {",
" background-color: rgb(40, 40, 40)!important;",
" }",
"",
" /*Bottom button text hover effect*/",
" .MNn0h.UtvBtc:hover > .YGETNc {",
" color: rgba(255, 255, 255, 1);",
" }",
"",
" /*Settings page settings link base color*/",
" .EPWZrc.vhaULc {",
" opacity: 0.8!important;",
" }",
"",
" /*Settings page settings link hover effect*/",
" .EPWZrc.vhaULc:hover {",
" opacity: 1!important;",
" }",
"",
" /*Checkbox hover effect*/",
" .SdYb9c.tubEcf.pTNgyc:hover, .SdYb9c.tubEcf:hover {",
" opacity: 1!important;",
" }",
"",
" /*Notification bubble background color*/",
" .zta.f4a.tta, .l4a.hga, .ENRtu {",
" background-color: rgb(40, 40, 40)!important;",
" }/*",
"",
" /*Notification bubble name color*/",
" .Y9b .Jub, .Iac, .ob.tv.Ub.Hf {",
" color: rgba(255, 255, 255, 1);",
" }",
"",
" /*Notification bubble link color*/",
" .Y9b .Hub.Z9b {",
" color: rgba(255, 255, 255, 0.7);",
" }",
"",
" /*Notification bubble delete button*/",
" .PpHGGf.IWa.Iub.gac.Sgb {",
" opacity: 0.6!important;",
" }",
"",
" /*Notification bubble delete button hover effect*/",
" .PpHGGf.IWa.Iub.gac.Sgb:hover {",
" opacity: 1!important;",
" }",
"",
" /*Move notifcation bubble a little bit down*/",
" .l4a.hga {",
" top: 5px!important;",
" }",
"",
" /*Notifications bubble hover effect*/",
" .l4a.hga:hover {",
" box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.8) !important;",
" transition: 0.2s!important;",
" }",
"",
" /*Answer page main background*/",
" .KPc.tQb, .ki.ve, .sda.je, .ki.ve, .ob.Jk {",
" background-color: rgb(40, 40, 40)!important;",
" }",
"",
" /*Add a border*/",
" .KPc.tQb {",
" border-bottom: 1px solid rgba(255, 255, 255, 0.5)!important;",
" }",
"",
" /*Second line text color*/",
" .Hac, .Bt.Pm .Ct, .Bba.jU.lU {",
" color: rgba(255, 255, 255, 0.7);",
" }",
"",
" /*Buttons background color*/",
" .esw.eswd.qk.Gc, .Ut.Dg.gv1ztb, .ffa.Dg.eaGJ0e {",
" background-color: rgb(20, 20, 20)!important;",
" border: none!important;",
" transition: none!important;",
" }",
"",
" /*Buttons text color*/",
" .esw.eswd.qk.Gc .tf.yda {",
" color: rgba(255, 255, 255, 1)!important;",
" }",
"",
" /*Plus icon for +1*/",
" .tf.yda .gr {",
" background: url(\'http://i65.tinypic.com/2w3we91.png\')!important;",
" }",
"",
" /*Buttons hover effect*/",
" .esw.eswd.qk.Gc:hover > .tf.yda, .esw.eswd.qk.Gc:hover, .Ut.Dg.gv1ztb:hover, .ffa.Dg.eaGJ0e:hover {",
" color: rgba(255, 255, 255, 1)!important;",
" background-color: rgb(80, 80, 80)!important;",
" transition: none!important;",
" }",
"",
" /*Share button arrow*/",
" .Ut.Dg.gv1ztb .iI {",
" background: url(\'http://i68.tinypic.com/2dpcmq.png\')!important;",
" }",
"",
" /*Share button arrow down*/",
" .tf .CJKIPe {",
" background: url(\'http://i65.tinypic.com/x3d8vr.png\')!important;",
" }",
"",
" /*Share button divider*/",
" .Ut.Dg.gv1ztb {",
" border-right: 1px solid rgba(255, 255, 255, 0.2)!important;",
" }",
"",
" /*Share button popup menu arrow*/",
" .rRN38d {",
" background: url(\'http://i65.tinypic.com/zy7qzd.png\')!important;",
" }",
"",
" /*Share button popup rounded plus icon*/",
" .d-A-B .xglVee.lYcLsd {",
" background: url(\'http://i63.tinypic.com/33vhywz.png\')!important;",
" opacity: 0.75!important;",
" background-repeat: no-repeat!important;",
" }",
"",
" /*Comment box*/",
" .Tt.bj .Dt.wu, .XH.Qp .cp {",
" background-color: rgb(80, 80, 80)!important;",
" border: none!important;",
" color: rgba(255, 255, 255, 0.8)!important;",
" }",
"",
" /*Share page bottom container*/",
" .Yp.yt.Xa .IO, .DM .Cx.fr {",
" background-color: rgb(40, 40, 40)!important;",
" }",
"",
"",
"",
"",
"",
" /*Scrollbar - Chrome only*/",
"",
" /*General width/height*/",
" ::-webkit-scrollbar {",
" width: 8px!important;",
" height: 8px!important;",
" }",
"",
" /*Button*/",
" ::-webkit-scrollbar-thumb {",
" background: rgb(140, 140, 140)!important;",
" }",
"",
" /*Button active*/",
" ::-webkit-scrollbar-thumb:active {",
" background: rgb(190, 190, 190)!important;",
" }",
"",
" /*Background base color*/",
" ::-webkit-scrollbar-track {",
" background: rgb(20, 20, 20)!important;",
" }",
"",
" /*Background hover color*/",
" ::-webkit-scrollbar-track:hover {",
" background: rgb(80, 80, 80)!important;",
" }",
"",
" /*Background active color*/",
" ::-webkit-scrollbar-track:active {",
" background: rgb(80, 80, 80)!important;",
" }",
"",
"",
"",
"",
"",
" /*New user - subscription page - top bar not finished yet*/",
"",
" /*Main background*/",
" body[class=\"material signup\"] .image-enticement.bgcolor-white.bgimage-albums.full-enticement {",
" background: #292929!important;",
" }",
"",
" /*Header text color*/",
" body[class=\"material signup\"] .enticement-content.small-text h1, body[class=\"material signup\"] .enticement-content.small-text h2, body[class=\"material signup\"] .table-enticement h1, body[class=\"material signup\"] .table-enticement .header {",
" color: rgba(255, 255, 255, 0.8)!important;",
" }",
"",
" /*Description text color*/",
" body[class=\"material signup\"] .enticement-content.small-text p[class=\"description-text\"], body[class=\"material signup\"] .table-enticement .table-enticement-imagebar li {",
" color: rgba(255, 255, 255, 0.4)!important;",
" opacity: 1!important;",
" }",
"",
" /*Buttons base color*/",
" body[class=\"material signup\"] .button-holder paper-button, body[class=\"material signup\"] .button-holder paper-button, body[class=\"material signup\"] .table-enticement paper-button {",
" color: rgba(255, 255, 255, 0.7)!important;",
" -color: rgb(20, 20, 20)!important;",
" }",
"",
" /*Buttons hover effect color*/",
" body[class=\"material signup\"] .button-holder paper-button:hover, body[class=\"material signup\"] .button-holder paper-button:hover, body[class=\"material signup\"] .table-enticement paper-button:hover {",
" color: rgba(255, 255, 255, 1)!important;",
" background-color: rgb(60, 60, 60)!important;",
" }",
"",
" /*Disable search icon at top bar*/",
" body[class=\"material signup\"] #topBar #material-one-middle iron-icon {",
" display: none!important;",
" }",
"",
" /*Checkboxes will get tinted in highlight color*/",
" body[class=\"material signup\"] .paper-checkbox-0[aria-checked=\"true\"] #checkbox {",
" background-color: #FF5722 !important;",
" border-color: #FF5722 !important;",
" }",
"",
" /*Disable default google play logo*/",
" body[class=\"material signup\"] .music-logo {",
" display: none!important;",
" }",
"",
"",
"",
"",
"",
" /*Chrome - upload icon and progress*/",
"",
" /*Icon - Same color for border as for background*/",
" .material-transfer-radial-progress-wrapper {",
" background-color: #FF5722 !important;",
" }",
"",
" /*Icon background*/",
" .material-transfer-radial-upload-overlay.primary-background {",
" background-color: #FF5722 !important;",
" }",
"",
" /*Icon hover effect*/",
" .material-transfer-radial-progress-grey-mask {",
" background-color: rgba(0, 0, 0, 0.3)!important;",
" }",
"",
" /*Upload row at last added - background color*/",
" .upload-progress-row .upload-progress-bar-thumb, .upload-progress-row td {",
" background-color: rgb(20, 20, 20)!important;",
" }",
"",
" /*Upload row at last added - text color*/",
" .upload-progress-upload-label {",
" color: white!important;",
" }",
"",
" /*Upload row at las added - added bottom border*/",
" .upload-progress-row td {",
" border-bottom: 1px solid #d9d9d9!important;",
" }",
"",
"",
"",
"",
"",
" /*Chrome - unable to upload songs page*/",
"",
" /*Background*/",
" .simple-dialog.upload-errors-dialog {",
" background-color: rgb(40, 40, 40)!important;",
" border: none!important;",
" }",
"",
" /*Header background*/",
" .simple-dialog-title.simple-dialog-title-draggable {",
" background-color: rgb(40, 40, 40)!important;",
" }",
"",
" /*Content background*/",
" .simple-dialog-content {",
" background-color: rgb(70, 70, 70)!important;",
" }",
"",
" /*Content header text color*/",
" .troubleshooter-table-header {",
" color: rgba(255, 255, 255, 0.9)!important;",
" }",
"",
" /*Content inner text color*/",
" .troubleshooter-table-row {",
" color: rgba(255, 255, 255, 0.6)!important;",
" }",
"",
" /*OK button default color*/",
" .simple-dialog-buttons button.goog-buttonset-default {",
" background-color: #FF5722 !important;",
" opacity: 0.8!important;",
" }",
"",
" /*OK button hover effect*/",
" .simple-dialog-buttons button.goog-buttonset-default:hover {",
" background-color: #FF5722 !important;",
" opacity: 1!important;",
" box-shadow: none!important;",
" cursor: pointer!important;",
" }",
"",
" /*Learn more text color*/",
" .upload-errors-dialog-learn-more.primary {",
" color: #FF5722 !important;",
" }",
"",
"",
"",
"",
"",
" /*Chrome - sync folders*/",
"",
" /*Header background color*/",
" .add-music .banner {",
" background-color: #FF5722 !important;",
" }",
"",
" /*Title row and other text color*/",
" .music-source-title-row, .existing-music-message, .default-sources-list, .radio-button-text {",
" color: rgba(255, 255, 255, 0.8)!important;",
" }",
"",
" /*Scanning... text color*/",
" .default-sources-song-count {",
" color: rgba(255, 255, 255, 0.4)!important;",
" }",
"",
" /*Buttons hover effect color*/",
" .add-music .music-source-actions paper-button:hover, .add-music .buttons paper-button:hover {",
" background-color: #FF5722 !important;",
" }",
"",
" /*Selected folders text color*/",
" .music-source-list-item {",
" color: rgba(255, 255, 255, 0.8)!important;",
" }",
"",
"",
"",
"",
" /*New Playlist-Sidebar (right-bar)*/",
"",
" /*Top bar background (interferes with left sidebars tobar)*/",
" #drawer paper-toolbar.animate {",
" background-color: rgb(20, 20, 20)!important;",
" }",
"",
" /*Other backrounds*/",
" #drawer #mainPanel #mainContainer {",
" background-color: rgb(20, 20, 20)!important;",
" }",
"",
" /*Add playlist button base color*/",
" #playlist-drawer-header iron-icon.paper-icon-button {",
" color: rgba(255, 255, 255, 0.4)!important;",
" }",
"",
" /*Add playlist button hover effect color*/",
" #playlist-drawer-header paper-icon-button[data-id=\"create-playlist\"]:hover > iron-icon.paper-icon-button {",
" color: rgba(255, 255, 255, 1)!important;",
" }",
"",
" /*Divider color*/",
" #playlist-drawer paper-header-panel[at-top] paper-toolbar:not([style-scope]):not(.style-scope), #playlist-drawer .autoplaylist-section, #playlist-drawer #recent-playlists-container {",
" border-bottom-color: rgba(255, 255, 255, 0.1)!important;",
" }",
"",
" /*Header text color*/",
" #playlist-drawer-header {",
" color: rgba(255,255,255,0.7)!important;",
" }",
"",
" /*Categories header text*/",
" #auto-playlists-header, #recent-playlists-header, #playlists-header {",
" color: rgba(255,255,255,0.4)!important;",
" text-align: center!important;",
" }",
"",
" /*Text/icon base color*/",
" #drawer .playlist-drawer-item .playlist-wrapper, #drawer .playlist-drawer-item iron-icon {",
" color: rgba(255, 255, 255, 0.7)!important;",
" left: 35px!important;",
" }",
"",
" /*Position fix for playlists text*/",
" #drawer .playlist-drawer-item .playlist-wrapper {",
" padding-left: 70px!important;",
" }",
"",
" /*Text hover effect color*/",
" #drawer .playlist-drawer-item:hover > .playlist-wrapper {",
" color: rgba(255, 255, 255, 1)!important;",
" background-color: rgb(60, 60, 60)!important;",
" }",
"",
" /*Icons hover effect color*/",
" #drawer .playlist-drawer-item:hover > iron-icon {",
" color: white!important;",
" }",
"",
" /*Position fix and base color for hover play button*/",
" #drawer .sj-play-button-0 #buttonContent.sj-play-button {",
" margin-left: -9px!important;",
" background-color: grey!important;",
" }",
"",
" /*Position fix of loading spinner*/",
" #playlist-drawer #mainPanel #spinner {",
" margin-left: -9px!important;",
" }",
"",
" /*Loading spinner width*/",
" .paper-spinner-lite-3 .circle.paper-spinner-lite {",
" border-width: 2px!important;",
" }",
"",
" /*Hover effect for hover play button*/",
" #drawer .sj-play-button-0 #buttonContent.sj-play-button:hover {",
" background-color: #FF5722 !important;",
" }",
"",
" /*Box shadows for right AND left sidebar*/",
" sj-right-drawer #drawer.sj-right-drawer, .narrow-layout.paper-drawer-panel > #drawer.iron-selected.paper-drawer-panel {",
" box-shadow: 0px 6px 10px 2px rgba(0,0,0,0.8) !important;",
" }",
"",
" /*Disable ugly hover effect (pulse) for hover play button (only in Chrome, yet!)*/",
" #playlist-drawer #mainPanel sj-play-button #pulse {",
" display: none!important;",
" }",
"",
" /*Disable auto-playlists*/",
" .autoplaylist-section, #auto-playlists-header {",
" display: inherit !important;",
" }",
"",
" /*Disable recent playlists*/",
" #recent-playlists-container, #recent-playlists-header {",
" display: inherit !important;",
" }",
"",
" /*Disable playlists*/",
" #playlists-header, #playlists-container {",
" display: inherit !important;",
" }",
"",
"",
"",
"",
"",
" /*Popup dialogs e. g. biography or delete playlist*/",
"",
" /*Background color*/",
" paper-dialog {",
" background-color: rgb(30, 30, 30)!important;",
" }",
"",
" /*Header color*/",
" paper-dialog h2 {",
" color: rgba(255, 255, 255, 0.8)!important;",
" }",
"",
" /*Text color*/",
" paper-dialog paper-dialog-scrollable #scrollable p {",
" color: rgba(255, 255, 255, 0.7)!important;",
" }",
"",
" /*Text color for delete playlist and edit playlist header base color*/",
" paper-dialog .content .scrollable.paper-dialog-scrollable {",
" color: rgba(255, 255, 255, 0.7)!important;",
" }",
"",
"",
"",
"",
"",
" /*Upgrade to family plan*/",
"",
" /*Upper background color*/",
" .image-enticement.bgcolor-white.full-enticement {",
" background-color: #292929!important;",
" }",
"",
" /*Some text colors (descriptions, table content)*/",
" .family-features p, .image-enticement .description-text, body[class=\"material signup\"] .table-enticement .table-enticement-imagebar li, div.table-enticement ul.table li div.cell:first-child {",
" color: rgba(255, 255, 255, 0.6)!important;",
" opacity: 1.0!important;",
" }",
"",
" /*Overwrite fix for table headers first child*/",
" div.table-enticement ul.table li.header div.cell:first-child {",
" color: rgba(255, 255, 255, 0.8)!important;",
" }",
"",
" /*Divider color (table)*/",
" div.table-enticement ul.table li {",
" border-bottom-color: rgba(255, 255, 255, 0.8)!important;",
" }",
"",
" /*Overwrite fix for second description text (bottom of the page)*/",
" .image-enticement.bgcolor-cyan.bgimage-notes.short-enticement .description-text {",
" color: rgba(0, 0, 0, 0.6)!important;",
" }",
"",
" /*Header icon (left)*/",
" .gb_fa .gb_b.gb_Rb {",
" background-image: url(\'http://i63.tinypic.com/efl17b.png\')!important;",
" background-size: 65%!important;",
" background-repeat: no-repeat!important;",
" background-position: 5px 5px!important;",
" }",
"",
" /*Header icon background color (middle)*/",
" .gb_fa .gb_qc {",
" background-color: white!important;",
" }",
"",
" /*Bell icon replacer (middle)*/",
" .gb_fa .gb_Rb {",
" background-image: url(\'http://i66.tinypic.com/2rdge83.png\')!important;",
" background-size: 100%!important;",
" background-position: 0px 0px!important;",
" background-repeat: no-repeat!important;",
" }",
"",
"",
"",
"",
"",
" /*New playlist button hint popup*/",
"",
" /*Background color*/",
" sj-callout[opened] {",
" background-color: rgb(60, 60, 60)!important;",
" box-shadow: 0px 6px 10px 2px rgba(0,0,0,0.8) !important;",
" }",
"",
" /*Title color*/",
" #calloutTitle {",
" color: rgba(255, 255, 255, 0.8)!important;",
" }",
"",
" /*Subtitle color*/",
" #calloutSubtitle, #calloutA11yDescription {",
" color: rgba(255, 255, 255, 0.5)!important;",
" }",
"",
" /*Dismiss button base color*/",
" sj-callout[opened] #buttons #dismiss {",
" color: rgba(255, 255, 255, 0.7)!important;",
" background-color: rgb(30, 30, 30)!important;",
" }",
"",
" /*Dismiss button hover effect color*/",
" sj-callout[opened] #buttons #dismiss:hover {",
" color: rgba(255, 255, 255, 1)!important;",
" background-color: rgb(20, 20, 20)!important;",
" }",
"",
"",
"",
"",
"",
" /*Screensaver*/",
"",
" /*Invert active screensaver*/",
" .screensaver.visible {",
" -webkit-filter: invert(100%);",
" }",
"",
" /*Revert invert for album art screensaver*/",
" .screensaver.visible .panning {",
" -webkit-filter: invert(100%);",
" }",
"",
" /*Invert preview of particles screensaver*/",
" .staticpreview .particles, .visualizercard:hover:not([style=\"visibility: visible; left: 24px; top: 689px;\"]) .screensaver {",
" -webkit-filter: invert(100%)!important;",
" }",
"",
"",
"",
"",
"",
" /*Other Customizations*/",
"",
" /*Workaround for the little white dot on the bottom-left, which was in fact the flash player container*/",
" #embed-container {",
" left: 4000px!important;",
" }",
"",
" /*Fix for header card on radios*/",
" .station-container-content-wrapper.has-hero-image .material-album-container.material-container {",
" margin: -33px!important;",
" border-bottom: 20px solid #292929!important;",
" }",
"",
" /*Toast message button color*/",
" .paper-toast-open paper-button {",
" color: #FF5722 !important;",
" }",
"",
" /*Loading circle overlay base color*/",
" #spinnerContainer, .paper-spinner-lite {",
" border-color: #FF5722 !important;",
" }",
"",
" /*Loading circle overlay background color*/",
" #loading-overlay {",
" background-color: rgba(0, 0, 0, 0.7)!important;",
" }",
"",
" /*Overlay background color when some popups are opened (e.g. add new playlist)*/",
" iron-overlay-backdrop[opened=\"\"], .simple-dialog-bg , .simple-dialog-bg, .G-q-Ya {",
" background-color: rgb(0, 0, 0)!important;",
" opacity: 0.9!important;",
" }",
"",
" /*Fix for shortly appearing white background when overlay background will get closed*/",
" .iron-overlay-backdrop-0 {",
" background-color: rgb(0, 0, 0)!important;",
" }"
].join("\n");
var style = document.createElement('style');
style.innerHTML = css;
document.head.appendChild(style);
})();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment