Coderabbit theme and fixes (#175)

* coderabbit theme

* theme change

* checkpoint

* fixes

* added coderabbit authentication

Author: GurinderRawala

Diff for: .betterer.results

@@ -1296,11 +1296,7 @@ exports[`better eslint`] = {
     ],
     "public/app/core/services/backend_srv.ts:5381": [
       [0, 0, 0, "Do not use any type assertions.", "0"],
-      [0, 0, 0, "Unexpected any. Specify a different type.", "1"],
-      [0, 0, 0, "Unexpected any. Specify a different type.", "2"],
-      [0, 0, 0, "Unexpected any. Specify a different type.", "3"],
-      [0, 0, 0, "Unexpected any. Specify a different type.", "4"],
-      [0, 0, 0, "Unexpected any. Specify a different type.", "5"]
+      [0, 0, 0, "Do not use any type assertions.", "1"]
     ],
     "public/app/core/services/context_srv.ts:5381": [
       [0, 0, 0, "Do not use any type assertions.", "0"],

Diff for: .yarn/sdks/eslint/lib/unsupported-api.js

@@ -0,0 +1,27 @@
+#!/usr/bin/env node
+
+const {existsSync} = require(`fs`);
+const {createRequire, register} = require(`module`);
+const {resolve} = require(`path`);
+const {pathToFileURL} = require(`url`);
+
+const relPnpApiPath = "../../../../.pnp.cjs";
+
+const absPnpApiPath = resolve(__dirname, relPnpApiPath);
+const absRequire = createRequire(absPnpApiPath);
+
+const absPnpLoaderPath = resolve(absPnpApiPath, `../.pnp.loader.mjs`);
+const isPnpLoaderEnabled = existsSync(absPnpLoaderPath);
+
+if (existsSync(absPnpApiPath)) {
+  if (!process.versions.pnp) {
+    // Setup the environment to be able to require eslint/use-at-your-own-risk
+    require(absPnpApiPath).setup();
+    if (isPnpLoaderEnabled && register) {
+      register(pathToFileURL(absPnpLoaderPath));
+    }
+  }
+}
+
+// Defer to the real eslint/use-at-your-own-risk your application uses
+module.exports = absRequire(`eslint/use-at-your-own-risk`);

Diff for: .yarn/sdks/prettier/bin/prettier.cjs

@@ -0,0 +1,27 @@
+#!/usr/bin/env node
+
+const {existsSync} = require(`fs`);
+const {createRequire, register} = require(`module`);
+const {resolve} = require(`path`);
+const {pathToFileURL} = require(`url`);
+
+const relPnpApiPath = "../../../../.pnp.cjs";
+
+const absPnpApiPath = resolve(__dirname, relPnpApiPath);
+const absRequire = createRequire(absPnpApiPath);
+
+const absPnpLoaderPath = resolve(absPnpApiPath, `../.pnp.loader.mjs`);
+const isPnpLoaderEnabled = existsSync(absPnpLoaderPath);
+
+if (existsSync(absPnpApiPath)) {
+  if (!process.versions.pnp) {
+    // Setup the environment to be able to require prettier/bin/prettier.cjs
+    require(absPnpApiPath).setup();
+    if (isPnpLoaderEnabled && register) {
+      register(pathToFileURL(absPnpLoaderPath));
+    }
+  }
+}
+
+// Defer to the real prettier/bin/prettier.cjs your application uses
+module.exports = absRequire(`prettier/bin/prettier.cjs`);

Diff for: packages/grafana-data/src/themes/breakpoints.ts

@@ -28,7 +28,7 @@ export function createBreakpoints(): ThemeBreakpoints {
   const values: ThemeBreakpointValues = {
     xs: 0,
     sm: 544,
-    md: 769, // 1 more than regular ipad in portrait
+    md: 768, // 1 more than regular ipad in portrait
     lg: 992,
     xl: 1200,
     xxl: 1440,

Diff for: packages/grafana-data/src/themes/createColors.ts

@@ -171,16 +171,16 @@ class LightColors implements ThemeColorsBase<Partial<ThemeRichColor>> {
   blackBase = '45, 51, 62';
 
   primary = {
-    main: '#8EC4AD',
-    border: palette.blueLightText,
-    text: '#F0E4B6',
+    main: '#FF4702',
+    border: '#E33E00',
+    text: '#101828',
   };
 
   text = {
-    primary: '#2D333E',
-    secondary: '#2d333e',
+    primary: '#101828',
+    secondary: '#344054',
     disabled: '#9DA7B8',
-    link: this.primary.text,
+    link: '#FF4702',
     maxContrast: palette.black,
   };
 
@@ -191,7 +191,7 @@ class LightColors implements ThemeColorsBase<Partial<ThemeRichColor>> {
   };
 
   secondary = {
-    main: '#FC9A69',
+    main: '#FF4702',
     shade: '#FC9A6990',
     contrastText: `rgba(${this.blackBase},  1)`,
     text: this.text.primary,
@@ -220,9 +220,9 @@ class LightColors implements ThemeColorsBase<Partial<ThemeRichColor>> {
   };
 
   background = {
-    canvas: '#F6F5F3',
-    primary: '#FDFDFC',
-    secondary: '#FDFDFC',
+    primary: '#FAFAFA',
+    canvas: '#FFFFFF',
+    secondary: '#FAFAFA',
   };
 
   action = {

Diff for: packages/grafana-data/src/themes/createTypography.ts

@@ -53,22 +53,22 @@ export interface ThemeTypographyInput {
   htmlFontSize?: number;
 }
 
-const defaultFontFamily = '"Source Sans Pro", Nunito, Roboto, Arial'; //'"Roboto", "Helvetica", "Arial", sans-serif';
-const defaultFontFamilyMonospace = "'Nunito Mono', 'Roboto Mono', monospace"; // "'Roboto Mono', monospace";
+const defaultFontFamily = '"Poppins", Inter, Satoshi, sans-serif'; //'"Roboto", "Helvetica", "Arial", sans-serif';
+const defaultFontFamilyMonospace = '"SatoshiLight", "FigtreeLight", monospace'; // "'Roboto Mono', monospace";
 
 export function createTypography(colors: ThemeColors, typographyInput: ThemeTypographyInput = {}): ThemeTypography {
   const {
     fontFamily = defaultFontFamily,
     fontFamilyMonospace = defaultFontFamilyMonospace,
     // The default font size of the Material Specification.
     fontSize = 14, // px
-    fontWeightLight = 300,
-    fontWeightRegular = 400,
-    fontWeightMedium = 500,
+    fontWeightLight = 200,
+    fontWeightRegular = 300,
+    fontWeightMedium = 400,
     fontWeightBold = 500,
     // Tell Grafana-UI what's the font-size on the html element.
     // 16px is the default font-size used by browsers.
-    htmlFontSize = 14,
+    htmlFontSize = 16,
   } = typographyInput;
 
   if (process.env.NODE_ENV !== 'production') {