Improve invertibility

- Don't use multiply
- Set background on separate div
This commit is contained in:
John Factotum
2023-03-10 22:25:17 +08:00
parent 2c452719d0
commit 99624d013a
2 changed files with 13 additions and 7 deletions
-5
View File
@@ -10,11 +10,6 @@ export class Overlayer {
width: '100%', height: '100%',
pointerEvents: 'none',
})
const darkMode = matchMedia('(prefers-color-scheme: dark)')
const setBlendMode = () => this.#svg.style.mixBlendMode =
darkMode.matches ? 'normal' : 'multiply'
darkMode.addEventListener('change', setBlendMode)
setBlendMode()
}
get element() {
return this.#svg