feat: update new wireframe status bar item to use theme color token

Author: Ivanruii

packages/vscode-extension/src/status-bar/new-wireframe/new-wireframe.consts.ts

@@ -1,4 +1,4 @@
 export const STATUS_BAR_PRIORITY = 100;
 export const ITEM_TEXT = '$(lightbulb) Quickmock';
 export const ITEM_TOOLTIP = 'Create new Quickmock wireframe';
-export const ITEM_COLOR = '#309a8a';
+export const ITEM_COLOR_THEME_TOKEN = 'statusBarItem.prominentForeground';

packages/vscode-extension/src/status-bar/new-wireframe/new-wireframe.status-bar.ts

@@ -1,7 +1,7 @@
 import { QUICKMOCK_NEW_WIREFRAME_COMMAND_ID } from '#commands';
 import * as vscode from 'vscode';
 import {
-  ITEM_COLOR,
+  ITEM_COLOR_THEME_TOKEN,
   ITEM_TEXT,
   ITEM_TOOLTIP,
   STATUS_BAR_PRIORITY,
@@ -16,7 +16,7 @@ export const registerNewWireframeStatusBarItem = (
   );
   item.text = ITEM_TEXT;
   item.tooltip = ITEM_TOOLTIP;
-  item.color = ITEM_COLOR;
+  item.color = new vscode.ThemeColor(ITEM_COLOR_THEME_TOKEN);
   item.command = QUICKMOCK_NEW_WIREFRAME_COMMAND_ID;
   item.show();