多主题样式

src/theme/blue.theme.less

 
 .app-blue-theme{
     .view-container {
+        // 标题样式
         ion-title{
             --color: @color-primary-contrast;
             background-color:  @color-primary;
         }
-        .toolbar-left-bottons{
-            ion-button{
-                --color:#fff;
     }
+    // 底部菜单样式
+    ion-tab-bar{
+        ion-tab-button{
+            --color-selected: @color-primary;
         }
-        .toolbar-title-default{
-            ion-button{
-                --color:#fff;
     }
-        }
-        .toolbar-right-bottons{
     ion-button{
+        --background: @color-primary;
         --color:#fff;
     }
-        }
-    }
 }
\ No newline at end of file

src/theme/dark-blue.theme.less

 
 .dark-blue-heme{
     .view-container {
+        // 标题样式
         ion-title{
             --color: @color-primary-contrast;
-            background-color: @color-primary;
+            background-color: #5475ab;
         }
     }
+    // 底部菜单样式
+    ion-tab-bar{
+        ion-tab-button{
+            --color-selected: #5475ab;
+        }
+    }
+    ion-button{
+        --background:#5475ab;
+        --color:#fff;
+    }
 }

src/theme/default.theme.less

 
 .app-default-theme{
     .view-container {
+        // 标题样式
         ion-title{
             --color: @color-primary-contrast;
             background-color:  @color-primary;
         }
-        .toolbar-left-bottons{
-            ion-button{
-                --color:#fff;
     }
+    // 底部菜单样式
+    ion-tab-bar{
+        ion-tab-button{
+            --color-selected: @color-primary;
         }
-        .toolbar-title-default{
-            ion-button{
-                --color:#fff;
     }
-        }
-        .toolbar-right-bottons{
     ion-button{
+        --background: @color-primary;
         --color:#fff;
     }
-        }
-    }
 }
\ No newline at end of file