# Product card in light mode **URL:** \ **Category:** Developer help\ **Created:** [December 3, 2024, 4:47pm UTC](https://forum.ghost.org/t/product-card-in-light-mode/53005 "2024-12-03T16:47:56Z")\ **Posts on this page:** 3\ **Page:** 1
**Author:** ![Ladislav\_Miklo](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/ladislav_miklo/32/33290_2.png) [@Ladislav\_Miklo](https://forum.ghost.org/u/Ladislav_Miklo)\ **Post date:** [December 3, 2024, 4:47pm UTC](https://forum.ghost.org/t/product-card-in-light-mode/53005/1 "2024-12-03T16:47:56Z")
Hello, i´m using source (v1.4.0) theme on Ghost Pro Starter and switched to a dark background. Everyting else functions great but the product card stayed on a light background. In the editor i see it in dark more but, live its white. I edited it, then deleted and made a new card but still light mode is on. [https://techkrypt.xyz/trezor-safe-5-recenzia/](https://techkrypt.xyz/trezor-safe-5-recenzia/) Thank you ---
**Author:** ![Kevin](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/kevin/32/32_2.png) [@Kevin](https://forum.ghost.org/u/Kevin)\ **Post date:** [December 3, 2024, 4:58pm UTC](https://forum.ghost.org/t/product-card-in-light-mode/53005/2 "2024-12-03T16:58:37Z")
> [@Changes to Card Styles](https://forum.ghost.org/t/changes-to-card-styles/49551): > > To enhance the visual consistency and usability of cards, we’re making changes to the default styles of certain cards. What’s changing We’re updating the default styles for the following cards: Bookmark Card File Card Audio Card Product Card These cards will now have a white background and a sans-serif font by default. Previously, the background was transparent, and fonts were inherited from themes. What does this mean for you? The change aims to make these cards look good on any background… White background by default is intentional. How did you switch to a dark background? If it’s via code injection you’ll also need to add your own styles for cards so they work appropriately for the colours you’ve chosen. ---
**Author:** ![Ladislav\_Miklo](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/ladislav_miklo/32/33290_2.png) [@Ladislav\_Miklo](https://forum.ghost.org/u/Ladislav_Miklo)\ **Post date:** [December 3, 2024, 6:29pm UTC](https://forum.ghost.org/t/product-card-in-light-mode/53005/4 "2024-12-03T18:29:57Z")
Thank you for directing me. I managed to change colors with CSS with code injection. It´s perfect now 🙂