Adjust OnyxColorSchemeDialog to use internal onyx components

[larsrickert]

Why?

We currently already have the OnyxColorSchemeDialog component that can be used to switch between auto, light and dark mode.

We want to update its implementation internally to use the OnyxModalDialog and OnyxCard component to prevent custom/duplicated code.

Open questions / TODOs

No response

Depends on

• Implement OnyxCard component #2383

Design

Storybook

Acceptance criteria

• the OnyxModalDialog is used where "Change appearance" is the headline and "Select the appearance of the application:" becomes the subtitle
• the OnyxCard is used for the auto, light and dark selectable option

Implementation details

No response

Reference implementations

No response

Applicable ARIA Pattern

No response

Definition of Done

• The following component requirements are implemented:

  • density
  • example usage added to apps/demo-app/src/views/HomeView.vue

• Should be covered by tests:

  • functional tests (Playwright or unit test)
  • visual tests (Playwright screenshots)

• Make sure, that

  • follow-up tickets were created if necessary
  • updated version + documentation is deployed
  • Storybook can show the feature
  • Storybook code snippet of new/changed examples are checked that they are generated correctly
  • Namings are aligned with Figma

Approval

Storybook

• Checked and approved by
  • designer
  • dev