Deezer DarkCube by cubedj21

Imported from https://cdn.jsdelivr.net/gh/33kk/uso-archive@flomaster/data/usercss/142184.user.css

Deezer DarkCube screenshot
Install Get Stylus Write a review

Details

Authorcubedj21

LicenseCC-BY-NC-4.0

Created atApril 09, 2021 20:17

Updated atSeptember 23, 2021 12:00

Applies todeezer

Statistics

Learn how we calculate statistics in the FAQ.

Total views98

Total installs196

Weekly installs21

Weekly updates12

Description

It’s my dark reskin of the deezer.com website for users who like inverted colors that are easier on your eyes.

You’ll still have to select “Dark Theme” in settings on Deezer.com (click on your profile picture) to make this theme look as intended.

This style since beginning uses experimetal css feature “backdrop-filter” to graphically visualise the seek (played/remaining time) bar position with special overlay on the picture thumbnail of currently playing title.

This feature works for the time being properly only in Edge and Safari, in Chrome you have to set the “Enable Experimental Web Platform Features” flag in chrome://flags, in Opera set the “Enable Experimental Web Platform Features” preference, IE and Firefox are not supported yet..

Notes

Changelog

Changes (23-09-2021)
- some icon positioning fixes

Changes (10-03-2021)
- minor color fixes

Changes (13-11-2020)
- some minor color fixes for buttons in :hover state

Changes (24-07-2020)
- fixed colors for calendar tour dates & tour nav link tab background color bug

Changes (01-07-2020)
- fix for form-controls (yet again)

Changes (10-06-2020)
- fixed the “ON TOUR” warning on artist page and made it green to stand out
- fixed the buttons, drop-downs & form fields colors after yet another annoying class name change of said elements by Deezer

Changes (03-06-2020)
- fixed search input fields colors for “Exclusions” page

Changes (16-05-2020)
- some form-control and search input fields fixes

Changes (06-04-2020)
- updated colors for the new Deezer redesign
- updated buttons to match theme colors

Changes (09-07-2019)
- slider track color in the “player” section fixed

Changes (26-06-2019)
- removed white border in profile header (my music pages)

Changes (21-05-2019)
- added option to customize the main two used colors (orange & blue)

Changes (14-05-2019)
- fixes according to latest Deezer design changes
- inverted the app logo

Changes (14-04-2019)
- minor fixes
- added option for custom scrollbars for Chrome

Changes (15-01-2019)
- some button label colors corrections

Changes (30-12-2018)
- embeded images replaced with images hosted on imgur.com & Google cloud storage because of the script size limitation here on userstyles.org (allow loading of images from those 3p domains in your adblocking SW)
- some minor fixes

Changes (19-12-2018)
- fixed button search tags
- removed darl skin css code for now obsolete Deezer Downloader userscript
- fixed search form placeholder text colors

Changes (18-12-2018)
- fixed the most obvious changes that has been done in the last days, but there’s still a lot to be done, I was trying to make the site at least usable again

Changes (14-12-2018)
- fixed some background issues with search bar popup (history items hover etc.)
- quite a lot of links & other text UI elements is now properly colored for dark theme including the correctly set contrast ratio

Changes (05-12-2018)
- highlighting the “Delete account” button with red color to indicate importance of consequences when pushing it (new design)
- some other minor fixes

Changes (23-11-2018)
- fixed the profile/audio/playlist etc. header padding issue (new design)
- some minor corrections

Changes (06-11-2018)
- fixed “added” button background (old design)

Changes (11-10-2018)
- fixed notofication popup (new redesign)
- some changes for the controls (new redesign)
- other minor fixes

Changes (07-10-2018)
- first version including the new redesign - NOT COMPLETE (so bare with me, a lot of stuff has yet to be done)
- you can still switch to the old skin through the “Deezer labs” option in account settings (not possible anymore)

Changes (15-09-2018)
- added some missing placeholder thumbnails
- started working on the “inversion” of the new redesign that will be probably released as separate style or as a customizable part of this style

Changes (29-08-2018)
- minor thumbnails & img updates

Changes (21-08-2018)
- added the customization option for basic adblocking, since Deezer sometimes doesn’t work well with browser adblockers, it could be useful for somebody (adblocking option is turned OFF as default)

Changes (18-08-2018)
- flow slide background correction
- on tour button text update
- nano-card item thumbnail update

Changes (05-08-2018)
- added placeholder img for thumbnails in the queue panel
- redesigned the flow slides & controls (properly inverted now)
- some minor fixes

Changes (05-07-2018)
- updated track list and account page borders & shadows
- added placeholder img for artist cover

Changes (02-07-2018)
- updated watch button
- replaced placeholder images for albums, tracks, artists and playlists

Changes (29-06-2018)
- fixes for modal dialogs (share dialog, create playlist and some others)

Changes (23-06-2018)
- AppStudio page fixes

Changes (13-06-2018)
- dropdown menu fixes
- some form-control corrections

Changes (06-06-2018)
- playlist header tweaked
- improved hover states of control elements in playlist area (datagrid)
- fixed datagrid-row imperfect rounded borders when in active or hover state
- some other smaller datagrid area fixes

Changes (03-06-2018)
- minor tweaks

Changes (03-06-2018)
- song list header row fix, minor button & toolbar updates

Changes (06-03-2018)
- color correction of buttons with social icons (Notification panel, Feed Panel)

