Explore dark mode styling for select components

Purpose

As described in https://gitlab.com/gitlab-org/manage/foundations/team-tasks/-/issues/358+, we need to answer the following questions:

• Do our design principles hold up in dark mode?
• Do we need new tokens to support dark mode?

We will focus at component-level first since we don’t have page-level patterns in Pajamas and it will be difficult to evaluate how component styles will flow through pages in the product. We will focus more on full-page exploration in https://gitlab.com/gitlab-org/manage/foundations/team-tasks/-/issues/360+.

For each example component, we need to verify:

• Visual appeal
• Accessibility
• Extensibility

Exploration in Figma →

Sample components

• Typography (text, headings, icons)
• Tables
• Buttons
• Toggle switches
• Alerts
• Tooltips / popovers
• Form fields

Tasks

• Create an "ideal dark mode" design for the sample components listed above