timmy2426 replied
Customer Reply
I have understood. Thank you very much!
Public Ticket #23257
CSS Variables to Custom GUI
Conversation thread
PenciDesign Supporter replied
Staff Reply
Hi,
Some CSS variables will be auto-generated by the Dark Mode background color.
If you've knowledge about the code, please view the source code here:
wp-content/themes/soledad/inc/darkmode.php
Regards,
PenciDesign.
timmy2426 replied
Customer Reply
I looked over there, but there doesn't seem to be a control GUI for those css variables mentioned above. i originally thought it might be controlled in other places that are not easily found.
Are there some css variables that are not available on the custom GUI?
PenciDesign Supporter replied
Staff Reply
Hi,
Please go to Appearance > Customize > General > Dark Mode > Dark Mode Colors: change all the colors you want to this section.
Regards,
PenciDesign.
timmy2426 replied
Customer Reply
I can write front-end language, so I know how to use custom css. but I would like to know if the above css variables have a dark mode setting GUI?
PenciDesign Supporter replied
Staff Reply
Hi,
You can overwrite it by going to Appearance > Customize > Custom CSS: paste the following CSS code:
body.pcdark-mode.pcdm-enable {
--pcmeta-cl: #fff;
--pcbg-l-cl: #fff;
--pcbg-d-cl: #fff;
--pcborders-cl: #fff;
}Regards,
PenciDesign.
timmy2426 replied
Customer Reply
I can only find the "post meta color" in light mode, in dark mode I have 4 CSS variables that I still can't find. Can you tell me the GUI paths corresponding to the four variables --pcmeta-cl, --pcbg-l-cl, --pcbg-d-cl, --pcborders-cl in dark mode?
PenciDesign Supporter replied
Staff Reply
Hi,
--pcmeta-cl: post meta color,
--pcbg-l-cl: background light color,
--pcbg-d-cl: background dark color
Regards,
PenciDesign.
timmy2426 started the conversation
Conversation Start
This three css variables --pcmeta-cl, --pcbg-l-cl, --pcbg-d-cl corresponds to what custom GUIs? Looking for a long time but can not find. I hope I can use the relative GUI for setting first, if there is no relative GUI then I will using custom CSS.
Want to join this conversation or access attachments? Sign in first.
