Need to fix theme to light mode in GraphiQL element in devportal

[SavinduDimal]

Description

Currently, in the latest version (3.1.1) of GraphiQL, the default theme is set to follow the system theme, causing conflicts (if the system theme is set to) with other UI components within the API Manager (API-M) Devportal which uses light theme. This behaviour disrupts the visual consistency.

Similar issues have been reported and discussed within the GraphQL community [1] with possible fix [2]. Hence need to upgrade GraphiQL dependency once this feature is available.

[1] - https://github.com/graphql/graphiql/issues/3398 [2] - https://github.com/graphql/graphiql/pull/3407

Steps to Reproduce

Follow documentation [1] to create and publish graphQL API from publisher portal and go to try out section in developer portal.

[1] - https://apim.docs.wso2.com/en/4.3.0/tutorials/create-and-publish-a-graphql-api/

Affected Component

APIM

Version

4.3.0

Environment Details (with versions)

No response

Relevant Log Output

No response

Related Issues

Related PRs: https://github.com/wso2/apim-apps/pull/586

Suggested Labels

No response