From ec4ef9062c69c3b035b8d668c7a92e3441314ff6 Mon Sep 17 00:00:00 2001 From: codedust Date: Wed, 2 Sep 2015 20:47:32 +0200 Subject: [PATCH] Fix text color and text selection color of outgoing links This will change the text color of outgoing links from blue to gray to increase the contrast to the background color of the outgoing message bubble. Also, the text selection color of these links will be the same as for normal text. --- stylesheets/_conversation.scss | 8 ++++++-- stylesheets/manifest.css | 13 +++++++++---- 2 files changed, 15 insertions(+), 6 deletions(-) diff --git a/stylesheets/_conversation.scss b/stylesheets/_conversation.scss index d67ea3167..48d489249 100644 --- a/stylesheets/_conversation.scss +++ b/stylesheets/_conversation.scss @@ -239,12 +239,16 @@ } .content { - &::selection { + a { + color: $grey_l; + } + + &::selection, a::selection { color: $grey_d; background: white; } - &::-moz-selection { + &::-moz-selection, a::-moz-selection { color: $grey_d; background: white; } diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css index a48b831e9..1cccbac18 100644 --- a/stylesheets/manifest.css +++ b/stylesheets/manifest.css @@ -669,12 +669,17 @@ input.search { .message-list .outgoing .bubble::after { right: -8px; border-left: 8px solid #2090ea; } - .message-detail .outgoing .bubble .content::selection, - .message-list .outgoing .bubble .content::selection { + .message-detail .outgoing .bubble .content a, + .message-list .outgoing .bubble .content a { + color: #f3f3f3; } + .message-detail .outgoing .bubble .content::selection, .message-detail .outgoing .bubble .content a::selection, + .message-list .outgoing .bubble .content::selection, + .message-list .outgoing .bubble .content a::selection { color: #454545; background: white; } - .message-detail .outgoing .bubble .content::-moz-selection, - .message-list .outgoing .bubble .content::-moz-selection { + .message-detail .outgoing .bubble .content::-moz-selection, .message-detail .outgoing .bubble .content a::-moz-selection, + .message-list .outgoing .bubble .content::-moz-selection, + .message-list .outgoing .bubble .content a::-moz-selection { color: #454545; background: white; } .message-detail .control .bubble .content,