Changes (22-02-2018)
- fixed some minor invert omissions on the App Studio page (#page_appstudio)
- some minor corrections on the Account Settings page (tabs “My Apps” and “Deezer Labs”)

History

Daily snapshots of style statistics.

2021-07-072021-07-212021-08-032021-08-172021-08-302021-09-122021-09-262021-10-092021-10-222021-11-052021-11-182021-12-01Date0.001.503.004.506.007.509.0010.5012.00Daily countDaily installsDaily updatesDaily views
2021-07-072021-07-212021-08-032021-08-172021-08-302021-09-122021-09-262021-10-092021-10-222021-11-052021-11-182021-12-01Date0.0025.0050.0075.00100.00125.00150.00175.00200.00Total countTotal installsTotal views

Source code

/* ==UserStyle==
@name           Deezer DarkCube
@namespace      USO Archive
@author         cubedj
@description    `It's my <strong>dark</strong> reskin of the <strong>deezer.com</strong> website for users who like inverted colors that are easier on your eyes.<strong>You'll still have to select <i>"Dark Theme"</i> in settings on Deezer.com (click on your profile picture) to make this theme look as intended.</strong> This style since beginning uses experimetal css feature <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter">"backdrop-filter"</a> to graphically visualise the seek (played/remaining time) bar position with special overlay on the picture thumbnail of currently playing title.This feature works for the time being properly only in Edge and Safari, in Chrome you have to set the "<strong>Enable Experimental Web Platform Features</strong>" flag in <strong><a href="chrome://flags">chrome://flags</a></strong>, in Opera set the "<strong>Enable Experimental Web Platform Features</strong>" preference, IE and Firefox are not supported yet..`
@version        20210922.23.5
@license        CC-BY-NC-4.0
@preprocessor   uso
@advanced dropdown blockads "Ads Blocking" {
	blockadsoff "Ads Blocking OFF*" <<<EOT  EOT;
blockadson "Ads Blocking ON" <<<EOT .ads-bottom, .ads-top, .conversion-entrypoints, div[id^="sas_"] {
	display: none !important;
	visibility: collapse !important;
} EOT;

}
@advanced dropdown scrollbars "Custom Chrome Scrollbars" {
	scrollbarson "Skinned Scrollbars*" <<<EOT *::-webkit-scrollbar {
	width: 13px !important;
	height: 10px !important;
	background: #111111 !important;
	border: 1px solid #000 !important;
}
*::-webkit-scrollbar-thumb {
	min-height: 28px !important;
	background: #333333 !important;
	border: 1px solid #555 !important;
}
::-webkit-scrollbar-track, ::-webkit-scrollbar-corner {
	background: #111111 !important;
	border: 1px solid #000 !important;
}
::-webkit-scrollbar-thumb:hover {
	background: /*[[colorblue]]*\/ !important;
	border: 1px solid #000 !important;
}

body::-webkit-scrollbar-track-piece {
	background-clip: padding-box;
	background-color: #111;
	border: solid #000;
	border-width: 0 0 0 1px;
	box-shadow: inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07)
} EOT;
scrollbarsoff "Default Scrollbars" <<<EOT  EOT;

}
@advanced color colorblue "Color1" #0096FF
@advanced color colororange "Color2" #FF6400
@advanced text colorblue2 "Color3" "rgba(0,150,255,.8)"
@advanced text colororange2 "Color4" "rgba(255,100,0,.7)"
@advanced text colororange3 "Color5" "rgba(255,100,0,.5)"
@advanced color colorblue3 "Color6" #0070FF

==/UserStyle== */
@-moz-document domain("deezer.com") {
/*[[blockads]]*/
/*[[scrollbars]]*/
::selection, ::-moz-selection, ::-webkit-selection {
	color: #000 !important;
	background-color: /*[[colorblue]]*/ !important;
}
a:active, a:visited {
	color: /*[[colorblue]]*/;
}
a:link {
	color: /*[[colorblue]]*/ !important;
}
a:hover {
	color: /*[[colororange]]*/ !important;
}
input {
	color: #CCC;
	font-weight: bold !important;
}
#livebar_menu a {
	-moz-filter: invert(100%);
	-webkit-filter: invert(100%);
	filter: invert(100%);
	border-color: /*[[colororange]]*/ !important;
	border-left-color: /*[[colororange]]*/ !important;
}
#livebar_menu {
	border-color: /*[[colorblue]]*/ !important;
}
.channel-section {
	background-color: #0a0a0a !important;
}
div.channel-section {
	background-color: #191919 !important;
}
.page-sidebar .player-controls > .controls.controls-options .volume-handler, .page-sidebar .player-progress .progress-handler {
	background-color: /*[[colororange]]*/ !important;
}
.page-sidebar .player-controls > .controls.controls-options .volume-progress-bar, .page-sidebar .player-progress .progress-buffer {
	background-color: #969696 !important;
}
.page-sidebar .player-controls > .controls.controls-options .volume-bar, .page-sidebar .player-progress .progress {
	background-color: /*[[colorblue]]*/ !important;
}
.page-sidebar .player-progress .progress-time, .page-sidebar .player-progress .progress-length {
	color: #ffffff;
	opacity: 1;
}
.datagrid-table {
	background: #0a0a0a;
}
.datagrid-table tbody tr.active td {
	background-color: /*[[colororange2]]*/;
}
.datagrid-table tbody tr.active td.length {
	color: #FFF;
	font-weight: bold;
}
.datagrid-table tbody tr.active:hover td.length {
	color: /*[[colororange]]*/;
	font-weight: bold;
}
.datagrid-table tbody tr.active:hover td {
	background-color: rgba(150, 150, 150, .5);
}
.datagrid-table tbody tr.active a {
	color: #FFF;
	font-weight: bold;
}
.datagrid-table tbody tr.active:hover a {
	color: /*[[colororange]]*/;
	font-weight: bold;
}
.datagrid-table tbody tr:hover td {
	background-color: rgba(150, 150, 150, .5);
}
.datagrid-table tbody tr:hover td a {
	color: #FFF;
	font-weight: bold;
}
.datagrid-table tbody tr:hover td.artist {
	color: #FFF;
	font-weight: bold;
}
.datagrid-table tbody tr.song.active:hover td.artist {
	color: #FFF;
	font-weight: bold;
}
.datagrid-table tbody tr.song.active td.artist {
	color: #000;
	font-weight: bold;
}
.datagrid-table td, .datagrid-table th {
	color: #AAA;
}
.datagrid-table td.length {
	color: /*[[colororange]]*/;
}
.datagrid-table tbody tr.contributors td {
	background-color: #191919;
	color: #DDD;
	font-weight: normal;
}
.datagrid-table tbody tr.contributors:hover td {
	background-color: rgba(150, 150, 150, .5);
	color: #DDD;
}
.datagrid-table tbody tr.caption:hover td {
	background-color: rgba(150, 150, 150, 0.5);
	color: #fff;
}
.datagrid-table tbody tr.caption:hover td .icon-album {
	color: /*[[colororange]]*/;
}
.datagrid-table tbody tr.caption td .icon-album:hover {
	color: /*[[colorblue]]*/;
}
.icon-datagrid {
	color: #EEE;
	transition-duration: .15s;
	transition-property: color;
}
.icon-datagrid:hover {
	color: /*[[colororange]]*/;
}
.loved .icon.active {
	color: #ff0000 !important;
}
.loved .icon:hover {
	color: #ff0000 !important;
}
.datagrid-table tbody tr td a {
	color: #AAA;
}
a.link-gray {
	color: #AAA;
}
input[type=checkbox] {
	-webkit-filter: invert(100%) hue-rotate(180deg);
	-moz-filter: invert(100%) hue-rotate(180deg);
	filter: invert(100%) hue-rotate(180deg);
}
body:not(.paused):not([direction="ltr"]) {
	background-color: #0a0a0a !important;
	color: #EEE !important;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
	line-height: 1.33333333;
	margin: 0;
	/*padding: 0;*/
}
.page-main, .catalog-header {
	background-color: #0a0a0a !important;
	color: #EEE;
}
.navbar {
	background-color: #0a0a0a;
	color: /*[[colorblue]]*/ !important;
	border-bottom: 1px solid #343434;
}
.navbar {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.catalog-header .infos {
	border-top: 1px solid #343434;
}
#page_profile .user-section {
	border-bottom: 1px solid #343434;
}
#page_feed .info-down .heading-5.heading-bordered {
	border-bottom: 1px solid #343434;
}
#page_feed .title_separ {
	border-bottom: 1px solid #343434;
}
#page_feed .card-release-album .details ul > li + li {
	border-top: 1px solid #343434;
}
.heading-bordered {
	border-bottom: 1px solid #343434;
}
#page_account .account-apps .app-cell {
	border-bottom: 1px solid #343434;
}
div.catalog-content {
	background-color: #0a0a0a;
	color: #FFF;
}
#page_naboo_artist .content-left {
	background-color: #0a0a0a;
}
#page_naboo_artist .content-left {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.naboo-catalog .catalog-tab-box, .page-naboo-search .search-header, .page-naboo-search .search-suggest {
	background-color: #0a0a0a;
}
.btn {
	border: 1px solid transparent;
	border-radius: 4px;
	color: #FFF;
	background-color: /*[[colorblue]]*/;
	cursor: pointer;
	font-size: 12px;
	margin: 0;
	padding: 7px 12px;
	vertical-align: middle;
	transition-duration: .15s;
	transition-property: background-color, border-color, color, opacity;
}
.btn:hover {
	background-color: /*[[colororange]]*/;
	color: #000;
}
.btn .label {
	color: #FFF;
}
.btn:hover .label {
	color: #000;
}
.line {
	background-color: #343434 !important;
}
#page_naboo_artist .content-right {
	border-bottom: 1px solid #343434;
	border-top: 1px solid #343434;
}
.btn > .action-active .icon-love {
	color: #ff1e1e;
}
.btn-group > .btn.btn-default.active {
	background-color: #444444;
	color: /*[[colorblue]]*/;
	border-color: #000;
}
.btn-group > .btn.btn-default.active .label {
	color: /*[[colororange]]*/;
}
.btn-group > .btn.btn-default.active .icon {
	color: /*[[colororange]]*/;
}
.btn-group > .btn.btn-default.active:hover .icon {
	color: #000;
}
.btn-group > .btn.btn-default.active:hover .label {
	color: #000;
}
.btn-group > .btn.btn-default.active:hover {
	background-color: /*[[colororange]]*/;
	color: #000;
	border-color: /*[[colororange]]*/;
}
.page-sidebar {
	background-color: #0f0f0f;
	color: #EEE;
}
.page-main, .page-scroll {
	background-color: #0a0a0a;
	color: #EEE;
}
.page-sidebar .nav-link {
	background-color: #0f0f0f;
	color: #EEE;
}
.page-sidebar .nav-link:hover {
	background-color: #333;
	color: /*[[colororange]]*/;
}
.page-sidebar .nav-link:focus {
	background-color: #1c1c1c;
}
.page-sidebar .nav-link[href="/en/profile/1286179544/loved"]:active {
	background-color: #1c1c1c;
	color: /*[[colororange]]*/;
}
.page-sidebar .nav-link[href="/en/profile/1286179544/loved"]:active .svg-icon {
	fill: /*[[colorblue]]*/;
}
.page-sidebar .nav-link.active-link {
	background-color: #1c1c1c;
	border-left-color: /*[[colorblue]]*/;
	color: #eee;
}
.page-sidebar .nav-link:hover .svg-icon {
	fill: /*[[colorblue]]*/;
}
.page-sidebar .nav-link.active-panel {
	background-color: #1c1c1c;
	color: /*[[colororange]]*/;
}
.page-sidebar .nav-link.active-panel .svg-icon {
	fill: /*[[colorblue]]*/;
}
.page-sidebar .player-controls {
	background-color: #0f0f0f;
}
.page-sidebar .player-controls:hover {
	background-color: #141414;
}
.page-sidebar .player-controls > .controls > li > .control:hover {
	color: /*[[colororange]]*/;
}
.page-sidebar .search-control, .form-control ~ .page-panels/*, .catalog-tab-comment .post-comment .form-control*/, .datagrid-toolbar .toolbar-search .form-control/*, #page_profile .user-search .form-control*/ {
	-webkit-filter: invert(100%) hue-rotate(180deg);
	-moz-filter: invert(100%) hue-rotate(180deg);
	filter: invert(100%) hue-rotate(180deg);
}
.page-sidebar .player-controls > .controls > li > .control.control-play:hover {
	color: /*[[colororange]]*/;
}
.heading-2 {
	color: #EEE;
}
.heading-1 a, .heading-1 a:hover, .heading-2 a, .heading-2 a:hover, .heading-3 a, .heading-3 a:hover, .heading-4 a, .heading-4 a:hover, .heading-5 a, .heading-5 a:hover {
	color: #EEE;
}
.page-panels .panel-container.opened .panel-wrapper .heading-4 a {
	color: /*[[colorblue]]*/;
	text-shadow: 0 0 2px #fff;
	-webkit-text-stroke: /*[[colorblue]]*/ .5px;
}
.page-panels .panel-container.opened .panel-wrapper .heading-4 a:hover {
	color: /*[[colororange]]*/;
	text-shadow: 0 0 2px #fff;
	-webkit-text-stroke: /*[[colororange]]*/ .5px;
}
.page-panels .panel-container.opened .panel-wrapper .heading-4 a:visited {
	color: /*[[colorblue]]*/;
	text-shadow: 0 0 2px #fff;
	-webkit-text-stroke: /*[[colorblue]]*/ .5px;
}
.page-panels .panel-container.opened .panel-wrapper .heading-4 a:visited:hover {
	color: /*[[colororange]]*/;
	text-shadow: 0 0 2px #fff;
	-webkit-text-stroke: /*[[colororange]]*/ .5px;
}
.page-panels .panel-wrapper {
	-webkit-filter: invert(96%) hue-rotate(180deg);
	-moz-filter: invert(96%) hue-rotate(180deg);
	filter: invert(96%) hue-rotate(180deg);
}
.page-panels .panel-heading-sub {
	color: #000;
	margin: 24px 0 8px;
}
#page_profile .user-section .user-section-suggestion {
	background-color: #0f0f0f;
}
.thumbnail .picture:after {
	background-color: #EEE;
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	box-shadow: none;
}
.thumbnail .picture.overlay-hidden {
	background-color: #010101;
}
.thumbnail:hover .picture.overlay-hidden {
	background-color: /*[[colorblue]]*/;
}
.thumbnail {
	box-shadow: none;
}
.slide.slide-cut {
	border: 1px solid #000;
}
.btn-app .icon, .btn-default .icon, .btn-group > .btn-label .icon, .btn-slide .icon, .btn-telco .icon {
	color: #000;
}
.btn-app:hover .icon, .btn-default:hover .icon, .btn-group > .btn-label:hover .icon, .btn-slide:hover .icon, .btn-telco:hover .icon {
	color: #FFF;
}
.btn-group > .btn-label {
	background-color: #444444;
	border: 1px solid /*[[colorblue]]*/;
	color: #FFF;
}
.btn-group > .btn-label:hover {
	background-color: /*[[colororange]]*/;
	color: #000;
}
.datagrid-table thead th {
	background-color: #2d2d2d;
}
#page_profile .user-listen {
	background-color: #1a1a1a;
	border-radius: 4px;
	height: 40px;
	box-shadow: 0 0 2px 1px /*[[colorblue2]]*/;
	border: 5px double rgba(0,0,0,.7);
}
.heading-1-sub, .heading-2-sub, .heading-3-sub, .heading-4-sub, .heading-5-sub {
	color: #EEE;
}
.heading-4 {
	color: /*[[colorblue]]*/;
}
.heading-4:hover {
	color: /*[[colororange]]*/;
}
.heading-1, .heading-2, .heading-3, .heading-5 {
	color: #EEE;
}
.create-assistant-container:hover {
	background-color: #343434;
}
.catalog-tab-comment .comment-message {
	background-color: #222;
}
.catalog-tab-comment .message-body {
	color: #EEE;
}
.navbar-nav > li.active > a {
	color: #FFF;
}
/*.dropdown .dropdown-menu ~ .page-panels, .popover {
	-moz-filter: invert(100%) hue-rotate(180deg);
	-webkit-filter: invert(100%) hue-rotate(180deg);
	filter: invert(100%) hue-rotate(180deg);
}*/
.page-contextmenu .menu-item:hover {
	background-color: /*[[colororange]]*/;
	color: #FFF;
	-webkit-text-stroke: transparent 0px;
}
.page-contextmenu .menu-item:hover .label {
	color: #FFF;
	-webkit-text-stroke: transparent 0px;
}
.page-contextmenu .menu-item:hover .icon {
	color: #000;
	-webkit-text-stroke: transparent 0px;
}
.page-contextmenu .menu-item.link {
	background-color: transparent;
	padding: 0 6px;
}
.page-sidebar .nav-link.active-link, .page-sidebar .nav-link.active-panel {
	background-color: #222;
}
textarea.form-control {
	color: #000;
}
.panel-qlist .panel-headings .heading-2, .page-panels .panel-headings .heading-2 {
	color: /*[[colorblue]]*/;
}
.panel-qlist .panel-headings .heading-3-sub {
	color: #111;
}
.panel-header span {
	color: /*[[colorblue]]*/;
}
#page_panels > div > div.panel-wrapper.panel-wrapper-queuelist > div:nth-child(4) > div > div.panel-body.nano.has-scrollbar > div.nano-content > div > div > ul div {
	color: #111 !important;
}
.page-naboo-search .suggest-column .nano-card-item {
	background-color: #1f1f1f;
}
.page-naboo-search .suggest-column .nano-card-item:hover {
	background-color: #343434;
}
.page-naboo-search .suggest-column .nano-card-item:hover a {
	color: /*[[colororange]]*/ !important;
}
.modal-dialog, #modal-sharebox {
	background-color: #191919 !important;
}
.modal-body, .modal-footer {
	background-color: #191919 !important;
	color: #EEE !important;
}
.modal-header {
	color: /*[[colorblue]]*/ !important;
	background-color: #191919 !important;
	border-bottom-color: #000 !important;
}
#modal_sharebox .share-nav {
	background-color: #0f0f0f !important;
	padding-left: 20px;
}
#modal_sharebox .share-followers {
	background-color: #191919;
	padding-bottom: 0;
}
#modal_sharebox .share-nav-tabs.selected {
	background-color: /*[[colorblue]]*/;
	color: #FFF;
}
#modal_sharebox .share-nav-tabs:hover {
	background-color: /*[[colororange]]*/;
	color: #000 !important;
	font-weight: bold;
}
#modal_sharebox .share-nav-tabs {
	border-radius: 5px 5px 0 0;
	color: #EEE;
	float: left;
	line-height: 40px;
	padding: 0 20px;
	transition-duration: .15s;
	transition-property: background-color;
}
#modal_sharebox .share-message {
	color: #EEE;
	background-color: #222;
	border-color: #000;
}
.form-control-static {
	background-color: #222;
	color: /*[[colorblue]]*/;
	border-color: /*[[colorblue]]*/;
}
#modal_sharebox .modal-footer .btn-label {
	color: #FFF;
	cursor: default;
	font-size: 11px;
	font-weight: bold;
	font-weight: 400;
	padding-left: 0;
	padding-right: 0;
}
.btn-share:after {
	-moz-filter: invert(100%);
	-webkit-filter: invert(100%);
	filter: invert(100%);
}
#page_feed .card {
	background-color: #121212;
	box-shadow: 0 1px 2px rgba(25, 25, 25, .15);
	margin-top: 20px;
	position: relative;
	transition-duration: .15s;
	transition-property: box-shadow;
}
#page_feed .footer {
	display: block;
	background-color: #222;
	box-sizing: border-box;
	height: 36px;
	padding: 10px 20px;
}
#page_feed .footer > .btn-link + .btn {
	border-left: 1px solid #000;
	margin-left: 10px;
	padding-left: 10px;
}
#page_feed .divider .divider-line {
	background-color: /*[[colororange]]*/;
	height: 1px;
	margin-top: 13px;
	position: absolute;
	width: 100%;
	z-index: 1;
}
#page_feed .divider .divider-text {
	color: #FFF;
	background-color: /*[[colororange]]*/;
	font-size: 11px;
	padding: 0 10px;
	display: inline-block;
	position: relative;
	z-index: 2;
}
#page_feed .card-trending .progress-bar-inner {
	background-color: /*[[colorblue]]*/;
	height: 40px;
	left: 0;
	position: absolute;
	top: 0;
	width: 0;
	z-index: 20;
}
#page_feed .card-trending .load-bar-inner {
	background-color: #000;
	height: 40px;
	opacity: .5;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	z-index: 10;
}
#page_feed .card-trending .waveform {
	background-size: 100% 40px;
	height: 40px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 30;
	-moz-filter: invert(100%) hue-rotate(180deg);
	-webkit-filter: invert(100%) hue-rotate(180deg);
	filter: invert(100%) hue-rotate(180deg);
}
#page_feed .card-trending .waveform-design {
	height: 40px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 40;
	-moz-filter: invert(100%) hue-rotate(180deg);
	-webkit-filter: invert(100%) hue-rotate(180deg);
	filter: invert(100%) hue-rotate(180deg);
}
/*.popover-header > .cell.cell-thumbnail * img, .page-panels .panel-wrapper .nano-card-picture * img, .notifications-item-media-picture * img:not([src*="http://e-cdn-images.deezer.com/images/playlist/d41d8cd98f00b204e9800998ecf8427e/56x56-000000-80-0-0.jpg"]), #panel-lyrics {
	-moz-filter: invert(100%) hue-rotate(180deg);
	-webkit-filter: invert(100%) hue-rotate(180deg);
	filter: invert(100%) hue-rotate(180deg);
}*/
.panel-lyrics.has-lyrics .nano-content {
	-webkit-mask-image: linear-gradient(to bottom,rgba(10,10,10,0) 0,#0a0a0a 20%,#0a0a0a 80%,rgba(10,10,10,0) 100%);
	mask-image: linear-gradient(to bottom,rgba(10,10,10,0) 0,#0a0a0a 20%,#0a0a0a 80%,rgba(10,10,10,0) 100%);
}
.page-sidebar .player-cover.has-contextmenu .player-progress .progress-length, .page-sidebar .player-cover.has-contextmenu .player-progress .progress-time, .page-sidebar .player-cover:hover .player-progress .progress-length, .page-sidebar .player-cover:hover .player-progress .progress-time {
	background-color: transparent !important;
	color: /*[[colororange]]*/;
	font-weight: bold;
}
.alert-info {
	background-color: #aa0000;
	border-color: #000;
	color: #FFF;
}
.popover .heading-4-sub, .page-panels .panel-wrapper .heading-4-sub {
	color: #000;
}
.panel-lyrics .panel-close .icon {
	color: #FFF;
}
.panel-lyrics {
	background-color: #000;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.panel-lyrics .lyrics-line {
	color: #FFF;
}
.panel-lyrics .lyrics-line-active {
	color: /*[[colorblue]]*/;
	-webkit-text-stroke: /*[[colorblue]]*/ .7px;
	border-radius: 30px;
	box-shadow: 0 0 2px 2px #000;
	background: rgba(25,25,25,0.9);
	background: radial-gradient(circle farthest-corner at center center, rgba(25,25,25,0.9) 15%, rgba(0,0,0,0.5) 100%);
	background: -webkit-radial-gradient(circle farthest-corner at center center, rgba(25,25,25,0.9) 15%, rgba(0,0,0,0.5) 100%);
	background: -moz-radial-gradient(circle farthest-corner at center center, rgba(25,25,25,0.9) 15%, rgba(0,0,0,0.5) 100%);
}
.panel-lyrics .lyrics-infos .lyrics-line-active:hover {
	background-color: #191919;
	color: /*[[colororange]]*/ !important;
}
.panel-lyrics.has-synchro .lyrics-content .lyrics-line-active:focus, .panel-lyrics.has-synchro .lyrics-content .lyrics-line-active:hover {
	background-color: #191919;
	color: /*[[colororange]]*/ !important;
}
.panel-lyrics.has-synchro .lyrics-content .lyrics-line, .panel-lyrics.has-synchro .lyrics-content .lyrics-line:hover {
	border-radius: 30px;
}
.panel-lyrics.has-synchro .lyrics-content .lyrics-line:hover {
	-webkit-text-stroke: /*[[colororange]]*/ .7px;
}
.panel-lyrics .panel-lyrics-overlay {
	background-color: #191919;
	bottom: 0;
	content: "";
	left: 0;
	opacity: .60;
	position: absolute;
	right: 0;
	top: 0;
}
.page-contextmenu .menu-item.link:hover {
	background-color: /*[[colororange]]*/;
}
.thumbnail .action-item-btn.action-active .icon-love {
	color: #ff0000;
}
#page_account .account-wrapper {
	background: #0a0a0a;
}
#page_account .form-control {
	background-color: #000;
	border: 1px solid #333;
	transition-duration: .15s;
	transition-property: background-color, border, color;
	color: #fff;
	font-weight: bold;
}
#page_account .account-delete {
	background: #111;
	border-top: 1px solid #343434;
	color: #ff0000;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
