css fix

Author: GurinderRawala

packages/grafana-data/src/themes/createTypography.ts

@@ -53,8 +53,8 @@ export interface ThemeTypographyInput {
   htmlFontSize?: number;
 }
 
-const defaultFontFamily = '"Work Sans", Inter, Satoshi, sans-serif';
-const defaultFontFamilyMonospace = '"SatoshiLight", "FigtreeLight", monospace'; 
+const defaultFontFamily = '"IBM Plex Mono", monospace';
+const defaultFontFamilyMonospace = '"IBM Plex Mono", monospace';
 
 export function createTypography(colors: ThemeColors, typographyInput: ThemeTypographyInput = {}): ThemeTypography {
   const {

packages/grafana-ui/src/components/PanelChrome/PanelChrome.tsx

@@ -465,8 +465,7 @@ const getStyles = (isFNPanel?: boolean) => (theme: GrafanaTheme2) => {
       minWidth: 0,
       ...(isFNPanel && {
         width: '100%',
-        textAlign: 'center',
-        justifyContent: 'center',
+        textTransform: 'uppercase',
       }),
       '& > h2': {
         minWidth: 0,

public/microfrontends/fn_dashboard/index.html

@@ -10,16 +10,16 @@
 <script nonce="">
   window.fnData = {
     themePaths: {
-      light: '../../../public/build/grafana.light.014e7717596b1ae793cd.css',
-      dark: '../../../public/build/grafana.dark.a2d738431fce3ebf70b9.css',
+      light: '../../../public/build/grafana.light.d1baf6b4c2f22c6b8525.css',
+      dark: '../../../public/build/grafana.dark.a820d2e71e70786204b8.css',
     }
   };
 </script>
 
 
     <script nonce="" src="../../../public/build/runtime~fn_dashboard.551314fa089c5f51c211.js" type="text/javascript"></script>
 
-    <script nonce="" src="../../../public/build/fn_dashboard.0a5f240b55d61360ccc0.js" type="text/javascript"></script>
+    <script nonce="" src="../../../public/build/fn_dashboard.3ae54ae0db10ee2ec059.js" type="text/javascript"></script>
 
   </body>
 </html>

public/sass/_variables.generated.scss

@@ -99,9 +99,9 @@ $height-lg: 48;
 // Typography
 // -------------------------
 /* stylelint-disable-next-line string-quotes */
-$font-family-sans-serif: "Work Sans", Inter, Satoshi, sans-serif;
+$font-family-sans-serif: "IBM Plex Mono", monospace;
 /* stylelint-disable-next-line string-quotes */
-$font-family-monospace: "SatoshiLight", "FigtreeLight", monospace;
+$font-family-monospace: "IBM Plex Mono", monospace;
 
 $font-file-path: '../fonts' !default;