38 lines
653 B
CSS
38 lines
653 B
CSS
.night-theme {
|
|
filter: grayscale(100%) invert(1);
|
|
}
|
|
|
|
.light-theme {
|
|
filter: none;
|
|
}
|
|
|
|
.theme-switcher {
|
|
z-index: 1000;
|
|
position: absolute;
|
|
top: 77px;
|
|
right: 10px;
|
|
float: right;
|
|
background: white;
|
|
border-radius: 4px;
|
|
}
|
|
.theme-switcher .btn {
|
|
margin: 0;
|
|
min-width: 280px;
|
|
}
|
|
.theme-switcher.night .btn {
|
|
color: #fff;
|
|
background-color: #343a40;
|
|
border-color: #343a40;
|
|
}
|
|
.theme-switcher.night .btn:hover {
|
|
color: #343a40;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
border-color: #343a40;
|
|
}
|
|
@media (max-width: 990px){
|
|
.theme-switcher {
|
|
visibility: hidden;
|
|
}
|
|
}
|