public/css/tdro: Target focus headings and code block labels

2 files changed, 15 insertions, 1 deletions

diff --git a/public/css/tdro-dark.css b/public/css/tdro-dark.css
index 262be46..4d73c7e 100644
--- a/public/css/tdro-dark.css
+++ b/public/css/tdro-dark.css
@@ -18,14 +18,21 @@
 a {
   color: #75b2f0;
 }
-a:focus {
+
+a:focus,
+h1:target a,
+h2:target a,
+h3:target a,
+code-block[id^="code-block"]:target language-label a {
   color: #fff;
   background-color: #005d85;
 }
+
 a:hover img {
   outline: 6px dashed #75b2f0;
   box-shadow: none;
 }
+
 a:focus img {
   outline: 9px dashed #75b2f0;
 }
diff --git a/public/css/tdro.css b/public/css/tdro.css
index 7fabcaa..a3f066c 100644
--- a/public/css/tdro.css
+++ b/public/css/tdro.css
@@ -58,7 +58,11 @@ a:hover img {
   box-shadow: 0 8px 32px;
 }
 
+h1:target a,
+h2:target a,
+h3:target a,
 a:focus img,
+code-block[id^="code-block"]:target language-label a,
 :focus:not(article-thumbnail a):not(abstract-thumbnail a):not(figure
     > a):not(nav column-middle a):not(tile-item a),
 :focus-visible:not(article-thumbnail a):not(abstract-thumbnail a):not(figure
@@ -74,6 +78,9 @@ a:focus {
 }
 
 a:focus,
+h1:target a,
+h2:target a,
+h3:target a,
 code-block[id^="code-block"]:target language-label a {
   background-color: #ffeac2;
   color: #000;