moved onDidChangeActiveColorTheme into webview instead of using vscode command

Signed-off-by: msivasubramaniaan <msivasub@redhat.com>

Author: msivasubramaniaan

package.json

@@ -286,7 +286,6 @@
 		"onCommand:clusters.openshift.deployment.openConsole",
 		"onCommand:clusters.openshift.imagestream.openConsole",
 		"onCommand:openshift.componentTypesView.registry.openInView",
-        "onCommand:openshift.componentTypesView.registry.setTheme",
 		"onWalkthrough:openshiftWalkthrough"
 	],
 	"contributes": {

src/extension.ts

@@ -11,9 +11,7 @@ import {
     StatusBarAlignment,
     StatusBarItem,
     env,
-    QuickPickItemKind,
-    ColorTheme,
-    ColorThemeKind
+    QuickPickItemKind
 } from 'vscode';
 import path = require('path');
 import { startTelemetry } from './telemetry';
@@ -32,7 +30,6 @@ import { ComponentsTreeDataProvider } from './componentsView';
 
 import fsx = require('fs-extra');
 
-
 // eslint-disable-next-line @typescript-eslint/no-empty-function
 // this method is called when your extension is deactivated
 export function deactivate(): void {
@@ -90,14 +87,6 @@ export async function activate(extensionContext: ExtensionContext): Promise<any>
     ];
     disposable.forEach((value) => extensionContext.subscriptions.push(value));
 
-    let themeKind:ColorThemeKind = window.activeColorTheme.kind;
-    window.onDidChangeActiveColorTheme((editor: ColorTheme) => {
-        if (themeKind !== editor.kind) {
-            themeKind = editor?.kind;
-            void commands.executeCommand('openshift.componentTypesView.registry.setTheme', themeKind);
-        }
-    });
-
     function statusBarFunctions() {
         return commands.registerCommand('openshift.openStatusBar', async () => {
             const selection = await window.showQuickPick(

src/webview/devfile-registry/registryViewLoader.ts

@@ -14,6 +14,16 @@ import { Registry } from '../../odo/componentType';
 
 let panel: vscode.WebviewPanel;
 
+let themeKind: vscode.ColorThemeKind = vscode.window.activeColorTheme.kind;
+vscode.window.onDidChangeActiveColorTheme((editor: vscode.ColorTheme) => {
+    if (themeKind !== editor.kind) {
+        themeKind = editor.kind;
+        if (panel) {
+            panel.webview.postMessage({ action: 'setTheme', themeValue: themeKind });
+        }
+    }
+});
+
 async function devfileRegistryViewerMessageListener(event: any): Promise<any> {
     let starterProject = event.selectedProject;
     switch (event?.action) {
@@ -118,13 +128,6 @@ export default class RegistryViewLoader {
         await RegistryViewLoader.loadView(`Devfile Registry - ${context.name}`, context.url);
     }
 
-    @vsCommand('openshift.componentTypesView.registry.setTheme')
-    static async setTheme(kind: vscode.ColorThemeKind): Promise<void> {
-        if (panel) {
-            panel.webview.postMessage({ action: 'setTheme', themeValue: kind });
-        }
-    }
-
     @vsCommand('openshift.componentTypesView.registry.closeView')
     static async closeRegistryInWebview(): Promise<void> {
         panel?.dispose();
@@ -156,7 +159,7 @@ function getAllComponents(eventActionName: string, url?: string, error?: string)
                 action: eventActionName,
                 compDescriptions: Array.from(componentDescriptions),
                 registries: registries,
-                themeValue: vscode.window.activeColorTheme.kind,
+                themeValue: themeKind,
                 errorMessage: error
             }
         );