blek
/
wordle
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

light-ify modal

This commit is contained in:
blek 2023-09-06 21:15:14 +10:00
parent c3c31b1ea5
commit 4158bfdb7b
Signed by: blek
GPG Key ID: 14546221E3595D0C
4 changed files with 30 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/modal/Modal.svelte
View File

@ -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>

7
src/modal/ModalButton.svelte
View File

@ -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>

6
src/modal/ModalFooter.svelte
View File

@ -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>

6
src/modal/ModalTitle.svelte
View File

@ -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>