CSS Themes

Basic Coloring and Contrast

Having bold colors on elements is a great idea, because it makes everything feel more present and readable:

These are used alot in modern websites. Gradients represent flow, which goes well together with applications:

When making a software or app, using gradient styles is a great touch. Regular article websites don't really use this as much as applications.

Its possible to make dynamic functions too with CSS in a way - the power of "@media" feature:

Modern day sites use this method - large screen users get a different color than small screen visitors.

To make a toggler that switches theme for instance, you can use the built-in HTML function. Its called the "onclick" attribute:

We also use variables here, because they are reusable values - change the variable's value in one place and the change applies to multiple places.