Hello,
First and foremost, we sincerely apologize for any inconvenience you may have experienced.
I’d like to provide some insights regarding the usage of our plugin. When dark mode is activated, the plugin automatically appends the attribute data-dracula-scheme="dark"
to the HTML tag. This allows you to tailor your CSS specifically for dark mode by utilizing the data attribute in the following manner:
html[data-dracula-scheme=”dark”] {
/* Insert your Dark Mode-specific CSS here */
}
Additionally, our plugin triggers JavaScript events to signify the activation or deactivation of dark mode. You can detect these changes in your JavaScript code using event listeners, as shown below:
document.addEventListener(‘dracula:enable’, function () {
console.log(‘Dark mode enabled’);
});
document.addEventListener(‘dracula:disable’, function () {
console.log(‘Dark mode disabled’);
});
We hope this information assists you in effectively using our plugin. If you have any further questions or encounter any issues, please don’t hesitate to reach out. You can either post your query on our plugin forum at Dracula Dark Mode Support or contact us directly through our support system at SoftLab Support for a prompt response.