Theme based images

[craigp1231]

Is your feature request related to a problem? Please describe

I have a company logo that is not visible using the dark theme. Is it possible to change the image based on which theme is used?

Describe the solution you'd like

Ideal usage would be something like...
<Image Style="{ThemedResource CompanyLogo}" Width="200" HorizontalAlignment="Center" RenderOptions.BitmapScalingMode="HighQuality"/>

Describe alternatives you've considered

I have tried implementing something using resource dictionaries, but I wasn't able to get it to work.

<ResourceDictionary.MergedDictionaries>
          <ui:ThemesDictionary Theme="Light" >
              <ResourceDictionary x:Key="Light">
                  <Style x:Key="CompanyLogo" TargetType="Image">
                      <Setter Property="Source" Value="/Assets/CompanyLogo_Blue.png"/>
                  </Style>
              </ResourceDictionary>
              <ResourceDictionary x:Key="Dark">
                  <Style x:Key="CompanyLogo" TargetType="Image">
                      <Setter Property="Source" Value="/Assets/CompanyLogo_White.png"/>
                  </Style>
              </ResourceDictionary>
          </ui:ThemesDictionary>
          <ui:ControlsDictionary />
</ResourceDictionary.MergedDictionaries>

Additional context

No response