#page_account .account-delete .link-remove {
	color: #ff0000;
}
.alert-success {
	background-color: #222;
	border-color: #468847;
	color: #468847;
}
#page_account .account-social .social-table {
	border: 1px solid #333;
	border-collapse: collapse;
	width: 100%;
}
#page_account .account-social .social-cell {
	background-color: #111;
	border: 1px solid #333;
	padding: 15px;
	vertical-align: middle;
	width: 20%;
}
#page_account .account-social .social-options-item {
	background-color: #222;
}
#page_account .account-social .social-options-item:nth-child(2n) {
	background-color: #181818;
}
#page_account .account-social .social-platform-unlink {
	color: #fff;
	transition-duration: .15s;
	transition-property: color;
}
#page_account .account-social .social-platform-unlink::before {
	border-color: transparent transparent /*[[colororange]]*/;
	border-style: solid;
}
.channel-horizontalgrid-control {
	border: 1px solid #fff;
	color: #fff;
	background-color: /*[[colorblue]]*/;
	transition-duration: .15s;
	transition-property: background-color, color, opacity;
}
.channel-horizontalgrid-control:hover:not(.disabled) {
	background-color: /*[[colororange]]*/;
	color: #000;
}
.thumbnail-viewmore {
	background-color: #111;
	border: solid 1px #444;
	border-radius: 4px;
	box-shadow: 0 1px 2px 0 rgba(25, 25, 34, .24);
	color: #323232;
	transition-duration: .15s;
	transition-property: color;
}
.catalog-content .dropdown .dropdown-menu, .user-section .dropdown .dropdown-menu {
	background: #000 !important;
	border: 1px solid #2e2e2e;
	box-shadow: 0 1px 5px rgba(245, 245, 245, .2);
}
.catalog-content .dropdown .dropdown-menu > li > a, .catalog-content .dropdown .dropdown-menu > li > button, .user-section .dropdown .dropdown-menu > li > a, .user-section .dropdown .dropdown-menu > li > button {
	background-color: #000;
	box-sizing: border-box;
	color: /*[[colorblue]]*/;
	transition-duration: .15s;
	transition-property: background-color, color;
}
 :not(.datagrid-table) ~ .icon-chevron-down {
	color: #000 !important;
}
.btn:hover :not(.datagrid-table) ~ .icon-chevron-down {
	color: #FFF !important;
}
.btn-app:hover, .btn-default:hover, .btn-group > .btn-label:hover, .btn-slide:hover, .btn-telco:hover, .btn-upload:hover .btn, .selectbox.opened .btn-group > .dropdown-toggle.btn-label, .selectbox.opened .dropdown-toggle.btn-app, .selectbox.opened .dropdown-toggle.btn-default, .selectbox.opened .dropdown-toggle.btn-slide, .selectbox.opened .dropdown-toggle.btn-telco {
	background-color: /*[[colororange]]*/;
}
.catalog-content .dropdown .dropdown-menu > li > a:hover, .catalog-content .dropdown .dropdown-menu > li > button:hover, .user-sectiont .dropdown .dropdown-menu > li > a:hover, .user-section .dropdown .dropdown-menu > li > button:hover {
	background-color: #222;
	color: #000;
}
.page-contextmenu .menu-item {
	-webkit-text-stroke: .6px;
	color: #525252;
}
.naboo-catalog .has-alternate-bg {
	background-color: #0a0a0a;
}
.naboo-catalog .catalog-tab-box {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.page-loader {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-color: #0a0a0a;
	height: 4px;
	left: 0;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	-webkit-transform: translateY(-4px);
	-ms-transform: translateY(-4px);
	transform: translateY(-4px);
	z-index: 1000;
	transition-duration: .15s;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform;
}
.datagrid {
	background-color: #0a0a0a;
	color: #ccc;
	display: table;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	table-layout: fixed;
	width: 100%;
}
.datagrid-row {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 4px;
	box-sizing: border-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	height: 52px;
	padding: 0 16px;
	position: relative;
	transition-duration: .15s;
	transition-property: background-color;
}
.datagrid-header .is-sortable .icon,.datagrid-header .is-sortable .svg-icon {
	color: /*[[colorblue]]*/;
	line-height: 52px;
	margin-left: 5px;
	opacity: 0;
	position: relative;
	top: 2px;
	transition-duration: .15s;
	transition-property: opacity;
}
.datagrid-header .datagrid-row::before, .datagrid-row::before {
	background-color: #333;
	height: 1px;
	left: 6px;
	position: absolute;
	right: 6px;
}
.no-flexbox .datagrid-cell {
	display: table-cell;
	line-height: 36px;
	vertical-align: middle
}
.datagrid-label-main {
	color: #eee;
}
.datagrid-label {
	color: #ccc;
	transition-duration: .15s;
	transition-property: color;
}
.datagrid-row.song.active {
	background-color: /*[[colororange2]]*/;
	color: #eee;
}
.datagrid-row.active .datagrid-label, .datagrid-row.active .datagrid-label-sub {
	color: #fff !important;
}
.datagrid-row:hover {
	background-color: #333;
}
.datagrid-header .datagrid-row:hover {
	background-color: #333;
	cursor: default;
}
.datagrid-label:hover {
	color: /*[[colororange]]*/;
	-webkit-text-stroke: 0.4px;
	cursor: pointer;
}
.datagrid-header .datagrid-label {
	color: #fff;
}
.datagrid-action {
	border-radius: 50%;
	color: #eee;
	cursor: pointer;
	display: flex;
	font-size: 14px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	width: 28px;
	transition-duration: .15s;
	transition-property: background-color, color;
}
.datagrid-badge-unseen {
	background-color: /*[[colorblue]]*/;
	border-radius: 50%;
	height: 8px;
	position: absolute;
	width: 8px;
}
icon-stack-hover .icon {
	color: /*[[colororange]]*/;
	transition-duration: .15s;
	transition-property: opacity;
}
.cell-play:hover {
	-moz-filter: invert(100%) hue-rotate(180deg) !important;
	-webkit-filter: invert(100%) hue-rotate(180deg) !important;
	filter: invert(100%) hue-rotate(180deg) !important;
}
.cell-play:hover .play-active {
	-moz-filter: invert(100%) hue-rotate(0deg) !important;
	-webkit-filter: invert(100%) hue-rotate(0deg) !important;
	filter: invert(100%) hue-rotate(0deg) !important;
}
.datagrid-header .datagrid-label:hover/* .cell-play:hover*/ {
	color: /*[[colororange]]*/ !important;
}
.icon.active {
	color: /*[[colorblue]]*/ !important;
}
.icon-love.active {
	color: #ff0000 !important;
}
.datagrid-row.song.active .icon-love.active {
	color: #000 !important;
}
.datagrid-row.song.active .datagrid-action:hover .icon-love.active {
	color: #ff0000 !important;
}
.datagrid-row .datagrid-action:hover .icon-love.active {
	color: #fff !important;
}
.banner-header {
	background-color: #0a0a0a;
	padding: 0;
	position: relative;
}
.navbar-nav > li > a, .navbar-nav > li > button {
	background-color: transparent;
	border-bottom: 3px solid transparent;
	box-sizing: border-box;
	color: #999;
	display: block;
	font-family: "Open Sans", Arial, sans-serif;
	font-weight: 700;
	height: 50px;
	letter-spacing: .5px;
	padding: 0 15px;
	transition-duration: .15s;
	transition-property: border-color, color;
}
.naboo-catalog .has-white-bg {
	background-color: #0a0a0a;
}
.carousel-control {
	background-color: /*[[colorblue]]*/;
	border: 1px solid #444;
	color: #fff;
	cursor: pointer;
	padding: 7px;
	text-align: center;
	transition-duration: .15s;
	transition-property: background-color, color, opacity;
}
.carousel-control:hover:not(.disabled) {
	background-color: /*[[colororange]]*/;
	color: #000;
}
.slide .slide-background {
	background-color: #000;
	border-radius: 4px;
	height: 100%;
	position: relative;
	width: 100%;
}
.slide {
	border-radius: 4px;
	box-shadow: 0px 0px 5px 1px rgba(150, 150, 150, 0.25);
	color: #ddd;
	display: inline-block;
	font-family: "Open Sans", Arial, sans-serif;
	max-height: 100%;
	max-width: 100%;
	opacity: 1;
	overflow: hidden;
	position: relative;
	vertical-align: top;
	transition-duration: .15s;
	transition-property: opacity, box-shadow;
}
.slide .slide-text .subtitle, .slide .slide-text .subtitle .link {
	color: #999;
}
.large-card-inner-infos .heading-label {
	color: #999;
}
.thumbnail-caption .caption-released {
	color: #999;
}
.slide .slide-btn {
	border: 1px solid #333;
	color: #eee;
	font-size: .7em;
	font-weight: 700;
	margin-top: 1em;
	opacity: 1;
	padding: .4em .9em;
	transition-duration: .15s;
	transition-property: opacity, background-color, color;
}
.slide .slide-btn:hover {
	background-color: /*[[colororange]]*/;
	border-color: transparent;
	color: #000;
}
.sticker-default {
	background-color: /*[[colororange]]*/;
}
#page_feed .card-release-album .visual {
	border-left: 1px solid #343434;
	float: right;
	height: 352px;
	width: 477px;
}
#page_feed .card-algo-playlist .visual {
	border-right: 1px solid #343434;
	float: left;
	height: 250px;
	width: 250px;
}
#page_feed .card-trending .visual {
	border-right: 1px solid #343434;
	float: left;
	height: 250px;
	width: 250px;
}
.btn-tag {
	color: #000;
	-webkit-text-stroke: #000 .4px;
}
.btn-tag:hover {
	color: #fff !important;
	-webkit-text-stroke: #fff 0.0px;
}
.page-sidebar .player-track-title .player-track-link {
	color: #fff !important;
	text-shadow: 0 0 3px /*[[colorblue]]*/;
}
.page-sidebar .player-track-title .player-track-link:hover {
	color: /*[[colororange]]*/ !important;
	-webkit-text-stroke: /*[[colororange]]*/ 0.6px;
	text-shadow: 0 0 3px #000;
}
.page-sidebar .player-track-artist .player-track-link {
	color: /*[[colorblue]]*/ !important;
	-webkit-text-stroke: /*[[colorblue]]*/ 0.6px;
	text-shadow: 0 0 3px #000;
}
.page-sidebar .player-track-artist .player-track-link:hover {
	color: /*[[colororange]]*/ !important;
	-webkit-text-stroke: /*[[colororange]]*/ 0.6px;
	text-shadow: 0 0 3px #000;
}
.page-naboo-search .datagrid-container {
	background-color: #0a0a0a;
}
.tooltip {
	background-color: rgba(0,0,0,1.0) !important;
	color: #fff;
}
.datagrid-action:hover {
	background-color: /*[[colororange]]*/;
	color: #000 !important;
}
.datagrid-row.song.active .datagrid-action:not([aria-label*="Add to favourite tracks"]):hover {
	color: /*[[colorblue]]*/ !important;
}
.datagrid-row.song.active .datagrid-action:hover {
	background-color: #000;
}
.datagrid-row.song.active .datagrid-action[aria-label*="Add to favourite tracks"]:hover {
	color: #fff !important;
}
.icon-stack-hover:after {
	color: /*[[colorblue]]*/;
}
.datagrid-row.song.active .icon-stack-hover .icon {
	color: #fff;
}
.datagrid-row.song.active .icon-stack-hover:after {
	color: #000;
}
.datagrid-row.song.active .datagrid-label:hover, .datagrid-row.song.active .datagrid-label-sub:hover {
	color: #000 !important;
	-webkit-text-stroke: #000 0.6px;
}
.nano-card-picture {
	border-right: none;
}
.popover-header .heading-4 a, .popover-header .heading-4-sub a {
	color: /*[[colorblue]]*/;
	-webkit-text-stroke: /*[[colorblue]]*/ 0.4px;
}
.popover-header .heading-4 a:hover, .popover-header .heading-4-sub a:hover {
	-webkit-text-stroke: 0.4px;
}
.color-primary {
	color: /*[[colorblue]]*/ !important;
}
.btn-view-more:after, .icon-chevron-right:before, .link-animated:after {
	content: none;
}
.page-panels .panel-overlay {
	background-color: #0a0a0a;
	bottom: 0;
	left: 0;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 200;
	transition-duration: .15s;
	transition-property: opacity;
}
.page-panels .panel-container.opened .panel-overlay {
	opacity: .6;
}
.page-sidebar .search-control {
	background-color: #e1e1e1;
	border: 0;
	border-radius: 3px;
	box-sizing: border-box;
	color: #424242;
	display: block;
	font-family: "Lucida Grande",Arial,sans-serif;
	font-size: 12px;
	height: 32px;
	line-height: 1.33333333;
	padding: 8px 40px 8px 12px;
	width: 100%;
	transition-duration: .15s;
	transition-property: background-color,color;
}
.page-sidebar .player-controls>.controls>li>.control.disabled, .page-sidebar .player-controls>.controls>li>.control.disabled:hover, .page-sidebar .player-controls>.controls>li>.control[disabled], .page-sidebar .player-controls>.controls>li>.control[disabled]:hover {
	color: #525252;
	cursor: default;
}
.modal-backdrop {
	background-color: #191919;
	height: 100%;
	left: 0;
	opacity: 0;
	position: fixed;
	table-layout: fixed;
	top: 0;
	width: 100%;
	z-index: 8010;
	transition-duration: .15s;
	transition-property: opacity;
}
.modal.opened .modal-backdrop {
	opacity: .8;
}
#notify {
	background-color: /*[[colorblue]]*/;
	background-color: /*[[colorblue2]]*/;
	display: none;
	left: 0;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 1000;
}
.btn-share {
	border: none !important;
}
.btn-share::after {
	background-color: #f8f8f8;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	color: #323232;
	font-family: "Deezer Icons",sans-serif;
	font-size: 16px;
	height: 24px;
	line-height: 24px;
	position: absolute;
	right: 0;
	top: 0;
	width: 28px;
	transition-duration: .15s;
	transition-property: background-color;
}
.btn-share:hover::after {
	background-color: /*[[colorblue]]*/;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	color: #fff;
	font-family: "Deezer Icons",sans-serif;
	font-size: 16px;
	height: 24px;
	line-height: 24px;
	position: absolute;
	right: 0;
	top: 0;
	width: 28px;
	transition-duration: .15s;
	transition-property: background-color;
}
.modal-close {
	color: #777;
	font-size: 16px;
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 1
}
.modal-close:hover {
	color: #ff0000;
	-webkit-text-stroke: #ff0000 .7px;
	text-shadow: 0 0 2px #000;
}
.panel-settings .heading-bordered {
	border-bottom: 1px solid #9b9b9b;
}
.checkbox.checked:before {
	background-color: /*[[colorblue]]*/;
	border-color: /*[[colorblue]]*/;
}
.checkbox.checked:hover:before {
	background-color: /*[[colororange]]*/;
	border-color: /*[[colororange]]*/;
}
.panel-settings .checkbox .checkbox-tick {
	fill: #000;
}
.panel-settings .checkbox:hover .checkbox-tick {
	fill: #fff;
}
.panel-settings .nano-card-link.animate-wobble .animate-wobble-target {
	fill: #000;
}
.panel-settings .nano-card-link.animate-wobble:hover .animate-wobble-target {
	fill: /*[[colororange]]*/;
}
.nano-card-link:focus, .nano-card-link:hover {
	background-color: #e5e5e5;
	outline: 0;
}
.panel-settings .rounded-icon-user {
	background-color: /*[[colorblue]]*/;
}
.panel-settings .rounded-icon-help {
	background-color: #509900;
}
.panel-settings .rounded-icon-code {
	background-color: #ee99ff;
}
.panel-settings .rounded-icon {
	color: #000;
}
button[data-type="log_out"] .label, .btn-clear .label {
	color: #000 !important;
	-webkit-text-stroke: #000 .6px;
}
button[data-type="log_out"]:hover .label,  .btn-clear:hover .label  {
	color: #fff !important;
	-webkit-text-stroke: #fff 0px;
}
:focus {
	outline: none;
}
.panel-settings .slider-bar-handler {
	background-color: /*[[colororange]]*/;
	border: 1px solid #dedede;
}
.panel-settings .slider-bar {
	background-color: #dedede;
}
.panel-settings .slider-label {
	color: #888;
}
.nano>.nano-pane>.nano-slider {
	background-color: #c2c2c2;
}
.nano>.nano-pane>.nano-slider:hover {
	background-color: /*[[colorblue]]*/;
}
.nano-card-link .icon {
	color: #c2c2c2;
}
.nano-card-link:hover .icon {
	color: #444;
	-webkit-text-stroke: #444 .5px;
}
.panel-search-history .heading-bordered {
	border-bottom: 1px solid #9b9b9b;
}
.page-sidebar .profile .profile-settings {
	color: #a2a2a2;
	cursor: pointer;
	margin-top: -18px;
	padding: 10px;
	position: absolute;
	right: 4px;
	top: 50%;
	transition-duration: .15s;
	transition-property: color;
}
.page-sidebar .profile .profile-settings.active-panel, .page-sidebar .profile .profile-settings:focus, .page-sidebar .profile .profile-settings:hover {
	color: /*[[colororange]]*/;
}
.nano-card-item {
	background-color: #f8f8f8;
}
.nano-card-link {
	background-color: transparent;
}
.nano-card-item.has-contextmenu, .nano-card-item:hover {
	background-color: #efefef;
}
.nano-card-options .option {
	color: #777;
	display: inline-block;
	transition-duration: .15s;
	transition-property: color;
}
.nano-card-options .option:hover {
	color: /*[[colororange]]*/;
}
.page-sidebar .player-progress .progress-seek-overlay {
	background-color: #2229;
	opacity: 0.25;
	-moz-backdrop-filter: grayscale(100%) contrast(130%) brightness(70%);
	-webkit-backdrop-filter: grayscale(100%) contrast(130%) brightness(70%);
	backdrop-filter: grayscale(100%) contrast(130%) brightness(70%);
}
.page-panels .panel-body:not(.lyrics-panel-body), .nano-card-item {
	background-color: #f8f8f8;
}
.panel-apps .app-suggest {
	background-color: #f8f8f8;
}
.panel-notifications .notifications-item {
	background-color: #f8f8f8;
	border-bottom: 1px solid #efefef;
}
.panel-notifications .notifications-item:hover {
	background-color: #efefef;
}
#page_feed .footer .time {
	color: #ccc;
}
.thumbnail .action-item-btn, .slide.slide-cut .slide-play-icon .action-item-btn {
	background-color: #000;
	color: #fff;
	transition-property: opacity,transform,-webkit-transform,background-color,color,box-shadow;
	box-shadow: 0 0 2px 2px /*[[colorblue]]*/;
}
.thumbnail .action-item-btn:hover, .slide.slide-cut .slide-play-icon .action-item-btn:hover {
	background-color: /*[[colorblue]]*/;
	color: #fff;
	box-shadow: 0 0 2px 2px #000;
}
.dropdown .dropdown-menu>li>a:hover, .dropdown .dropdown-menu>li>button:hover {
	background-color: #f8f8f8;
	color: #323232;
}
.catalog-header .header-info .heading-link {
	color: #ccc;
}
.page-panels .panel-wrapper .panel-lyrics .heading-4-sub.heading-inverse {
	color: /*[[colororange]]*/;
	-webkit-text-stroke: /*[[colororange]]*/ .5px;
	text-shadow: 0 0 2px #000;
}
.page-panels .panel-wrapper .panel-lyrics .heading-4.heading-inverse:hover {
	color: /*[[colororange]]*/;
	-webkit-text-stroke: /*[[colororange]]*/ .5px;
	text-shadow: 0 0 2px #000;
}
.page-panels .panel-wrapper .panel-lyrics .heading-4-sub.heading-inverse .lyrics-artist-link {
	color: /*[[colorblue]]*/;
	-webkit-text-stroke: /*[[colorblue]]*/ .5px;
	text-shadow: 0 0 2px #000;
}
.page-panels .panel-wrapper .panel-lyrics .heading-4-sub.heading-inverse .lyrics-artist-link:hover {
	color: /*[[colororange]]*/;
	-webkit-text-stroke: /*[[colororange]]*/ .5px;
	text-shadow: 0 0 2px #000;
}
.is-favorite .svg-icon {
	-webkit-filter: drop-shadow(0px 0px 5px #000);
	-moz-filter: drop-shadow(0px 0px 5px #000);
	filter: drop-shadow(0px 0px 5px #000);
}
.is-favorite {
	color: #ff0000;
}
.datagrid-action:hover .is-favorite .svg-icon {
	color: #fff !important;
}
.btn-favorite>.action-active .icon-love, .btn-favorite>.action-active .svg-icon-love {
	color: #ff1e1e;
}
.btn-app .icon, .btn-app .svg-icon, .btn-default .icon, .btn-default .svg-icon, .btn-group>.btn-label .icon, .btn-group>.btn-label .svg-icon, .btn-slide .icon, .btn-slide .svg-icon, .btn-telco .icon, .btn-telco .svg-icon {
	color: #fff;
}
.svg-icon.active, .svg-icon.is-active {
	fill: /*[[colorblue]]*/;
}
.cell-love .svg-icon.active, .cell-love .svg-icon.is-active {
	fill: #ff1e1e;
}
.cell-love .datagrid-action:hover .svg-icon.active, .cell-love .datagrid-action:hover .svg-icon.is-active {
	fill: #ff1e1e;
}
.cell-love .datagrid-action:hover .svg-icon-love-outline.is-active, .cell-love .datagrid-action:hover .svg-icon-love-outline.is-active {
	color: #fff;
}
.cell-love .datagrid-action:hover .svg-icon-love-outline.is-active .svg-path, .cell-love .datagrid-action:hover .svg-icon-love-outline.is-active .svg-path {
	fill: #ff1e1e;
}
.cell-love .datagrid-action:hover .svg-icon-love-outline, .cell-love .datagrid-action:hover .svg-icon-love-outline {
	color: #ddd;
}
.cell-love .datagrid-action:hover .svg-icon-love-outline .svg-path, .cell-love .datagrid-action:hover .svg-icon-love-outline .svg-path {
	fill: #444;
}
.datagrid-row.song.active .cell-love .svg-icon.active, .datagrid-row.song.active .cell-love .svg-icon.is-active {
	fill: #ff1e1e;
	color: #000;
	filter: drop-shadow(0px 0px 2px #000);
}
.datagrid-row.song.active .cell-love .datagrid-action:hover .svg-icon.active, .datagrid-row.song.active .cell-love .datagrid-action:hover .svg-icon.is-active {
	fill: #ff1e1e;
	color: #fff;
	filter: drop-shadow(0px 0px 2px #000);
}
.datagrid-row.song.active .cell-love .svg-icon.active .svg-path, .datagrid-row.song.active .cell-love .svg-icon.is-active .svg-path {
	fill: #ff1e1e;
}
.svg-icon-love-outline.is-active {
	color: #ff1e1e;
	fill: none;
}
.svg-icon-love-outline.is-active .svg-path {
	fill: none;
	fill-rule: nonzero;
}
.navbar-item.active .navbar-link {
	border-color: /*[[colorblue]]*/;
	color: /*[[colororange]]*/;
}
#page_account .account-labs .lab-title {
	color: #ccc;
}
#page_account .account-labs .lab-name {
	color: /*[[colorblue]]*/;
}
#page_account .heading-2 {
	color: #eee;
}
#page_profile .dropdown .dropdown-menu>li>a:hover, #page_profile .dropdown .dropdown-menu>li>button:hover,
#page_exclusions .dropdown .dropdown-menu>li>a:hover, #page_exclusions .dropdown .dropdown-menu>li>button:hover {
	background-color: #222;
	color: /*[[colororange]]*/;
}
#page_profile .dropdown .dropdown-menu, #page_profile .dropdown .dropdown-menu>li>a, #page_profile .dropdown .dropdown-menu>li>button,
#page_exclusions .dropdown .dropdown-menu, #page_exclusions .dropdown .dropdown-menu>li>a, #page_exclusions .dropdown .dropdown-menu>li>button,
#page_content .dropdown .dropdown-menu, #page_content .dropdown .dropdown-menu>li>a, #page_content .dropdown .dropdown-menu>li>button {
	background-color: #000;
}
#page_profile .dropdown .dropdown-menu>li>a, #page_profile .dropdown .dropdown-menu>li>button,
#page_exclusions .dropdown .dropdown-menu>li>a, #page_exclusions .dropdown .dropdown-menu>li>button,
#page_content .dropdown .dropdown-menu>li>a, #page_content .dropdown .dropdown-menu>li>button {
	color: #ccc;
}
#page_profile .dropdown .dropdown-menu, #page_exclusions .dropdown .dropdown-menu,
#page_content .dropdown .dropdown-menu {
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
}
.datagrid-header .datagrid-row:after {
	background-color: transparent;
	box-shadow: 0px -3px 0px 1px /*[[colorblue]]*/;
	filter: drop-shadow(0px -3px .1px #ccc);
	backdrop-filter: invert(10%);
	height: 0px;
	left: 6px;
	position: absolute;
	right: 6px;
	opacity: .7;
	z-index: 100;
}
.datagrid-header .datagrid-row:hover:after {
	background-color: #333;
	transition-duration: .15s;
	transition-property: background-color;
}
.datagrid-row:after {
	background-color: #333;
	transition-duration: .15s;
	transition-property: background-color;
}
.page-notifications>.notification {
	background-color: /*[[colorblue]]*/;
}
.page-notifications>.notification>h2 {
	color: #fff;
	text-align: center;
}
#page_profile {
	background-color: #0a0a0a;
}
#page_profile .dropdown .dropdown-menu, #page_profile .dropdown .dropdown-menu>li>a, #page_profile .dropdown .dropdown-menu>li>button,
#page_exclusions .dropdown .dropdown-menu, #page_exclusions .dropdown .dropdown-menu>li>a, #page_exclusions .dropdown .dropdown-menu>li>button {
	background-color: #0a0a0a;
}
.datagrid-divider .datagrid-row {
	background-color: #0a0a0a;
	color: /*[[colororange]]*/;
}
.datagrid-divider .datagrid-row:hover {
	background-color: #333;
}
.datagrid-row.has-contextmenu/* .datagrid-row:hover*/ {
	background-color: #222;
}
#page_appstudio .app-header {
    background-color: #0a0a0a;
}
#page_appstudio .app-filters {
    border-top: 1px solid #636363;
}
#page_appstudio .app-picture {
    border-bottom: 1px solid #636363;
}
#page_appstudio div.app-picture .btn:hover .label {
	color: #000;
	-webkit-text-stroke: #000 .5px;
}
#page_appstudio .app-filter-item {
	color: #aaa;
}
#page_appstudio .app-meta {
	color: #aaa;
}
#page_appstudio .app-meta-link {
	color: #aaa;
}
#page_account .account-apps .app-name {
	color: #ccc;
}
#page_account .account-labs .lab-cell {
	border-bottom: 1px solid #343434;
}
#page_account .account-labs .lab-info {
	color: #aaa;
}
.panel-notifications .btn-facebook:after, .panel-notifications .btn-googleplus:after, .panel-notifications .btn-twitter:after {
	-webkit-filter: invert(100%) hue-rotate(180deg) !important;
}
.panel-notifications .btn-facebook:after, .panel-notifications .btn-googleplus:after, .panel-notifications .btn-twitter:after {
	background-color: #222;
	border-radius: 4px;
}
.panel-notifications .btn-facebook:hover:after, .panel-notifications .btn-googleplus:hover:after, .panel-notifications .btn-twitter:hover:after {
	-webkit-filter: none !important;
	background-color: #000;
	border-radius: 4px;
}
.panel-notifications .btn .label {
	color: #000;
}
.notifications-placeholder-social .btn {
	border: 1px solid transparent;
	border-radius: 4px;
	color: #FFF;
	background-color: /*[[colorblue]]*/;
	cursor: pointer;
	font-size: 12px;
	margin: 0;
	padding: 7px 12px;
	vertical-align: middle;
	transition-duration: .15s;
	transition-property: background-color, border-color, color, opacity;
}
.notifications-placeholder-social .btn:hover {
	background-color: /*[[colororange]]*/;
	color: #fff;
}
.panel-notifications .btn-facebook:before, .panel-notifications .btn-googleplus:before, .panel-notifications .btn-twitter:before {
	border-color: transparent;
}
.panel-notifications .btn-facebook:hover:before, .panel-notifications .btn-googleplus:hover:before, .panel-notifications .btn-twitter:hover:before {
	border-color: transparent;
}
.panel-notifications .btn-googleplus:after {
	content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMCIgdmlld0JveD0iLTIgLTIgMTYgMTYiPjxwYXRoIGZpbGw9IiM0Mjg1RjQiIGQ9Ik0xMS43NiA2LjEzNmMwLS40MjUtLjAzOC0uODM0LS4xMS0xLjIyN0g2VjcuMjNoMy4yM2EyLjc2IDIuNzYgMCAwIDEtMS4xOTggMS44MXYxLjUwNkg5Ljk3YzEuMTM0LTEuMDQ0IDEuNzg5LTIuNTgyIDEuNzg5LTQuNDF6Ii8+PHBhdGggZmlsbD0iIzM0QTg1MyIgZD0iTTYgMTJjMS42MiAwIDIuOTc4LS41MzcgMy45Ny0xLjQ1NEw4LjAzMyA5LjA0MWMtLjUzNy4zNi0xLjIyNS41NzMtMi4wMzIuNTczLTEuNTYzIDAtMi44ODUtMS4wNTYtMy4zNTctMi40NzRILjYzOHYxLjU1NUE1Ljk5OCA1Ljk5OCAwIDAgMCA2IDEyeiIvPjxwYXRoIGZpbGw9IiNGQkJDMDUiIGQ9Ik0yLjY0MyA3LjE0QTMuNjA3IDMuNjA3IDAgMCAxIDIuNDU1IDZjMC0uMzk1LjA2OC0uNzguMTg4LTEuMTRWMy4zMDVILjYzOGE1Ljk5OCA1Ljk5OCAwIDAgMCAwIDUuMzlMMi42NDMgNy4xNHoiLz48cGF0aCBmaWxsPSIjRUE0MzM1IiBkPSJNNiAyLjM4NmMuODggMCAxLjY3Mi4zMDMgMi4yOTQuODk4bDEuNzItMS43MjFDOC45NzYuNTk1IDcuNjE4IDAgNiAwQTUuOTk4IDUuOTk4IDAgMCAwIC42MzggMy4zMDVMMi42NDMgNC44NkMzLjExNSAzLjQ0MiA0LjQzNyAyLjM4NiA2IDIuMzg2eiIvPjwvc3ZnPg==");
	height: 30px;
	left: 0px;
	line-height: normal;
	margin-top: 0px;
	top: 0%;
	width: 32px;
}
.datagrid-header .datagrid-row {
	background-color: #0a0a0a;
}
.c019 {
	color: #FFFFFF;
	background-color: /*[[colorblue]]*/;
}
.c019:not(.c0115):hover {
	background-color: /*[[colororange]]*/;
}
.c0110:not(.c0115).c0114 {
	color: #FFFFFF;
	background-color: /*[[colorblue]]*/;
}
.c0110 {
	color: #FFFFFF;
	background-color: /*[[colorblue]]*/;
}
.c0110:not(.c0115):hover {
	background-color: /*[[colororange]]*/;
}
.c011 {
	border: 1px solid #333;
}
.panel-wrapper .c011 {
	border: 1px solid #ddd;
}
.panel-wrapper .c011 .svg-icon {
	fill: black;
}
.dropdown-toggle .svg-icon {
	fill: white;
}
.c0110:not(.c0115):active, .c0110:not(.c0115):focus {
	background-color: /*[[colororange]]*/;
}
.states-button-action.is-active .svg-icon-love {
	fill: #ff1e1e;
}
.navbar-item .dropdown-item a, .navbar-item .dropdown-item button {
	-webkit-transition-duration: .15s;
	-webkit-transition-property: background-color,color;
	background-color: #0a0a0a;
	color: #ccc;
}
.dropdown .dropdown-menu>li>a:link {
	color: #ccc !important;
}
.dropdown .dropdown-menu>li>a:link:hover {
	color: /*[[colororange]]*/ !important;
}
.navbar-item .dropdown-menu {
	border: 1px solid #444;
}
.navbar-dropdown .navbar-link:hover .svg-icon {
	fill: /*[[colorblue]]*/;
}
.navbar-dropdown .navbar-link:hover {
	color: /*[[colororange]]*/;
}
.navbar-item .dropdown-item:hover a {
	background-color: #222;
}
.navbar-item .dropdown-item:active a {
	color: /*[[colorblue]]*/;
}
img[src="https://e-cdns-images.dzcdn.net/images/misc/d41d8cd98f00b204e9800998ecf8427e/264x264-000000-80-0-0.jpg"],
img[src="https://e-cdns-images.dzcdn.net/images/cover/d41d8cd98f00b204e9800998ecf8427e/264x264-000000-80-0-0.jpg"] {
	width: 264px;
	height: 0px;
	/* background-image: url('https://storage.cloud.google.com/recubecdn/deezer/img/264x264-000000-80-0-0.jpg'); */
	background-image: url('https://i.imgur.com/TTACVUq.jpg');
	padding: 0 264px 0 0;
}
img[src="https://e-cdns-images.dzcdn.net/images/misc/d41d8cd98f00b204e9800998ecf8427e/100x80-000000-80-0-0.jpg"],
img[src="https://e-cdns-images.dzcdn.net/images/cover/d41d8cd98f00b204e9800998ecf8427e/100x80-000000-80-0-0.jpg"] {
	width: 80px;
	height: 0px;
	/* background-image: url('https://storage.cloud.google.com/recubecdn/deezer/img/100x80-000000-80-0-0.jpg'); */
	background-image: url('https://i.imgur.com/65YmvX4.jpg');
	padding: 0 0 100px 0;
}
.thumbnail .picture-highlight[style*="https://e-cdns-images.dzcdn.net/images/playlist/d41d8cd98f00b204e9800998ecf8427e/200x200-000000-80-0-0.jpg"] {
	width: 200px;
	height: 0px;
	/* background-image: url('https://storage.cloud.google.com/recubecdn/deezer/img/200x200-000000-80-0-0.jpg') !important; */
	background-image: url('https://i.imgur.com/RmfTfQ1.jpg') !important;
	padding: 0 200px 0 0;
}
.thumbnail .picture-img[src*="https://e-cdns-images.dzcdn.net/images/cover/d41d8cd98f00b204e9800998ecf8427e/56x56-000000-80-0-0.jpg"] {
	width: 56px;
	height: 0px;
	/* background-image: url('https://storage.cloud.google.com/recubecdn/deezer/img/56x56-000000-80-0-0.jpg') !important; */
	background-image: url('https://i.imgur.com/WdCaVPb.jpg') !important;
	padding: 56px 0 0 0;
}
.thumbnail .picture.overlay-hidden[src*="https://e-cdns-images.dzcdn.net/images/artist/d41d8cd98f00b204e9800998ecf8427e/86x86-000000-80-0-0.jpg"] {
	width: 86px;
	height: 0px;
	/* background-image: url('https://storage.cloud.google.com/recubecdn/deezer/img/86x86-000000-80-0-0.jpg') !important; */
	background-image: url('https://i.imgur.com/Zddena6.jpg') !important;
	padding: 86px 0 0 0;
}
.thumbnail .picture.overlay-hidden[src*="https://e-cdns-images.dzcdn.net/images/artist/d41d8cd98f00b204e9800998ecf8427e/28x28-000000-80-0-0.jpg"],
.thumbnail .picture-img[src*="https://e-cdns-images.dzcdn.net/images/artist/d41d8cd98f00b204e9800998ecf8427e/28x28-000000-80-0-0.jpg"] {
	width: 28px;
	height: 0px;
	/* background-image: url('https://storage.cloud.google.com/recubecdn/deezer/img/28x28-000000-80-0-0.jpg') !important; */
	background-image: url('https://i.imgur.com/CsGmlSh.jpg') !important;
	padding: 28px 0 0 0;
}
.thumbnail .picture-img[src*="https://e-cdns-images.dzcdn.net/images/user/d41d8cd98f00b204e9800998ecf8427e/264x264-000000-80-0-0.jpg"],
.thumbnail .picture-img[src*="https://e-cdns-images.dzcdn.net/images/artist/d41d8cd98f00b204e9800998ecf8427e/264x264-000000-80-0-0.jpg"],
.thumbnail .picture-link[src*="https://e-cdns-images.dzcdn.net/images/artist/d41d8cd98f00b204e9800998ecf8427e/264x264-000000-80-0-0.jpg"],
.thumbnail .picture-link[src*="https://e-cdns-images.dzcdn.net/images/user/d41d8cd98f00b204e9800998ecf8427e/264x264-000000-80-0-0.jpg"],
#page_naboo_artist img[src="https://e-cdn-images.dzcdn.net/images/artist/d41d8cd98f00b204e9800998ecf8427e/264x264-000000-80-0-0.jpg"] {
	width: 264px;
	height: 0px;
	/* background-image: url('https://storage.cloud.google.com/recubecdn/deezer/img/264x264-000000-80-0-0_u.jpg') !important; */
	background-image: url('https://i.imgur.com/1gJpo4Q.jpg') !important;
	padding: 264px 0 0 0;
}
.thumbnail .picture-link[src*="https://e-cdns-images.dzcdn.net/images/artist/d41d8cd98f00b204e9800998ecf8427e/56x56-000000-80-0-0.jpg"],
.thumbnail .picture-img[src*="https://e-cdns-images.dzcdn.net/images/artist/d41d8cd98f00b204e9800998ecf8427e/56x56-000000-80-0-0.jpg"] {
	width: 56px;
	height: 0px;
	/* background-image: url('https://storage.cloud.google.com/recubecdn/deezer/img/56x56-000000-80-0-0_u.jpg') !important; */
	background-image: url('https://i.imgur.com/7bUhhDA.jpg') !important;
	padding: 56px 0 0 0;
}
.thumbnail .picture-link[src*="https://e-cdns-images.dzcdn.net/images/artist/d41d8cd98f00b204e9800998ecf8427e/100x80-000000-80-0-0.jpg"],
.thumbnail .picture-img[src*="https://e-cdns-images.dzcdn.net/images/artist/d41d8cd98f00b204e9800998ecf8427e/100x80-000000-80-0-0.jpg"] {
	width: 80px;
	height: 0px;
	/* background-image: url('https://storage.cloud.google.com/recubecdn/deezer/img/100x80-000000-80-0-0_u.jpg') !important; */
	background-image: url('https://i.imgur.com/EqQvKxX.jpg') !important;
	padding: 100px 0 0 0;
}
.thumbnail .picture.overlay-hidden[src*="https://e-cdns-images.dzcdn.net/images/user/d41d8cd98f00b204e9800998ecf8427e/32x32-000000-80-0-0.jpg"] {
	width: 32px;
	height: 0px;
	/* background-image: url('https://storage.cloud.google.com/recubecdn/deezer/img/32x32-000000-80-0-0.jpg') !important; */
	background-image: url('https://i.imgur.com/JePY1lo.jpg') !important;
	padding: 32px 0 0 0;
}
#page_profile .user-section .thumbnail-rounded:hover {
	box-shadow: 0px 0px 3px 1px /*[[colorblue]]*/99;
	-webkit-filter: drop-shadow(0px 0px 3px /*[[colorblue]]*/99) !important;
	-moz-filter: drop-shadow(0px 0px 3px /*[[colorblue]]*/99) !important;
	filter: drop-shadow(0px 0px 3px /*[[colorblue]]*/99) !important;
	transition-duration: .15s;
	transition-property: box-shadow, filter, -webkit-filter, -moz-filter;
}
#page_profile .user-section .thumbnail .picture.overlay-hidden:after {
	background-color: #eee;
}
#page_profile .profile-header .header-main .list-actions {
	border-left: 1px solid #343434;
}
.datagrid-row.song.active::before, .datagrid-row.song.active + .datagrid-row.song::before {
	background-color: /*[[colororange2]]*/;
	transition-duration: .15s;
	transition-property: background-color;
}
.datagrid-row.song.active + .datagrid-row:hover.song::before {
	background-color: #333 !important;
	transition-duration: .15s;
	transition-property: background-color;
}
.datagrid-header .datagrid-row:hover {
	background-color: #0a0a0a;
}
.datagrid-header .datagrid-row::before {
	background-color: transparent;
}
.c0113 {
  color: #fff;
  background-color: #E61616;
}
.c0113:not(.c0115):hover {
  background-color: #BD2D2D;
}
.c0113:not(.c0115):active {
  background-color: #E61616;
}
.btn-logout > .c0113 {
	color: #000;
	background-color: #ff9999;
	-webkit-text-stroke: #000 .5px;
}
.btn-logout > .c0113:not(.c0115):hover {
	color: #fff;
	background-color: #ff2d2d;
	-webkit-text-stroke: transparent .0px;
}
.c0113:not(.c0115):active {
	color: #fff;
	background-color: #ff2d2d;
	-webkit-text-stroke: transparent .0px;
}
.form-control::placeholder {
	color: #929292;
}
.form-control::-webkit-input-placeholder {
	color: #929292;
}
.form-control {
	background-color: #000;
	border: 1px solid #333;
	color: #929292;
}
.form-control:focus {
	border-color: #ff6400;
}
#page_profile .user-search .form-control, #page_exclusions .user-search .form-control, 
#page_content .user-search .form-control {
	background-color: #000;
	border: 1px solid #333;
	color: #929292;
}
.form-control:focus {
	border-color: /*[[colororange]]*/;
}
#page_profile .user-search .form-control:focus, #page_exclusions .user-search .form-control:focus,
#page_content .user-search .form-control:focus {
	border-color: /*[[colorblue]]*/;
}
.datagrid-toolbar .toolbar-search .form-control {
	border: 1px solid #dedede;
}
#page_profile .profile-header-container {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.datagrid-header .datagrid-row .cell-play:hover {
	-webkit-filter: none !important;
	filter: none !important;
}
.page-appstudio .app-header {
	background-color: #0a0a0a;
}
.thumbnail-col-app .app-picture {
	border-bottom: 1px solid #343434;
}
.page-appstudio .app-filters {
	border-top: 1px solid #343434;
}
.thumbnail-col-app .app-meta {
	color: #929292;
}
.thumbnail-col-app {
	-webkit-box-shadow: 0px 1px 3px rgba(100, 100, 100, .8);
	box-shadow: 0px 1px 3px 1px rgba(100, 100, 100, .8);
}
.thumbnail-col-app:hover {
	-webkit-box-shadow: 0px 1px 3px /*[[colorblue2]]*/;
	box-shadow: 0px 1px 3px 1px /*[[colorblue2]]*/;
}
.page-appstudio .app-filter-item {
	-webkit-box-shadow: 0px 1px 3px rgba(100, 100, 100, .8);
	box-shadow: 0px 1px 3px 1px rgba(100, 100, 100, .8);
	color: #ccc;
}
.page-appstudio .app-filter-item:hover {
	-webkit-box-shadow: 0px 1px 3px /*[[colorblue2]]*/;
	box-shadow: 0px 1px 3px 1px /*[[colorblue2]]*/;
	color: /*[[colororange]]*/;
}
.page-appstudio .app-filter-item:hover.is-disabled {
	opacity: 1;
}
#modal_sharebox .form-control {
	background-color: #222;
	border: 1px solid #000;
	color: #929292;
}
#modal_playlist_assistant .form-control {
	background-color: #222;
	border: 1px solid #000;
	color: #929292;
}
.modal-playlist-assistant .modal-footer:before {
	border-top: 1px solid #000;
}
.modal-playlist-assistant .playlist-option {
	color: /*[[colorblue]]*/;
}
.modal-playlist-assistant .playlist-option-help {
	color: #aaa;
}
 #modal_playlist_assistant .playlist-option:hover {
	color: /*[[colororange]]*/;
}
#modal_sharebox .share-friends-form {
	background-color: #0f0f0f;
	border: 1px solid #000000;
}
#modal_sharebox .friend-infos {
	color: #ccc;
}
#modal_sharebox .share-friends-filter:after {
	background-color: #000;
}
#modal_sharebox .friend-item.selected {
	border-color: /*[[colorblue]]*/77;
}
.slide.layout-dark .slide-btn {
	border-color: /*[[colorblue]]*/;
}
.slide.layout-dark .slide-btn:hover {
	background-color: /*[[colororange]]*/;
	border-color: /*[[colororange]]*/;
	color: #000000;
}
#page_account .account-wrapper {
	-webkit-box-shadow: none;
	box-shadow: none;
}
#page_account .account-labs {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.page-contextmenu .contributor-container .heading-5-sub {
	color: /*[[colorblue]]*/;
	text-decoration: underline;
	text-decoration-color: /*[[colororange3]]*/;
}
.page-contextmenu .heading-5>button {
	color: #222;
	-webkit-text-stroke: #222 .5px;
}
.page-contextmenu .heading-5>button:hover {
	color: /*[[colororange]]*/;
	-webkit-text-stroke: /*[[colororange]]*/ .5px;
}
.slide.slide-cut .slide-covers:after {
	background-color: #000;
	border-left: 1px solid #000;
}
div.flow-logo > svg > path {
	fill: /*[[colorblue]]*/;
}
.slide.slide-cut .slide-text .subtitle {
	color: #999;
}
.slide.slide-cut .slide-text .label {
	color: #999;
}
.slide.slide-cut .slide-background {
	background-color: #000;
}
.social-item .c0112 .c012 {
	color: #fff;
}
#modal_edit_personalsong .form-control {
	background-color: #000;
	border: 1px solid #444;
	color: #aaa;
}
.c0110:not(.c0124).c0123 {
	color: #fff;
	background-color: /*[[colorblue]]*/;
}
.thumbnail-col-app {
	border-top-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 0;
}

