body { background-color: black; } .yuu-toast { background-color: hsla(276, 33%, 10%, 1.0); border: solid hsla(276, 33%, 48%, 1.0) 2px; color: hsla(276, 33%, 95%, 1.0); } .yuu-overlay { background-color: hsla(276, 33%, 10%, 0.9); border: solid hsla(276, 33%, 48%, 1.0) 2px; color: hsla(276, 33%, 95%, 1.0); } .yuu-overlay *:focus { box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0); -moz-box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0); -webkit-box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0); outline: none; } input[type=range][data-yuu-command] { background-color: hsla(276, 33%, 25%, 1.0); border: solid hsla(276, 33%, 48%, 0.33) 1px; } input[type=range][data-yuu-command]::-webkit-slider-thumb { background-color: hsla(276, 33%, 65%, 1.0); } input[type=range][data-yuu-command]::-moz-range-track { background-color: hsla(276, 33%, 25%, 1.0); } input[type=range][data-yuu-command]::-moz-range-thumb { background: hsla(276, 33%, 65%, 1.0); } input[type=checkbox][data-yuu-command]:focus + label[for] { box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0); -moz-box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0); -webkit-box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0); outline: 0; } input[data-yuu-command] + label[for]:before { color: hsla(276, 33%, 65%, 1.0); } a[href], [data-yuu-command] { color: hsla(276, 33%, 65%, 1.0); } hr { border: solid hsla(276, 33%, 48%, 0.75) 1px; } .link-footer { list-style-type: none; text-align: center; margin-left: 0; padding-left: 0; }