From a5bd8b36b8b0ae938f6998fb393af3f390b55177 Mon Sep 17 00:00:00 2001
From: Matthew Hodgson <matthew@matrix.org>
Date: Wed, 19 Apr 2017 02:28:16 +0100
Subject: [PATCH] fix focus highlight on bright theme
---
.../css/matrix-react-sdk/views/elements/_AccessibleButton.scss | 2 +-
src/skins/vector/css/themes/_base.scss | 2 ++
src/skins/vector/css/themes/_dark.scss | 2 ++
3 files changed, 5 insertions(+), 1 deletion(-)
diff --git a/src/skins/vector/css/matrix-react-sdk/views/elements/_AccessibleButton.scss b/src/skins/vector/css/matrix-react-sdk/views/elements/_AccessibleButton.scss
index b82ebf01..41dd9769 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/elements/_AccessibleButton.scss
+++ b/src/skins/vector/css/matrix-react-sdk/views/elements/_AccessibleButton.scss
@@ -16,6 +16,6 @@ limitations under the License.
.mx_AccessibleButton:focus {
outline: 0;
- filter: brightness(200%);
+ filter: brightness($focus-brightness);
}
diff --git a/src/skins/vector/css/themes/_base.scss b/src/skins/vector/css/themes/_base.scss
index e105e7b4..b6011913 100644
--- a/src/skins/vector/css/themes/_base.scss
+++ b/src/skins/vector/css/themes/_base.scss
@@ -15,6 +15,8 @@ $accent-color: #76CFA6;
$selection-fg-color: $primary-bg-color;
+$focus-brightness: 125%;
+
// red warning colour
$warning-color: #ff0064;
diff --git a/src/skins/vector/css/themes/_dark.scss b/src/skins/vector/css/themes/_dark.scss
index 6d435fab..72c21b75 100644
--- a/src/skins/vector/css/themes/_dark.scss
+++ b/src/skins/vector/css/themes/_dark.scss
@@ -15,6 +15,8 @@ $accent-color: #76CFA6;
$selection-fg-color: $primary-fg-color;
+$focus-brightness: 200%;
+
// red warning colour
$warning-color: #ff0064;