feat(theme): Implement MDC Theme - mdc-theme-dark directive.

Author: trimox

src/lib/index.ts

@@ -1,5 +1,6 @@
 import { NgModule } from '@angular/core';
 
+import { ThemeModule } from './theme';
 import { ButtonModule } from './button';
 import { CardModule } from './card';
 import { CheckboxModule } from './checkbox';
@@ -17,6 +18,7 @@ import { TextfieldModule } from './textfield';
 import { ToolbarModule } from './toolbar';
 import { TypographyModule } from './typography';
 
+export * from './theme';
 export * from './button';
 export * from './card';
 export * from './checkbox';
@@ -35,15 +37,16 @@ export * from './toolbar';
 export * from './typography';
 
 const MATERIAL_MODULES = [
+	ThemeModule,
 	ButtonModule,
 	CardModule,
 	CheckboxModule,
 	ElevationModule,
 	FabModule,
-	PlatformModule,
 	FormFieldModule,
 	LinearProgressModule,
 	MenuModule,
+	PlatformModule,
 	RadioModule,
 	RippleModule,
 	SnackbarModule,

src/lib/theme/index.ts

@@ -0,0 +1,13 @@
+import { NgModule } from '@angular/core';
+
+import { ThemeDark } from './theme-dark.directive';
+
+const THEME_DIRECTIVES = [
+  ThemeDark
+];
+
+@NgModule({
+  exports: [THEME_DIRECTIVES],
+  declarations: [THEME_DIRECTIVES],
+})
+export class ThemeModule { }

src/lib/theme/theme-dark.directive.ts

@@ -0,0 +1,11 @@
+import {
+  Directive,
+  HostBinding,
+} from '@angular/core';
+
+@Directive({
+  selector: '[mdc-theme-dark]'
+})
+export class ThemeDark {
+  @HostBinding('class.mdc-theme--dark') classThemeDark: string = 'mdc-theme--dark';
+}