This adds a scale to change the color temperature from 3000K to 6000K. A mark is added to the default value and a second one for aesthetics. Initial implementation by Benjamin Berg Color choices by Daniel Foré and elementary OS Closes #147
28 lines
740 B
CSS
28 lines
740 B
CSS
/* color selection by Daniel Foré and elementary OS */
|
|
@define-color ORANGE_100 #ffc27d;
|
|
@define-color ORANGE_500 #f37329;
|
|
@define-color base_color white;
|
|
@define-color bg_color shade (@base_color, 0.96);
|
|
|
|
/* Hide the marks at the beginning and the end */
|
|
.night-light-temperature mark indicator:nth-child(even) {
|
|
color:transparent;
|
|
}
|
|
|
|
.night-light-temperature trough {
|
|
min-height: 8px;
|
|
background-image: linear-gradient(to right, mix(@bg_color, @ORANGE_100, 0.5), @ORANGE_500);
|
|
}
|
|
|
|
.night-light-temperature:dir(rtl) trough {
|
|
background-image: linear-gradient(to left, mix(@bg_color, @ORANGE_100, 0.5), @ORANGE_500);
|
|
}
|
|
|
|
.padded-spinbutton {
|
|
font-size: 110%;
|
|
min-width: 50px;
|
|
}
|
|
|
|
.unpadded-button {
|
|
padding: 6px;
|
|
}
|