/* NEW RE-DESIGN - its work in progress and I will probably release it separately or as a customizable part of this style */

.page-electron-sidebar {
	background-color: #191919;
}
.page-electron-topbar {
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: #191919;
}
.page-electron-sidebar .sidebar-nav-link:hover {
	background-color: #2f2f2f;
}
.popper-content {
	-webkit-box-shadow: 0 2px 10px 0 rgba(225,225,225,.24);
	background-color: #000;
	box-shadow: 0 2px 10px 0 rgba(225, 225, 225,.24);
	color: #aaa;
}
.page-electron-topbar .popper-search .search-heading {
	color: #ccc;
}
.page-electron-topbar .topbar-search-input {
	background-color: #000000;
	border: 1px solid #333;
	color: #ccc;
}
.page-electron-topbar .topbar-search-input::placeholder {
	color: #555;
}
.page-electron-topbar .topbar-search-input:focus, .page-electron-topbar .topbar-search-input:hover {
	-webkit-box-shadow: 0 1px 2px 0 rgba(225,225,225,.12);
	background-color: #111;
	box-shadow: 0 1px 2px 0 rgba(225,225,225,.12);
}
.page-electron-topbar .topbar-search-input:hover {
	border-color: /*[[colorblue]]*/55;
}
.page-electron-topbar .topbar-search-active .topbar-search-submit {
	background-color: /*[[colorblue]]*/;
	color: #fff;
}
.page-electron-topbar .topbar-search-active .topbar-search-submit:hover {
	background-color: /*[[colorblue]]*/;
}
.page-electron-topbar .topbar-search-input:focus {
	border-color: /*[[colorblue]]*/;
}
.page-electron-topbar .popper-search .nano-card-item {
	background-color: #121212;
}
.page-electron-topbar .popper-search .nano-card-item:hover {
	background-color: #2f2f2f;
}
.popper[x-placement=bottom] .popper-arrow {
	border-bottom-color: #000;
}
.page-electron-topbar .popper-account .account-heading {
	color: #ccc;
}
.page-electron-topbar .popper-account .account-header:hover {
	background-color: #111;
}
.page-electron-topbar .popper-account .account-link.is-main {
	color: #ccc;
}
.page-electron-topbar .popper-account .account-link:hover {
	background-color: #2f2f2f;
}
.page-electron-topbar .popper-account .account-link {
	color: #ccc;
}
.page-electron-topbar .topbar-notification:hover {
	background-color: /*[[colororange]]*/;
}
#page_topbar > div.popper-wrapper.topbar-entrypoints > a[data-type="offers_subscribe"] > span {
	color: #ccc !important;
}
.page-electron-topbar .popper-entrypoints {
	color: #aaa;
}
.page-electron-topbar .popper-account .account-menu {
	border-top: 1px solid #333;
}
.page-electron-topbar .popper-account .account-item.is-divider {
	border-top: 1px solid #333;
}
.page-player .player-bottom {
	-webkit-box-shadow: 0 -1px 12px 0 rgba(225,225,225,.12);
	background-color: #0a0a0a;
	box-shadow: 0 -1px 12px 0 rgba(225,225,225,.12);
}
.player-controls .svg-icon-group-btn, .player-track .svg-icon-group-btn, .player-options .svg-icon-group-btn {
	color: #aaa;
}
.player-controls .svg-icon-group-btn.is-active, .player-controls .svg-icon-group-btn:hover, .player-track .svg-icon-group-btn.is-active, .player-track .svg-icon-group-btn:hover, .player-options .svg-icon-group-btn.is-active, .player-options .svg-icon-group-btn:hover  {
	background-color: /*[[colorblue]]*/;
	color: #fff
}
.page-player .player-options .option-item+.option-item:before {
	background-color: #333;
}
.page-player .popper-player-preview .preview-link {
	color: #aaa;
}
.popper[x-placement=top] .popper-arrow {
	border-top-color: #000;
}
.page-player .player-options .queuelist-label {
	color: #aaa;
}
.page-player .player-options .queuelist.is-available:hover {
	background-color: #2f2f2f;
	-webkit-box-shadow: 0px 0px 3px 1px /*[[colorblue]]*/, inset 0px 0px 0px 1px #999;
	box-shadow: 0px 0px 3px 1px /*[[colorblue]]*/, inset 0px 0px 0px 1px #999;
}
.page-player .player-options .queuelist.is-active {
	background-color: #2f2f2f;
	-webkit-box-shadow: 0px 0px 3px 1px /*[[colororange]]*/, inset 0px 0px 0px 1px #999;
	box-shadow: 0px 0px 3px 1px /*[[colororange]]*/, inset 0px 0px 0px 1px #999;
}
.page-player .player-options .queuelist {
	-webkit-transition-property: background-color, box-shadow, -webkit-box-shadow;
	transition-property: background-color, box-shadow, -webkit-box-shadow;
}
.page-player .player-options .queuelist.is-active .queuelist-label, .page-player .player-options .queuelist.is-available:hover .queuelist-label {
	color: /*[[colorblue]]*/;
}
.page-player .popper-player-settings .setting-label {
	color: #aaa;
}
.page-player .popper-player-settings .setting-info {
	color: /*[[colororange]]*/;
}
.input-switch {
	background-color: #222;
}
.input-switch.is-checked {
	background-color: #444;
}
.input-switch.is-checked:after {
	background-color: /*[[colorblue]]*/;
}
.input-radio.is-checked:after {
	background-color: /*[[colorblue]]*/;
}
.page-player .popper-player-settings .setting-menu+.setting-menu {
	border-top: 1px solid #333;
}
.page-player .player-full {
	background-color: #0a0a0a;
}
.page-player .queuelist-title {
	color: #aaa;
}
.page-player .queuelist-subtitle {
	color: #ccc;
}
.page-electron-topbar .popper-search .search-suggest-view-link {
	color: #aaa;
}
.page-electron-topbar .popper-search .search-suggest-view-all {
	border-top: 1px solid #333;
}
.page-electron-sidebar .sidebar-nav-item.is-divider {
	border-top: 1px solid #333;
}
.slider-tooltip {
	color: #ccc;
	background-color: #333;
}
.slider-track-input::-webkit-slider-thumb {
	-webkit-box-shadow: 0 0 1px 0 rgba(225,225,225,.48);
	background-color: /*[[colororange]]*/;
	border: 1px solid #000000;
	box-shadow: 0 0 1px 0 rgba(225,225,225,.48);
}
.slider-track-input::-moz-range-thumb {
	background-color: /*[[colororange]]*/;
	border: 1px solid #000;
	box-shadow: 0 0 1px 0 rgba(225,225,225,.48);
}
.slider-track-default {
	background-color: #898989;
}
.slider-track-active {
	background-color: /*[[colorblue]]*/;
}
.page-player .queuelist-header {
	border-bottom: 1px solid #333;
	box-shadow: 0px 1px 0px 0px /*[[colorblue]]*/, inset 0px -1px 0px 0px #cccb;
	z-index: 100;
}
.svg-icon-group-btn {
	color: #ccc;
}
.player-container .svg-icon-group-btn:hover {
	color: #fff;
}
.player-close .svg-icon-group-btn:hover {
	color: #fff;
}
.page-player .queuelist-cover-title {
	color: #ccc;
}
.page-electron-topbar .popper-notifications .notifications-placeholder-title {
	color: #ccc;
}
.page-electron-topbar .popper-notifications .popper-navbar-link.active {
	background-color: #2f2f2f;
	color: /*[[colorblue]]*/;
}
.page-electron-topbar .popper-notifications .popper-navbar {
	border-bottom: 1px solid #333;
}
.page-electron-topbar .popper-notifications .popper-navbar-link {
	color: #aaa;
}
.page-electron-topbar .popper-notifications .popper-navbar-link:hover {
	background-color: #777;
	color: #333;
}
.page-electron-topbar .popper-notifications .popper-navbar-item+.popper-navbar-item {
	border-left: 1px solid #333;
}
.page-electron-topbar .popper-notifications .notifications-item:hover {
	background-color: #2f2f2f;
}
.page-electron-topbar .popper-notifications .popper-headings .filter-control.form-control {
	background-color: #000;
	border: 1px solid #333;
	color: #929292;
}
.page-electron-topbar .popper-notifications .popper-headings .filter-control {
	color: #aaa;
}
.page-electron-topbar .popper-notifications .notifications-item {
	border-bottom: 1px solid #333333;
}
.page-player .player-track .track-heading {
	color: #ccc;
}
#page_account .account-delete-btn {
	color: #ff0000;
}
#page_account .account-delete-btn:hover {
	color: #fff !important;
	-webkit-filter: drop-shadow(0 0 5px #ff0000) drop-shadow(0 0 1px #ff0000) drop-shadow(0 0 3px #ff0000) !important;
	filter: drop-shadow(0 0 5px #ff0000) drop-shadow(0 0 1px #ff0000) drop-shadow(0 0 3px #ff0000) !important;
	font-weight: bold;
	transition-property: font-weight, filter, -webkit-filter, color;
	transition-duration: 0.15s;
	transition-timing-function: ease-in-out;
}
.page-electron-topbar .popper-search .search-history-link {
	color: #aaa;
}
.page-electron-topbar .popper-search .search-history-link:hover {
	background-color: #222;
}
.page-electron-topbar .popper-search .search-heading-button {
	color: #aaa;
}
.page-electron-topbar .popper-search .search-heading-button:hover {
	color: /*[[colororange]]*/;
}
.page-topbar {
	-webkit-box-shadow: 0px 5px 4px -3px rgba(255,255,255,.12);
	background-color: #0f0f0f;
	box-shadow: 0px 5px 4px -3px rgba(255,255,255,.12);
}
.page-topbar .topbar-search-input {
	background-color: #000000;
	border: 1px solid #232323;
	color: #aaa;
}
.page-topbar .topbar-search-input:focus, .page-topbar .topbar-search-input:hover {
	-webkit-box-shadow: 0 1px 2px 0 rgba(255,255,255,.12);
	background-color: #000;
	box-shadow: 0 1px 2px 0 rgba(255,255,255,.12);
}
.page-topbar .topbar-search-input:hover {
	border-color: #636363;
}
.page-topbar .topbar-search-input::-webkit-input-placeholder, .page-topbar .topbar-search-input::placeholder {
	color: #929292;
}
.page-topbar .topbar-search-input:focus::-webkit-input-placeholder, .page-topbar .topbar-search-input:focus::placeholder {
	color: #444;
}
.page-topbar .topbar-search-submit {
	color: #929292;
}
.page-topbar .topbar-search-clear {
	color: #929292;
}
.page-topbar .topbar-search-input:focus {
	border-color: /*[[colorblue]]*/;
}
.page-topbar .popper-search .search-heading {
	color: #ccc;
}
.page-topbar .topbar-search-active .topbar-search-clear:hover {
	color: /*[[colororange]]*/;
}
.page-topbar .popper-search .nano-card-item {
	background-color: #111;
}
.page-topbar .popper-search .nano-card-item:hover {
	background-color: #333;
}
.page-topbar .topbar-search-active .topbar-search-submit {
	background-color: /*[[colorblue]]*/;
	color: #fff;
}
.page-topbar .popper-search .search-history-link:hover {
	background-color: #222;
}
.page-sidebar .sidebar-nav-link:hover {
	background-color: #333;
}
.page-topbar .topbar-notification:hover {
	background-color: /*[[colorblue]]*/;
}
.page-topbar .popper-notifications .popper-navbar-link.active {
	background-color: #333;
	color: /*[[colorblue]]*/;
}
.page-topbar .popper-notifications .popper-navbar {
	border-bottom: 1px solid #333;
}
.page-topbar .popper-notifications .popper-navbar-item+.popper-navbar-item {
	border-left: 1px solid #333;
}
.page-topbar .popper-notifications .popper-navbar-link:hover {
	background-color: #666;
}
.page-topbar .popper-notifications .popper-navbar-link:hover {
	background-color: #666;
	color: #32323d;
}
.page-topbar .popper-notifications .notifications-item {
	border-bottom: 1px solid #222;
}
.page-topbar .popper-notifications .notifications-placeholder-title {
	color: #ccc;
}
.page-topbar .popper-notifications .notifications-placeholder-text {
	color: #777;
}
.page-topbar .popper-notifications .popper-headings .filter-control {
	color: #666;
}
.page-topbar .popper-notifications .popper-headings .form-control {
	background-color: #000;
	border: 1px solid #232323;
	color: #ccc;
}
.page-topbar .popper-account .account-heading {
	color: #ccc;
}
.page-topbar .popper-account .account-link.is-main {
	color: #aaa;
}
.page-topbar .popper-account .account-header:hover {
	background-color: #333;
}
.page-topbar .popper-account .account-menu {
	border-top: 1px solid #333;
}
.page-topbar .popper-account .account-item.is-divider {
	border-top: 1px solid #333;
}
.page-topbar .popper-account .account-link:hover {
	background-color: #333;
}
.page-topbar .popper-account .account-link {
	color: #aaa;
}
.page-topbar .popper-search .search-heading-button {
	color: #999;
}
.page-topbar .popper-search .search-heading-button:hover {
	color: /*[[colororange]]*/;
}
.page-topbar .popper-search .search-suggest-view-link {
	color: #aaa;
}
.page-topbar .popper-search .search-suggest-view-all {
	border-top: 1px solid #333;
}
.page-topbar .popper-search .search-history-link {
	color: #666;
}
.form-control:focus::-webkit-input-placeholder, .form-control:focus::placeholder {
	color: #444;
}
.form-control::-webkit-input-placeholder, .form-control::placeholder {
	color: #929292;
}
.datagrid-toolbar .toolbar-search .form-control:focus::-webkit-input-placeholder, .datagrid-toolbar .toolbar-search .form-control:focus::placeholder,
.catalog-tab-comment .post-comment .form-control:focus::-webkit-input-placeholder, .catalog-tab-comment .post-comment .form-control:focus::placeholder,
#page_profile .user-search .form-control:focus::-webkit-input-placeholder, #page_profile .user-search .form-control:focus::placeholder,
#page_exclusions .user-search .form-control:focus::-webkit-input-placeholder, #page_exclusions .user-search .form-control:focus::placeholder,
#page_content .user-search .form-control:focus::-webkit-input-placeholder, #page_content .user-search .form-control:focus::placeholder {
	color: #d1d1d1;
}
.page-contextmenu .menu-item>.icon {
	color: #929292;
}
.page-topbar .popper-notifications .notifications-item:hover {
	background-color: #333;
}
.btn-tag-400:hover.selected, .btn-tag-600:hover.selected, .btn-tag-800:hover.selected {
	background-color: /*[[colororange]]*/;
	color: #fff;
}
.btn-tag-400.selected, .btn-tag-600.selected, .btn-tag-800.selected {
	background-color: /*[[colorblue]]*/;
	color: #000;
}
.btn-tag-400.selected .tag-action, .btn-tag-600.selected .tag-action, .btn-tag-800.selected .tag-action {
	border-left: 1px solid rgba(0, 0, 0, 0.2);
	color: #000;
}
.btn-tag-400.selected .tag-action:hover, .btn-tag-600.selected .tag-action:hover, .btn-tag-800.selected .tag-action:hover {
	background-color: /*[[colororange]]*/;
	color: #fff;
}
.btn-tag-400 .tag-action:hover, .btn-tag-600 .tag-action:hover, .btn-tag-800 .tag-action:hover {
	background-color: /*[[colororange]]*/;
	color: #fff;
}
.btn-tag-400:hover.selectable, .btn-tag-600:hover.selectable, .btn-tag-800:hover.selectable {
	background-color: /*[[colororange]]*/;
	color: #fff;
}
.btn-tag-400 .tag-action, .btn-tag-600 .tag-action, .btn-tag-800 .tag-action  {
	border-left: 1px solid rgba(0, 0, 0, 0.2);
	color: #000;
}
.btn-tag .tag-action {
	margin: -8px -13px 0 12px;
}
.svg-icon-group-btn.is-active, .svg-icon-group-btn:hover {
	background-color: /*[[colororange]]*/;
}
.svg-icon-group-btn:active {
	background-color: /*[[colorblue]]*/;
}
.page-topbar .topbar-notification svg.svg-icon.svg-icon-bell {
	-webkit-transition-duration: 1s;
	-webkit-transition-property: fill;
	transition-duration: 1s;
	transition-property: fill;
}
svg.svg-icon.svg-icon-bell {
	fill: #aaa;
}
.page-topbar .topbar-notification:hover svg.svg-icon.svg-icon-bell {
	fill: #fff;
}
.marquee-gradient-right {
	background-image: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(#000));
	background-image: linear-gradient(90deg,hsla(0,0%,100%,0),#000);
	right: 0;
}
.marquee-gradient-left {
	background-image: -webkit-gradient(linear,left top,right top,from(#000),to(hsla(0,0%,100%,0)));
	background-image: linear-gradient(90deg,#000,hsla(0,0%,100%,0));
	left: 0;
}
.slide .slide-btn {
    color: #eee !important;
}
.slide .slide-btn:hover {
    color: #fff !important;
}
.navbar-link {
    display: -moz-inline-box;
}
.navbar-nav > li > a, .navbar-nav > li > button {
	display: -moz-inline-box;
}
.c011.c019 .c012 {
	color: #fff;
}
.page-topbar {
    border-bottom: 1px solid #000;
}
.page-sidebar {
    border-right: 1px solid #000;
}
.page-player .player-bottom {
    border-top: 1px solid #000;
}
.page-sidebar .sidebar-nav-link {
    color: #ccc;
}
.logo-deezer-black {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH0AAAAgCAYAAAA/kHcMAAAAB3RJTUUH4wUOFRIsJPpGZAAACXFJREFUeJztWs1S49gV/s69V9fATDKuSgYqGGqkvMDYT9DmBdLMKptUYSq7bJp+AuABUtCrLKG3yWLIE+CuVGUL8wSSyxKVhs6MpkM3tn7uyQLJJdSScf8kXTPtb4Wuzp/Od3/OPQaYY4455phjjjl+DqCPHcCsuLi44OKzMWZ7bW3t+COF85OG+NgBzPH/x5z0TxBz0j9BzEn/BDEn/RPEnPRPEOpDGvviL7+31QJspQCFBFAApyK8+MPfzmfRd13XVkrZAKC1DldWVmbSq7DTXFpasqMoagJAkiSe4zjeu+pPi+X58+ftXO5tMC2mt8lD2X9u13XdplKqXRg/dxwnBD4w6ekv5Z4UYovJAIIgQTBMfQAbdTqu6zYty3pERDtENAk+TVMEQeAx8/6s9/HhcNgVQuwSUTdNU0gpAQBSSgRB4AE4jKLoaf7xdfoA2mmaNnP9PBZjTD9Jkv0iWUmSHEgpu7PEVwQRbQOYfJfrunaWh15FHkJjzEnZd+b/WymlnT8LIfYHg4GrlDos2pFSwvf9vbW1tf0Pur2n0kIiLaRCI4WGgYSR9S5c121rrc+EEHvFAHMQkS2EOPJ9f/c+377vH0gpT4moW/WeiGwiOtRan7mua1fo7+b6dbFIKXta69Pnz5+3y+/fB4PBYCvLw06N76aUstdoNNwgCHam2TLGfGVZ1nGVHSHEXhAEOx+UdJYIEwkvluQlAl7KwiNjVa4q13VtrfUpEdn32RVC7E177/v+gRCiKhleeYCIbK31qeu6k6T4vr9b48Nj5jvxE5GdJMlp1cR5FwRBsFlFEjOHZd+Z/4PhcNitsyel7OX6NSIPP1ob1vf9b4UQm8UxZvaYeT+O4z6ApmVZbSLarZoYeRvW9/2eEOKo9O5JHMd7+Tbu+36PiA6KiWXm/Vartee6rt1oNNxp+tm2f1SMI03T4/X19e3M9hvxFfx8XfGdYRRFHQComPj9NE3319fX+8BkcXxLRO2C/nmr1eoAQBAEbtl/mqYb6+vr/SpdYErv/cU/frMjUvkIY4BTIOYUr1Pp/fZ3fu35bP31T4eWFA8VAYoBFQtgbPUvt/68XZSrSjQzn0dRtFE+b+t2hJz08kfnZJZjGw6HXSnlaUHOa7VaznA4PMpXR4bj1dXV7Rn0wyiKnLr6IIu9ncXeLOltOI5zXp6weUxlO2dnZ83l5WW3dEZ3VlZWzitIvxN/EAQ7RHRQtFdbyFmvdVPGbPMNw8QAYgV9M73uU/FCUxhlkxAgQ8BYwYwtuyyntd4sj0VR9E1VAh3H8YbD4XYx4Tlc121XTIZ+1fZXliMi23XdZolwGGOeTds+C/rNpaUlG0BlZV1DuJcR7mU2too6zHwyxbcHYLJi4zhuV/lm5kGFXr84UMuiGgnQjYG5ZuAGEK8U6OVinfgtXv0CJDWIBGAETKxgbhbeEGPmB0R3Npn+tCvV+vp6PwiCsHzuaa3tsmzV5KiD1rpbHisfFdNQd1WbhXAAKBedWV0ytVAr6NqzyLVarRMAJ8WxWtKj1+ZYXaOfXBsk1wrJtUb07+qibBJI+NmhsehYZKY5UUjHb+pUVJbeDPF7KMx0AGDmZmnyfHTMSvgHwFQupqGW9MUYbROLh3ipQZcWcLUE/uHXIYDzf3b+eBTKBYSWRigXEIoFvLLM04PLVZsa4kG6ALAEAAuU6u9Q2oaYOfwfknU8q6AxJszv4oWxEyHETAlNkuTOdw0Gg63y/fhtCGfmPhHdKwcASqn+LHKVunUv4lS1yVCPYwETLSAZLSF+1fAAPE4he6mQMKTAUoKVQMLyWePlYtd8LrZYEgQYIAVDjT6Aw6JtIvqx+MzM3WlBnp2dNcsVaKbnlcfG4/Hje4orOyfAdV27TDozP1ldXe1P0W9W2R8MBluWZR2X45tGODN7pW3676urq4dVsuXY3we193QTGZixQBppJKMFxONFJNHtmZ4IgYQIMQlEJBCTwMiS0N9bkK8aEOMGkCwCZgnAZ1Xm76wQIrKnFU9ffvnlo6rxFy9enJfvo1rr2jPR9/1eo9Fwh8Ph0XA47DqO45UnDhE9rNPPbh0/BEFw6vt+Lx9/F8IzPCs9T/WttT4NguDM9/1esc/wtqhd6SYyfTNiJLFEkkjEiQUTyxAAItB+BIEIQMSEmAFrlJ6zkCEtkscagJAwWkFAeWXbl5eXxysrK3euEUKII9d130jSYDDYqmvOdDqd0Pf9p0RUnBSPfN/3yq1b13VtItoFJg2Mnu/7TwA8BTDp+AkhdnzfD9fW1vbL+lrrU+C2ACOi7sXFxYM4jvvvSDiMMcdSykkFT0Rd3/d3K3w3lVKTfgURHWmtHwHoTLNfB/Wfg1911SgBACS3v5QggfJG1yMPkeonBhgZjetEIEkaAAA9ivoGGi8BfK+AfyUGoVLh4ig6T8Tn4cgoJGIBIlIAqTe2woysJ0KICVlEZDcaDdf3/RMi+o6ZvyCidl1bNUccx4da6638HCWiJhEdBUGwxcznRPQjM39dbq8ycxjH8WEYhuHy8vJWcZvN2pU9Zj4hoh+NMV8JITbLBeh4PN4v9xuK33JxcTEt9OPV1dVt3/dPis2b3Lcxpi+EGGR56JV9M/OTacanQSmLTmWqgJQgiMBCgAy2AW0bYJfN7RlgSQuJIA+AI4U4FQRYJABIsFpEDLm9IBe7N0ZvKdJAopFKVfuDy9XV1d7y8vKD8lmdJWCzXOhlxd8bW1r2i9JGuWLOV2P2d9W37xfO9o1yAyjr1e8AQPncz+LZdxzHu4fYe3F1dbW9vLxsF/OQ9/nrYmfmp+/zT6GCjQQbAU4JPAb4NZC+AsxIwNxIpBEhMYyYU4wpyaOaBMMMAIQUgCUAC4BKAREBYgSIEVc67nQ6YRRF3zDz0/uCZObHqGmCAIDjOOdRFHWqCrsKWyEzf9NqtSYFk+M4XhRFGzPGEjLz46qu37ug0+mEl5eXG8aYmVauMeZJq9XqvY9Pld5IDwkDCQMpwGCYGCGPEMaJ8OIbgXjMSNIUKSIPuD2zDAwM+FaeUwiyQilNKDnxZKKgRjEwZmDKfTJbab3hcHgshOgR0VcA7MxHyMzP4jg+dBzHC4KgjcJ9Xqm7x0ZmyxkOh10i2hRCfJ3bypJ1TkTPoig6ruv8Aei5rrtnWdbOW+h7eAcYYyY3mE6nEwLYcV33UGu9SUQPsx5EvnN5zJz7vuOv4or3zvf3OeaYY4455pjjp4X/AtGZZEfRyqAQAAAAAElFTkSuQmCC');
    height: 0px;
    width: 125px;
	padding: 0 0 32px 0;
}
#page_profile .profile-header-container {
    border: none !important;
}
.slider-track .gradient-teal {
    background: linear-gradient(1deg,/*[[colorblue]]*/ 13%,/*[[colorblue]]*/);
}

/*** NEW BUTTONS & UPDATES ***/

:root {
    --main-text-color: #ccc;
    --default-text-color: #eee;
    --topbar-popper-suggest-highlight: /*[[colororange]]*/;
    --topbar-popper-suggest: #aaa;
}
.page-player .popper-player-settings .setting-label-info {
    color: /*[[colorblue]]*/;
}
.page-topbar .popper-search .search-bold-label .search-history-query {
    font-weight: bolder;
}
.topbar-search-clear {
    margin-left: 10px;
}
.c039 {
    color: #FFFFFF;
    background-color: /*[[colorblue]]*/;
}
.c039:not(.c0324):hover {
    background-color: /*[[colororange]]*/;
    color: #000;
}
.c0310 {
    color: #fff;
    border-color: #222222;
    background-color: /*[[colorblue]]*/;
}
.c0310:not(.c0324):hover {
    border-color: #000;
    background-color: /*[[colororange]]*/;
    color: #000;
}
.c0310:not(.c0324).dropdown-toggle:hover .svg-icon {
    fill: black;
}
.c0310:not(.c0324).c0323 {
    color: /*[[colorblue]]*/;
    border-color: #222;
    background-color: #333;
}
.c0310:not(.c0324).c0323.dropdown-toggle:hover .svg-icon {
    fill: /*[[colororange]]*/;
}
.c0310:not(.c0324):active {
    border-color: #000;
    background-color: /*[[colororange]]*/;
}
.slider-track .gradient-default, .slider-track .gradient-black, .slider-track .gradient-red, .slider-track .gradient-deep-orange, .slider-track .gradient-orange, .slider-track .gradient-yellow, .slider-track .gradient-green, .slider-track .gradient-teal, .slider-track .gradient-blue, .slider-track .gradient-indigo, .slider-track .gradient-deep-purple, .slider-track .gradient-purple, .slider-track .gradient-pink {
    background: linear-gradient(1deg,/*[[colorblue]]*/ 13%,/*[[colorblue3]]*/);
}
.page-contextmenu .menu-item {
    color: var(--text-secondary);
}
.popover .heading-4-sub, .page-panels .panel-wrapper .heading-4-sub {
    color: /*[[colororange]]*/;
}
.c049 {
    color: #FFFFFF;
    background-color: /*[[colorblue]]*/;
}
.c049:not(.c0424):hover {
    background-color: /*[[colororange]]*/;
    color: #000;
}
.c0410 {
    color: /*[[colorblue]]*/;
    border-color: #000;
    background-color: #222222;
}
.c0410:not(.c0424):hover {
    border-color: #000;
    background-color: transparent;
    color: /*[[colororange]]*/;
}
.page-contextmenu .playlist-filter .form-control {
    background-color: var(--background-primary);
    border: 1px solid #232323;
    color: #929292;
}
.page-contextmenu .playlist-create>.icon {
	color: #fff;
}
.c032 {
    color: #fff;
}

/*** 10-06-20220  FIXES ***/

.containedPrimary-0-3-9 {
    color: #FFFFFF;
    background-color: /*[[colorblue]]*/;
}
.containedPrimary-0-3-9:not(.isDisabled-0-3-24):hover {
    background-color: /*[[colororange]]*/;
}
.containedSecondary-0-3-10:not(.isDisabled-0-3-24).isActive-0-3-23 {
    color: /*[[colorblue]]*/;
    border-color: #333;
    background-color: #000;
}
.containedSecondary-0-3-10 {
    color: #FFFFFF;
    border-color: #333;
    background-color: #000;
}
.containedSecondary-0-3-10:not(.isDisabled-0-3-24):hover {
    border-color: /*[[colororange]]*/ !important;
    background-color: #000;
}
.containedSecondary-0-3-10:not(.isDisabled-0-3-24):hover + .containedSecondary-0-3-10:not(.isDisabled-0-3-24).isActive-0-3-23 {
    border-left-color: /*[[colororange]]*/ !important;
}
.equalizer-12.equalizer-dark {
    filter: invert(100%) !important;
}
.containedPrimary-0-4-37 {
    color: #FFFFFF;
    background-color: /*[[colorblue]]*/;
}
.containedPrimary-0-4-37:not(.isDisabled-0-4-52):hover {
    background-color: /*[[colororange]]*/;
}
.containedSecondary-0-4-38 {
    color: /*[[colorblue]]*/;
    border-color: #000;
    background-color: #222;
}
.containedSecondary-0-4-38:not(.isDisabled-0-4-52):hover {
    border-color: #000;
    color: #fff;
    background-color: /*[[colororange]]*/;
}
.label-0-3-2 {
    color: #fff;
}
.containedPrimary-0-3-92 {
    color: #FFFFFF;
    background-color: /*[[colorblue]]*/;
}
.containedPrimary-0-3-92:not(.isDisabled-0-3-107):hover {
    background-color: /*[[colororange]]*/;
}
.containedSecondary-0-3-93 {
    color: #FFF;
    border-color: #333;
    background-color: #000;
}
.containedSecondary-0-3-93:not(.isDisabled-0-3-107):hover {
    border-color: /*[[colororange]]*/;
    background-color: #000;
}
#modal_sharebox button[class*="containedSecondary"] {
    color: /*[[colorblue]]*/;
    border-color: #000;
    background-color: #222;
}
#modal_sharebox button[class*="containedSecondary"]:not([class*="isDisabled"]):hover {
    border-color: #000;
    color: #fff;
    background-color: /*[[colororange]]*/;
}
#modal_sharebox button[class*="containedPrimary"] {
    color: #FFFFFF;
    background-color: /*[[colorblue]]*/;
}
#modal_sharebox button[class*="containedPrimary"]:not([class*="isDisabled"]):hover {
    background-color: /*[[colororange]]*/;
}
button[class*="containedSecondary"]:not([class*="isDisabled"])[class*="isActive"] {
    color: /*[[colorblue]]*/;
    border-color: #333;
    background-color: #000;
}
#page_naboo_artist a[class*="containedWarning"] {
    color: #FFF !important;
    background-color: #00c800;
}

