Integrate the Dark Reader browser extension

Yes, simply append the following code to the Front template of your cards.

<script src="https://cdn.jsdelivr.net/npm/darkreader@4.9.67/darkreader.min.js"></script>
<script>
DarkReader.enable({
    brightness: 100,
    contrast: 90,
    sepia: 10
});
</script>

You could add it to the card templates for your default card types, or clone a card type and append “DarkReader” to the card type name to have a separate card type for it.

Here’s my test note.

image

And here’s what the Front template looks like for my test.

3 Likes