Forum for discussing general topics related to Couch.
3 posts Page 1 of 1
Quite a long while ago @cheesypoof presented us with mockups of the new admin panel and there was the option to switch colours. Is the CSS for these colour changes available? Would they work for V2.0? Just thinking it would be a quick way to track down the elements that we need to target for override CSS rules.
Hi :)

I just checked and, it seems, the @cheesypoof's static design is no longer online.

Anyway, I am attaching a zip extracting which will yield a folder named 'styles' containing all the color CSS files.

An easy way to test them in your admin-panel would be -
0. Activate the 'sample' theme from config file.
1. Place the 'styles' folder extracted above within 'theme/sample' folder
2. Copy the 'main.html' snippet from 'theme/_system' folder into 'theme/sample' folder
3. Edit that file to add the highlighted line

..
<link href="<cms:show k_system_theme_link />includes/magnific-popup/magnific-popup.css?v=<cms:show k_cms_build />" rel="stylesheet"/>

<link href="<cms:show k_theme_link />styles/purple.css?v=<cms:show k_cms_build />" rel="stylesheet"/>

<cms:admin_css_files>
<link rel="stylesheet" href="<cms:show k_css_file />" type="text/css" media="screen" />
</cms:admin_css_files>
..

And that should be it.

A more flexible way of allowing your clients to choose which color to use would be to define a type dropdown (or radio) editable region in a global template. Then in the 'main.html' above, query that template (using <cms:pages> or <cms:get_custom_field> and then use the value as the name of the CSS file.

Hope it helps.

Attachments

thanks KK - enjoying getting my teeth into this - a new era for Couch!!!
3 posts Page 1 of 1