38 lines
905 B
CSS
38 lines
905 B
CSS
@media (prefers-color-scheme: dark) {
|
|
// one
|
|
.app{
|
|
filter: invert(1) hue-rotate(180deg);
|
|
img,button,.active {
|
|
//filter: brightness(.8) contrast(1.2);
|
|
filter: invert(1) hue-rotate(180deg);
|
|
}
|
|
}
|
|
// two
|
|
div:not(.no-invert){
|
|
filter: invert(1) hue-rotate(180deg);
|
|
}
|
|
// three
|
|
:not(img) { filter: invert(100%) hue-rotate(180deg); }
|
|
}
|
|
|
|
body {
|
|
filter: invert(1) hue-rotate(180deg);
|
|
margin-top: 0px !important;
|
|
// 不需要反转的，在反转回去
|
|
// 图片
|
|
img,
|
|
iframe,
|
|
// element 元素
|
|
.el-tag--primary, .el-tag--success, .el-tag--warning, .el-tag--error,
|
|
.el-button--primary, .el-button--primary,
|
|
.invert-restore{
|
|
filter: invert(1) hue-rotate(180deg);
|
|
}
|
|
.invert-restore{
|
|
// 反转回去的，里面的东西，在去除反转
|
|
img{
|
|
filter: none;
|
|
}
|
|
}
|
|
}
|