image: Ensure contrast for transparent images

Determine if the image is transparent and has low
contrast with default background color. If so,
use a different background color.

Closes #31

Part-of: <https://gitlab.gnome.org/Incubator/loupe/-/merge_requests/151>
This commit is contained in:
Sophie Herold 2023-04-02 22:22:00 +02:00
parent 2e237d41e8
commit 7bf9baa581
4 changed files with 159 additions and 33 deletions

View file

@ -4,40 +4,10 @@ button.osd.circular {
min-height: 42px;
}
.image-view {
background-color: @theme_base_color;
}
flap.fullscreen-widget dimming, shadow, border, outline {
background: none;
}
.checkerboard {
background-color: #7f7f7f;
background-image: linear-gradient(
45deg,
#cccccc 25%,
transparent 25%
),
linear-gradient(
-45deg,
#cccccc 25%,
transparent 25%
),
linear-gradient(
45deg,
transparent 75%,
#cccccc 75%
),
linear-gradient(
-45deg,
transparent 75%,
#cccccc 75%
);
background-size: 20px 20px;
background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}
row.property label.title {
opacity: 0.55;
font-size: smaller;