Trying to make a custom input gradient theme.

/*[[Gradient]]*/


nav.navBar {
background-color: #000000;
}

._2rScaV3bBHoj7O47a_JnaH:hover:after {
background: linear-gradient(/*[[Gradient]]*/;)
}

._2rScaV3bBHoj7O47a_JnaH:after {
background-color: transparent;
border: 1px solid transparent;
-moz-border-image: -moz-linear-gradient(/*[[Gradient]]*/);
-webkit-border-image: -webkit-linear-gradient(/*[[Gradient]]*/);
border-image: linear-gradient(/*[[Gradient]]*/);
border-image-slice: 1;
}

.control-button {
background-color: transparent;
border: none;
color: #000;
cursor: pointer;
width: 32px;
min-width: 32px;
height: 32px;
position: relative;
-webkit-transition: all 33ms cubic-bezier(.3,0,.7,1);
transition: all 33ms cubic-bezier(.3,0,.7,1);
}

.control-button--circled:after {
box-shadow: inset 0 0 0 1px #000;
}

div.progress-bar__fg {
background-color: #ffffff;
}

div.now-playing-bar {
background: linear-gradient(/*[[Gradient]]*/);
}

div.middle-align.progress-bar__bg {
background-color: #000000;
}

span.track-name {
color: transpare;
}

div.middle-align.progress-bar__slider {
background: linear-gradient(/*[[Gradient]]*/);
border-color: #ffffff;
border-style: solid;
border-width: .01px;
}

section.contentSpacing {
background-color: #000000;
}

.tracklist-row.active .duration, .tracklist-row.active .play-pause, .tracklist-row.active .position, .tracklist-row.active .track-name {
background: -webkit-linear-gradient(/*[[Gradient]]*/);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.control-button--active {
color: #fede96
}

.control-button--active:hover {
color: #000
}

.tracklist-row.active .duration, .tracklist-row.active .play-pause, .tracklist-row.active .position, .tracklist-row.active .track-name a {
color: #fede96 !important;
}

._2rScaV3bBHoj7O47a_JnaH, .Vg0L1vwJXv5JSYn-HUx0C:hover{
color: #fede96 !important;}

.btn.btn-fg-green{
color: #fede96 !important;
}

.progress-bar:hover .progress-bar__fg{
background-color: #fede96 !important;
}

button.btn.btn-green {
background-image: linear-gradient(/*[[Gradient]]*/);
-webkit-background-clip: text;
background-clip: text;
undefined: undefined;
color: transparent;
border-style: solid;
border-color: #ffffff;
border-width: 1px;
background-color: transparent;
border: 1px solid transparent;
-moz-border-image: -moz-linear-gradient(/*[[Gradient]]*/);
border-image: linear-gradient(/*[[Gradient]]*/);
border-image-slice: 1;
}

.recently-played .navlist .navlist-item .navlist-itemlink.active {
color: rgba(254, 222, 150, 1);
}

.navlist-itemlink.is-active {
color: rgba(254, 222, 150, 1);
}

.tracklist-row:focus, .tracklist-row:hover {
background-color: transparent;
border: 1px solid transparent;
-moz-border-image: -moz-linear-gradient(/*[[Gradient]]*/);
-webkit-border-image: -webkit-linear-gradient(/*[[Gradient]]*/);
border-image: linear-gradient(/*[[Gradient]]*/);
border-image-slice: 1;
}

::-webkit-scrollbar {
width: 0px;
}
::-webkit-scrollbar-track-piece {
-webkit-border-radius: 6px;
background-color: transparent;
}

button.cover-art-playback.playing {
border-color: #fede96;
color: #fede96;
}

a.logo svg {
color: #fede96;
}

.track-info__artists a:focus, .track-info__artists a:hover {
color: #fede96;
}

.btn.btn-green:focus, .btn.btn-green:hover {
background-color: transparent;
}

.btn.btn-green:hover {
transform: scale(1.1);
}

.cover-art .cover-art-playback.playing {
border-color: #fede96
}

.control-button--active-dot:after{
Background-Color: #ffffff
}

.track-info__artists {
font-size: 11px;
color: #d81414 !important;
}

.track-info__artists a {
color: #000000;
}

.track-info__name a{
color: #000000;
}

.track-info__artists a {
color: #000000;
}

div.contentSpacing {
-moz-border-image: -moz-linear-gradient(/*[[Gradient]]*/);
-webkit-border-image: -webkit-linear-gradient(/*[[Gradient]]*/);
background-color: transparent;
border: 1px solid transparent;
border-image: linear-gradient(/*[[Gradient]]*/);
border-image-slice: 1;
}

Comments

Sign In or Register to comment.