🐛 Bug Report: Unable to change ItemCardHeader Used for Template Cards with override #26970
Closed as not planned
Closed as not planned
Description
📜 Description
We want to be able to set the styles for the ItemCardHeader used for Template Cards seen from Create. In our custom theme we tried using:
BackstageItemCardHeader: {
styleOverrides: {
root: {
backgroundImage: 'unset',
boxShadow: 'unset',
},
},
},Sadly this doesn't seem to work
👍 Expected behavior
Using the BackstageItemCardHeader override should work for all Cards.
👎 Actual Behavior with Screenshots
Using the BackstageItemCardHeader override should work for all Cards but does not seem to work for the Cards when hey are listed under Create.
👟 Reproduction steps
There's a lot of steps to this so going to just document it at a high level:
- Create a Backstage instances
- Add a custom theme
- Add an override like this:
BackstageItemCardHeader: {
styleOverrides: {
root: {
backgroundImage: 'unset',
boxShadow: 'unset',
},
},
},- Start up the Backstage instance
- Make sure you are using your custom theme
- Navigate to Create
Notice: the Card still have their header image.
📃 Provide the context for the Bug.
As we aren't able to styles these cards the UX is disjointed as some things are styled properly but other things are not
🖥️ Your Environment
OS: Darwin 24.0.0 - darwin/arm64
node: v18.18.2
yarn: 4.5.0
cli: 0.28.0-next.1 (installed)
backstage: 1.32.0-next.1
Dependencies:
@backstage/app-defaults 1.5.12-next.1
@backstage/backend-app-api 1.0.1-next.0
@backstage/backend-common 0.23.3, 0.25.0
@backstage/backend-defaults 0.5.1-next.1
@backstage/backend-dev-utils 0.1.5
@backstage/backend-openapi-utils 0.1.19-next.0, 0.1.18
@backstage/backend-plugin-api 1.0.1-next.0, 0.7.0, 1.0.0
@backstage/catalog-client 1.7.0
@backstage/catalog-model 1.7.0
@backstage/cli-common 0.1.14
@backstage/cli-node 0.2.8
@backstage/cli 0.28.0-next.1
@backstage/config-loader 1.9.1
@backstage/config 1.2.0
@backstage/core-app-api 1.15.1-next.1
@backstage/core-compat-api 0.3.1-next.1, 0.2.8, 0.3.0
@backstage/core-components 0.15.1-next.1, 0.14.10, 0.15.0
@backstage/core-plugin-api 1.10.0-next.1, 1.9.4
@backstage/e2e-test-utils 0.1.1
@backstage/errors 1.2.4
@backstage/eslint-plugin 0.1.10-next.0
@backstage/frontend-plugin-api 0.9.0-next.1, 0.7.0, 0.8.0
@backstage/integration-aws-node 0.1.12
@backstage/integration-react 1.2.0-next.1, 1.1.32
@backstage/integration 1.15.1-next.0, 1.15.0
@backstage/plugin-api-docs 0.11.11-next.1
@backstage/plugin-app-backend 0.3.75-next.0
@backstage/plugin-app-node 0.1.26-next.0
@backstage/plugin-auth-backend-module-atlassian-provider 0.3.1-next.0
@backstage/plugin-auth-backend-module-auth0-provider 0.1.1-next.0
@backstage/plugin-auth-backend-module-aws-alb-provider 0.2.1-next.0
@backstage/plugin-auth-backend-module-azure-easyauth-provider 0.2.1-next.0
@backstage/plugin-auth-backend-module-bitbucket-provider 0.2.1-next.0
@backstage/plugin-auth-backend-module-bitbucket-server-provider 0.1.1-next.0
@backstage/plugin-auth-backend-module-cloudflare-access-provider 0.3.1-next.0
@backstage/plugin-auth-backend-module-gcp-iap-provider 0.3.1-next.0
@backstage/plugin-auth-backend-module-github-provider 0.2.1-next.0
@backstage/plugin-auth-backend-module-gitlab-provider 0.2.1-next.0
@backstage/plugin-auth-backend-module-google-provider 0.2.1-next.0
@backstage/plugin-auth-backend-module-guest-provider 0.2.1-next.0
@backstage/plugin-auth-backend-module-microsoft-provider 0.2.1-next.0
@backstage/plugin-auth-backend-module-oauth2-provider 0.3.1-next.0
@backstage/plugin-auth-backend-module-oauth2-proxy-provider 0.2.1-next.0
@backstage/plugin-auth-backend-module-oidc-provider 0.3.1-next.0
@backstage/plugin-auth-backend-module-okta-provider 0.1.1-next.0
@backstage/plugin-auth-backend-module-onelogin-provider 0.2.1-next.0
@backstage/plugin-auth-backend 0.23.1-next.0
@backstage/plugin-auth-node 0.5.3-next.0, 0.4.17, 0.5.2
@backstage/plugin-auth-react 0.1.7-next.1
@backstage/plugin-bitbucket-cloud-common 0.2.24-next.0
@backstage/plugin-catalog-backend-module-logs 0.1.2-next.1
@backstage/plugin-catalog-backend-module-scaffolder-entity-model 0.2.1-next.0
@backstage/plugin-catalog-backend 1.26.2-next.1
@backstage/plugin-catalog-common 1.1.0
@backstage/plugin-catalog-graph 0.4.11-next.1
@backstage/plugin-catalog-node 1.13.1-next.0, 1.13.0
@backstage/plugin-catalog-react 1.14.0-next.1, 1.13.1
@backstage/plugin-catalog 1.24.0-next.1
@backstage/plugin-events-backend 0.3.13-next.0
@backstage/plugin-events-node 0.4.1-next.0
@backstage/plugin-home-react 0.1.18-next.1
@backstage/plugin-home 0.7.12-next.1
@backstage/plugin-kubernetes-backend 0.18.7-next.0
@backstage/plugin-kubernetes-common 0.8.3
@backstage/plugin-kubernetes-node 0.1.20-next.0
@backstage/plugin-kubernetes-react 0.4.4-next.1
@backstage/plugin-kubernetes 0.11.16-next.1
@backstage/plugin-notifications-backend 0.4.1-next.0
@backstage/plugin-notifications-common 0.0.5
@backstage/plugin-notifications-node 0.2.7-next.0
@backstage/plugin-notifications 0.3.2-next.1
@backstage/plugin-org 0.6.31-next.1
@backstage/plugin-permission-common 0.8.1
@backstage/plugin-permission-node 0.8.4-next.0, 0.8.3
@backstage/plugin-permission-react 0.4.27-next.1, 0.4.26
@backstage/plugin-proxy-backend 0.5.7-next.0
@backstage/plugin-scaffolder-backend-module-azure 0.2.1-next.1
@backstage/plugin-scaffolder-backend-module-bitbucket-cloud 0.2.1-next.1
@backstage/plugin-scaffolder-backend-module-bitbucket-server 0.2.1-next.1
@backstage/plugin-scaffolder-backend-module-bitbucket 0.3.1-next.1
@backstage/plugin-scaffolder-backend-module-gerrit 0.2.1-next.1
@backstage/plugin-scaffolder-backend-module-gitea 0.2.1-next.1
@backstage/plugin-scaffolder-backend-module-github 0.5.1-next.1
@backstage/plugin-scaffolder-backend-module-gitlab 0.5.1-next.1
@backstage/plugin-scaffolder-backend 1.26.0-next.1
@backstage/plugin-scaffolder-common 1.5.6
@backstage/plugin-scaffolder-node 0.5.0-next.1
@backstage/plugin-scaffolder-react 1.13.0-next.1
@backstage/plugin-scaffolder 1.26.0-next.1
@backstage/plugin-search-backend-module-catalog 0.2.3-next.1
@backstage/plugin-search-backend-module-explore 0.2.3-next.1
@backstage/plugin-search-backend-module-techdocs 0.2.3-next.1
@backstage/plugin-search-backend-node 1.3.3-next.1
@backstage/plugin-search-backend 1.5.18-next.1
@backstage/plugin-search-common 1.2.14
@backstage/plugin-search-react 1.8.1-next.1, 1.8.0
@backstage/plugin-search 1.4.18-next.1
@backstage/plugin-signals-backend 0.2.1-next.0
@backstage/plugin-signals-node 0.1.12-next.0
@backstage/plugin-signals-react 0.0.6-next.1
@backstage/plugin-signals 0.0.11-next.1
@backstage/plugin-techdocs-backend 1.10.14-next.1
@backstage/plugin-techdocs-common 0.1.0
@backstage/plugin-techdocs-node 1.12.12-next.1
@backstage/plugin-techdocs-react 1.2.9-next.1
@backstage/plugin-techdocs 1.10.11-next.1
@backstage/plugin-user-settings-common 0.0.1
@backstage/plugin-user-settings 0.8.14-next.1
@backstage/release-manifests 0.0.11
@backstage/theme 0.5.8-next.0, 0.5.7
@backstage/types 1.1.1
@backstage/version-bridge 1.0.10-next.0, 1.0.9
👀 Have you spent some time to check if this bug has been raised before?
- I checked and didn't find similar issue
🏢 Have you read the Code of Conduct?
- I have read the Code of Conduct
Are you willing to submit PR?
No, but I'm happy to collaborate on a PR with someone else