style: Use media queries
This commit is contained in:
parent
4ec8c8b1cb
commit
70adf7597b
3 changed files with 12 additions and 10 deletions
|
|
@ -1,3 +0,0 @@
|
|||
:root {
|
||||
--osd-background-color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
|
@ -1,7 +0,0 @@
|
|||
row.property label.title {
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.bottom-properties {
|
||||
box-shadow: 0 -1px var(--border-color);
|
||||
}
|
||||
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue