UNPKG

943 BPlain TextView Raw
1import { css } from "lit";
2
3// We set font-size to 16px and all the mdc typography styles
4// because it defaults to rem, which means that the font-size
5// of the host website would influence the ESP Web Tools dialog.
6
7export const dialogStyles = css`
8 :host {
9 --roboto-font: Roboto, system-ui;
10 --text-color: rgba(0, 0, 0, 0.6);
11 --danger-color: #db4437;
12
13 --md-sys-color-primary: #03a9f4;
14 --md-sys-color-on-primary: #fff;
15 --md-ref-typeface-brand: var(--roboto-font);
16 --md-ref-typeface-plain: var(--roboto-font);
17
18 --md-sys-color-surface: #fff;
19 --md-sys-color-surface-container: #fff;
20 --md-sys-color-surface-container-high: #fff;
21 --md-sys-color-surface-container-highest: #f5f5f5;
22 --md-sys-color-secondary-container: #e0e0e0;
23
24 --md-sys-typescale-headline-font: var(--roboto-font);
25 --md-sys-typescale-title-font: var(--roboto-font);
26 }
27
28 a {
29 color: var(--md-sys-color-primary);
30 }
31`;