Themed histogram (#200)

Author: asafchen-dig

src/services/analyticsProvider.ts

@@ -404,7 +404,7 @@ export class AnalyticsProvider
         return response;
     }
 
-    public async getHtmlGraphForSpanPercentiles(spanName: string, instrumentationLib: string, codeObjectId: string, environment: string): Promise<string>
+    public async getHtmlGraphForSpanPercentiles(spanName: string, instrumentationLib: string, codeObjectId: string, environment: string, theme?: string): Promise<string>
     {
         const response: string = await this.sendAndResponseBodyAsString(
             'POST',
@@ -415,7 +415,8 @@ export class AnalyticsProvider
                 environment: environment,
                 spanName: spanName,
                 instrumentationLibrary: instrumentationLib,
-                codeObjectId: codeObjectId
+                codeObjectId: codeObjectId,
+                theme: theme
             });
         return response;
     }

src/views/codeAnalytics/Histogram/histogramPanel.ts

@@ -1,3 +1,4 @@
+import * as vscode from "vscode";
 import {AnalyticsProvider} from "../../../services/analyticsProvider";
 import {WorkspaceState} from "../../../state";
 
@@ -7,9 +8,15 @@ export class HistogramPanel {
     }
 
     public async getHtml(spanName: string, instrumentationLibrary: string, codeObjectId: string): Promise<string> {
-
+        let theme;
+        if (vscode.window.activeColorTheme.kind === vscode.ColorThemeKind.Dark){
+            theme = 'dark';
+        }
+        if (vscode.window.activeColorTheme.kind === vscode.ColorThemeKind.Light){
+            theme = 'light';
+        }
         const html = await this._analyticsProvider.getHtmlGraphForSpanPercentiles(
-            spanName, instrumentationLibrary, codeObjectId, this._workspaceState.environment);
+            spanName, instrumentationLibrary, codeObjectId, this._workspaceState.environment, theme);
 
         return html;
     }