Re: [css-ui] Styling Form Controls

On Thu, Jan 29, 2015 at 12:39 PM, Florian Rivoal <florian@rivoal.net> wrote:
>> On 29 Jan 2015, at 20:11, Tab Atkins Jr. <jackalmage@gmail.com> wrote:
>> Yes, I think this is a better approach for this kind of thing.  It
>> lets UAs continue to innovate in form control UI, while letting
>> anything imaginable integrate into the page.  It's basically a set of
>> UA-defined variables, just using a syntax that doesn't clash with
>> custom properties.
>
> Per UA-defined, you don't mean implementation specific, right?

Sorry, no, "language-defined" is what I meant.

> The trick is to figure out which which properties/variables to expose, to have something meaningful across UA and across platforms. Just one 'color' descriptor, and you throw all your palette in there, coma separated? Split it into categories as I suggested? Split it into semantic categories? Feedback from people who actually know something about building color palettes and applying it to various designs would be welcome.

Something like what you sketched, with a palette of colors to deal
with, would work.

Looking through some internal color design docs, I find some automatic
color-extraction design using the following set of colors:

* Light/Normal/Dark Vibrant
* Light/Normal/Dark Muted
* Vibrant Complementary (for call-out buttons and such that need to be
visually distinct)
(where light ~75% lightness, normal is ~50%, dark is ~25%; vibrant is
at least 30% saturation, ideally 100%, and muted is at most 40%
saturation, ideally 30%)

* Light/Dark Contrasting Text
* Light/Dark Contrasting Secondary Text

This might be a good set to start with.

~TJ

Received on Thursday, 29 January 2015 21:28:41 UTC