Passphrase Field score tooltip colours misleading

Open

#26,189 opened on Sep 18, 2023 2 comments 0 reactions 0 assignees View on GitHub

O-Occasional S-Minor T-Defect X-Regression Z-Compound

Description

### Steps to reproduce

1. Start creating account
2. Enter a medium security password like `password123123133112`

### Outcome

#### What did you expect?

![image](https://github.com/vector-im/element-web/assets/2403652/717e8fae-1826-4bf4-be74-1ef275003b10)

#### What happened instead?

![image](https://github.com/vector-im/element-web/assets/2403652/dee7cecd-fc2c-4306-a90c-59cbdf1a1fb3)

This is too similar to low

Before
![image](https://github.com/vector-im/element-web/assets/2403652/3b0107c7-c373-4f2b-ab16-43cc8908c2e6)

After
![image](https://github.com/vector-im/element-web/assets/2403652/3b22beb6-6153-453a-8312-9c23a1b801e7)

Which makes it look like a hard-fail which is a strange juxtaposition next to the green tick saying nice password.

Regressed by https://github.com/matrix-org/matrix-react-sdk/pull/11079

### Operating system

_No response_

### Browser information

_No response_

### URL for webapp

_No response_

### Application version

_No response_

### Homeserver

_No response_

### Will you send logs?

This issue has not been assessed yet.