All files / src/designs material-design.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
 
 
 
 
1x
1x
 
1x
1x
 
1x
1x
 
1x
1x
 
1x
1x
 
1x
1x
 
1x
1x
 
1x
1x
 
1x
1x
 
1x
1x
1x
1x
1x
1x
1x
1x
1x
1x
 
import { Design } from './design';
import { swatches } from '../colors/swatches';
import { shadows } from '../colors/shadows';
 
export class MaterialDesign implements Design {
  public type = 'material';
 
  public appBackground = swatches.grey.p50;
  public appForeground = swatches.grey.p900;
 
  public controlBackground = swatches.white;
  public controlForeground = swatches.grey.p900;
 
  public primary = swatches.indigo.p500;
  public primaryForeground = swatches.white;
 
  public primaryLight = swatches.indigo.p100;
  public primaryLightForeground = swatches.grey.p500;
 
  public primaryDark = swatches.indigo.p700;
  public primaryDarkForeground = swatches.white;
 
  public accent = swatches.pink.a200;
  public accentForeground = swatches.white;
 
  public accentLight = swatches.pink.a100;
  public accentLightForeground = swatches.white;
 
  public accentDark = swatches.pink.a400;
  public accentDarkForeground = swatches.white;
 
  public elevationNone = shadows.depth_0;
  public elevation2dp = shadows.depth_2dp;
  public elevation3dp = shadows.depth_3dp;
  public elevation4dp = shadows.depth_4dp;
  public elevation6dp = shadows.depth_6dp;
  public elevation8dp = shadows.depth_8dp;
  public elevation16dp = shadows.depth_16dp;
  public elevation24dp = shadows.depth_24dp;
  public elevationFocus = shadows.depth_focus;
}