This repository has been archived on 2026-04-30. You can view files and clone it, but cannot push or open issues or pull requests.
huegasm/mobile/app/styles/dimmer.scss
2016-10-18 18:01:35 -07:00

85 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, .dropdown-menu, .add-new-music {
color: $whitish;
background-color: $dimmerOnButtonColor;
}
.dropdown-menu {
a {
color: $whitish;
&:hover {
background-color: darken($dimmerOnButtonColor, 10%) !important;
}
}
}
.playlist-item {
&.active {
background: darken($dimmerOnButtonColor, 15%) !important;
}
&:hover {
background: darken($dimmerOnButtonColor, 10%);
}
.audio-remove-button .paper-icon {
color: $whitish !important;
&:hover {
color: white !important;
}
}
}
svg {
-webkit-filter: drop-shadow(0 0 5px #228DFF);
}
.md-container {
color: $whitish;
}
.add-new-music:hover {
background: darken($dimmerOnButtonColor, 5%);
}
.popover-content {
color: black !important;
}
.md-bar {
background-color: darken(white, 60%) !important;
}
}
.paper-icon.dimmerOn {
color: inherit !important;
text-shadow: $glowingText;
opacity: 0.9 !important;
}
#dimmer {
display: inline-block;
width: 40px;
height: 40px;
background: url(images/huegasm.png) center center no-repeat;
background-size: 40px 40px;
}