IGAPP-17: Add HighContrast mode

[jira-to-github-migrator-test[bot]]

Michael Markl - 4.9.2018, 03:11:32

There are two possibilities to implement a high contrast mode:

Adapt everything in the forntends:

For images (icons) try this css-filter:

hue-rotate(207.8deg) saturate(2000%) grayscale(100%)

See attachments for examplary result. Drawbacks only, if city uses (realistic) images instead of icons (see Dormagen)

Adjust text weight, color. Adjust horizontal line color.

Add an entry to the toolbar

We also have the icons in SVG format here: https://drive.google.com/drive/folders/12uBcz3YdiElvB1jRshkvYyoKwoYKQ_-F

Involve the cms:

In order to be accessible our icons should be simple SVGs. The current thumbnails are in the post object like this:

thumbnail: "https://...",

The new post object will look like this:

thumbnail: "https://...",
dynamic_thumbnail: "https://...",
color: '#123456'

If the dynamic_thumnail is non-null we use the color flag to generate a custom thumbnail.

There are the Icons in SVG format: https://drive.google.com/drive/folders/12uBcz3YdiElvB1jRshkvYyoKwoYKQ_-F

Environment: - Linked issues:

• Cloners: IGAPP-117
• Duplicate: IGAPP-146
• Relates: IGAPP-117
• Relates: IGAPP-138
• Relates: IGAPP-146

[jira-to-github-migrator-test[bot]]

Max Ammann - 17.10.2018, 15:07:57

This relates to NATIVE-18. On the xamarin/react-native app a transition on the fly is not really possible and also a bit resource intensive.

We should consider solving this using the api proposal explained in NATIVE-18