From: Vladimír Vondruš <mosra@centrum.cz>
Date: Thu, 13 Sep 2018 17:17:00 +0000 (+0200)
Subject: css: style focused link/canvas/input outline.
X-Git-Url: https://www.chiark.greenend.org.uk/ucgi/~cjwatson/git?a=commitdiff_plain;h=086dcee0b52f4f538e86d6963f8e69395ba2b4c9;p=blog.git

css: style focused link/canvas/input outline.

Matches the current item color in top navbar.
---

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;