🎨 Updated color codes

pages/websocket.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="page">
-    <pw-section class="blue" label="Request" ref="request">
+    <pw-section class="cyan" label="Request" ref="request">
       <ul>
         <li>
           <label for="url">URL</label>
@@ -104,7 +104,7 @@
         this.communication.log = [{
           payload: `Connecting to ${this.url}...`,
           source: 'info',
-          color: 'lime'
+          color: 'var(--ac-color)'
         }];
         try {
           this.socket = new WebSocket(this.url);
@@ -113,7 +113,7 @@
             this.communication.log = [{
               payload: `Connected to ${this.url}.`,
               source: 'info',
-              color: 'lime',
+              color: 'var(--ac-color)',
               ts: (new Date()).toLocaleTimeString()
             }];
           };
@@ -125,7 +125,7 @@
             this.communication.log.push({
               payload: `Disconnected from ${this.url}.`,
               source: 'info',
-              color: 'red',
+              color: '#ff5555',
               ts: (new Date()).toLocaleTimeString()
             });
           };