Update background styles to use radialToBlue in HoneycombGrid

Signed-off-by: Lee Calcote <lee.calcote@layer5.io>

Author: leecalcote

src/sections/Meshery/Meshery-integrations/Integration.style.js

@@ -65,7 +65,7 @@ export const HoneycombGrid = styled.div`
     -webkit-transform: translateZ(0);
     display: flex;
     height: 100%;
-    background: ${(props) => props.theme.radialToWhite};
+    background: ${(props) => props.theme.radialToBlue};
     justify-content: center;
     align-items: center;
     padding: 0.625rem;

src/theme/app/themeStyles.js

@@ -182,6 +182,7 @@ const lighttheme = {
   linearToGreen: "linear-gradient(90.2deg,rgba(255, 255, 255, 0.38) 33.89%,rgba(0, 179, 159, 0.74) 99.81%)",
   linearToWhite: "#FFFFFF",
   radialToWhite: "radial-gradient( circle 100px at 50% 50%, rgba(215,205,220,0.15) 0%, rgba(203,210,218,0.25) 80%, rgba(167,173,180,.25) 100% )",
+  radialToBlue: "linear-gradient(135deg, rgba(45, 55, 70, 0.9) 0%, rgba(25, 30, 40, 0.9) 70%, rgba(15, 20, 30, 0.95) 100%), url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"%3E%3Cpath d=\"M0 0 L50 50 L0 100 L100 50 Z\" fill=\"none\" stroke=\"rgba(255, 255, 255, 0.1)\" stroke-width=\"1\"/%3E%3C/svg%3E') repeat center",
   linearDarkToLinearLight: "linear-gradient(61.3deg, rgba(0, 179, 159, 0.2) -26.19%, rgba(255, 255, 255, 0.2) 40.19%), linear-gradient(303.45deg, rgba(0, 179, 159, 0.2) 0%, rgba(255, 255, 255, 0.2) 37.23%), linear-gradient(360deg, #00B39F -108%, #FFFFFF 63.36%)",
   whiteEightToBlack: "#000000",
   whiteEightToBlackEight: "rgb(0 0 0 / 0.8)",
@@ -417,6 +418,7 @@ export const darktheme = {
   linearToGreen: "linear-gradient(90.2deg, rgba(0, 0, 0, 0.2) 0.16%, rgba(0, 179, 159, 0.74) 99.81%)",
   linearToWhite: "linear-gradient(to right, #666666, #444444)",
   radialToWhite: "radial-gradient( circle 100px at 50% 50%, rgba(167,173,180,0.78) 0%, rgba(103,110,118,0.79) 80%, rgba(103,110,118,1) 100% )",
+  radialToBlue: "linear-gradient(135deg, rgba(15, 20, 30, 0.9) 0%, rgba(25, 30, 40, 0.9) 70%, rgba(45, 55, 70, 0.9) 100%), url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"%3E%3Cpath d=\"M0 0 L50 50 L0 100 L100 50 Z\" fill=\"none\" stroke=\"rgba(255, 255, 255, 0.1)\" stroke-width=\"1\  \"/%3E%3C/svg%3E') repeat center",
   linearDarkToLinearLight: "linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 179, 159, 0.58) 46.87%, rgba(0, 179, 159, 0.034) 100%), linear-gradient(179.39deg, rgba(0, 179, 159, 0) 0.58%, #000000 99.54%)",
   whiteEightToBlack: "rgb(255 255 255 / 0.8)",
   whiteEightToBlackEight: "rgb(255 255 255 / 0.8)",