GizmoViewcube Colors not applying properly,

[siddharthkolte]

• three version: 0.163.0
• @react-three/fiber version: 8.16.2
• @react-three/drei version: 9.105.4
• node version: 20.12.2
• npm (or yarn) version: 10.5.0

Problem description:

The current GizmoViewcube color is multiplied with the color of the texture created. So, when I change the color of the Gizmo Faces the hover color darkens on top of that, but the stroke color remains correct in terms of the Hover Color specified.

Relevant code:

Current State (This multiplies the color provided in the material:
context.fillStyle = color
<meshBasicMaterial color={hover ? hoverColor : 'white'}

Suggested solution:

This would create the texture with a white background, and the color would be then multiplied on top of the white.
context.fillStyle = 'white'
<meshBasicMaterial color={hover ? hoverColor : color}

Known issues:

• The text color would still mess up if not set to black. But it was messing up before as well so one step forward.

One solution to this would be to implement the HTML code to input the Text on top of the Box and occlude it.