From 330ae471f1583daf2ec2508a2b101584a9346459 Mon Sep 17 00:00:00 2001
From: SansPseudoFix <spf@sanspseudofix.fr>
Date: Wed, 4 Mar 2015 11:03:44 +0100
Subject: [PATCH 1/4] Fix #5716 focus header link color

---
 app/assets/stylesheets/header.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/app/assets/stylesheets/header.scss b/app/assets/stylesheets/header.scss
index 7cbea8601..b305fad04 100644
--- a/app/assets/stylesheets/header.scss
+++ b/app/assets/stylesheets/header.scss
@@ -43,6 +43,11 @@ body > header {
       background: none;
       color: $highlight-white;
     }
+    &:focus {
+        color: $black;
+        outline: thin dotted;
+        text-decoration: none;
+    }
   }
 
   &.landing {

From 2b29bfe4039133b613eaac77c8931cc9b8b33dff Mon Sep 17 00:00:00 2001
From: SansPseudoFix <spf@sanspseudofix.fr>
Date: Wed, 4 Mar 2015 15:00:39 +0100
Subject: [PATCH 2/4] focus link grey with grey dots

---
 app/assets/stylesheets/header.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/header.scss b/app/assets/stylesheets/header.scss
index b305fad04..7ac0baf68 100644
--- a/app/assets/stylesheets/header.scss
+++ b/app/assets/stylesheets/header.scss
@@ -44,8 +44,8 @@ body > header {
       color: $highlight-white;
     }
     &:focus {
-        color: $black;
-        outline: thin dotted;
+        color: $highlight-white;
+        outline: thin dotted #CCC;
         text-decoration: none;
     }
   }

From f8b69ae7d711f8f6675667dd834979eb7a63fed1 Mon Sep 17 00:00:00 2001
From: SansPseudoFix <spf@sanspseudofix.fr>
Date: Wed, 4 Mar 2015 18:35:59 +0100
Subject: [PATCH 3/4] grey link with black grey dots border

---
 app/assets/stylesheets/header.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/header.scss b/app/assets/stylesheets/header.scss
index 7ac0baf68..dee1e7961 100644
--- a/app/assets/stylesheets/header.scss
+++ b/app/assets/stylesheets/header.scss
@@ -45,7 +45,7 @@ body > header {
     }
     &:focus {
         color: $highlight-white;
-        outline: thin dotted #CCC;
+        outline: thin dotted $border-dark-grey;
         text-decoration: none;
     }
   }

From 53ac63cafae0287322ca817177bd51f4dabb3639 Mon Sep 17 00:00:00 2001
From: SansPseudoFix <spf@sanspseudofix.fr>
Date: Wed, 4 Mar 2015 23:46:52 +0100
Subject: [PATCH 4/4] refactoring - grey link with dark grey dots for focus

---
 app/assets/stylesheets/header.scss | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/header.scss b/app/assets/stylesheets/header.scss
index dee1e7961..044580554 100644
--- a/app/assets/stylesheets/header.scss
+++ b/app/assets/stylesheets/header.scss
@@ -39,14 +39,13 @@ body > header {
     color: #CCC;
     color: rgb(147,147,147);
 
-    &:hover {
+    &:hover, &:focus {
       background: none;
       color: $highlight-white;
     }
     &:focus {
-        color: $highlight-white;
-        outline: thin dotted $border-dark-grey;
-        text-decoration: none;
+      outline: thin dotted $border-dark-grey;
+      text-decoration: none;
     }
   }