Revert "fixed shadowing, colors, alignments on mac"

This reverts commit a8c3d3f.

Fix #5005

less/button.less

@@ -58,7 +58,7 @@ span.browserButton,
     font-size: 0px;
     width: 24px;
     height: 100%;
-    opacity: 0.65;
+    opacity: 0.5;
     background: url('../img/icon_new_frame.svg') 50% 20% scroll / 20px no-repeat;
     &:hover {
       opacity: 0.8;

less/tabs.less

@@ -12,7 +12,6 @@
   overflow: auto;
   padding: 0 4px 0 0;
   height: @tabsToolbarHeight;
-  margin-top: 2px;
   position: relative;
   white-space: nowrap;
   z-index: @zindexTabs;
@@ -43,23 +42,22 @@
 }
 
 .tab {
-  // background: rgba(222, 222, 222, 0.6);
-    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1));
+  background: rgba(222, 222, 222, 0.6);
   border-radius: @borderRadiusTabs @borderRadiusTabs 0px 0px;
   border-width: 1px 1px 0;
   box-sizing: border-box;
   color: #3B3B3B;
   display: flex;
   height: 22px;
-  margin-top: 2px;
+  margin: 0;
   transition: transform 200ms ease;
   left: 0;
   opacity: 1.0;
   padding: 0;
   width: 100%;
   align-items: center;
   justify-content: center;
-  border: 1px solid rgba(0, 0, 0, 0.0);
+  border: 1px solid @chromeTertiary;
   border-bottom: 1px;
 
   .tabTitle {
@@ -117,7 +115,7 @@
   &.active {
       background: linear-gradient(to bottom, white, @chromePrimary, );
       height: 24px;
-      margin-top: 1px;
+      margin-top: -1px;
       box-shadow: inset 1px 1px 2px 0px white;
       box-shadow: 0px -1px 4px 0px rgba(51, 51, 51, 0.12);
       border: 1px solid #bbb;
@@ -143,7 +141,7 @@
   }
 
   &:not(.active):hover {
-    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(250, 250, 250, 0.4), );
+    background: linear-gradient(to bottom, white, @chromePrimary);
     &.private {
       background: lighten(@privateTabBackground, 20%);
     }
@@ -178,7 +176,7 @@
 .tabArea {
   box-sizing: border-box;
   display: inline-block;
-  padding: 0 4px 0 0;
+  padding: 0 2px 0 0;
   position: relative;
   vertical-align: top;
   overflow: hidden;
@@ -244,7 +242,6 @@
   background: @tabsBackground;
   display: flex;
   height: @tabsToolbarHeight;
-//  margin-top: 2px;
   -webkit-user-select: none;
 }
 
@@ -253,7 +250,7 @@
   padding-right: 2px;
   .browserButton {
     display: inline-block;
-    line-height: 26px;
+    line-height: 20px;
   }
 }
 
@@ -273,12 +270,11 @@
   }
 
   &.singlePage {
-    height: 1px;
+    height: 3px;
   }
 
   >div {
     display: flex
-//    margin-top: 4px;
   }
 }
 
@@ -290,7 +286,6 @@
   box-sizing: border-box;
   display: inline-block;
   margin: auto 2.5px;
-  margin-top: 3px;
   height: 6px;
   width: 36px;
   vertical-align: middle;
@@ -318,7 +313,7 @@
     color: #a0a0a0;
     font-size: 21px !important;
     height: 20px;
-    line-height: 19px !important;
+    line-height: 17px !important;
     text-align: center;
     vertical-align: top;
     margin-top: 2px;
@@ -351,7 +346,6 @@
 
 .pinnedTabs {
   margin-left: 9px;
-  margin-top: 2px;
 }
 
 .segmentedControl {

less/variables.less

@@ -64,8 +64,8 @@
 
 @navbarHeight: 36px;
 @downloadsBarHeight: 50px;
-@tabsToolbarHeight: 26px;
-@tabPagesHeight: 9px;
+@tabsToolbarHeight: 23px;
+@tabPagesHeight: 12px;
 @bookmarksToolbarHeight: 24px;
 @bookmarksToolbarWithFaviconsHeight: 28px;
 @bookmarksFileIconSize: 13px;

less/window.less

@@ -47,7 +47,7 @@ html,
 }
 
 .top {
-    background: linear-gradient(to bottom, #fbfbfb, #ededed, );
+    background: linear-gradient(to bottom, white, @chromeSecondary, );
 }
 
 .mainContainer {