About

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:

Dark Text Color

Light Text Color

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.

Main Background

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.

Primary Background

A Text Color, that works well on the Primary Background

Text Color for Primary Backgrounds

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.

Secondary Background

A Text Color, that works well on the Secondary Background

Text Color for Secondary Backgrounds

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.

Accent Background

A Text Color, that works well on the Accent Background

Text Color for Accent Backgrounds

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

Primary Gradient Start

Primary Gradient End

Secondary Gradient Start

Secondary Gradient End

This tells you a bit about this blog and the person who writes it.

When you are logged in you will be able to edit this page by selecting the edit icon.

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!

User.css creator Version 1.0.2 (beta)

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:

Help

About

Welcome

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

Main Menu

Login Form

Older Posts