Chromium version change and styling fix

Author: vishnuv688

example/wdio.conf.ts

@@ -63,7 +63,7 @@ export const config: Options.Testrunner = {
   capabilities: [
     {
       browserName: 'chrome',
-      browserVersion: '143.0.7499.169', // specify chromium browser version for testing
+      browserVersion: '143.0.7499.193', // specify chromium browser version for testing
       'goog:chromeOptions': {
         args: [
           '--headless',

packages/app/src/components/workbench/actionItems/item.ts

@@ -40,7 +40,7 @@ export class ActionItem extends Element {
 
     return html`
       <span
-        class="text-[10px] grow-0 shrink border border-editorSuggestWidgetBorder rounded-xl ml-auto text-gray-500 px-1 text-debugTokenExpressionName"
+        class="text-[10px] grow-0 shrink border border-editorSuggestWidgetBorder rounded-xl ml-auto px-1 bg-badgeBackground text-debugTokenExpressionName"
         >${diffLabel}</span
       >
     `

packages/app/src/tailwind.css

@@ -15,4 +15,5 @@
   --color-chartsYellow: var(--vscode-charts-yellow);
   --color-chartsBlue: var(--vscode-charts-blue);
   --color-input-background: var(--vscode-input-background);
+  --color-debugTokenExpressionName: var(--vscode-debugTokenExpression-name);
 }