Move fonts into theme provider so that they too may be modified when
embedded

Change-Id: Ie1ee466a4a5e04434d3005e1460f77660ab876f9

ui/src/assets/theme_provider.scss

diff --git a/ui/src/assets/theme_provider.scss b/ui/src/assets/theme_provider.scss
index ea83c83..5b47c06 100644
--- a/ui/src/assets/theme_provider.scss
+++ b/ui/src/assets/theme_provider.scss
@@ -15,6 +15,11 @@
 .pf-theme-provider {
   display: contents;
 
+  // Fonts
+  --pf-font: "Roboto", sans-serif;
+  --pf-font-compact: "Roboto Condensed", sans-serif;
+  --pf-font-monospace: "Roboto Mono", monospace;
+
   &--light {
     --pf-color-background: white;
     --pf-color-background-secondary: #edf0f1;

ui/src/assets/ui_main.scss

diff --git a/ui/src/assets/ui_main.scss b/ui/src/assets/ui_main.scss
index e85c262..afa5704 100644
--- a/ui/src/assets/ui_main.scss
+++ b/ui/src/assets/ui_main.scss
@@ -20,11 +20,6 @@
   --anim-easing: cubic-bezier(0.4, 0, 0.2, 1);
   --details-content-height: 308px;
 
-  // Fonts
-  --pf-font: "Roboto", sans-serif;
-  --pf-font-compact: "Roboto Condensed", sans-serif;
-  --pf-font-monospace: "Roboto Mono", monospace;
-
   display: contents;
   font-family: var(--pf-font);
   font-size: 16px;