From 086dcee0b52f4f538e86d6963f8e69395ba2b4c9 Mon Sep 17 00:00:00 2001
From: =?utf8?q?Vladim=C3=ADr=20Vondru=C5=A1?= <mosra@centrum.cz>
Date: Thu, 13 Sep 2018 19:17:00 +0200
Subject: [PATCH] css: style focused link/canvas/input outline.

Matches the current item color in top navbar.
---
 css/m-components.css             | 3 +++
 css/m-dark+doxygen.compiled.css  | 1 +
 css/m-dark.compiled.css          | 1 +
 css/m-light+doxygen.compiled.css | 1 +
 css/m-light.compiled.css         | 1 +
 5 files changed, 7 insertions(+)

diff --git a/css/m-components.css b/css/m-components.css
index cd0219b7..2e1b3121 100644
--- a/css/m-components.css
+++ b/css/m-components.css
@@ -132,6 +132,9 @@ code.m-console {
   background-color: var(--console-background-color);
 }
 
+/* Focus outline on link, canvas and input: match the focused header item. */
+*:focus { outline-color: var(--header-link-current-color); }
+
 /* Utility */
 div.m-scroll {
   max-width: 100%;
diff --git a/css/m-dark+doxygen.compiled.css b/css/m-dark+doxygen.compiled.css
index 1ab3fba8..19fc48da 100644
--- a/css/m-dark+doxygen.compiled.css
+++ b/css/m-dark+doxygen.compiled.css
@@ -490,6 +490,7 @@ code {
 code.m-console {
   background-color: #000000;
 }
+*:focus { outline-color: #5b9dd9; }
 div.m-scroll {
   max-width: 100%;
   overflow-x: auto;
diff --git a/css/m-dark.compiled.css b/css/m-dark.compiled.css
index 40b4e69d..71eb2590 100644
--- a/css/m-dark.compiled.css
+++ b/css/m-dark.compiled.css
@@ -490,6 +490,7 @@ code {
 code.m-console {
   background-color: #000000;
 }
+*:focus { outline-color: #5b9dd9; }
 div.m-scroll {
   max-width: 100%;
   overflow-x: auto;
diff --git a/css/m-light+doxygen.compiled.css b/css/m-light+doxygen.compiled.css
index 800797c0..47abb23e 100644
--- a/css/m-light+doxygen.compiled.css
+++ b/css/m-light+doxygen.compiled.css
@@ -490,6 +490,7 @@ code {
 code.m-console {
   background-color: #000000;
 }
+*:focus { outline-color: #ea7944; }
 div.m-scroll {
   max-width: 100%;
   overflow-x: auto;
diff --git a/css/m-light.compiled.css b/css/m-light.compiled.css
index d3b097e6..0b4a2195 100644
--- a/css/m-light.compiled.css
+++ b/css/m-light.compiled.css
@@ -490,6 +490,7 @@ code {
 code.m-console {
   background-color: #000000;
 }
+*:focus { outline-color: #ea7944; }
 div.m-scroll {
   max-width: 100%;
   overflow-x: auto;
-- 
2.30.2