User.css creator Version 1.0.2 (beta)

Last edit: February 29 2024 02:24:05.

Welcome to the Cassiopeia user.css generator!
You can either generate a color scheme or pick own colors in the form below. Then you can download the generated user.css file and upload it into you Cassiopeia child theme (or if you only want to override the colors you can upload it also in maintheme. The user.css file will be loaded after the template.css file and will overwrite the colors of the template.css file.

1. Generate a random colour scheme and preview the stylesheet:

2. Choose one of the generator styles

3. Modify the colour scheme and preview the stylesheet:

The Main Color of your website should take around 60% of weight in your color palette. It is the color that will be used for the background of your website. It is the color that will be used for the background of your website.

The Primary Color of your website should take around 30% of weight in your color palette. It is the color that will be used for the background of your buttons, the background of your navigation bar, and the background of your footer.

A Text Color, that works well on the Primary Background

The Secondary Color of your website should take maximum 15% of weight in your color palette. It is the color that will be used for the background of your buttons, the background of your navigation bar, and the background of your footer.

A Text Color, that works well on the Secondary Background

The Accent Color of your website should take maximum 10% of weight in your color palette. It is the color that will be used for the background of your buttons, the background of your navigation bar, and the background of your footer.

A Text Color, that works well on the Accent Background

Gradient Colors for your backgrounds - you can edit the css outcome if you dont want this.

Love

Welcome

Welcome to the user.css generator. This tool should help less experienced users generate a custom user.css files for their Cassiopeia template.
1. You can randomly generate some colors with the Generator at the top. (Improvements incoming!)
2. Then you can change the colours in the form below
3. Then you can download the generated user.css File (Full of comments) and use or change it manually
 
Feature requests are welcome. Donations too. :-)
 
Thank you for using the user.css generator!

Want to see me smile? You can Donate :-)

Amount

Main Menu

My Blog

Login Form

Older Posts