fix: new-network button label colors are not readable in light mode

[micaelae]

Description

This fixes the style of footer buttons in the new-network component so they are readable in both light and dark mode.

Related issues

Fixes: 23725

Manual testing steps

1. Turn on dark mode setting in extension
2. Add a new network
3. Verify that "Got it" button text is black
4. Verify that "Learn to bridge" button text is blue
5. Verify that "Learn to bridge" button text is black on hover
6. Turn on light mode setting in extension
7. Add a new network
8. Verify that "Got it" button text is white
9. Verify that "Learn to bridge" button text is blue
10. Verify that "Learn to bridge" button text is white on hover

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I’ve followed MetaMask Coding Standards.
• I've completed the PR template to the best of my ability
• I’ve included tests if applicable
• I’ve documented my code using JSDoc format if applicable
• I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

[metamaskbot]

Builds ready [6dc5cde]

• builds: chrome, firefox
• builds (beta): chrome
• builds (flask): chrome, firefox
• builds (MMI): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• mv3: Background Module Init Stats
• mv3: UI Init Stats
• mv3: Module Load Stats
• mv3: Bundle Size Stats
• mv2: E2e Actions Stats
• code coverage: Report
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5, 6
  • common: 0, 1, 2, 3, 4, 5, 6, 7, 8
  • content-script: 0
  • ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (648 ± 471 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	67	172	102	22	11
		domContentLoaded	11	65	29	15	7
		load	54	2533	648	980	471
		domInteractive	11	65	29	15	7

Bundle size diffs

• background: 0 Bytes (0.00%)
• ui: -8 Bytes (-0.00%)
• common: 0 Bytes (0.00%)

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 67.56%. Comparing base (d6987bb) to head (d25e73e).

Additional details and impacted files

@@           Coverage Diff            @@
##           develop   #23988   +/-   ##
========================================
  Coverage    67.56%   67.56%           
========================================
  Files         1246     1246           
  Lines        48888    48888           
  Branches     12746    12746           
========================================
  Hits         33031    33031           
  Misses       15857    15857           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[metamaskbot]

Builds ready [8bd8e77]

• builds: chrome, firefox
• builds (beta): chrome
• builds (flask): chrome, firefox
• builds (MMI): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• mv3: Background Module Init Stats
• mv3: UI Init Stats
• mv3: Module Load Stats
• mv3: Bundle Size Stats
• mv2: E2e Actions Stats
• code coverage: Report
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5, 6
  • common: 0, 1, 2, 3, 4, 5, 6, 7, 8
  • content-script: 0
  • ui: 0, 1, 10, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (675 ± 494 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	74	448	127	79	38
		domContentLoaded	10	77	29	19	9
		load	66	2680	675	1030	494
		domInteractive	10	77	29	19	9

Bundle size diffs

• background: 0 Bytes (0.00%)
• ui: -8 Bytes (-0.00%)
• common: 0 Bytes (0.00%)

[metamaskbot]

Builds ready [d25e73e]

• builds: chrome, firefox
• builds (beta): chrome
• builds (flask): chrome, firefox
• builds (MMI): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• mv3: Background Module Init Stats
• mv3: UI Init Stats
• mv3: Module Load Stats
• mv3: Bundle Size Stats
• mv2: E2e Actions Stats
• code coverage: Report
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5, 6
  • common: 0, 1, 2, 3, 4, 5, 6, 7, 8
  • content-script: 0
  • ui: 0, 1, 10, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (1012 ± 549 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	60	198	127	47	22
		domContentLoaded	9	64	27	14	7
		load	48	2563	1012	1144	549
		domInteractive	9	64	27	14	7

Bundle size diffs

• background: 0 Bytes (0.00%)
• ui: -8 Bytes (-0.00%)
• common: 0 Bytes (0.00%)

[seaona]

thank you @micaelae , I see the issue fixed now 🔥

[metamaskbot]

More than one release label on PR. Keeping the lowest one (release-11.14.0) on PR and removing other release labels (release-11.16.0).