better colours for , fix button style

Author: jdub

web/desktop.scss

@@ -116,12 +116,7 @@ body {
 	left: 137px; /* dbyhead.png width plus 10px #dbyhead padding */
 	height: 26px;
 	margin: 9px 10px;
-	-webkit-box-shadow: 2px 2px 10px -2px rgba(0, 0, 0, 0);
-	-moz-box-shadow: 2px 2px 10px -2px rgba(0, 0, 0, 0);
-	box-shadow: 2px 2px 10px -2px rgba(0, 0, 0, 0);
-	-webkit-border-radius: 5px;
-	-moz-border-radius: 5px;
-	border-radius: 5px;
+	@include border-radius(5px);
 	border: 1px solid #999;
 	background: #fff;
 	padding: 0;
@@ -163,19 +158,22 @@ body {
 	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
 	font-weight: bold;
 	font-size: 14px;
-	color: #555;
 	@include text-shadow(#fff, 1px, 1px, 2px);
-	.warning {
-		color: darkOrange; // FIXME: better colour!
+	color: #555;
+
+	&.warning {
+		color: #cd6600;
 	}
-	.toomany {
-		color: red; // FIXME: better colour!
+	&.toomany {
+		color: #8b0000;
 	}
 }
+
 #tweet {
 	height: 22px;
 	margin: 2px;
 	padding: 1px 6px;
+	opacity: 1;
 }
 
 #status-update.expanded {
@@ -194,6 +192,12 @@ body {
 	@include linear-gradient(color-stops(#e4e4e4, #d7d7d7));
 }
 .expanded #tweet {
+	border-color: #c6c6c6;
+	background: #fafafa;
+	@include linear-gradient(color-stops(#fff, #e4e4e4));
+}
+.expanded #tweet.ui-button-disabled {
+	background: #e6e6e6 !important;
 }
 .expanded #chars {
 	@include inline-block;