2.6. Adding a New Color Style to NewsFlash
You can add additional color schemes to NewsFlash by modifying the image files and CSS style sheets in the theme. This section briefly describes the steps necessary to create a new color scheme. We'll use yellow as an example.
- Image Files - Create an image folder for the new scheme as litejazz/images/yellow. Copy the image files from an existing scheme into this folder. Modify the image files as desired.
- CSS Color file - Each scheme has a CSS file in litejazz/css that specifies unique color attributes. Copy an existing scheme (blue.css, for example) to yellow.css. Edit this file to reflect the colors for your new scheme. Make sure to change the path names of background images to point to the litejazz/images/yellow folder.
- CSS suckerfish file - Each scheme has a CSS file in litejazz/css that specifies suckerfish color attributes. Copy an existing scheme (suckerfish_blue.css, for example) to suckerfish_yellow.css. Edit this file to reflect the colors for your new scheme.
- Edit settings.php - At line 28 of this file is an array of scheme choices that are presented on the theme admin screen. Add an entry for your new scheme: yellow' => t('Yellow'), This first 'yellow' is the scheme name, and it must match all of the file and folder names previously created. The second 'Yellow' is the name as presented in the drop-down list on the theme admin screen
It's important to keep the file and folder names consistent. The theme uses the scheme name (as specified in settings.php) to generate expected file names. So a color scheme named yellow will only work if there is a folder named images/yellow, a file named css/yellow.css, and a file named css/suckerfish_yellow.css.
- Printer-friendly version
- Login to post comments
