Set tooltip colors to be readable on both light and dark backgrounds

client/css/style.css

@@ -1373,7 +1373,7 @@ button {
 	padding: 5px 8px;
 	font: 12px Lato;
 	line-height: 1.2;
-	color: #262c36;
+	color: #fff;
 	text-align: center;
 	text-decoration: none;
 	text-shadow: none;
@@ -1383,7 +1383,7 @@ button {
 	white-space: pre;
 	pointer-events: none;
 	content: attr(aria-label);
-	background: #fff;
+	background: #222;
 	border-radius: 3px;
 	-webkit-font-smoothing: subpixel-antialiased;
 	transition: .2s;
@@ -1397,7 +1397,7 @@ button {
 	opacity: 0;
 	width: 0;
 	height: 0;
-	color: #262c36;
+	color: #fff;
 	pointer-events: none;
 	content: "";
 	border: 5px solid transparent;
@@ -1430,7 +1430,7 @@ button {
 	right: 50%;
 	bottom: -5px;
 	margin-right: -5px;
-	border-bottom-color: #fff;
+	border-bottom-color: #222;
 }
 
 .tooltipped-se:after {
@@ -1458,7 +1458,7 @@ button {
 	right: 50%;
 	bottom: auto;
 	margin-right: -5px;
-	border-top-color: #fff;
+	border-top-color: #222;
 }
 
 .tooltipped-ne:after {
@@ -1492,7 +1492,7 @@ button {
 	bottom: 50%;
 	left: -5px;
 	margin-top: -5px;
-	border-left-color: #fff;
+	border-left-color: #222;
 }
 
 .tooltipped-e:after {
@@ -1509,9 +1509,11 @@ button {
 	right: -5px;
 	bottom: 50%;
 	margin-top: -5px;
-	border-right-color: #fff;
+	border-right-color: #222;
 }
 
+/* End tooltips */
+
 /**
   * IRC Message Styling
   * https://github.com/megawac/irc-style-parser