FluentReader/dist/styles/dark.css

48 lines
1.2 KiB
CSS

@media (prefers-color-scheme: dark) {
.ms-Button--commandBar.active .ms-Button-icon {
color: #c7e0f4;
}
.btn-group .btn:hover,
.ms-Nav-compositeLink:hover {
background-color: #fff1;
}
.btn-group .btn:active,
.ms-Nav-compositeLink:active {
background-color: #fff2;
}
.settings .loading {
background-color: #000a;
}
.default-card {
box-shadow: #0006 0px 5px 20px;
}
.default-card:hover,
.ms-Fabric--isFocusVisible .default-card:focus {
box-shadow: #0008 0px 5px 40px;
}
.default-card div.bg {
background-color: #000b;
}
.list-card:hover,
.ms-Fabric--isFocusVisible .list-card:focus {
box-shadow: #0006 0px 5px 15px;
}
.list-card:active {
box-shadow: #0000 0px 5px 15px, inset #0006 0px 0px 15px;
}
.magazine-card:hover,
.ms-Fabric--isFocusVisible .magazine-card:focus {
box-shadow: #0006 0px 5px 20px;
}
.magazine-card:active {
box-shadow: #0000 0px 5px 20px;
}
.compact-card:hover,
.ms-Fabric--isFocusVisible .compact-card:focus {
box-shadow: #0008 0 0 10px;
}
.compact-card:active {
box-shadow: #0000 0 0 10px;
}
}