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 cd0219b71fc3b5a049e0205a2162aae3511c2463..2e1b31216d1bcd44a701466498bb174a8eaa1943 100644 (file)
--- 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 1ab3fba85f297f883d2a8483c83ed9b4ca8dc645..19fc48dabd7e46f8511f2340843f88c1ed2d0f39 100644 (file)
--- 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 40b4e69dc007f406bd0875e757b6924f531cf262..71eb2590c8ddbc1b2afa630580a1318220cd809b 100644 (file)
--- 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 800797c08409ebbfd7eeb74fa9d9c91c0544fa32..47abb23ed76a2e435e51be8243baef1599fe262c 100644 (file)
--- 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 d3b097e603b781060189d95e57c9c46251488fd3..0b4a2195ed2ffcc3a1db59606cce91a5798e3967 100644 (file)
--- 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;