themes
This commit is contained in:
parent
22f05a7336
commit
63d7096d0d
|
@ -227,7 +227,6 @@
|
||||||
"Note": {"class": "usernotetextarea"},
|
"Note": {"class": "usernotetextarea"},
|
||||||
"PeoplePageList": {"strings": ["FriendsSections", "emptyStateContainer"]},
|
"PeoplePageList": {"strings": ["FriendsSections", "emptyStateContainer"]},
|
||||||
"PopoutContainer": {"class": "popout"},
|
"PopoutContainer": {"class": "popout"},
|
||||||
"Popouts": {"class": "popouts"},
|
|
||||||
"PrivateChannelCall": {"class": "callcurrentcontainer"},
|
"PrivateChannelCall": {"class": "callcurrentcontainer"},
|
||||||
"PrivateChannelCallParticipants": {"class": "callcurrentcontainer"},
|
"PrivateChannelCallParticipants": {"class": "callcurrentcontainer"},
|
||||||
"PrivateChannelRecipientsInvitePopout": {"class": "searchpopoutdmaddpopout"},
|
"PrivateChannelRecipientsInvitePopout": {"class": "searchpopoutdmaddpopout"},
|
||||||
|
|
|
@ -10,8 +10,8 @@
|
||||||
img:not([src]), img[src=""], img[src="null"] {
|
img:not([src]), img[src=""], img[src="null"] {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
[REPLACE_CLASS_appmount] > [REPLACE_CLASS_itemlayercontainer],
|
|
||||||
[REPLACE_CLASS_appmount] > [REPLACE_CLASS_popouts] {
|
[REPLACE_CLASS_appmount] > [REPLACE_CLASS_itemlayercontainer] {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
z-index: 1001;
|
z-index: 1001;
|
||||||
}
|
}
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
* @name SpotifyControls
|
* @name SpotifyControls
|
||||||
* @author DevilBro
|
* @author DevilBro
|
||||||
* @authorId 278543574059057154
|
* @authorId 278543574059057154
|
||||||
* @version 1.2.0
|
* @version 1.2.1
|
||||||
* @description Adds a Control Panel while listening to Spotify on a connected Account
|
* @description Adds a Control Panel while listening to Spotify on a connected Account
|
||||||
* @invite Jx3TjNS
|
* @invite Jx3TjNS
|
||||||
* @donate https://www.paypal.me/MircoWittrien
|
* @donate https://www.paypal.me/MircoWittrien
|
||||||
|
@ -17,12 +17,12 @@ module.exports = (_ => {
|
||||||
"info": {
|
"info": {
|
||||||
"name": "SpotifyControls",
|
"name": "SpotifyControls",
|
||||||
"author": "DevilBro",
|
"author": "DevilBro",
|
||||||
"version": "1.2.0",
|
"version": "1.2.1",
|
||||||
"description": "Adds a Control Panel while listening to Spotify on a connected Account"
|
"description": "Adds a Control Panel while listening to Spotify on a connected Account"
|
||||||
},
|
},
|
||||||
"changeLog": {
|
"changeLog": {
|
||||||
"improved": {
|
"fixed": {
|
||||||
"CSS Variable": "Added CSS variable for the spotify green"
|
"Show Activity": "Show Activity Button has correct state on start up"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
@ -146,7 +146,8 @@ module.exports = (_ => {
|
||||||
|
|
||||||
let playerSize = this.props.maximized ? "big" : "small";
|
let playerSize = this.props.maximized ? "big" : "small";
|
||||||
let coverSrc = BDFDB.LibraryModules.AssetUtils.getAssetImage(lastSong.application_id, lastSong.assets.large_image);
|
let coverSrc = BDFDB.LibraryModules.AssetUtils.getAssetImage(lastSong.application_id, lastSong.assets.large_image);
|
||||||
showActivity = showActivity != undefined ? showActivity : (BDFDB.LibraryModules.ConnectionStore.getAccounts().find(n => n.type == "spotify") || {}).show_activity;
|
let connection = (BDFDB.LibraryModules.ConnectionStore.getAccounts().find(n => n.type == "spotify") || {});
|
||||||
|
showActivity = showActivity != undefined ? showActivity : (connection.show_activity || connection.showActivity);
|
||||||
currentVolume = this.props.draggingVolume ? currentVolume : socketDevice.device.volume_percent;
|
currentVolume = this.props.draggingVolume ? currentVolume : socketDevice.device.volume_percent;
|
||||||
return BDFDB.ReactUtils.createElement("div", {
|
return BDFDB.ReactUtils.createElement("div", {
|
||||||
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN._spotifycontrolscontainer, this.props.maximized && BDFDB.disCN._spotifycontrolscontainermaximized, this.props.timeline && BDFDB.disCN._spotifycontrolscontainerwithtimeline),
|
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN._spotifycontrolscontainer, this.props.maximized && BDFDB.disCN._spotifycontrolscontainermaximized, this.props.timeline && BDFDB.disCN._spotifycontrolscontainerwithtimeline),
|
||||||
|
@ -384,7 +385,6 @@ module.exports = (_ => {
|
||||||
position: BDFDB.LibraryComponents.PopoutContainer.Positions.TOP,
|
position: BDFDB.LibraryComponents.PopoutContainer.Positions.TOP,
|
||||||
align: BDFDB.LibraryComponents.PopoutContainer.Align.CENTER,
|
align: BDFDB.LibraryComponents.PopoutContainer.Align.CENTER,
|
||||||
arrow: true,
|
arrow: true,
|
||||||
shadow: true,
|
|
||||||
renderPopout: this.props.renderPopout
|
renderPopout: this.props.renderPopout
|
||||||
}) : button;
|
}) : button;
|
||||||
}
|
}
|
||||||
|
|
|
@ -4144,10 +4144,6 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
|
||||||
z-index: 1010;
|
z-index: 1010;
|
||||||
}
|
}
|
||||||
|
|
||||||
#app-mount .popout-2iWAc-:not(.noShadow-3pu20z) {
|
|
||||||
box-shadow: 0 0 1px rgba(var(--transparencycolor), .2), 0 1px 4px rgba(var(--transparencycolor), .1);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app-mount .loadingPopout-qYljDW, /* loading popout */
|
#app-mount .loadingPopout-qYljDW, /* loading popout */
|
||||||
#app-mount .container-7uh5fX, /* browser popout */
|
#app-mount .container-7uh5fX, /* browser popout */
|
||||||
#app-mount .themedPopout-1TrfdI { /* themed popout */
|
#app-mount .themedPopout-1TrfdI { /* themed popout */
|
||||||
|
|
|
@ -1756,39 +1756,6 @@ a.metadataName-14STf- {
|
||||||
|
|
||||||
/* ~~~~ 11. POPOUTS ~~~~ */
|
/* ~~~~ 11. POPOUTS ~~~~ */
|
||||||
|
|
||||||
.popoutLeft-3aViER.arrowAlignmentTop-1yftWI::before {
|
|
||||||
border-left-color: #rgb(var(--accentcolor));
|
|
||||||
}
|
|
||||||
.popoutRight-1veHKi.arrowAlignmentTop-1yftWI::before {
|
|
||||||
border-right-color: #rgb(var(--accentcolor));
|
|
||||||
}
|
|
||||||
.popoutBottom-2GAFPg.arrowAlignmentMiddle-NBGtsX::before,
|
|
||||||
.popoutBottom-2GAFPg.arrowAlignmentTop-1yftWI::before,
|
|
||||||
.popoutBottomLeft-1pG8B4.arrowAlignmentMiddle-NBGtsX::before,
|
|
||||||
.popoutBottomLeft-1pG8B4.arrowAlignmentTop-1yftWI::before,
|
|
||||||
.popoutBottomRight-2Rno5S.arrowAlignmentMiddle-NBGtsX::before,
|
|
||||||
.popoutBottomRight-2Rno5S.arrowAlignmentTop-1yftWI::before,
|
|
||||||
.theme-light.popoutBottom-2GAFPg.arrowAlignmentMiddle-NBGtsX::before,
|
|
||||||
.theme-light.popoutBottom-2GAFPg.arrowAlignmentTop-1yftWI::before,
|
|
||||||
.theme-light.popoutBottomLeft-1pG8B4.arrowAlignmentMiddle-NBGtsX::before,
|
|
||||||
.theme-light.popoutBottomLeft-1pG8B4.arrowAlignmentTop-1yftWI::before,
|
|
||||||
.theme-light.popoutBottomRight-2Rno5S.arrowAlignmentMiddle-NBGtsX::before,
|
|
||||||
.theme-light.popoutBottomRight-2Rno5S.arrowAlignmentTop-1yftWI::before {
|
|
||||||
border-bottom-color: #rgb(var(--accentcolor));
|
|
||||||
}
|
|
||||||
.popoutInvert-3TZnzz:not(.popoutBottom-2GAFPg).popoutTop-3WSJtH.arrowAlignmentMiddle-NBGtsX::before,
|
|
||||||
.popoutInvert-3TZnzz:not(.popoutBottom-2GAFPg).popoutTop-3WSJtH.arrowAlignmentTop-1yftWI::before,
|
|
||||||
.popoutInvert-3TZnzz:not(.popoutBottom-2GAFPg).popoutTopRight-1lc8Mq.arrowAlignmentMiddle-NBGtsX::before,
|
|
||||||
.popoutInvert-3TZnzz:not(.popoutBottom-2GAFPg).popoutTopRight-1lc8Mq.arrowAlignmentTop-1yftWI::before {
|
|
||||||
border-top-color: #rgb(var(--accentcolor));
|
|
||||||
}
|
|
||||||
.theme-light.contentNarrowMedia-W7SHxH.topArrow-1B63md::before,
|
|
||||||
.theme-light .contentNarrowNoMedia-Il01H1.topArrow-1B63md::before,
|
|
||||||
.theme-light.contentWideNoMedia-22TIu6.topArrow-1B63md::before,
|
|
||||||
.theme-light .contentWideNoMedia-22TIu6.topArrow-1B63md::before {
|
|
||||||
border-bottom-color: #rgb(var(--accentcolor));
|
|
||||||
}
|
|
||||||
|
|
||||||
.selectedBrand-1UKrSX { /* popout combobox selected brand */
|
.selectedBrand-1UKrSX { /* popout combobox selected brand */
|
||||||
background-color: rgb(var(--accentcolor));
|
background-color: rgb(var(--accentcolor));
|
||||||
}
|
}
|
||||||
|
|
|
@ -3113,52 +3113,6 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] {
|
||||||
|
|
||||||
/* ~~~~ 11. POPOUTS ~~~~ */
|
/* ~~~~ 11. POPOUTS ~~~~ */
|
||||||
|
|
||||||
#app-mount .popout-2iWAc- {
|
|
||||||
box-shadow: 0 0 1px rgba(0,0,0,.82), 0 1px 4px rgba(0,0,0,.1);
|
|
||||||
}
|
|
||||||
#app-mount .popoutRight-1veHKi.arrowAlignmentMiddle-NBGtsX::before {
|
|
||||||
border-right-color: var(--background-floating) !important;
|
|
||||||
}
|
|
||||||
#app-mount .popoutLeft-3aViER.arrowAlignmentMiddle-NBGtsX::before {
|
|
||||||
border-left-color: var(--background-floating) !important;
|
|
||||||
}
|
|
||||||
#app-mount .popoutBottom-2GAFPg.arrowAlignmentMiddle-NBGtsX::before,
|
|
||||||
#app-mount .popoutBottom-2GAFPg.arrowAlignmentTop-1yftWI::before,
|
|
||||||
#app-mount .popoutBottomLeft-1pG8B4.arrowAlignmentMiddle-NBGtsX::before,
|
|
||||||
#app-mount .popoutBottomLeft-1pG8B4.arrowAlignmentTop-1yftWI::before,
|
|
||||||
#app-mount .popoutBottomRight-2Rno5S.arrowAlignmentMiddle-NBGtsX::before,
|
|
||||||
#app-mount .popoutBottomRight-2Rno5S.arrowAlignmentTop-1yftWI::before {
|
|
||||||
border-bottom-color: var(--background-floating) !important;
|
|
||||||
}
|
|
||||||
#app-mount .popoutTop-3WSJtH::before,
|
|
||||||
#app-mount .popoutTopLeft-3B0mFf::before,
|
|
||||||
#app-mount .popoutTopRight-1lc8Mq::before {
|
|
||||||
border-top-color: rgba(0,0,0,.1) !important;
|
|
||||||
}
|
|
||||||
#app-mount .popoutTop-3WSJtH::after,
|
|
||||||
#app-mount .popoutTopLeft-3B0mFf::after,
|
|
||||||
#app-mount .popoutTopRight-1lc8Mq::after {
|
|
||||||
border-top-color: var(--background-floating) !important;
|
|
||||||
}
|
|
||||||
#app-mount .popout-xwjvsX.popoutRight-1veHKi.arrowAlignmentMiddle-NBGtsX:before {
|
|
||||||
border-right-color: var(--background-secondary) !important;
|
|
||||||
}
|
|
||||||
#app-mount .popout-xwjvsX.popoutLeft-3aViER.arrowAlignmentMiddle-NBGtsX:before {
|
|
||||||
border-left-color: var(--background-secondary) !important;
|
|
||||||
}
|
|
||||||
#app-mount .popout-xwjvsX.popoutBottom-2GAFPg.arrowAlignmentMiddle-NBGtsX:before,
|
|
||||||
#app-mount .popout-xwjvsX.popoutBottom-2GAFPg.arrowAlignmentTop-1yftWI:before,
|
|
||||||
#app-mount .popout-xwjvsX.popoutBottomLeft-1pG8B4.arrowAlignmentMiddle-NBGtsX:before,
|
|
||||||
#app-mount .popout-xwjvsX.popoutBottomLeft-1pG8B4.arrowAlignmentTop-1yftWI:before,
|
|
||||||
#app-mount .popout-xwjvsX.popoutBottomRight-2Rno5S.arrowAlignmentMiddle-NBGtsX:before,
|
|
||||||
#app-mount .popout-xwjvsX.popoutBottomRight-2Rno5S.arrowAlignmentTop-1yftWI:before {
|
|
||||||
border-bottom-color: var(--background-secondary) !important;
|
|
||||||
}
|
|
||||||
#app-mount .popout-xwjvsX.popoutTop-3WSJtH:after,
|
|
||||||
#app-mount .popout-xwjvsX.popoutTopLeft-3B0mFf:after,
|
|
||||||
#app-mount .popout-xwjvsX.popoutTopRight-1lc8Mq:after {
|
|
||||||
border-top-color: var(--background-secondary) !important;
|
|
||||||
}
|
|
||||||
#app-mount .content-1nP7fx {
|
#app-mount .content-1nP7fx {
|
||||||
background-color: var(--background-floating) !important;
|
background-color: var(--background-floating) !important;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue