主题样式

src/styles/default.less

 @import '../../node_modules/font-awesome/less/font-awesome.less';
-
+@import '../theme/blue.theme.less';
+@import '../theme/dark-blue.theme.less';
+@import '../theme/default.theme.less';
 .view-container {
     height: 100%;
     display: flex;
     flex-direction: column;
     position: relative;
-    .view-title{
-        background-color: @color-primary;
-        color: @color-tertiary-contrast;
-    }
     .view-header {
         position: absolute;
         top: 0;
         width: 100%;
         z-index: 1;
-
-        ion-buttons{
-            ion-button{
-                color: @color-tertiary-contrast;
-            }
-        }
-    
-
         .van-button{
             height: @nav-bar-height;
             line-height: @nav-bar-height;

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;
+            }    
+        }
+        .toolbar-title-default{
+            ion-button{
+                --color:#fff;
+            }  
+        }
+        .toolbar-right-bottons{
+            ion-button{
+                --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;
+        }
+    }
+}
\ No newline at end of file

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;
+            }    
+        }
+        .toolbar-title-default{
+            ion-button{
+                --color:#fff;
+            }  
+        }
+        .toolbar-right-bottons{
+            ion-button{
+                --color:#fff;
+            }    
+        }
+    }
+}
\ No newline at end of file