the-grid / ed

Text editing with media widgets
https://the-grid.github.io/ed/#fixture
61 stars 7 forks source link

Configurable color scheme #135

Open bergie opened 8 years ago

bergie commented 8 years ago

It would be nice to make Ed visually more integrated with the containing application by allowing a color scheme to be passed from the outside. The apps could utilize the color scheme of the site being edited, or maybe the colors extracted from the article's cover image.

Could also be used for other stuff, like a "night mode"

forresto commented 8 years ago

Easy enough with this interface: https://github.com/the-grid/ed/blob/master/src/components/rebass-theme.js

d4tocchini commented 8 years ago

@forresto, chromatose is simple to use, I can walk you through it...

d4tocchini commented 8 years ago

on this point, we need to keep the UX consistent between webapp & ed... Rebass is a temporary stop-gap. We'll likely have to externalize the styling or even the reusable React components from webapp.

forresto commented 8 years ago

Easy if it's an open lib.

forresto commented 8 years ago

Ed styling is simple. We don't need to make this complicated. How about this object as a start:

background: white
text: black
placeholder: gray
border: gray
primary: blue
warning: orange
error: red

https://the-grid.github.io/ed/#fixture to see the defaults now.