From e923847dac54f7996e71782ab00019e92334e464 Mon Sep 17 00:00:00 2001
From: Luke Barnard <lukeb@openmarket.com>
Date: Mon, 24 Jul 2017 14:49:43 +0100
Subject: [PATCH] Make user mentions more pill-like
By adding subtle background-colors
---
.../vector/css/matrix-react-sdk/views/elements/_RichText.scss | 2 ++
src/skins/vector/css/themes/_base.scss | 1 +
src/skins/vector/css/themes/_dark.scss | 2 ++
3 files changed, 5 insertions(+)
diff --git a/src/skins/vector/css/matrix-react-sdk/views/elements/_RichText.scss b/src/skins/vector/css/matrix-react-sdk/views/elements/_RichText.scss
index 788955e3..55faab84 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/elements/_RichText.scss
+++ b/src/skins/vector/css/matrix-react-sdk/views/elements/_RichText.scss
@@ -14,6 +14,8 @@
.mx_EventTile_content .markdown-body a.mx_UserPill,
.mx_UserPill {
color: $primary-fg-color;
+ background-color: $other-user-pill-bg-color;
+ padding-right: 5px;
}
.mx_EventTile_highlight .mx_EventTile_content .markdown-body a.mx_UserPill_me {
diff --git a/src/skins/vector/css/themes/_base.scss b/src/skins/vector/css/themes/_base.scss
index 545334d3..6f613e38 100644
--- a/src/skins/vector/css/themes/_base.scss
+++ b/src/skins/vector/css/themes/_base.scss
@@ -20,6 +20,7 @@ $focus-brightness: 125%;
// red warning colour
$warning-color: #ff0064;
$mention-user-pill-bg-color: #ff0064;
+$other-user-pill-bg-color: rgba(0, 0, 0, 0.1);
$preview-bar-bg-color: #f7f7f7;
diff --git a/src/skins/vector/css/themes/_dark.scss b/src/skins/vector/css/themes/_dark.scss
index fe2e7591..f92c89bd 100644
--- a/src/skins/vector/css/themes/_dark.scss
+++ b/src/skins/vector/css/themes/_dark.scss
@@ -20,6 +20,8 @@ $focus-brightness: 200%;
// red warning colour
$warning-color: #ff0064;
+$other-user-pill-bg-color: rgba(255, 255, 255, 0.15);
+
$preview-bar-bg-color: #333;
// left-panel style muted accent color