light-ify modal
This commit is contained in:
parent
c3c31b1ea5
commit
4158bfdb7b
|
@ -60,4 +60,15 @@
|
||||||
|
|
||||||
animation: openwordle-modal-backdrop-fade-in 250ms ease;
|
animation: openwordle-modal-backdrop-fade-in 250ms ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: light) {
|
||||||
|
.openwordle-modal-backdrop {
|
||||||
|
background: radial-gradient(#00000010 50%, #00000060);
|
||||||
|
}
|
||||||
|
.openwordle-modal {
|
||||||
|
background: #e1e1e1;
|
||||||
|
color: black;
|
||||||
|
border-color: #c0c0c0;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
|
@ -30,4 +30,11 @@
|
||||||
.openwordle-modal-button:active {
|
.openwordle-modal-button:active {
|
||||||
background: #121212;
|
background: #121212;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: light) {
|
||||||
|
.openwordle-modal-button {
|
||||||
|
background: #e1e1e1;
|
||||||
|
border-color: #f1f1f1
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
|
@ -8,4 +8,10 @@
|
||||||
border-top: 1px solid #202020;
|
border-top: 1px solid #202020;
|
||||||
border-radius: 0 0 16px 16px;
|
border-radius: 0 0 16px 16px;
|
||||||
}
|
}
|
||||||
|
@media (prefers-color-scheme: light) {
|
||||||
|
.openwordle-modal-footer {
|
||||||
|
background: #e1e1e1;
|
||||||
|
border-top-color: #c0c0c0;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
|
@ -12,4 +12,10 @@
|
||||||
box-shadow: 0 0 1px #30303010;
|
box-shadow: 0 0 1px #30303010;
|
||||||
border-radius: 16px 16px 0 0;
|
border-radius: 16px 16px 0 0;
|
||||||
}
|
}
|
||||||
|
@media (prefers-color-scheme: light) {
|
||||||
|
.openwordle-modal-title {
|
||||||
|
background: #e1e1e1;
|
||||||
|
border-bottom-color: #c0c0c0;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
Loading…
Reference in New Issue