Skip to content

Commit a4c0105

Browse files
committed
docs(theme): update theme
deprecated `lyTheme` BREAKING CHANGE: for theming use LyThemeModule or MinimaThemeModule To set a new theme you should import LyThemeModule example: LyThemeModule.setTheme('minima-dark') examples for child theme: Before: ```ts @NgModule({ ... LyCommonModule, // <-- theme, bg, color, raised & others }) ` ```html <element lyTheme="minima-dark"> ` After: import theme ```ts @NgModule({ ... LyCommonModule, // <-- bg, color, raised & others MinimaThemeModule // <-- themes }) ` ```html <element ly-theme-minima-dark> `
1 parent 45da187 commit a4c0105

11 files changed

+10
-130
lines changed

src/app/app.module.ts

+8-2
Original file line numberDiff line numberDiff line change
@@ -33,6 +33,8 @@ import { CardDemoBasicModule } from '@docs/components/card-demo/card-demo-basic/
3333
import { LyTypographyModule } from '@alyle/ui/typography';
3434
import { TypographyDemoComponent } from '@docs/components/typography-demo/typography-demo.component';
3535
import { TypographyDemoBasicModule } from '@docs/components/typography-demo/typography-demo-basic/typography-demo-basic.module';
36+
import { MultipleThemesComponent } from './components/multiple-themes/multiple-themes.component';
37+
import { MultipleThemesDemo01Module } from './components/multiple-themes/multiple-themes-demo-01/multiple-themes-demo-01.module';
3638

3739
const Quepal = {
3840
default: `linear-gradient(135deg,#11998e 0%,#38ef7d 100%)`,
@@ -70,6 +72,8 @@ export class MyCustomTheme extends LyThemeConfig {
7072
declarations: [
7173
AppComponent,
7274
TitleComponent,
75+
/** Customization */
76+
MultipleThemesComponent,
7377
/** Getting started */
7478
InstallationComponent,
7579
/** Components */
@@ -78,12 +82,14 @@ export class MyCustomTheme extends LyThemeConfig {
7882
],
7983
imports: [
8084
BrowserModule.withServerTransition({appId: '@alyle/ui'}),
85+
/** Customization */
86+
/** MultipleThemes >*/MultipleThemesDemo01Module,
8187
/** Layout */
8288
GridDemoModule,
8389
FlexDemoModule,
8490
ResponsiveDemoModule,
85-
/** CardDemo > **/CardDemoBasicModule,
86-
/** TypographyDemo > **/TypographyDemoBasicModule,
91+
/** CardDemo > */CardDemoBasicModule,
92+
/** TypographyDemo > */TypographyDemoBasicModule,
8793
CommonModule,
8894
FormsModule,
8995
HttpClientModule,

src/app/app.routing.ts

+2-1
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,12 @@ import { HomeModule } from './home/home.module';
44
import { InstallationComponent } from '@docs/getting-started/installation/installation.component';
55
import { CardDemoComponent } from '@docs/components/card-demo/card-demo.component';
66
import { TypographyDemoComponent } from '@docs/components/typography-demo/typography-demo.component';
7+
import { MultipleThemesComponent } from './components/multiple-themes/multiple-themes.component';
78

89
const routes: Routes = [
910
/** Customization */
1011
{ path: 'customization/theming', loadChildren: './components/theming/theming.module#ThemingModule' },
11-
{ path: 'customization/multiple-themes', loadChildren: './components/multiple-themes/multiple-themes.module#MultipleThemesModule' },
12+
{ path: 'customization/multiple-themes', component: MultipleThemesComponent },
1213
{ path: 'customization/bg-color', loadChildren: './components/bg-color-demo/bg-color-demo.module#BgColorDemoModule' },
1314
/** Components */
1415
{

src/app/components/multiple-themes/multiple-themes-demo-01/child-theme/child-theme.component.html

-4
This file was deleted.

src/app/components/multiple-themes/multiple-themes-demo-01/child-theme/child-theme.component.scss

Whitespace-only changes.

src/app/components/multiple-themes/multiple-themes-demo-01/child-theme/child-theme.component.spec.ts

-25
This file was deleted.

src/app/components/multiple-themes/multiple-themes-demo-01/child-theme/child-theme.component.ts

-19
This file was deleted.

src/app/components/multiple-themes/multiple-themes-demo-01/child-theme/child-theme.module.spec.ts

-13
This file was deleted.

src/app/components/multiple-themes/multiple-themes-demo-01/child-theme/child-theme.module.ts

-14
This file was deleted.

src/app/components/multiple-themes/multiple-themes-demo-01/multiple-themes-routing.module.ts

-14
This file was deleted.

src/app/components/multiple-themes/multiple-themes-routing.module.ts

-20
This file was deleted.

src/app/components/multiple-themes/multiple-themes.module.ts

-18
This file was deleted.

0 commit comments

Comments
 (0)