87 lines
1.6 KiB
SCSS
87 lines
1.6 KiB
SCSS
div.dimmerOn {
|
|
color: $whitish !important;
|
|
background: $blackish !important;
|
|
}
|
|
|
|
html.dimmerOn {
|
|
color: white;
|
|
background: $blackish;
|
|
}
|
|
|
|
body.dimmerOn {
|
|
color: $whitish;
|
|
background: $blackish;
|
|
md-input-container {
|
|
label {
|
|
color: #3f51b5 !important;
|
|
}
|
|
.md-input {
|
|
color: $whitish !important;
|
|
border-color: #3f51b5 !important;
|
|
}
|
|
}
|
|
.md-track {
|
|
background: $whitish;
|
|
}
|
|
.color {
|
|
border: 1px solid white;
|
|
}
|
|
.playlist-item, .ember-basic-dropdown-content md-menu-content {
|
|
color: $whitish;
|
|
background-color: $dimmerOnButtonColor;
|
|
}
|
|
.ember-basic-dropdown-content a {
|
|
color: $whitish;
|
|
}
|
|
.playlist-item {
|
|
&.active {
|
|
background: darken($dimmerOnButtonColor, 15%) !important;
|
|
}
|
|
.audio-remove-button .paper-icon {
|
|
color: $whitish !important;
|
|
}
|
|
}
|
|
svg {
|
|
-webkit-filter: drop-shadow(0 0 5px #228DFF);
|
|
}
|
|
.md-container {
|
|
color: $whitish;
|
|
}
|
|
.add-new-music:hover {
|
|
background: darken($dimmerOnButtonColor, 5%);
|
|
}
|
|
.md-bar {
|
|
background-color: darken(white, 60%) !important;
|
|
}
|
|
}
|
|
|
|
.paper-icon.dimmerOn {
|
|
text-shadow: $glowingText;
|
|
opacity: 0.9 !important;
|
|
}
|
|
|
|
#dimmer-container {
|
|
float: left;
|
|
cursor: pointer;
|
|
padding: 5px 10px;
|
|
position: relative;
|
|
bottom: 5px;
|
|
}
|
|
|
|
#dimmer {
|
|
background: url(images/lightswitch.png) !important;
|
|
width: 14px;
|
|
height: 34px;
|
|
&.dimmerOn #dimmer-switch {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
#dimmer-switch {
|
|
background: url(images/lightswitch.png) -14px 0px;
|
|
width: 14px;
|
|
height: 34px;
|
|
transition: opacity 0.4s;
|
|
float: left;
|
|
opacity: 1;
|
|
}
|