fix focus highlight on bright theme

2017-04-19 02:28:16 +01:00 · 2017-04-19 02:28:16 +01:00 · a5bd8b36b8
parent e780fe4067
commit a5bd8b36b8
3 changed files with 5 additions and 1 deletions
--- 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);
 }

--- 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;

--- 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;