mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-19 17:14:57 +00:00
d4e64ac438
* start custom theming adf * demo shell cleaning * login mdl cleaning * uploader mdl cleaning * prebuilt themes * theme picker in demo shell * clean custom colors and mdl * fix rebase errors * theming from color style guide * dev default theme orange purple * fix color accent inverted in picker * fix test and add colors classes * fix tag component theming issues * fix datatable theming * add theming guides
18 lines
861 B
HTML
18 lines
861 B
HTML
<button md-icon-button [md-menu-trigger-for]="themeMenu" mdTooltip="Select a theme!">
|
|
<md-icon>format_color_fill</md-icon>
|
|
</button>
|
|
|
|
<md-menu class="docs-theme-picker-menu" #themeMenu="mdMenu" x-position="before">
|
|
<md-list-item *ngFor="let theme of themes" md-menu-item (click)="installTheme(theme)" >
|
|
<md-icon md-list-icon [mdTooltip]="theme.name" class="docs-theme-chosen-icon" [style.color]="theme.accent"
|
|
[style.background]="theme.primary"
|
|
*ngIf="currentTheme === theme">check_circle
|
|
</md-icon>
|
|
<md-icon md-list-icon [mdTooltip]="theme.name" class="docs-theme-chosen-icon" [style.color]="theme.accent"
|
|
[style.background]="theme.primary"
|
|
*ngIf="currentTheme !== theme">invert_colors
|
|
</md-icon>
|
|
{{theme.name}}
|
|
</md-list-item>
|
|
</md-menu>
|