diff --git a/view/theme/quattro/dark/colors.less b/view/theme/quattro/dark/colors.less
index 097e971ab2..442a34e853 100644
--- a/view/theme/quattro/dark/colors.less
+++ b/view/theme/quattro/dark/colors.less
@@ -20,10 +20,10 @@
 @Purple1:rgb(241,202,255);
 @Purple2:rgb(215,108,255);
 @Purple3:rgb(186,0,255);
-@Metalic1:rgb(189,205,212);
-@Metalic2:rgb(158,171,176);
-@Metalic3:rgb(54,78,89);
-@Metalic4:rgb(14,35,46);
+@Metallic1:rgb(189,205,212);
+@Metallic2:rgb(158,171,176);
+@Metallic3:rgb(54,78,89);
+@Metallic4:rgb(14,35,46);
 @Grey1:rgb(255,255,255);
 @Grey2:rgb(204,204,204);
 @Grey3:rgb(153,153,153);
@@ -45,28 +45,28 @@
 
 @Banner: @Grey1;
 
-@NavbarBackground:@Metalic4;
-@NavbarSelectedBg:@Metalic3;
-@NavbarSelectedBorder: @Metalic2;
+@NavbarBackground:@Metallic4;
+@NavbarSelectedBg:@Metallic3;
+@NavbarSelectedBorder: @Metallic2;
 @NavbarNotifBg: @Blue1;
 
 @Menu: @Grey5;
 @MenuBg: @Grey1;
-@MenuBorder: @Metalic3;
+@MenuBorder: @Metallic3;
 @MenuItem: @Grey5;
-@MenuItemHoverBg: @Metalic1;
-@MenuItemSeparator: @Metalic2;
-@MenuEmpty: @Metalic2;
-@MenuItemDetail: @Metalic2;
+@MenuItemHoverBg: @Metallic1;
+@MenuItemSeparator: @Metallic2;
+@MenuEmpty: @Metallic2;
+@MenuItemDetail: @Metallic2;
 
-@AsideBorder: @Metalic1;
+@AsideBorder: @Metallic1;
 @AsideConnect: @Grey1;
 @AsideConnectBg: @Blue3;
 @AsideConnectHoverBg: @Blue1;
 @VCardLabelColor: @Grey3;
 
 @InfoColor: @Grey1;
-@InfoBackgroundColor: @Metalic3;
+@InfoBackgroundColor: @Metallic3;
 
 @NoticeColor: @Grey1;
 @NoticeBackgroundColor: #511919;
@@ -91,14 +91,14 @@
 @TagColor: @Grey1;
 @MentionColor: @Grey4;
 
-@JotToolsBackgroundColor: @Metalic4;
-@JotToolsBorderColor: @Metalic2;
-@JotToolsOverBackgroundColor: @Metalic3;
-@JotToolsOverBorderColor: @Metalic1;
+@JotToolsBackgroundColor: @Metallic4;
+@JotToolsBorderColor: @Metallic2;
+@JotToolsOverBackgroundColor: @Metallic3;
+@JotToolsOverBorderColor: @Metallic1;
 @JotToolsText: @Grey2;
 @JotSubmitBackgroundColor: @Grey2;
 @JotSubmitText: @Grey4;
-@JotSubmitOverBackgroundColor: @Metalic1;
+@JotSubmitOverBackgroundColor: @Metallic1;
 @JotSubmitOverText: @Grey4;
 @JotPermissionUnlockBackgroundColor: @Grey2;
 @JotPermissionLockBackgroundColor: @Grey4;
diff --git a/view/theme/quattro/green/colors.less b/view/theme/quattro/green/colors.less
index 5f17bca780..e115b33a5b 100644
--- a/view/theme/quattro/green/colors.less
+++ b/view/theme/quattro/green/colors.less
@@ -21,10 +21,10 @@
 @Purple1:rgb(241,202,255);
 @Purple2:rgb(215,108,255);
 @Purple3:rgb(186,0,255);
-@Metalic1:rgb(189,205,212);
-@Metalic2:rgb(158,171,176);
-@Metalic3:rgb(54,78,89);
-@Metalic4:rgb(14,35,46);
+@Metallic1:rgb(189,205,212);
+@Metallic2:rgb(158,171,176);
+@Metallic3:rgb(54,78,89);
+@Metallic4:rgb(14,35,46);
 @Grey1:rgb(255,255,255);
 @Grey2:rgb(204,204,204);
 @Grey3:rgb(153,153,153);
@@ -47,27 +47,27 @@
 @Banner: @Grey1;
 
 @NavbarBackground:@Green3;
-@NavbarSelectedBg:@Metalic3;
-@NavbarSelectedBorder: @Metalic2;
+@NavbarSelectedBg:@Metallic3;
+@NavbarSelectedBorder: @Metallic2;
 @NavbarNotifBg: @Red2;
 
 @Menu: @Grey5;
 @MenuBg: @Grey1;
