SJRK-430: Update SVG Icons usage to support theming by UIO

Metadata

Source
SJRK-430
Type
Improvement
Priority
Major
Status
Open
Resolution
N/A
Assignee
N/A
Reporter
Justin Obara
Created
2020-11-25T14:42:07.855-0500
Updated
2020-11-25T14:42:07.855-0500
Versions
N/A
Fixed Versions
N/A
Component
  1. Storytelling Tool UI

Description

Currently a separate SVG image is used for each UIO contrast theme. Rather we should style the SVGs with CSS so that we only need one version of each SVG icon.

In particular explore <use> as a means of importing the SVG icon while retaining the ability to style with CSS.

This may require some modifications to the SVG file to enable access to the colours applied to it.

See: https://wiki.fluidproject.org/display/fluid/Research+SVG+Icons