- Posts: 19
- Thank you received: 3
Dark mode styles bleeding into other areas
2 years 9 months ago #357875
by pvukovic
Dark mode styles bleeding into other areas was created by pvukovic
-- 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
-- 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.
2 years 9 months ago - 2 years 9 months ago #357876
by Philip
Replied by Philip on topic Dark mode styles bleeding into other areas
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 :
4. Remove "body.contentpane.component," like this :
Once again, thanks for your return
Regards
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 :
Code:
/* 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...
Once again, thanks for your return
Regards
Last edit: 2 years 9 months ago by Philip.
The following user(s) said Thank You: pvukovic
Please Log in or Create an account to join the conversation.
2 years 8 months ago #357973
by pvukovic
Replied by pvukovic on topic Dark mode styles bleeding into other areas
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.
2 years 8 months ago #357975
by Philip
Replied by Philip on topic Dark mode styles bleeding into other areas
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
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.177 seconds