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/web/app/styles/dimmer.scss

93 lines
No EOL
1.7 KiB
SCSS

@import 'huegasm-variables';
div.dimmerOn {
color: white !important;
background: #171717 !important;
}
html.dimmerOn {
color: white;
background: #242424;
}
body.dimmerOn {
color: white;
background: #242424;
.md-track {
background: white;
}
.color {
border: 1px solid white;
}
.playlist-item {
color: #cdcdcd;
background: $dimmerOnButtonColor;
}
.playlist-item.active {
background: darken($dimmerOnButtonColor, 15%) !important;
}
.playlist-item:hover {
background: darken($dimmerOnButtonColor, 10%);
}
.playlist-item .close {
color: #cdcdcd !important;
}
.playlist-item .close:hover {
color: white !important;
}
svg {
-webkit-filter: drop-shadow(0 0 5px #228DFF);
}
md-input-container {
label {
color: white;
}
input {
border-bottom-color: white !important;
}
input {
color: white !important;
}
}
.add-new-music {
background: $dimmerOnButtonColor
}
.add-new-music:hover {
background: darken($dimmerOnButtonColor, 5%);
}
#extra-options-menu {
opacity: 0.8;
}
#extra-options-menu:hover {
background: rgba(0, 0, 0, 0.9);
}
.popover-content {
color: black !important;
}
}
.power-settings-new.dimmerOn,
.brightness-4.dimmerOn,
.color-lens.dimmerOn,
.flare.dimmerOn,
.loop.dimmerOn,
.group.dimmerOn,
.settings.dimmerOn,
.mic.dimmerOn,
.star.dimmerOn,
.library-music.dimmerOn {
color: inherit !important;
text-shadow: $glowingText;
opacity: 0.9 !important;
}
#dimmer {
position: absolute;
left: -50px;
bottom: -10px;
cursor: pointer;
width: 40px;
height: 40px;
background: url(/favicon-96x96.png) center center no-repeat;
background-size: 40px 40px;
}