How to Add Custom Subtle Patterns into background for Light and Dark theme

I am using Mia-theme, I’d like to add subtle pattern into background to give it paper effect. Found this CSS Background Patterns website, I selected the css code below and added into Custom Css under settings menu. It works nice with light theme but I don’t know how to make it work for dark theme. I also realize need to limit background pattern only for pages not for left or right sidebars
I don’t know much other than some basic stuff

thanks for help

background-color: #e5e5f7;
opacity: 0.8;
background-image: linear-gradient(#444cf7 1px, transparent 1px), linear-gradient(to right, #444cf7 1px, #e5e5f7 1px);
background-size: 20px 20px;

1 Like