style: Use media queries

This commit is contained in:
Sophie Herold 2025-12-08 21:40:59 +01:00
parent 4ec8c8b1cb
commit 70adf7597b
3 changed files with 12 additions and 10 deletions

View file

@ -5,6 +5,12 @@
--osd-background-color: rgba(240, 240, 240, 0.75);
}
@media (prefers-color-scheme: dark) {
:root {
--osd-background-color: rgba(0, 0, 0, 0.65);
}
}
/* Overlay controls for prev/next and zoom */
.osd-box {
border-radius: 12px;
@ -96,6 +102,12 @@ dialog.error-details textview {
box-shadow: 0 -1px var(--headerbar-darker-shade-color);
}
@media (prefers-contrast: more) {
.bottom-properties {
box-shadow: 0 -1px var(--border-color);
}
}
.error-message {
padding: 12px;
font-size: 0.95em;