Hi - thanks in advance for any help people can give me. There is clearly something I'm missing about themes and I'm not even sure what to search for to figure this out.
I am working on converting the website I inherited when I joined my current company from using module-specific styling (e.g. an h3 in custom module A on a page is being styled by module A's CSS and an h3 in custom module B is being styled by module B's CSS, even though they are styled to appear the exact same way) to take advantage of theme functionality. The previous developer imported the site but didn't get to the point of building out the theme so it is the first time I'm doing it and I don't have an example to work off of.
Long story short, I understand that I can set styles for basically every element but what I am not understanding is how I can make it so that if an H3 shows up on our dark background it is white and if an H3 shows up on our light background then it shows up dark blue. This is just one example obviously of the many instances where one blanket rule for all instances of a specific tag doesn't work. Am I missing something? Are there any videos or resources that explain themes and how to use them particularly well? I am having trouble finding helpful resources about them.
One way is to include font styling within your module and theme fields. You can include these within your fields.json file when developing a module or theme. This may help prevent you from having to create a bunch of different modules. You could easily just add: