branding

The site's main colors. Can be used to define colors in other color schemes.

color(black) uses the color: #000 This color is inherited by: nearblack, grey-dark, grey, grey-light, grey-extra-light, brand, brand-alt, brand-dark, text, link, link-visited, link-hover, border, border-dark, autocomplete, header-bg, backdrop, button, button-disabled, fieldset-summary, menu-active, progress-bar-bg, progress-bar-border, resizable-grippie, row-disabled, skip-link-bg, status-highlight, warning, tabs-border, tab, tab-bg, tab-secondary, watermark, headings

color(nearblack) uses the color: #333333 (black) This color is inherited by: brand, link-hover, border-dark, header-bg, button, headings

color(grey-dark) uses the color: #666666 (black) This color is inherited by: brand-dark, progress-bar-border, skip-link-bg, tab-secondary

color(grey) uses the color: #999999 (black) This color is inherited by: brand-alt, button-disabled, fieldset-summary

color(grey-light) uses the color: #cccccc (black) This color is inherited by: border, progress-bar-bg, row-disabled, tabs-border, tab-bg

color(grey-extra-light) uses the color: #eeeeee (black) This color is inherited by: backdrop, resizable-grippie, watermark

color(white) uses the color: #fff This color is inherited by: text-bg, autocomplete-bg, autocomplete-select, body-bg, row-stripe, skip-link, tabs-bg, tab-text-shadow

color(blue) uses the color: #0072b9 This color is inherited by: autocomplete-select-bg, progress-bar

color(red) uses the color: #c00 This color is inherited by: link-active, form-error, mark-highlight, error, error-bg

color(green) uses the color: #43a808 This color is inherited by: status, status-bg

color(yellow) uses the color: #fd0 This color is inherited by: mark-bg, preview-bg, warning-bg, warning-border, table-drag, table-select

functional

Colors used by functional parts of the design.

color(brand) uses the color: #333333 (nearblack) This color is inherited by: link-hover, header-bg

color(brand-alt) uses the color: #999999 (grey)

color(brand-dark) uses the color: #666666 (grey-dark)

color(text) uses the color: #000 (black) This color is inherited by: autocomplete, menu-active, status-highlight, warning, tab

color(text-bg) uses the color: #fff (white) This color is inherited by: autocomplete-bg, tabs-bg

color(link) uses the color: #000 (black)

color(link-visited) uses the color: #000 (black)

color(link-hover) uses the color: #333333 (brand)

color(link-active) uses the color: #c00 (red)

color(border) uses the color: #cccccc (grey-light) This color is inherited by: tabs-border

color(border-dark) uses the color: #333333 (nearblack)

color(autocomplete) uses the color: #000 (text)

color(autocomplete-bg) uses the color: #fff (text-bg)

color(autocomplete-select) uses the color: #fff (white)

color(autocomplete-select-bg) uses the color: #0072b9 (blue)

color(body-bg) uses the color: #fff (white)

color(header-bg) uses the color: #333333 (brand)

color(backdrop) uses the color: #eeeeee (grey-extra-light)

color(button) uses the color: #333333 (nearblack)

color(button-disabled) uses the color: #999999 (grey)

color(fieldset-summary) uses the color: #999999 (grey)

color(form-error) uses the color: #c00 (red)

color(mark-highlight) uses the color: #c00 (red)

color(mark-bg) uses the color: #fd0 (yellow)

color(menu-active) uses the color: #000 (text)

color(preview-bg) uses the color: #fffadb (yellow)

color(progress-bar) uses the color: #0072b9 (blue)

color(progress-bar-bg) uses the color: #cccccc (grey-light)

color(progress-bar-border) uses the color: #666666 (grey-dark)

color(resizable-grippie) uses the color: #eeeeee (grey-extra-light)

color(row-stripe) uses the color: #fff (white)

color(row-disabled) uses the color: #cccccc (grey-light)

color(skip-link) uses the color: #fff (white)

color(skip-link-bg) uses the color: #666666 (grey-dark)

color(status) uses the color: #43a808 (green) This color is inherited by: status-bg

color(status-bg) uses the color: #f4feee (status)

color(status-highlight) uses the color: #000 (text)

color(warning) uses the color: #000 (text)

color(warning-bg) uses the color: #fffce6 (yellow)

color(warning-border) uses the color: #fd0 (yellow)

color(error) uses the color: #c00 (red) This color is inherited by: error-bg

color(error-bg) uses the color: #fff0f0 (error)

color(tabs-border) uses the color: #cccccc (border)

color(tabs-bg) uses the color: #fff (text-bg)

color(tab) uses the color: #000 (text)

color(tab-text-shadow) uses the color: #fff (white)

color(tab-bg) uses the color: #dddddd (grey-light)

color(tab-secondary) uses the color: #666666 (grey-dark)

color(table-drag) uses the color: #fffadb (yellow)

color(table-select) uses the color: #fffdf0 (yellow)

color(watermark) uses the color: #eeeeee (grey-extra-light)

color(headings) uses the color: #333333 (nearblack)