Theming: Minimap slider. Fixes microsoft#26103

aeschli · aeschli · commit 3725e909ca2e · 2017-05-08T22:30:20.000+02:00
diff --git a/src/vs/editor/browser/viewParts/minimap/minimap.css b/src/vs/editor/browser/viewParts/minimap/minimap.css
@@ -13,35 +13,6 @@
 .monaco-editor .minimap-slider.active {
 	opacity: 1;
 }
-
-.monaco-editor.vs .minimap-slider {
-	background: rgba(100, 100, 100, .4);
-}
-.monaco-editor.vs-dark .minimap-slider {
-	background: rgba(121, 121, 121, .4);
-}
-.monaco-editor.hc-black .minimap-slider {
-	background: rgba(111, 195, 223, .6);
-}
-
-.monaco-editor.vs .minimap-slider:hover,
-.monaco-editor.vs-dark .minimap-slider:hover {
-	background: rgba(100, 100, 100, .7);
-}
-.monaco-editor.hc-black .minimap-slider:hover {
-	background: rgba(111, 195, 223, .8);
-}
-
-.monaco-editor.vs .minimap-slider.active {
-	background: rgba(0, 0, 0, .6);
-}
-.monaco-editor.vs-dark .minimap-slider.active {
-	background: rgba(191, 191, 191, .4);
-}
-.monaco-editor.hc-black .minimap-slider.active {
-	background: rgba(111, 195, 223, 1);
-}
-
 .monaco-editor .minimap-shadow-hidden {
 	position: absolute;
 	width: 0;
@@ -50,9 +21,4 @@
 	position: absolute;
 	left: -6px;
 	width: 6px;
-	box-shadow: #DDD -6px 0 6px -6px inset;
-}
-
-.monaco-editor.vs-dark .minimap-shadow-visible {
-	box-shadow: #000 -6px 0 6px -6px inset;
 }
diff --git a/src/vs/editor/browser/viewParts/minimap/minimap.ts b/src/vs/editor/browser/viewParts/minimap/minimap.ts
@@ -27,6 +27,8 @@ import * as viewEvents from 'vs/editor/common/view/viewEvents';
 import { GlobalMouseMoveMonitor, IStandardMouseMoveEventData, standardMouseMoveMerger } from 'vs/base/browser/globalMouseMoveMonitor';
 import * as platform from 'vs/base/common/platform';
 import { VerticalRevealType } from 'vs/editor/common/controller/cursorEvents';
+import { registerThemingParticipant } from "vs/platform/theme/common/themeService";
+import { scrollbarSliderBackground, scrollbarSliderHoverBackground, scrollbarSliderActiveBackground, scrollbarShadow } from "vs/platform/theme/common/colorRegistry";
 
 const enum RenderMinimap {
 	None = 0,
@@ -854,3 +856,22 @@ export class Minimap extends ViewPart {
 		}
 	}
 }
+
+registerThemingParticipant((theme, collector) => {
+	let sliderBackground = theme.getColor(scrollbarSliderBackground);
+	if (sliderBackground) {
+		collector.addRule(`.monaco-editor .minimap-slider { background: ${sliderBackground}; }`);
+	}
+	let sliderHoverBackground = theme.getColor(scrollbarSliderHoverBackground);
+	if (sliderHoverBackground) {
+		collector.addRule(`.monaco-editor .minimap-slider:hover { background: ${sliderHoverBackground}; }`);
+	}
+	let sliderActiveBackground = theme.getColor(scrollbarSliderActiveBackground);
+	if (sliderActiveBackground) {
+		collector.addRule(`.monaco-editor .minimap-slider.active { background: ${sliderActiveBackground}; }`);
+	}
+	let shadow = theme.getColor(scrollbarShadow);
+	if (shadow) {
+		collector.addRule(`.monaco-editor .minimap-shadow-visible { box-shadow: ${shadow} -6px 0 6px -6px inset; }`);
+	}
+});
