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

RE: Relative colors in CSS?

From: Ben Morris <bmorris@activematter.com>
Date: Mon, 18 Dec 2000 08:06:13 -0500
To: "Manos M. Batsis" <manosb@profile.gr>, <www-style@w3.org>
Cc: "Miki. Wiik@Linuxsupport. To" <miki.wiik@linuxsupport.to>
Message-ID: <NEBBJJFGELAFJNCPAOABKELNCBAA.bmorris@activematter.com>
As a developer, I don't think that this is where the solution should be.
This would be best done (in my view) by a style sheet editor application or
a css generating script.  I have recently made a page that will create a
stylesheet based on several variables.  So now I can specify a font face,
base font size, and several colors; and the .css file will be generated.

Besides, even if you have to change 100 lines on a .css file, that is OK
considering that you can have 100% control over the colors that will be
chosen, instead of the browser picking a color.  Colors are a pretty
delicate balance when it comes to matching each other.

Just my thoughts,
- Ben Morris

-----Original Message-----
From: www-style-request@w3.org [mailto:www-style-request@w3.org]On Behalf Of
Manos M. Batsis
Sent: Sunday, December 17, 2000 6:43 PM
To: www-style@w3.org
Cc: Miki. Wiik@Linuxsupport. To
Subject: RE: Relative colors in CSS?

I think this would be extremely useful. This would actually drop a style's
developing period by 50% for me since I usually start from one of my
VERY developer-friendly idea ;-)

-----Original Message-----
From: www-style-request@w3.org [mailto:www-style-request@w3.org]On Behalf Of
Sent: Saturday, December 16, 2000 11:28 PM
To: w3.org mailing Style
Subject: Relative colors in CSS?


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


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 Monday, 18 December 2000 08:04:05 UTC

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:26:56 UTC