Skip to content
This repository has been archived by the owner on Mar 20, 2024. It is now read-only.

Commit

Permalink
feat(theming): support for custom hue values
Browse files Browse the repository at this point in the history
* Adds support for custom hue values when defining palettes.

Closes #22.
  • Loading branch information
Ramsus Tomi-Gottschau authored and devversion committed Nov 3, 2016
1 parent dbe6499 commit 0f4a675
Show file tree
Hide file tree
Showing 2 changed files with 27 additions and 10 deletions.
35 changes: 26 additions & 9 deletions lib/builders/ThemeBuilder.ts
Original file line number Diff line number Diff line change
Expand Up @@ -81,10 +81,10 @@ export class ThemeBuilder {

let themeRef = this._$mdThemingProvider
.theme(theme.name || 'default')
.primaryPalette(theme.primaryPalette)
.accentPalette(theme.accentPalette)
.warnPalette(theme.warnPalette)
.backgroundPalette(theme.backgroundPalette);
.primaryPalette(theme.primaryPalette, theme.primaryPaletteHues)
.accentPalette(theme.accentPalette, theme.accentPaletteHues)
.warnPalette(theme.warnPalette, theme.warnPaletteHues)
.backgroundPalette(theme.backgroundPalette, theme.backgroundPaletteHues);

if (theme.dark) {
themeRef.dark();
Expand Down Expand Up @@ -115,21 +115,38 @@ interface MdThemingProvider {

/** Angular Material Theme Builder interface */
interface MdThemeBuilder {
primaryPalette: (value) => MdThemeBuilder;
accentPalette: (value) => MdThemeBuilder;
warnPalette: (value) => MdThemeBuilder;
backgroundPalette: (value) => MdThemeBuilder;
primaryPalette: (name, hue?: MdThemeHues) => MdThemeBuilder;
accentPalette: (name, hue?: MdThemeHues) => MdThemeBuilder;
warnPalette: (name, hue?: MdThemeHues) => MdThemeBuilder;
backgroundPalette: (name, hue?: MdThemeHues) => MdThemeBuilder;
dark: () => MdThemeBuilder;
}

/** Angular Material Theme definition */
export interface MdTheme {
name?: string;
dark?: boolean;

// Primary Palette
primaryPalette?: string;
primaryPaletteHues?: MdThemeHues;

accentPalette?: string;
accentPaletteHues?: MdThemeHues;

warnPalette?: string;
warnPaletteHues?: MdThemeHues;

backgroundPalette?: string;
dark?: boolean;
backgroundPaletteHues?: MdThemeHues;
}

/** Angular Material Theme hue registry */
export interface MdThemeHues {
'default'?: string;
'hue-1'?: string;
'hue-2'?: string;
'hue-3'?: string;
}

/** Angular Material Palette registry */
Expand Down
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -56,4 +56,4 @@
"Paul Gschwendtner <paulgschwendtner@gmail.com>",
"Kristiyan Kostadinov <crisbeto@abv.bg> (http://crisbeto.com/)"
]
}
}

0 comments on commit 0f4a675

Please sign in to comment.