In every project there are a couple of styles, which have to be customized. To do this - and not haveing to change the "core"-css-files - I set up a additional css-file in the css-folder: pixture_reloaded.custom.css.

I also changed the pixture_reloaded.info and added there in the section "Style sheets" the (last) line
stylesheets[all][] = css/pixture_reloaded.custom.css

This works fine and now I can change all styles to my needs without having problems in case of new versions of the Pixture Reloaded Theme. (Perhaps this could be added to the project, so I wouldn't have to change the info-file after the update again?).

But my problem is: How can I access the colours defined in the color-section of the theme? For instance if I have a specific element which I want to get a border I would like to give this border the colour of the "Borders" section of the color-scheme in the settings of the theme.

Comments

Jeff Burnz’s picture

Really the best way to achieve this is to use a sub-theme, such as Footheme.

The reason is that to have elements be color-able you need to add them directly to the color/colors.css file, in other words hack the theme. There's no getting out of this I'm afraid, its just how Color module works.

So, using Footheme you can hack away on its own colors.css file as much as you want.

Also be aware that the hex color values must match perfectly to what is in the default color scheme - for example the border color for "Girly Pink" is #e9e9e9, and lets say you want your .custom-border to match this, then it must be:

.custom-border {border-color: #e9e9e9;}

This will ensure the color "shifts" when you select a custom color in the color settings form, or switching color schemes.

smitty’s picture

Status: Active » Fixed

Thanks for this informations. This works great!

Perhaps you could clarify this a little bit in the readme.txt?

At least to me it was not obvious that I had to build a subtheme to customize the theme.

Jeff Burnz’s picture

Title: Custom Styles and Colors » Custom Styles and Colors - Update Readme
Version: 7.x-2.2 » 7.x-2.x-dev
Component: Code » Documentation
Assigned: Unassigned » Jeff Burnz
Category: support » task
Status: Fixed » Active

OK, good suggestion, I will commit to updating the README for the next version.