Blame · resetStyle.ts

b69ab31	1	/**
b69ab31	2	* Copyright (c) Meta Platforms, Inc. and affiliates.
b69ab31	3	*
b69ab31	4	* This source code is licensed under the MIT license found in the
b69ab31	5	* LICENSE file in the root directory of this source tree.
b69ab31	6	*/
b69ab31	7
b69ab31	8	import {isMac, isWindows} from 'isl-components/OperatingSystem';
b69ab31	9
b69ab31	10	// https://github.com/microsoft/vscode/blob/c90951b/src/vs/workbench/browser/style.ts#L72
b69ab31	11	const fontFamily = isWindows
b69ab31	12	? '"Segoe WPC", "Segoe UI", sans-serif'
b69ab31	13	: isMac
b69ab31	14	? '-apple-system, BlinkMacSystemFont, sans-serif'
b69ab31	15	: 'system-ui, "Ubuntu", "Droid Sans", sans-serif';
b69ab31	16
b69ab31	17	// https://github.com/microsoft/vscode/blob/c90951b147164bb427d08f2c251666d5610076d3/src/vs/workbench/contrib/webview/browser/themeing.ts#L68-L76
b69ab31	18	const fontSize = '13px';
b69ab31	19
b69ab31	20	/**
b69ab31	21	* Default "reset" CSS to normalize things like font size, etc.
b69ab31	22	* This is intended to match VSCode webview's CSS and should be skipped
b69ab31	23	* when running inside VSCode (by setting theme.resetCSS to '').
b69ab31	24	*/
b69ab31	25	// https://github.com/microsoft/vscode/blob/c90951b147164bb427d08f2c251666d5610076d3/src/vs/workbench/contrib/webview/browser/pre/index.html#L96-L98
b69ab31	26	export const DEFAULT_RESET_CSS = `
b69ab31	27	html {
b69ab31	28	--vscode-font-size: ${fontSize};
b69ab31	29	--vscode-font-family: ${fontFamily};
b69ab31	30	}
b69ab31	31
b69ab31	32	body {
b69ab31	33	font-family: var(--vscode-font-family);
b69ab31	34	font-size: var(--vscode-font-size);
b69ab31	35	}
b69ab31	36	`;