Here's a handy tool to generate a custom colour scheme for your Joomla site.
00:00:00 - Intro: Joomla Color Scheme Tool
00:00:56 - Credit to Elise Folte
00:01:12 - Tool Overview: colours.joomla.com
00:01:31 - Generating a Scheme
00:01:50 - Customizing Colors
00:02:02 - Downloading user.css
00:02:52 - Editing the CSS File
00:03:25 - Applying to Joomla
00:03:30 - Switch to Light Mode
00:04:01 - Create user.css File
00:04:26 - Paste CSS Code
00:04:35 - Refresh to See Changes
00:04:56 - Conclusion
Summary
Introduction:
Tim Davis introduces a tool for generating color schemes for Joomla sites, especially useful for those short on time or struggling with color selection.
Channel Overview:
Basic Joomla Tutorials offers tools and extensions for building and maintaining Joomla sites, including services for site maintenance and migration.
Shoutout to Tool Creator:
Acknowledgment of Elise Folte for developing the color scheme tool, with a personal anecdote about meeting her.
Accessing the Tool:
The tool is available at https://colours.joomla.com/ and can be used to generate random color schemes.
Using the Tool:
Users can click "Generate something colorful" to get different color combinations.
Options for generating less saturated or more serious color schemes are available.
Customizing Colors: Users can click on individual colors to adjust them manually if needed.
Saving and Downloading CSS:
Once satisfied with the color scheme, users can save and download the user.css file.
This file contains CSS styles for different parts of the site with notes for each color.
Editing CSS File: Open the downloaded CSS file in any text editor, such as Notepad, to view and copy the styles.
Applying CSS to Joomla:
Log in to the Joomla backend and navigate to System > Site Templates.
In the Cipia template, create a new file named user.css in the CSS folder.
Creating user.css File:
Highlight the CSS folder, create the user.css file, and paste the copied CSS into it.
Save the file and refresh the Joomla site to apply the new color scheme.
This structure ensures that users can follow along easily with the video, providing clear, step-by-step instructions to generate and apply custom color schemes to their Joomla sites.
Please send any feedback or bug reports or queries to;
Contact Tim Davis โบ
Joomla Training Cohort โบ https://cybersalt.com/jtc
Add comment