replace zxq.co/ripple/hanayo

semantic/src/themes/twitter/elements/button.overrides

@@ -0,0 +1,13 @@
+/*******************************
+           Overrides
+*******************************/
+
+.ui.primary.button {
+  box-shadow:
+    0px 0px 0px 1px #3B88C3 inset,
+    0 2px 0 rgba(255, 255, 255, 0.15) inset
+  ;
+}
+.ui.primary.button > .icon {
+  color: #FFFFFF;
+}

semantic/src/themes/twitter/elements/button.variables

@@ -0,0 +1,44 @@
+/*-------------------
+   Global Variables
+--------------------*/
+
+@pageFont: Helvetica Neue, Helvetica, Arial, sans-serif;
+@textColor: #66757F;
+@blue: #55ACEE;
+
+/*-------------------
+   Button Variables
+--------------------*/
+
+@backgroundColor: #F5F8FA;
+@backgroundImage: linear-gradient(@white, @backgroundColor);
+@color: #66757F;
+@borderBoxShadowColor: #E1E8ED;
+
+@textTransform: none;
+@fontWeight: bold;
+@textColor: #333333;
+
+@horizontalPadding: 1.284em;
+@verticalPadding: 0.8571em;
+
+@activeBackgroundColor: rgba(0, 0, 0, 0.1);
+
+@primaryColor: @blue;
+@coloredBackgroundImage: @subtleGradient;
+
+
+/*-------------------
+        States
+--------------------*/
+
+@hoverBackgroundColor: #E1E8ED;
+@hoverBackgroundImage: linear-gradient(@white, @hoverBackgroundColor);
+@hoverColor: #292F33;
+
+@downBackgroundColor: #E1E8ED;
+@downColor: #292F33;
+@downPressedShadow: 0px 1px 4px rgba(0, 0, 0, 0.2) inset;
+
+@labeledIconBackgroundColor: rgba(85, 172, 238, 0.05);
+@labeledIconBorder: rgba(0, 0, 0, 0.1);