Added dark theme support in style.scss: improves contrast and readability

[Yogi-Codes]

This PR adds dark theme support to the zaproxy/browser-extension.

Changes Made:

• Updated style.scss to define custom dark mode colors
• Improved contrast for better readability
• Addressed white text appearing on white background in dark mode

Fixes:

Fixes #225

[psiinon]

Checkmarx One – Scan Summary & Details – 5f51730e-f66c-4dd7-b51e-bf0cb0124f54

New Issues (2)

Checkmarx found the following issues in this Pull Request

Severity	Issue	Source File / Package	Checkmarx Insight
	CVE-2025-5889	Npm-brace-expansion-1.1.11	details Recommended version: 1.1.12 Description: A vulnerability was found in juliangruber brace-expansion. It has been rated as problematic. Affected by this issue is the function "expand" of the... Attack Vector: NETWORK Attack Complexity: HIGH ID: DGrDp6QumFyGIHN2Jafd88CbWvLVtC%2F4OrhBZ5tpa%2Bk%3D Vulnerable Package
	CVE-2025-5889	Npm-brace-expansion-2.0.1	details Recommended version: 2.0.2 Description: A vulnerability was found in juliangruber brace-expansion. It has been rated as problematic. Affected by this issue is the function "expand" of the... Attack Vector: NETWORK Attack Complexity: HIGH ID: L4BNZYDANiGbuNV8jplZBitZmhgUT%2FOhIwK6DG7DqcY%3D Vulnerable Package

[psiinon]

Works well on Chrome 😁
But its not working for me on Firefox 😦 Anyone know if this should be able to work on Firefox or not?

[Yogi-Codes]

Hi @psiinon ,
seems to work for me on Firefox can you share the issue please😅.

[kingthorin]

Is Firefox set to dark or to system? (I haven't tested but perhaps that's handled differently?)

[Yogi-Codes]

Hi @kingthorin ,
Firefox is set to system in my device.

[psiinon]

That could definitely be the difference - I've set Firefox to "Dark" rather than "Automatic" (which uses the system).
Not a blocker (as this seems to work well in the other cases) but it is a restriction which should probably be noted (if it cant be fixed easily).

[kingthorin]

I'll try to pull and build this today and test it in both scenarios.

@Yogi-Codes for the DCO you'll need to sign-off on all commits. https://git-scm.com/docs/git-commit#Documentation/git-commit.txt---signoff

I'd suggest just squashing it all into one and signing that one off, we general prefer single commit PRs anyway. (Yes that means forced pushing)

[Yogi-Codes]

Hi @kingthorin .
thanks for the DCO doc, signed all commits,
just asking whether squashing all commits into one is still required.

[kingthorin]

It can wait till the end or we can also do it at merge I believe.

[Yogi-Codes]

sure ,
thanks

[kingthorin]

Okay I managed to do some local testing with Firefox on Windows. There are actually two settings "Website Appearance" and "Theme". However, in all combinations it seemed to behave in an expected way for me.

Tried both the full extension and recorder.

[Yogi-Codes]

That's great , Thanks for testing

[thc202]

The contrast between the background and the ZAP icon label is still poor (IMHO), lighter darker would be better, or change the icon label.

[Yogi-Codes]

Hi ,
is there anything i can change from my side :)

[psiinon]

I've just pushed an update which changes the ZAP icon with Checkmarx in white which is just used in dark mode.
I think this is ready to go now :)

[psiinon]

[thc202]

Thank you both!