Skip to content

Commit

Permalink
fix: Avoid to make the background image too dark in dark mode
Browse files Browse the repository at this point in the history
We use a combination of backdrop-filter and mix-blend-mode to darken the
background image. However, this take into account the background color
of the body which is white in light mode and a strong gray in dark mode.

So here we override the background color in .App to white.
It has no effect on the container using .App, but it avoid
mix-blend-mode to be linked to the background color of the body.
  • Loading branch information
zatteo committed Jun 18, 2024
1 parent e5929e3 commit c9354b8
Showing 1 changed file with 3 additions and 0 deletions.
3 changes: 3 additions & 0 deletions src/styles/app.styl
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,9 @@ body
overflow auto

.App
// Avoid mix-blend-mode from background-container to be linked to the background color of the body.
// Must not be responsive to the theme.
background-color white
background-repeat no-repeat
background-size cover
background-position center
Expand Down

0 comments on commit c9354b8

Please sign in to comment.