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.
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?
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?
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.
Hi,
--pcmeta-cl: post meta color,
--pcbg-l-cl: background light color,
--pcbg-d-cl: background dark color
Regards,
PenciDesign.
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?
Attached files: 2.png
1.png
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.
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?
Hi,
Please go to Appearance > Customize > General > Dark Mode > Dark Mode Colors: change all the colors you want to this section.
Regards,
PenciDesign.
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?
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:
Regards,
PenciDesign.
I have understood. Thank you very much!