Magenta CSS Framework

Get the code Magentize Bookmarklet
Drag the bookmarklet to your bookmarks bar and magentize any page

Default system colors

This is how your normal Input controls will render in an unstyled HTML page.

Braindead CSS coloring

This is an example of 'braindead CSS'. The foreground color has been set to black, making the input field unusable in systems that have 'white over black' settings.

Inverted Braindead CSS coloring

This is the inverted case, it is less common. The background color has been set to white. The result can lead to unusable controls on inverted color system settings.

Magenta CSS ;)

This shows a piece of what Magenta CSS will do. The background and fore color of all elements is set to magenta so you will know when you forgot to style something. The CSS file will set all elements to magenta, not only input fields.

Check the sample page