Fix #1256: Add dark mode to studio settings for UI consistency

[shuklatul1021]

Description

This PR adds dark mode support to the Studio Settings modal to ensure UI consistency across AsyncAPI Studio.

• The rest of AsyncAPI Studio already follows a dark theme, but the Settings modal remained in light mode.
• This visual mismatch broke the overall user experience and felt inconsistent.
• The Settings modal now follows the same dark theme styles used throughout the Studio.
• Backgrounds, text colors, and card styling were updated to blend seamlessly with the existing design system.
• The changes were made with minimal impact on existing layouts and components.

Before (Light mode – inconsistent UI)

After (Dark mode – consistent with Studio)

Testing

• Verified the Settings modal in dark mode.
• Ensured no visual regressions in other Studio components.
• Confirmed styles align with existing dark-themed UI patterns.

Related issue(s)

Fixes #1256

[changeset-bot]

⚠️ No Changeset found

Latest commit: 817209d

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[netlify]

❌ Deploy Preview for modest-rosalind-098b67 failed.

Name	Link
🔨 Latest commit	817209d
🔍 Latest deploy log	https://app.netlify.com/projects/modest-rosalind-098b67/deploys/69870f716e66b6000884e939

[netlify]

✅ Deploy Preview for asyncapi-studio-design-system ready!

Name	Link
🔨 Latest commit	817209d
🔍 Latest deploy log	https://app.netlify.com/projects/asyncapi-studio-design-system/deploys/69870f712876af00084850bd
😎 Deploy Preview	https://deploy-preview-1277--asyncapi-studio-design-system.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[github-actions]

Welcome to AsyncAPI. Thanks a lot for creating your first pull request. Please check out our contributors guide useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud