I will be creating a file all the themes will be configured. You shouldn't be naming it with the color's name. One thing to note, when you are going to be providing different colors is that you name the variables in a generic way. We have declared a few variables and assigned the default colors for all of them. We now start by declaring some CSS variables for our application. Starting off with a brand new Angular project with CLI v11.2.9. This is the most basic thing you should be knowing about CSS Custom Properties. One really interesting thing about CSS custom properties is that they can be manipulated from JavaScript. Now its is supported in all modern browsers. It makes theming so much easier than before when we had to do a lot of stuff, just to change some colors here and there.īut with CSS custom properties is so damn easy.ĬSS Preprocessors had the concept of variables for a long time and CSS was still lagging behind on it until a few years back. The easiest way to theme your application is using CSS Variables / CSS custom properties. More and more products are now supporting Dark theme. So for each of the users/businesses, they can set up their own themes to match their brand colors.Įven if you are going to provide multiple color themes for the application, it's probably a good idea to come with a Dark Mode for the application. We can give a different theme to the application based on the role.Īnother good fit for providing custom themes would be applications that can be white-labeled. Say the application is used by Teachers, Students, and Parents. One really good example for when theming your application would make sense is for a School Management Software. So the answer would be it depends on a lot of things. Then there are apps that cater to other businesses, in this kind of application, it is good to have the option to customize the look and feel of the application for different businesses.
Sometimes it is always good to stick with the brand colors, this is especially the way to go for products that cater to consumers directly. Who doesn't like change? Even on our phones, sometimes we get bored of the look and feel, that we try out some new themes.
Have you thought about how you can provide your users with different color schemes for your application? or Do you want your application to have a Dark theme?
0 kommentar(er)
