Dark mode styles bleeding into other areas

  • Posts: 19
  • Thank you received: 3
10 months 3 weeks ago #357875

-- HikaShop version -- : 5.0.2
-- Joomla version -- : 4.4.4
-- PHP version -- : 8.2
-- Browser(s) name and version -- : Chrome

Hi,

I noticed a problem with Hikashop dark mode CSS.

The style is bleeding into other areas of the administration by forcing a dark background that doesn't work with the rest of the interface.

For example, here is what happens when I try to open a "Conditions" modal in Advanced Module Manager:
prnt.sc/i0XODdt82DTy

Notice the problematic body element class that seems to be used by other components, not just Hikashop.

Can you please advise on how to turn off Dark Mode support or issue a fix? As a workaround, I resorted to adding this custom CSS to the administrator template to prevent this from happening:


@media (prefers-color-scheme: dark) {

body.contentpane.component {
background-color:initial !important;
}

}

Thanks,
Peter

Please Log in or Create an account to join the conversation.

  • Posts: 4747
  • Thank you received: 644
  • MODERATOR
10 months 3 weeks ago #357876

Hello,

Thanks for your return, it seems we missed a selector error!
I will tell you how to solve this step by step :
1. Go to your Css folder :
=> YourWebsite\media\com_hikashop\css
2. Open the backend_default css file (or backend_custom, if you use a custom version)
3. Go around line 5110, you will see :

/* DARK Mode vers */
@media (prefers-color-scheme: dark) {
	div#hikashop_main_content.hika_j5 html body,
	/* Vex Content */
	body.contentpane.component,
	div#hikashop_main_content.hika_j5 .ͼ2...
4. Remove "body.contentpane.component," like this :
alt


Once again, thanks for your return
Regards

Last edit: 10 months 3 weeks ago by Philip.
The following user(s) said Thank You: pvukovic

Please Log in or Create an account to join the conversation.

  • Posts: 19
  • Thank you received: 3
10 months 2 weeks ago #357973

Thanks, but wouldn't this change disappear on the next Hikashop update (unless you plan to include a fix)?

Please Log in or Create an account to join the conversation.

  • Posts: 4747
  • Thank you received: 644
  • MODERATOR
10 months 2 weeks ago #357975

Hello,

Yes, as usual, we use your feedback to improve HikaShop, and so if there is a problem that you report to us, we generally add fixes to our future packages.
Regards

Please Log in or Create an account to join the conversation.

Time to create page: 0.059 seconds
Powered by Kunena Forum