azuredatastudio/src/sql/parts/notebook/notebookStyles.ts

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the Source EULA. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
import 'vs/css!./notebook';

import { registerThemingParticipant, ITheme, ICssStyleCollector } from 'vs/platform/theme/common/themeService';
import { SIDE_BAR_BACKGROUND } from 'vs/workbench/common/theme';
import { activeContrastBorder, buttonBackground } from 'vs/platform/theme/common/colorRegistry';

registerThemingParticipant((theme: ITheme, collector: ICssStyleCollector) => {

	// Active border
	const activeBorder = theme.getColor(buttonBackground);
	if (activeBorder) {
		collector.addRule(`
			.notebookEditor .notebook-cell.active {
				border-color: ${activeBorder};
				border-width: 1px;
				box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.14);
			}
		`);
	}

	// Inactive border
	const inactiveBorder = theme.getColor(SIDE_BAR_BACKGROUND);
	if (inactiveBorder) {
		collector.addRule(`
			.notebookEditor .notebook-cell {
				border-color: ${inactiveBorder};
				border-width: 1px;
			}
		`);
	}

	// Styling with Outline color (e.g. high contrast theme)
	const outline = theme.getColor(activeContrastBorder);
	if (outline) {
		collector.addRule(`
			.notebookEditor .notebook-cell.active {
				outline-color: ${outline};
				outline-width: 1px;
				outline-style: solid;
			}

			.notebookEditor .notebook-cell:hover:not(.active) {
				outline-style: dashed;
			}
		`);
	}
});