Fill color for data explorer box plot

[tongyu-microsoft]

This PR fills the color for data explorer box plot, so it can be consistent with new model overview box plots.

Description

Before:

After:

For dark mode:

Checklist

• I have added screenshots above for all UI changes.
• I have added e2e tests for all UI changes.
• Documentation was updated if it was needed.

[codecov-commenter]

Codecov Report

Merging #1504 (6b1956b) into main (785422e) will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##             main    #1504   +/-   ##
=======================================
  Coverage   87.56%   87.56%           
=======================================
  Files         108      108           
  Lines        5081     5081           
=======================================
  Hits         4449     4449           
  Misses        632      632           

Flag	Coverage Δ
unittests	87.56% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 785422e...6b1956b. Read the comment docs.

[romanlutz]

Do you have a screenshot for dark mode?

[github-actions]

https://responsibleai.blob.core.windows.net/pullrequest/microsoft/responsible-ai-toolbox/tongy/fillBoxPlot/dashboard/index.html

[github-actions]

https://responsibleai.blob.core.windows.net/pullrequest/microsoft/responsible-ai-toolbox/tongy/fillBoxPlot/dashboard/index.html

[tongyu-microsoft]

Do you have a screenshot for dark mode?

@romanlutz Added screenshot for dark mode in the pr description :D

[romanlutz]

Do you have a screenshot for dark mode?

@romanlutz Added screenshot for dark mode in the pr description :D

Thanks @tongyu-microsoft ! Somehow I had missed this in the model overview as well. This doesn't look great in dark mode. Obviously, I should have caught that earlier 🙁 I took a look at the Fluent UI page but it's not obvious to me which colors change in dark mode to be darker. Any idea?

[tongyu-microsoft]

Do you have a screenshot for dark mode?

@romanlutz Added screenshot for dark mode in the pr description :D

Thanks @tongyu-microsoft ! Somehow I had missed this in the model overview as well. This doesn't look great in dark mode. Obviously, I should have caught that earlier 🙁 I took a look at the Fluent UI page but it's not obvious to me which colors change in dark mode to be darker. Any idea?

@romanlutz Updated to a deeper color. How do you think of the new screenshots in the pr description?

[github-actions]

https://responsibleai.blob.core.windows.net/pullrequest/microsoft/responsible-ai-toolbox/tongy/fillBoxPlot/dashboard/index.html

[github-actions]

https://responsibleai.blob.core.windows.net/pullrequest/microsoft/responsible-ai-toolbox/tongy/fillBoxPlot/dashboard/index.html