<IdeHome> background/foreground colours don't respond correctly to Carbon themes

[s100]

What package(s) are you using?

@carbon/ibm-cloud-cognitive-cdai, not sure which of these applies:

• Cloud & Cognitive
• Legacy/CDAI
• Legacy/Security

Detailed description

Describe in detail the issue you're having.

We import @carbon/ibm-cloud-cognitive-cdai's CSS using the following (abbreviated):

@import '~@carbon/themes/scss/themes';
$carbon--theme: $carbon--theme--g10;

@import '~carbon-components/scss/globals/scss/styles';
@import '~@carbon/ibm-cloud-cognitive-cdai/scss/index';

And we use the <IdeHome> component.

Under Carbon's "white" theme, the background of the whole UI is white. The <IdeHome> component has CSS which intentionally configures its own background colour to be a pale grey, and then the cards which sit on top of the <IdeHome> component are white again. See below:

(Don't worry that the <IdeHome> doesn't fill all of the vertical space, I did that to demonstrate the issue.)

However, under Carbon's "gray 10" theme, the background of the whole UI is pale grey. The <IdeHome> component has CSS which configures its own background colour to be white. But then, the cards which sit on top of the <IdeHome> component are also still white. See below:

Is this issue related to a specific component?

<IdeHome>

What did you expect to happen? What happened instead? What would you like to
see changed?

The cards which sit on top of <IdeHome> should always be a visibly different colour from their background, no matter what Carbon theme is in use. In this case, they should be pale grey.

What browser are you working in?

Chrome on Windows, but this is browser-independent.

What version of the @carbon/ibm-cloud-cognitive packge are you using?

@carbon/[email protected]

What offering/product do you work on? Any pressing ship or release dates we
should be aware of?

IBM App Connect Enterprise - if this could be fixed well in advance of our planned next release at the start of December 2021, that would be highly appreciated.

Steps to reproduce the issue

See above.

Please create a reduced test case in CodeSandbox

https://codesandbox.io/s/github/carbon-design-system/ibm-cloud-cognitive/tree/main/examples/cloud-cognitive/codesandbox

[stale]

Is this still relevant? If so, what is blocking it? Is there anything you can do to help move it forward?

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.

[s100]

@lee-chase

[stale]

Is this still relevant? If so, what is blocking it? Is there anything you can do to help move it forward?

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.

[s100]

Yes, still needs fixing please.