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.

New feature: Workflows

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

Workflows manage the stages your articles must go through until they are published.

The component to manage workflows is not enabled by default.

To see the workflow that we have provided with the sample data, you first need to enable this functionality.

  1. Access the administration area
  2. From 'Content' > 'Articles' > 'Options' > 'Integration' tab set 'Enable workflow' to 'Yes'
  3. Save changes

Now when you access 'Content' again you will see the section 'Workflows'.

When you edit an article you will also see the new transitions for articles related to workflows.

  • About the Author: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

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