/*** 24-07-20220  FIXES ***/

._1mATd ._3bt-9 {
    color: /*[[colororange]]*/;
    filter: invert(100%) hue-rotate(180deg) !important;
}
#page_naboo_artist ul.navbar-nav > li.navbar-item > a.navbar-link.navbar-button:hover {
    background-color: transparent;
    border-color: var(--text-intermediate);
    border-radius: 0px;
}
  
/*** 10-03-20221  FIXES ***/

._1oel3 {
    background-color: #000;
    color: #fff;
    transition-property: opacity,transform,-webkit-transform,background-color,color,box-shadow;
    box-shadow: 0 0 2px 2px /*[[colorblue]]*/;
}
._1oel3:focus, ._1oel3:hover {
    background-color: /*[[colorblue]]*/;
    color: #fff;
    box-shadow: 0 0 2px 2px #000;
}

/*** 23-09-2021 ***/

.datagrid-row.song.active .eGhZom {
    filter: drop-shadow(0 0 4px #000);
}
.datagrid-cell-action.cell-love:hover .eGhZom {
    filter: drop-shadow(0 0 4px #000);
}
.eGhZom {
    fill: currentcolor;
    color: #ff0000;
}

/*** NEW COLOR VARIABLES ***/

[data-theme=dark] {
    --background-primary:var(--color-dark-grey-900);
    --background-intermediate:var(--color-dark-grey-700);
    --background-secondary:var(--color-dark-grey-600);
    --background-contrast:var(--color-dark-grey-400);
    --background-elevation:var(--color-dark-grey-200);
    --background-accent:var(--color-coral-500);
    --text-primary:var(--color-white);
    --text-intermediate:var(--color-light-grey-800);
    --text-secondary:var(--color-light-grey-700);
    --text-inverse:var(--color-dark-grey-500);
    --text-accent:var(--color-coral-500);
    --divider-primary:var(--color-dark-grey-500);
    --divider-secondary:var(--color-dark-grey-300);
    --divider-accent:var(--color-coral-500);
    --color-accent:var(--color-coral-500);
    --color-accent-hover:var(--color-coral-700);
    --sidebar-background-color:var(--color-dark-grey-700);
    --primary-color:/*[[colorblue]]*/;
    --primary-hover-color:/*[[colorblue]]*/;
    --premium-color:#1daaa2;
    --orange-color:/*[[colororange]]*/;
    --download-color:#00d000;
    --family-color:/*[[colorblue]]*/;
    --label-album-color:var(--text-secondary);
    --label-album-background-color:#efefef;
    --label-new-color:/*[[colororange]]*/;
    --label-new-background-color:rgba(255,100,0,0.1);
    --label-explicit-background-color:rgba(0,0,0,0);
    --label-explicit-color:#929292;
    --shadow-border-color:#232323;
    --lyrics-gradient-color:0,0,0;
    --popper-shadow:0 4px 20px 0 rgba(0,0,0,0.24);
    --popper-marquee-gradient-color:rgb(50 50,50);
    --marquee-gradient-transparent-color:rgba(35,35,35,0);
    --modal-special-offers-primary-color:rgba(0,150,255,0.9);
    --modal-special-offers-primary-hover-color:rgba(0,125,255,0.9);
    --modal-sharebox-friend-hover-color:rgba(0,150,255,0.5);
    --onboarding-header-shadow-color:rgba(0,0,0,0.08);
    --onboarding-footer-shadow-color:rgba(0,0,0,0.08);
    --scroller-shadow-color:rgba(0,0,0,0.3);
}

:root {
    --color-coral-900:#b12424;
    --color-coral-800:/*[[colororange]]*/;
    --color-coral-700:/*[[colororange]]*/;
    --color-coral-600:/*[[colorblue]]*/;
    --color-coral-500:/*[[colorblue]]*/;
    --color-coral-400:/*[[colorblue]]*/;
    --color-coral-300:#db7176;
    --color-coral-200:#e7999c;
    --color-coral-100:#f7ccd3;
    --color-dark-grey-900:#121212;
    --color-dark-grey-800:#191919;
    --color-dark-grey-700:#191919;
    --color-dark-grey-600:#232323;
    --color-dark-grey-500:#323232;
    --color-dark-grey-400:#424242;
    --color-dark-grey-300:#525252;
    --color-dark-grey-200:#606060;
    --color-green-900:#008a1a;
    --color-green-800:#009927;
    --color-green-700:#00a22f;
    --color-green-600:#00ab37;
    --color-green-500:#00b23d;
    --color-green-400:#26be5a;
    --color-green-300:#4dc977;
    --color-green-200:#80d99e;
    --color-green-100:#b3e8c5;
    --color-green-50:#e0f6e8;
    --color-light-grey-900:#727272;
    --color-light-grey-800:#929292;
    --color-light-grey-700:#a2a2a2;
    --color-light-grey-600:#bebebe;
    --color-light-grey-500:#d1d1d1;
    --color-light-grey-400:#dfdfdf;
    --color-light-grey-300:#eaeaea;
    --color-light-grey-200:#f2f2f2;
    --color-light-grey-100:#f4f4f4;
    --color-light-grey-50:#f8f8f8;
    --color-red-900:#ca1a1a;
    --color-red-800:#d22727;
    --color-red-700:#d72e2e;
    --color-red-600:#db3636;
    --color-red-500:#df3c3c;
    --color-red-400:#e45959;
    --color-red-300:#e97777;
    --color-red-200:#ef9e9e;
    --color-red-100:#f5c5c5;
    --color-red-50:#fbe8e8;
    --color-white:#fff;
    --color-black:#191919;
    --color-success:#00b23d;
    --color-error:#df3c3c;
    --background-primary:var(--color-white);
    --background-intermediate:var(--color-light-grey-100);
    --background-secondary:var(--color-white);
    --background-contrast:var(--color-light-grey-300);
    --background-elevation:var(--color-light-grey-700);
    --background-accent:var(--color-coral-500);
    --text-primary:var(--color-dark-grey-800);
    --text-intermediate:var(--color-light-grey-900);
    --text-secondary:var(--color-light-grey-800);
    --text-inverse:var(--color-white);
    --text-accent:var(--color-coral-500);
    --divider-primary:var(--color-light-grey-300);
    --divider-secondary:var(--color-light-grey-500);
    --divider-accent:var(--color-coral-500);
    --color-accent:var(--color-coral-500);
    --color-accent-hover:var(--color-coral-700);
    --sidebar-background-color:var(--color-white);
    --premium-color:#1daaa2;
    --orange-color:/*[[colororange]]*/;
    --download-color:#00d000;
    --family-color:/*[[colorblue]]*/;
    --label-album-color:var(--text-secondary);
    --label-album-background-color:#efefef;
    --label-new-color:/*[[colororange]]*/;
    --label-new-background-color:rgba(255,100,0,0.1);
    --label-explicit-background-color:#191919;
    --label-explicit-color:#c2c2c2;
    --shadow-border-color:var(--background-primary);
    --lyrics-gradient-color:255,255,255;
    --popper-shadow:0 4px 20px 0 rgba(25,25,25,0.24);
    --marquee-gradient-transparent-color:hsla(0,0%,100%,0);
    --scroller-shadow-color:rgba(25,25,25,0.12);
    --modal-shadow-color:rgba(10,10,10,0.3);
    --modal-special-offers-primary-color:rgba(0,150,255,0.9);
    --modal-special-offers-primary-hover-color:rgba(0,125,255,0.9);
    --modal-sharebox-friend-hover-color:rgba(0,150,255,0.5);
    --onboarding-header-shadow-color:rgba(0,0,0,0.2);
    --onboarding-footer-shadow-color:rgba(0,0,0,0.2);
}
}

Reviews

No reviews yet.