Improve dark mode styling

[lihaohong6]

Use codex design tokens to replace hard-coded colors for Special:RequestWikiQueue details.

Tested on Chrome/Firefox's dev tools.

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

✨ Finishing touches

🧪 Generate unit tests

• Create PR with unit tests
• Post copyable unit tests in a comment

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[lihaohong6]

Looks like CI wants me to change border-color: var(--border-color-base, #c8ccd1); into border-color: var( --border-color-base, #c8ccd1 );, which is pretty silly since MDN doesn't do that. I do see some WMF repos such as vector add spaces like that, so maybe I'll submit to the almighty CI.

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 31.16%. Comparing base (8f3deec) to head (c07881a).

Additional details and impacted files

@@            Coverage Diff            @@
##               main     #777   +/-   ##
=========================================
  Coverage     31.16%   31.16%           
  Complexity      811      811           
=========================================
  Files            47       47           
  Lines          3924     3924           
=========================================
  Hits           1223     1223           
  Misses         2701     2701           

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

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[Universal-Omega]

Okay so, while this may work, we should probably use LESS tokens. To do so, add
@import 'mediawiki.skin.variables.less'; at the top then for example, instead of var( --border-color-subtle, #ccc ) use @border-color-subtle.