Passed the theme to Gauge

public/app/plugins/panel/gauge/GaugePanel.tsx

 import React, { PureComponent } from 'react';
 import React, { PureComponent } from 'react';
-import { PanelProps, NullValueMode, Gauge } from '@grafana/ui';
+import { PanelProps, NullValueMode, Gauge, Themes } from '@grafana/ui';
 
 
 import { getTimeSeriesVMs } from './timeSeries';
 import { getTimeSeriesVMs } from './timeSeries';
 import { GaugeOptions } from './types';
 import { GaugeOptions } from './types';
+import { contextSrv } from 'app/core/core';
 
 
 interface Props extends PanelProps<GaugeOptions> {}
 interface Props extends PanelProps<GaugeOptions> {}
 
 
 export class GaugePanel extends PureComponent<Props> {
 export class GaugePanel extends PureComponent<Props> {
+  getTheme() {
+    return contextSrv.user.lightTheme ? Themes.Light : Themes.Dark;
+  }
+
   render() {
   render() {
     const { timeSeries, width, height, onInterpolate, options } = this.props;
     const { timeSeries, width, height, onInterpolate, options } = this.props;
 
 
@@ -26,6 +31,7 @@ export class GaugePanel extends PureComponent<Props> {
         height={height}
         height={height}
         prefix={prefix}
         prefix={prefix}
         suffix={suffix}
         suffix={suffix}
+        theme={this.getTheme()}
       />
       />
     );
     );
   }
   }