W3C home > Mailing lists > Public > www-style@w3.org > December 2000

Relative colors in CSS?

From: <miki.wiik@linuxsupport.to>
Date: Sat, 16 Dec 2000 23:27:31 +0200
Message-ID: <011701c067a7$04899a20$aaf6d5d4@eleanora>
To: "w3.org mailing Style" <www-style@w3.org>
Hi.

Do existing CSS standards, or ones being planned, include a way to define colors relatively to their parents? 

Example:

BODY {color : #CCCC99}

P {color : darker}

The reason I'm looking for this sort of solution is that quite often when designing pages I use a set of colors that are more or less variations of the same basic color. The background is a light tone, the following layer (div) a bit darker, the following even darker plus a bit more red, etc. 

Since almost all other values in CSS can be either absolute or relative (to their parent), it seems only natural that colors would also. 

A suggestion for different values: 
Brighter, decreases all RGB values by, say 5%. 
Darker, increases all RGB values by 5%. 
+red, increase Red value by 5%. 
-red, decrease Red value by 5%
++ by 10%. 
+++ by 15%... 
and combinations (or shorthand) +red --green +++blue

Having a way to define relative colors would IMO improve scalability (the author would only have to define one starting colour, that could easily be replaced by User stylesheets) and thus increase overall flexibility.

Regards, Miki Wiik
Received on Saturday, 16 December 2000 16:18:55 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:54:06 GMT