lazzexus/Loupe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: Use media queries

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

3
data/resources/style-dark.css
View file

@ -1,3 +0,0 @@
:root {
--osd-background-color: rgba(0, 0, 0, 0.65);
}

7
data/resources/style-hc.css
View file

@ -1,7 +0,0 @@
row.property label.title {
opacity: 0.9;
}
.bottom-properties {
box-shadow: 0 -1px var(--border-color);
}

12
data/resources/style.css
View file

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