Working on a new site (http://notestack.me – still in private beta) that I want to have user changeable themes on. I’m controlling the theme change by changing a class on a high level DOM element (just under
) with jQuery, and then my theme.css looks like this (structure.css is separate and not theme dependent):
.theme-1 .note {
/* note css... */
}
/* other theme 1 css,
all preceded by ".theme-1 " */
.theme-2 .note {
/* theme 2 note css */
}
/* other theme 2 css,
all preceded by ".theme-2 " */
My problem is that I’m theming EVERYTHING, so I have large blocks of CSS that repeat for each theme. Now when I add a new feature to style or want to change how I’m doing it, I have to repeat my changes across each theme.
I’ve looked at changing my theme.css to theme.php and using php variables to generate the stylesheet, but that feels like a mess (still open to it). Is there a better way to tackle this???
Thanks,
Britt
