Search the Community

Hello Just a suggestion about colors. I think it would be a good idea to define colors as css vars in theme css files, instead of just hardcoded So we can use the color by its name in any style rule, and if we change the theme all colors are updated right. Now if we define our own style rule I have to use color code .myBoxnew{ background-color: #f2f9fe !important; color: #000 !important; } If I change de W3.css theme colors, we have to search and replace every code color, used in our own styles rules, for a proper value from the new theme colors. With this modification all would be easier. Even w3.css could use colors from the theme colors css definitions. For example, from this rule .w3-theme-l5 {color:#000 !important; background-color:#f2f9fe !important} we can extract this vars --l5-c0: #000; --l5-bk :#f2f9fe And the class became: .w3-theme-l5 { color:var(--l5-co) !important; background-color: var(--l5-bk) !important } So we could use this color definition in any style rule defined in our own CSS styles sheet, not just as a class. Teh .myBoxnew example could became .myBoxnew{ background-color: var(--l4-bk) !important; color: var(--l4-co) !important; } Of course, even w3.css definitios could use the colors vars. Thanks.