From 8d532552b2081ba9cbee0f48ae786e826e094697 Mon Sep 17 00:00:00 2001 From: bryan-oginga Date: Thu, 2 Apr 2026 18:52:55 +0300 Subject: Improve dark mode logo focus indicator accessibility --- djangoproject/scss/_dark-mode.scss | 1 + djangoproject/scss/_style.scss | 7 ++++++- 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/djangoproject/scss/_dark-mode.scss b/djangoproject/scss/_dark-mode.scss index 1382a1f1..fe8d03ba 100644 --- a/djangoproject/scss/_dark-mode.scss +++ b/djangoproject/scss/_dark-mode.scss @@ -358,3 +358,4 @@ html[data-theme="light"] .admonition { opacity: 0.5; } } + diff --git a/djangoproject/scss/_style.scss b/djangoproject/scss/_style.scss index 581af11c..331cbe4a 100644 --- a/djangoproject/scss/_style.scss +++ b/djangoproject/scss/_style.scss @@ -505,6 +505,11 @@ header { @include respond-min(1080px) { margin-left: 10px; } + + &:focus { + outline: 2px solid var(--menu); + } + } .header-tools { @@ -1013,7 +1018,7 @@ footer { &:focus { outline: 2px solid var(--menu); - } + } } } -- cgit v1.3