DesignKit is a small API module lets themes provide options for customizing colors and images. Themes can use entries in their .info file to specify what color variables should be made available. Designkit integrates with the Spaces module to enable distinct color schemes and images per site section or area. Designkit is used with Spaces and Organic Groups in Open Atrium to allow groups to have their own visual identity.

Themes using Designkit

Example theme .info file snippets

Drupal 7

; Background color
designkit[color][background][title] = "Background"
designkit[color][background][description] = "Background color."
designkit[color][background][default] = "#ffffff"             

; Foo bar color
designkit[color][foo][title] = "Foo"
designkit[color][foo][description] = "Foo bar baz."
designkit[color][foo][default] = "#cc0099"

; Site logo
designkit[image][logo][title] = "Site logo"
designkit[image][logo][description] = "Header logo."
designkit[image][logo][effect] = "image_scale:200x50"

; Print logo
designkit[image][logo_print][title] = "Print logo"
designkit[image][logo_print][description] = "Print logo."
designkit[image][logo_print][effect] = "image_scale:600x300"

Drupal 6

; Background color
designkit[color][background][title] = "Background"
designkit[color][background][description] = "Background color."
designkit[color][background][default] = "#ffffff"             

; Foo bar color
designkit[color][foo][title] = "Foo"
designkit[color][foo][description] = "Foo bar baz."
designkit[color][foo][default] = "#cc0099"

; Site logo
designkit[image][logo][title] = "Site logo"
designkit[image][logo][description] = "Header logo."
designkit[image][logo][imagecache] = "imagecache_scale:200x50"

; Print logo
designkit[image][logo_print][title] = "Print logo"
designkit[image][logo_print][description] = "Print logo."
designkit[image][logo_print][imagecache] = "imagecache_scale:600x300"

For more information, please take a look at README.txt.

Requirements

Drupal 7

  • Color module (included in Drupal core)
  • Image module (included in Drupal core)

Drupal 6

Upgrading from Drupal 6

To upgrade your Designkit-based theme from Drupal 6 to Drupal 7:

  • Remove the <style> and </style> from Designkit style templates.
  • In the theme's .info file, change the 'imagecache' property from e.g.
    designkit[image][logo][imagecache] = "imagecache_scale:200x50"
    to
    designkit[image][logo][effect] = "image_scale:200x50"
  • In your Designkit style template, make CSS changes needed for the new Drupal version.

Downloads

Version Downloads Date Links
7.x-1.0-beta2 tar.gz (13.49 KB) | zip (15.27 KB) 2012-Dec-06 Notes
6.x-1.0-beta1 tar.gz (12.39 KB) | zip (14.48 KB) 2011-Jan-03 Notes

Project Information


Maintainers for DesignKit

  • nedjo - 2 commits
    last: 23 weeks ago, first: 1 year ago
  • yhahn - 12 commits
    last: 2 years ago, first: 3 years ago

Issues for DesignKit

To avoid duplicates, please search before submitting a new issue.
All issues
Bug reports
Statistics (2 years)
New issues
Open bugs
Participants
nobody click here