如何在 angular material 中将主题添加到 div

Question

这是需要更改的代码 class="header1 fuse-navy-600">

  <div class="container-fluid">

            <div class="main-card">


                <div class="header1 fuse-navy-600">
                    <div class="title1">
                        <mat-icon class="logo-icon s-32 mr-16 mat-icon material-icons ng-trigger ng-trigger-animate"
                            role="img" aria-hidden="true">shopping_basket
                        </mat-icon>
                        {{ title }}
                    </div>
                    <div class="mode-container" *ngIf="processedEntryForm && myForm">
                        <span class="mode">
                            <p class="mode-text">Mode: {{ eventType.valueOf() |
                            titlecase }}</p>
                            <mat-icon class="mat-icon-mode" *ngIf="eventCode == 'VIEW'">visibility
                            </mat-icon>
                            <mat-icon class="mat-icon-mode" *ngIf="eventCode == 'DELETE'"
                                aria-label="Example icon-button with a heart icon">delete_outline </mat-icon>
                            <mat-icon class="mat-icon-mode" *ngIf="eventCode == 'MODIFY'"
                                aria-label="Example icon-button with a heart icon">create
                            </mat-icon>
                            <mat-icon class="mat-icon-mode" *ngIf="eventCode == 'PROCESSPENDING' || eventCode == 'PROCESS' ">build</mat-icon>

                            <mat-icon class="mat-icon-mode" *ngIf="eventCode == 'ADD'">add</mat-icon>
                        </span>
                    </div>
                </div>

enter image description here 我如何将主题添加到 div 并能够更改 header fuse-navy-600 颜色

Answer 1

根据我在最新 Fuse 主题的文档中看到的内容，该主题使用 Tailwind CSS (http://angular-material.fusetheme.com/ui/colors) 来更改 div 的 background-color对于原色，可以将html中的fuse-navy-600class替换为bg-primary。如果你想选择一个特定的主色色调，你可以这样指定：bg-primary-300

如何在 angular material 中将主题添加到 div

how to add theme to div in angular material

css

angular-material

angular