chore: change bakcend -> devtools logs to gray

Author: Akryum

packages/shell-chrome/src/background.js

@@ -56,7 +56,7 @@ function doublePipe (id, one, two) {
     }
     if (process.env.NODE_ENV !== 'production') {
       // eslint-disable-next-line no-console
-      console.log('devtools -> backend', message)
+      console.log('%cdevtools -> backend', 'color:#888;', message)
     }
     two.postMessage(message)
   }
@@ -68,7 +68,7 @@ function doublePipe (id, one, two) {
     }
     if (process.env.NODE_ENV !== 'production') {
       // eslint-disable-next-line no-console
-      console.log('backend -> devtools', message)
+      console.log('%cbackend -> devtools', 'color:#888;', message)
     }
     one.postMessage(message)
   }

packages/shell-electron/src/devtools.js

@@ -35,7 +35,7 @@ socket.on('vue-devtools-init', () => {
         send (data) {
           if (process.env.NODE_ENV !== 'production') {
             // eslint-disable-next-line no-console
-            console.log('devtools -> backend', data)
+            console.log('%cdevtools -> backend', 'color:#888;', data)
           }
           socket.emit('vue-message', data)
         },

packages/shell-host/src/DevIframe.vue

@@ -51,7 +51,7 @@ export default defineComponent({
                 },
                 send (data) {
                   if (process.env.NODE_ENV !== 'production') {
-                    console.log('devtools -> backend', data)
+                    console.log('%cdevtools -> backend', 'color:#888;', data)
                   }
                   iframe.value.contentWindow.postMessage(data, '*')
                 },

packages/shell-host/src/backend.js

@@ -7,8 +7,7 @@ const bridge = new Bridge({
   },
   send (data) {
     if (process.env.NODE_ENV !== 'production') {
-      // eslint-disable-next-line no-console
-      console.log('backend -> devtools', data)
+      console.log('%cbackend -> devtools', 'color:#888;', data)
     }
     window.parent.postMessage(data, '*')
   },