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.

Blog

Your Template

Hits: 1430
www.nasa.gov/multimedia/imagegallery

Templates control the look and feel of your website.

This blog is installed with the Cassiopeia template.

You can edit the options by selecting the Working on Your Site, Template Settings link in the menu which is visible when you log in.

For example you can change the site background colour, highlights colour, site title, site description and title font used.

More options are available in the site administrator. You may also install a new template using the extension manager.

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

Login Form

Older Posts

Similar Items