Skip to content

Compact black spotify by him

Screenshot of Compact black spotify

Details

Authorhim

LicenseNo License

Categoryopen.spotify.com

Created

Updated

Size12 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

The UI is almost different from the real one.......

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         Compact black spotify
@version      20211107.11.58
@namespace    userstyles.world/user/him
@description  For a simple and better spotify experience.
@author       Him
@license      No License
==/UserStyle== */

@-moz-document domain("open.spotify.com") {
.CoLO4pdSl8LGWyVZA00t, .HsbczDqu9qjcYr7EIdHR{background:#000 !important;}
.qJOhHoRcFhHJpEQ2CwFT.koyeY6AgGRPmyPITi7yO{background:transparent !important;border:none !important;}
.oaNVBli46GtVjaQKB15g{border-radius:20px;}
.fVB_YDdnaDlztX7CcWTA {background: transparent;position: relative;top: 0;}
.GD2gbRtcs5dOjMGAM_Y4 {border: none;background-image: linear-gradient(180deg,transparent,#000);background-color: transparent;}
.q3ABXYJT9JZIzXOOtVuO, .Nd_DeCpszONzyaLe5Wd1{border-radius:100% !important;}
.FBPrcmuqo3yv5UfWSRl5{display:none !important}
.n87ifzfQlmGX8vkeYGDL{background: #000 !important}
.os-theme-spotify.os-host-transition>.os-scrollbar-horizontal>.os-scrollbar-track, .os-theme-spotify.os-host-transition>.os-scrollbar-vertical>.os-scrollbar-track, ._882abd309219af7e1e8e1e02344b1485-scss>.e5f169e4e89cc264cd5e155ead28f3e3-scss, [dir=ltr] ._3a923fa2dfd1f66547507cb7a617062d-scss, .b4a9736d75036c6328dabc1a577c52d8-scss, ._9e10063a7b1e2d5f588e34f07376302a-scss, ._83d9fef4ae69148dc1fc9b8323f8528b-scss._2dc8cce76d72af90f5e00e781db42541-scss, [dir=ltr] .e606f708ec76d36e4cf363817b6b2ffd-scss, ._5931a1bdc4e2c62e1e17be9b00b0d69b-scss, .connect-header, .connect-device-list-container:before, .bc7c9ae746f75241583474d9ce4962a6-scss, ._2d88f15e3a701ff39cc8d2dfac3e93a6-scss, ._186766435454b6e18fec29440fbb9fc4-scss._110dbc41d89af63f97cdd8b7cd7fea47-scss._3f37264be67c8f40fa9f76449afdb4bd-scss, ._0ff5ca5c1643860a4cd4aae62b2dce61-scss, ._5c12c73a4f38b98340ea33803209fdc8-scss._4dfd6d092d9e182093e453606400f1cc-scss, li.b46bba08e80cdd2d0da8cca1e49c7440-scss:nth-of-type(3), .fe95e337e87d53791dab9dd02348aa2a-scss, ._3e75c7f07bdce28b37b45a5cd74ff371-scss .ghlXvf, ._3cfbde1fd9fecaaa77935664eeb6e346-scss, .GenericModal__overlay--afterOpen, .a98d1892d19293cd341dc08d12b68c46-scss, #tippy-4079, ._3e75c7f07bdce28b37b45a5cd74ff371-scss .hPiOwj, [dir=ltr] ._9329f4018e3f8175af6dd8af74580f3b-scss, ._44881e85bbb5cd28916f811dff7c6bf2-scss._3b68cfe0e56b5af0f7d01a8872187b6d-scss, .i0XB7255K_4QFLJsSGc_, .GGdmQ1RUtuGP7ClED7uf, .LYjxXjpwH_OcyNLfrD6T, .nhAGOnseLV9YjjTwc3Yw, .vHya50b3UkFYNHTZzkli, ._gb3COx2025M82OBe2sv, .SlVKIBH4Y1VOs40N2VUM, .kyn0AY4_gXWvbdivdFgP, .AjGA8L5ofNuu4OUL4WBr:after, .AjGA8L5ofNuu4OUL4WBr:before, [dir=ltr] .lilyiAOPw1BD7wToymZZ, ._mSbAWxlXgc2ONtpnuXQ:after, ._mSbAWxlXgc2ONtpnuXQ:before, .uHpYf1ZBMj9Ek7qAXTuf, ._ZB2JcJdiG6rpEgCd3sR, .CEzorVPz8qP2ufspPOAV, .divider, .btn-black, .btn-facebook, .btn-google, .sponsor-container{display:none !important;}
.BL__GuO2JsHMR6RgNfwY{background-color: #000 !important;}
.koyeY6AgGRPmyPITi7yO{position:inherit;}
.Dp2w6qcdwpuRZJgiIj2v ul li:nth-child(3), .ERyo7m5f00o7ToFdGMCD ul li:nth-child(3), .gElGZCC5t3PfqkbOWWff, [dir="ltr"] .Upqw01TOXETOmR5Td7Dj, .eSMjmiD29Ox35O95waw6::before, .eSMjmiD29Ox35O95waw6::after, .cCPO3NculS0MYGNMH4_p, .Y_WW1akjiQKXSzCBalCD{display:none;}
.T1xI1RTSFU7Wu94UuvE6 {background-image: linear-gradient(360deg,transparent,#000);background-color: transparent !important;}
.kc0nmjJmNuPr8akFaK6s{transition: background .17s;border-radius:20px;}
.f2DTOjNfjAyj7fze7fMJ, .kc0nmjJmNuPr8akFaK6s:hover {border-color: #1db954;background: #1db954;}
.Ft1cMGlqDsCbqmXQyeKN{background:#000 !important;}
.dZPmmYYhskhqHJCAruvI{border:none !important}
.facDIsOQo9q7kiWc4jSg{background-image: linear-gradient( 360deg,transparent,#000) !important;}
.MyW8tKEekj9lKQsviDdP.k2I8B0MzXkAJ6_s8okM7{transform: scale(1) !important;}
.T1xI1RTSFU7Wu94UuvE6{opacity:0 !important;}
.uwzZYE9AYS0OMBzvAopr{background:#000;position:inherit;}
.U05tnfKJjzV3lfrwRbLN{background-image: linear-gradient(180deg,transparent,#000);background-color:transparent !important;border:none !important;}
.qQjVLTor_n_F9JTk0_5i, .U1Yw5UfcZ10iovn7gfK0, .MY4qsr64PO_8NOaB9atI, .rkw8BWQi3miXqtlJhKg0{border-radius:100% !important;}
.o_W2RZJ_KM1kJJP017df{margin-bottom:15px;}
.aAr9nYtPsG7P2LRzciXc{transition: background .17s;}
.fBTYgGyvIbHizHIj7AAX {border-color: #1db954 !important;background: #1db954;}
.TDtuTogRL8jviFEsvnUh._lGm4iPHIA03Oi_QYU18{min-height: 300px;}
.TDtuTogRL8jviFEsvnUh.uSIZPbXx_93QrBRnZFuB {height: 30vh;}
.CDv98R7yDY9_5P_JMBuj{border:none;}
.XTkIJA5URQiX_97z10Cm{background-image: linear-gradient(180deg,transparent,#000);}
._O0uCBR2Y8Du91ewelbZ{background-image: linear-gradient(180deg,transparent,#000)}
.O6evDj2xd8mSlS2qiPiG{background-image: linear-gradient(180deg,transparent,#000);z-index:1 !important;position:relative;background-color:transparent !important;border-top:none !important;}
.IKKDTlAtw1htuVSuLpLt, .FMNZJaO_Zs9C_4inzm52{border-radius:20px !important;}
.Root__nav-bar{border-right: 1px solid rgba(17, 17, 17, .5);z-index:9999;}
.As3Zjda5GRce2xsTWjww, .We1fExPHxLIRmV0rZGNo, ._JKdvfJnHxRZ33nlei4Z, .rezqw3Q4OEPB1m4rmwfw{background:#000 !important;border:none !important;}
.Root__now-playing-bar{background-color:transparent !important;z-index:1;position:fixed;width:100%;max-width:calc(100vw - var(--nav-bar-width));bottom:0;background-image: linear-gradient(180deg,transparent,#000);box-shadow: 0px 15px 20px -15px #000;right: -9px;}
.Hn_m1H5t0xMhZa46UHuC{opacity:0 !important;background-color:transparent !important;}
.main-view-container__scroll-node-child-spacer {background-color:transparent !important;height:90px;}
.gHImFiUWOg93pvTefeAD{background:#000 !important;}
.lEsg6gi7HowFgzWl_634{position:fixed;top:auto;}
._pdJoBZEN29jt4YqpWTq, ._ZhbiHuTGHCAQ_asJSw9, .fSKBdxsPEB5WUAJWTYlh{background:#000 !important;}
._77ZnlZoTKshnd3uWfXf, .CPgTPk9wPOVigmNI6xWP{color:#eee;}
.dIwMadpRrW1PwEwEeAbN {color: #eee;background: #282828;}
.pI6Qf_QH5K9jtZ1uwmYf, .VkV76XVWydqmOUDSr_51, ._fvd5Owa47kK9H48h7mL, .r_mJR0KE8xd8gpziM46P, .vRDvp_8qlFh9hMHvQoF1, ._AicLTqbkTBeib40qoQO, .eA8yfKlRGAwabewGOQEf, .Fy0HazWVKsw9Fg95AnSR, .byhpDrPqhYGoCXVANcn9{border-radius:100%;}
.logo .spotify-logo--text {max-width: inherit;width: 100%;}
.LcjM521yr5D14A54HbQl {background: #000;top:150px;}
.OmD_FQXAkkitfHLQSgzw {border:none !important;}
.otEU_EZbRRfQ3N8GjRXp{padding:0 34px;}
.ExtraControls{padding-right:8px;}
.aAr9nYtPsG7P2LRzciXc:hover, .fBTYgGyvIbHizHIj7AAX, .aAr9nYtPsG7P2LRzciXc{border-radius:20px !important;}
.vzMSLXDXM8yiYziBe_UK{background:none !important;}
.NXiYChVp4Oydfxd7rT5r.XPjEhsPyuOvMZ9NsDrxT{background-image: linear-gradient(180deg,transparent,#000) !important;height:37vh !important;}
._2411182f42f92a221e29c993de036981-scss{background:rgba(0, 0, 0, 0.9);}
.b00fbb9732b9fe65ded1ba887be5aef9-scss{top: 0;width: 100%;position: fixed;}
.Root__top-bar{background-image: linear-gradient( 360deg,transparent,#000) !important;}
.connect-device-list-container{position: fixed;right: 30px;bottom: 100px;max-height: none;border: 1px solid rgba(17, 17, 17, .5) !important;background:transparent;}
.connect-info, .connect-device-list-content {padding-bottom: 7px;}
._2qGqWaiZbWlHPjjDGxS:hover, .iIqN__BtJ7Fh8CWMJ2kG {border-color: #111;background: #18D860;color: #111;}
._2qGqWaiZbWlHPjjDGxS{transition: background .17s;}
.h4DQmL9PpLcsYvf0yGno {background:#282828 !important;}
._882abd309219af7e1e8e1e02344b1485-scss>.e5f169e4e89cc264cd5e155ead28f3e3-scss+:nth-child(2) {margin: auto;max-width: 100%;width: 100%;grid-column: 1/8;}
._1066d722d4c5fe45076daa358de0a969-scss, ._7ae3a7b5ef70bce1740ff486c4467d56-scss, ._7f29d1db930e7882d0ee6099f36e3bc7-scss{background:none !important;}
._7f29d1db930e7882d0ee6099f36e3bc7-scss{opacity:1 !important;margin-top:-12px;}
._59ed5f1313c7c4b211995d2b6463683f-scss{opacity:0;}
._82a78ff58d3fcba0cb9b8083fe6dd05c-scss, ._235729a60d5e265806e8509d8633b779-scss{background-color:transparent;border-top:none;}
.connect-info, .connect-device-list-content {padding: 20px;background: #000;}
._21cde20d40a70b4f64e79a5e6417c29f-scss, .f1567c3f58216436b30f34eadfc83a8f-scss, ._83d9fef4ae69148dc1fc9b8323f8528b-scss._2dc8cce76d72af90f5e00e781db42541-scss, .connect-device-list-item, html, body, ._XX7ZgHsEhiQ3gO0kz5Q, .fKGsDq, .Ls_vOXs4pDLU_q2Tv86a, .iB16LxoPzDeVZo8zPhPQ, .uebZpDr3EwDvpO0w6P9U{background:#000 !important;}
.b51affc9f26a5c8f65a387abdd375bef-scss{padding-left:30px;}
.e50fd4214085264775224bdf740f9c28-scss{padding-right:20px;}
.main-view-container__scroll-node-child{padding-top:0px;padding-bottom:100px;}
.connect-device-list-content{padding-top:0;}
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical {opacity: 0;transition: none;}
.cb058aaa130f94dc530397320e704de2-scss{margin-top:0;}
._4c3b6e4e88112fc8ef88512cbe7521ed-scss.b922193db5f1fbddd0ac1467645b8194-scss {height: 0;background: #000;}
._4c3b6e4e88112fc8ef88512cbe7521ed-scss.da51a6e223c7200d373a2fd0614d7c33-scss {min-height: 300px;}
div._414bac771fae2b1c719bfa54e768936d-scss {grid-column: span 1;height: 100%;}
.e7c3d1a9189832a9f2cbe80dfdf503f5-scss{margin:auto;}
._4927510282dae1bd4bce47f1df0bc361-scss{font-size:25px;}
#tippy-114{transform: translate(730px, 150px) !important;}
._888a8dffe06d27b161f0258c2769069e-scss, .ff6a86a966a265b5a51cf8e30c6c52f4-scss:hover, ._110dbc41d89af63f97cdd8b7cd7fea47-scss {border-color: #1db954;background: #1db954;}
.de070095f1acc3b916f7d894db9c3cea-scss{border-top:none;}
._8ffcbd2689adedee867afcf5090b6fd4-scss, ._4927510282dae1bd4bce47f1df0bc361-scss{text-align:center;}
._3cfbde1fd9fecaaa77935664eeb6e346-scss, ._45331a50e3963ecc26575a06f1fd5292-scss{white-space: inherit;}
._098f19e4e257ef05dd9cf335bd1573d0-scss{margin-bottom:15px;}
._4a554a2011f863554eb38d0dd9550c7d-scss{border-color:transparent;}
html[dir=ltr] .be5c1eb819cc0cab1b07192e369fe88e-scss {-webkit-transform: rotate(25deg) translate(18%, 0%);transform: rotate(0deg) translate(-50%,0%);}
.c5d42a6a1f132e80cad79e45193e9e80-scss, .fbe9fd01f8ae7354e9082a5816a3300c-scss{text-align:center;width:100%;padding-top:30...

Reviews

No reviews yet.