From 83d1a99608bacdab7bb1bbbd8b700a5a7a64fe3e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=A9r=C3=A9mie=20Astori?= Date: Wed, 3 Aug 2016 01:11:50 -0400 Subject: [PATCH] Set tooltip colors to be readable on both light and dark backgrounds --- client/css/style.css | 16 +++++++++------- 1 file changed, 9 insertions(+), 7 deletions(-) diff --git a/client/css/style.css b/client/css/style.css index 0a36f62e..7663d889 100644 --- a/client/css/style.css +++ b/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