material.angular.io/src/_app-theme.scss at 05fed023abb93f89314a1a2fce4f45003f4813bb · riavalon/material.angular.io · GitHub

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
43
44
45
46
47
48
49
50
51
52
53
54
55
@import '../node_modules/@angular/material/theming';
@import './app/pages/homepage/homepage-theme';
@import './app/pages/component-sidenav/component-sidenav-theme';
@import './app/pages/component-viewer/component-viewer-theme';
@import './app/pages/component-list/component-list-theme';
@import './app/pages/component-category-list/component-category-list-theme';
@import './app/pages/guide-list/guide-list-theme';

@import './styles/api-theme';
@import './styles/markdown-theme';
@import './styles/tables-theme';
@import './app/shared/navbar/navbar-theme';
@import './app/shared/example-viewer/example-viewer-theme';
@import './app/shared/footer/footer-theme';


// Styles for the docs app that are based on the current theme.
@mixin material-docs-app-theme($theme) {
  $primary: map-get($theme, primary);
  $accent: map-get($theme, accent);
  $warn: map-get($theme, warn);
  $background: map-get($theme, background);
  $foreground: map-get($theme, foreground);

  .docs-app-background {
    background: mat-color($background, background);
  }

  .docs-primary-header {
    background: mat-color($primary);

    h1 {
      color: mat-color($primary, default-contrast);
    }
  }

  .docs-footer {
    background: mat-color($primary);
    color: mat-color($primary, default-contrast);
  }

  @include docs-site-api-theme($theme);
  @include docs-site-markdown-theme($theme);
  @include docs-site-tables-theme($theme);
  @include nav-bar-theme($theme);
  @include component-viewer-sidenav-theme($theme);
  @include home-page-theme($theme);
  @include component-viewer-theme($theme);
  @include component-list-theme($theme);
  @include component-category-list-theme($theme);
  @include nav-bar-theme($theme);
  @include example-viewer-theme($theme);
  @include footer-theme($theme);
  @include guide-list-theme($theme);
}