Last active
February 8, 2018 14:36
-
-
Save hgouveia/fa10b921448da572474096b644868ff1 to your computer and use it in GitHub Desktop.
user script for tampermonkey to change google music style for Microsoft Edge , https://www.microsoft.com/en-us/store/p/tampermonkey/9nblggh5162s?ocid=WinProd_soc_omc__tw_Link_lrn_10272016
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ==UserScript== | |
// @name GoogleMusicDark | |
// @namespace http://tampermonkey.net/ | |
// @version 0.1 | |
// @description Google Music Dark Theme | |
// @author Jose De Gouveia | |
// @match https://play.google.com/music* | |
// @grant none | |
// ==/UserScript== | |
(function () { | |
'use strict'; | |
var bgColor = "#141517"; | |
var bgColorRGB = "20,21,23"; | |
var bgColorRGBA = `${bgColorRGB},0`; | |
var fontColor = "#dcdcdc"; | |
var higlightColor = "#202125"; | |
var css = ` | |
a, h1, h2, h3, h4, h5, h6, span, p{ | |
color: ${fontColor}; | |
} | |
.home-palette-id-1, | |
.home-palette-id-2, | |
sj-home .home-palette-id-1, | |
sj-home .home-palette-id-2, | |
.sj-scrolling-module-0 h2 a, | |
sj-home[selected='0'] .home-palette-id-1, | |
sj-home[selected='1'] .home-palette-id-1, | |
sj-home[selected='2'] .home-palette-id-1, | |
sj-home[selected='3'] .home-palette-id-1, | |
sj-home[selected='4'] .home-palette-id-1, | |
sj-home[selected='5'] .home-palette-id-1, | |
sj-home[selected='6'] .home-palette-id-1, | |
sj-home[selected='0'] .home-palette-id-2, | |
sj-home[selected='1'] .home-palette-id-2, | |
sj-home[selected='2'] .home-palette-id-2, | |
sj-home[selected='3'] .home-palette-id-2, | |
sj-home[selected='4'] .home-palette-id-2, | |
sj-home[selected='5'] .home-palette-id-2, | |
sj-home[selected='6'] .home-palette-id-2, | |
.sj-card-0 .sj-card#details > [slot='title'], | |
.sj-card-0 .sj-card#details > [slot='subtitle'], | |
.sj-card-0 .sj-card#details > [slot='description']{ | |
color: ${fontColor}!important; | |
} | |
[card-aspect-ratio='wide'].sj-card-0 .sj-card#details > [slot='title'], | |
[card-aspect-ratio='wide'].sj-card-0 .sj-card#details > [slot='subtitle'], | |
[card-aspect-ratio='wide']..sj-card-0 .sj-card#details > [slot='description']{ | |
color: ${bgColor}!important; | |
} | |
body, body.material, body.qp { | |
background: ${bgColor}; | |
color: ${fontColor}; | |
} | |
body.qp #material-app-bar #material-one-left .music-logo{ | |
background-image: url("play_music_logo_white.svg"); | |
background-size: contain; | |
} | |
#player,.paper-toolbar-0,#backgroundColor { | |
background: ${bgColor}!important; | |
} | |
.paper-toolbar-0 { | |
border-bottom: 1px solid #111 !important; | |
} | |
.paper-icon-button-0[disabled] { | |
color: ${higlightColor}; | |
} | |
#gradient,.sj-home-0 #gradient.sj-home { | |
background-image: linear-gradient(to top, rgb(${bgColorRGB}), rgba(${bgColorRGBA})), linear-gradient(to right, rgb(${bgColorRGB}), rgba(${bgColorRGBA})) !important; | |
} | |
`; | |
var node = document.createElement("style"); | |
node.appendChild(document.createTextNode(css)); | |
node.type = "text/css"; | |
var heads = document.getElementsByTagName("body"); | |
heads[0].appendChild(node); | |
})(); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment