skills/angular__angular
1
0
Fork 0
mirror of https://github.com/angular/angular.git synced 2026-09-14 13:54:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore(theming): clean up prebuilts, add pink-bluegrey (#1315)

Browse Source
This commit is contained in:
Jeremy Elbourn
2016-09-23 15:42:11 -07:00
committed by Kara
parent 3e8b9d9d80
commit 10eea20feb
4 changed files with 35 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/core/theming/prebuilt/deeppurple-amber.scss
+7 -10
View File
@@ -1,17 +1,14 @@
@import '../theming';
@import '../all-theme';
@import '../palette';
@import '../../core';
$primary: md-palette($md-deep-purple);
$accent: md-palette($md-amber, A200, A100, A400);
$warn: md-palette($md-red);
$theme: md-light-theme($primary, $accent, $warn);
// Include non-theme styles for core.
@include md-core();
// Include all theme-styles for the components based on the current theme.
// Define a theme.
$primary: md-palette($md-deep-purple);
$accent: md-palette($md-amber, A200, A100, A400);
$theme: md-light-theme($primary, $accent);
// Include all theme styles for the components.
@include angular-material-theme($theme);
src/lib/core/theming/prebuilt/indigo-pink.scss
+7 -22
View File
@@ -1,29 +1,14 @@
@import '../theming';
@import '../all-theme';
@import '../palette';
@import '../../core';
$primary: md-palette($md-indigo);
$accent: md-palette($md-pink, A200, A100, A400);
$warn: md-palette($md-red);
$theme: md-light-theme($primary, $accent, $warn);
// Include non-theme styles for core.
@include md-core();
// Include all theme-styles for the components based on the current theme.
// Define a theme.
$primary: md-palette($md-indigo);
$accent: md-palette($md-pink, A200, A100, A400);
$theme: md-light-theme($primary, $accent);
// Include all theme styles for the components.
@include angular-material-theme($theme);
.my-app-dark-theme {
$dark-primary: md-palette($md-blue-grey);
$dark-accent: md-palette($md-amber, A200, A100, A400);
$dark-warn: md-palette($md-deep-orange);
$dark-theme: md-dark-theme($dark-primary, $dark-accent, $dark-warn);
// Include all theme-styles for the components based on the current theme.
@include angular-material-theme($dark-theme);
}
src/lib/core/theming/prebuilt/pink-bluegrey.scss
+14
View File
@@ -0,0 +1,14 @@
@import '../all-theme';
// Include non-theme styles for core.
@include md-core();
// Define a theme.
$primary: md-palette($md-pink, 700, 500, 900);
$accent: md-palette($md-blue-grey, A200, A100, A400);
$theme: md-dark-theme($primary, $accent);
// Include all theme styles for the components.
@include angular-material-theme($theme);
src/lib/core/theming/prebuilt/purple-green.scss
+7 -10
View File
@@ -1,17 +1,14 @@
@import '../theming';
@import '../all-theme';
@import '../palette';
@import '../../core';
$primary: md-palette($md-purple, 700, 500, 800);
$accent: md-palette($md-green, A200, A100, A400);
$warn: md-palette($md-red);
$theme: md-dark-theme($primary, $accent, $warn);
// Include non-theme styles for core.
@include md-core();
// Include all theme-styles for the components based on the current theme.
// Define a theme.
$primary: md-palette($md-purple, 700, 500, 800);
$accent: md-palette($md-green, A200, A100, A400);
$theme: md-dark-theme($primary, $accent);
// Include all theme styles for the components.
@include angular-material-theme($theme);