From cfbb68c8ef1d91b6871c9848824811dbef1b334e Mon Sep 17 00:00:00 2001
From: Alexander Rose <alexander.rose@weirdbyte.de>
Date: Sat, 25 Mar 2023 10:30:05 -0700
Subject: [PATCH] improve contrast of pointer-lock cross
---
src/mol-util/input/input-observer.ts | 3 ++-
1 file changed, 2 insertions(+), 1 deletion(-)
diff --git a/src/mol-util/input/input-observer.ts b/src/mol-util/input/input-observer.ts
index 2f3a6e1b4..aa45656fe 100644
--- a/src/mol-util/input/input-observer.ts
+++ b/src/mol-util/input/input-observer.ts
@@ -805,13 +805,14 @@ namespace InputObserver {
const t = '10%';
const c = `#000 ${b}, #0000 0 calc(100% - ${b}), #000 0`;
Object.assign(cross.style, {
-
width: `${crossWidth}px`,
aspectRatio: 1,
background: `linear-gradient(0deg, ${c}) 50%/${t} 100% no-repeat, linear-gradient(90deg, ${c}) 50%/100% ${t} no-repeat`,
display: 'none',
zIndex: 1000,
position: 'absolute',
+ mixBlendMode: 'difference',
+ filter: 'invert(1)',
});
element.parentElement?.appendChild(cross);
--
GitLab