-@MenuBorder: @Metalic3;
+@MenuBorder: @Metallic3;
 @MenuItem: @Grey5;
 @MenuItemHoverBg: @Green1;
-@MenuItemSeparator: @Metalic2;
-@MenuEmpty: @Metalic2;
-@MenuItemDetail: @Metalic2;
+@MenuItemSeparator: @Metallic2;
+@MenuEmpty: @Metallic2;
+@MenuItemDetail: @Metallic2;
 
-@AsideBorder: @Metalic1;
+@AsideBorder: @Metallic1;
 @AsideConnect: @Grey1;
 @AsideConnectBg: @Green3;
 @AsideConnectHoverBg: @Green1;
 @VCardLabelColor: @Grey3;
 
 @InfoColor: @Grey1;
-@InfoBackgroundColor: @Metalic3;
+@InfoBackgroundColor: @Metallic3;
 
 @NoticeColor: @Grey1;
 @NoticeBackgroundColor: #511919;
@@ -90,9 +90,9 @@
 @MentionColor: @Grey4;
 
 @JotToolsBackgroundColor: @Green3;
-@JotToolsBorderColor: @Metalic2;
+@JotToolsBorderColor: @Metallic2;
 @JotToolsOverBackgroundColor: @Green2;
-@JotToolsOverBorderColor: @Metalic1;
+@JotToolsOverBorderColor: @Metallic1;
 @JotToolsText: @Grey5;
 @JotSubmitBackgroundColor: @Grey2;
 @JotSubmitText: @Grey4;
diff --git a/view/theme/quattro/lilac/colors.less b/view/theme/quattro/lilac/colors.less
index 36584e53cf..37285074cb 100644
--- a/view/theme/quattro/lilac/colors.less
+++ b/view/theme/quattro/lilac/colors.less
@@ -21,10 +21,10 @@
 @Purple1:rgb(241,202,255);
 @Purple2:rgb(215,108,255);
 @Purple3:rgb(186,0,255);
-@Metalic1:rgb(189,205,212);
-@Metalic2:rgb(158,171,176);
-@Metalic3:rgb(54,78,89);
-@Metalic4:rgb(14,35,46);
+@Metallic1:rgb(189,205,212);
+@Metallic2:rgb(158,171,176);
+@Metallic3:rgb(54,78,89);
+@Metallic4:rgb(14,35,46);
 @Grey1:rgb(255,255,255);
 @Grey2:rgb(204,204,204);
 @Grey3:rgb(153,153,153);
@@ -53,26 +53,26 @@
 
 @NavbarBackground:@lilacDark;
 @NavbarSelectedBg:@lilacComp;
-@NavbarSelectedBorder: @Metalic2;
+@NavbarSelectedBorder: @Metallic2;
 @NavbarNotifBg: @lilac;
 
 @Menu: @Grey5;
 @MenuBg: @Grey1;
-@MenuBorder: @Metalic3;
+@MenuBorder: @Metallic3;
 @MenuItem: @Grey5;
 @MenuItemHoverBg: @lilacBright;
-@MenuItemSeparator: @Metalic2;
-@MenuEmpty: @Metalic2;
-@MenuItemDetail: @Metalic2;
+@MenuItemSeparator: @Metallic2;
+@MenuEmpty: @Metallic2;
+@MenuItemDetail: @Metallic2;
 
-@AsideBorder: @Metalic1;
+@AsideBorder: @Metallic1;
 @AsideConnect: @Grey1;
 @AsideConnectBg: @lilacDark;
 @AsideConnectHoverBg: @lilac;
 @VCardLabelColor: @Grey3;
 
 @InfoColor: @Grey1;
-@InfoBackgroundColor: @Metalic3;
+@InfoBackgroundColor: @Metallic3;
 
 @NoticeColor: @Grey1;
 @NoticeBackgroundColor: #511919;
@@ -95,9 +95,9 @@
 @MentionColor: @Grey4;
 
 @JotToolsBackgroundColor: @lilacDark;
-@JotToolsBorderColor: @Metalic2;
+@JotToolsBorderColor: @Metallic2;
 @JotToolsOverBackgroundColor: @lilac;
-@JotToolsOverBorderColor: @Metalic1;
+@JotToolsOverBorderColor: @Metallic1;
 @JotToolsText: @Grey2;
 @JotSubmitBackgroundColor: @Grey2;
 @JotSubmitText: @Grey4;
diff --git a/view/theme/quattro/quattro.less b/view/theme/quattro/quattro.less
index 8163e14ba8..d5eed9aee5 100644
--- a/view/theme/quattro/quattro.less
+++ b/view/theme/quattro/quattro.less
@@ -724,7 +724,7 @@ section {
 .wwto {
         position: absolute !important;
         background: #FFFFFF;
-        border: 2px solid @Metalic3;
+        border: 2px solid @Metallic3;
         height: 25px;
         width: 25px;
         overflow: hidden;