From cb9ed02a31b7ea5c8ce8b0f54c5230d9a904739c Mon Sep 17 00:00:00 2001 From: Hao Kung Date: Thu, 8 Jul 2021 14:09:34 -0700 Subject: [PATCH] Accessibility: improve contrast tweaks (#34143) --- src/Identity/UI/src/wwwroot/V4/css/site.css | 15 +++++++-------- .../BlazorServerWeb-CSharp/wwwroot/css/site.css | 2 +- .../Client/wwwroot/css/app.css | 2 +- .../RazorPagesWeb-CSharp/wwwroot/css/site.css | 10 ++-------- .../StarterWeb-CSharp/wwwroot/css/site.css | 10 ++-------- .../StarterWeb-FSharp/wwwroot/css/site.css | 10 ++-------- 6 files changed, 15 insertions(+), 34 deletions(-) diff --git a/src/Identity/UI/src/wwwroot/V4/css/site.css b/src/Identity/UI/src/wwwroot/V4/css/site.css index d0420ca4fb74..b6d4494db858 100644 --- a/src/Identity/UI/src/wwwroot/V4/css/site.css +++ b/src/Identity/UI/src/wwwroot/V4/css/site.css @@ -7,9 +7,13 @@ a.navbar-brand { word-break: break-all; } -/* Provide sufficient contrast against white background */ a { - color: #0366d6; + color: #0077cc; +} + +.form-control:focus { + border-color: #0077cc; + box-shadow: 0 0 0 0.2rem #0077cc; } .btn-primary { @@ -28,8 +32,6 @@ a { outline: black auto 1px; } -/* Sticky footer styles --------------------------------------------------- */ html { font-size: 14px; } @@ -63,15 +65,12 @@ button.accept-policy { line-height: inherit; } -/* Sticky footer styles --------------------------------------------------- */ html { position: relative; min-height: 100%; } body { - /* Margin bottom by footer height */ margin-bottom: 60px; } .footer { @@ -80,5 +79,5 @@ body { width: 100%; overflow: scroll; white-space: nowrap; - line-height: 60px; /* Vertically center the text there */ + line-height: 60px; } diff --git a/src/ProjectTemplates/Web.ProjectTemplates/content/BlazorServerWeb-CSharp/wwwroot/css/site.css b/src/ProjectTemplates/Web.ProjectTemplates/content/BlazorServerWeb-CSharp/wwwroot/css/site.css index 3281f5f5aa65..3f367b8e89df 100644 --- a/src/ProjectTemplates/Web.ProjectTemplates/content/BlazorServerWeb-CSharp/wwwroot/css/site.css +++ b/src/ProjectTemplates/Web.ProjectTemplates/content/BlazorServerWeb-CSharp/wwwroot/css/site.css @@ -5,7 +5,7 @@ html, body { } a, .btn-link { - color: #0366d6; + color: #0077cc; } .btn-primary { diff --git a/src/ProjectTemplates/Web.ProjectTemplates/content/ComponentsWebAssembly-CSharp/Client/wwwroot/css/app.css b/src/ProjectTemplates/Web.ProjectTemplates/content/ComponentsWebAssembly-CSharp/Client/wwwroot/css/app.css index b6e17eec7e49..7561dce23e5e 100644 --- a/src/ProjectTemplates/Web.ProjectTemplates/content/ComponentsWebAssembly-CSharp/Client/wwwroot/css/app.css +++ b/src/ProjectTemplates/Web.ProjectTemplates/content/ComponentsWebAssembly-CSharp/Client/wwwroot/css/app.css @@ -5,7 +5,7 @@ html, body { } a, .btn-link { - color: #0366d6; + color: #0077cc; } .btn-primary { diff --git a/src/ProjectTemplates/Web.ProjectTemplates/content/RazorPagesWeb-CSharp/wwwroot/css/site.css b/src/ProjectTemplates/Web.ProjectTemplates/content/RazorPagesWeb-CSharp/wwwroot/css/site.css index e679a8ea7fb5..41726e4ac2a9 100644 --- a/src/ProjectTemplates/Web.ProjectTemplates/content/RazorPagesWeb-CSharp/wwwroot/css/site.css +++ b/src/ProjectTemplates/Web.ProjectTemplates/content/RazorPagesWeb-CSharp/wwwroot/css/site.css @@ -7,9 +7,8 @@ a.navbar-brand { word-break: break-all; } -/* Provide sufficient contrast against white background */ a { - color: #0366d6; + color: #0077cc; } .btn-primary { @@ -24,8 +23,6 @@ a { border-color: #1861ac; } -/* Sticky footer styles --------------------------------------------------- */ html { font-size: 14px; } @@ -51,15 +48,12 @@ button.accept-policy { line-height: inherit; } -/* Sticky footer styles --------------------------------------------------- */ html { position: relative; min-height: 100%; } body { - /* Margin bottom by footer height */ margin-bottom: 60px; } .footer { @@ -67,5 +61,5 @@ body { bottom: 0; width: 100%; white-space: nowrap; - line-height: 60px; /* Vertically center the text there */ + line-height: 60px; } diff --git a/src/ProjectTemplates/Web.ProjectTemplates/content/StarterWeb-CSharp/wwwroot/css/site.css b/src/ProjectTemplates/Web.ProjectTemplates/content/StarterWeb-CSharp/wwwroot/css/site.css index e679a8ea7fb5..41726e4ac2a9 100644 --- a/src/ProjectTemplates/Web.ProjectTemplates/content/StarterWeb-CSharp/wwwroot/css/site.css +++ b/src/ProjectTemplates/Web.ProjectTemplates/content/StarterWeb-CSharp/wwwroot/css/site.css @@ -7,9 +7,8 @@ a.navbar-brand { word-break: break-all; } -/* Provide sufficient contrast against white background */ a { - color: #0366d6; + color: #0077cc; } .btn-primary { @@ -24,8 +23,6 @@ a { border-color: #1861ac; } -/* Sticky footer styles --------------------------------------------------- */ html { font-size: 14px; } @@ -51,15 +48,12 @@ button.accept-policy { line-height: inherit; } -/* Sticky footer styles --------------------------------------------------- */ html { position: relative; min-height: 100%; } body { - /* Margin bottom by footer height */ margin-bottom: 60px; } .footer { @@ -67,5 +61,5 @@ body { bottom: 0; width: 100%; white-space: nowrap; - line-height: 60px; /* Vertically center the text there */ + line-height: 60px; } diff --git a/src/ProjectTemplates/Web.ProjectTemplates/content/StarterWeb-FSharp/wwwroot/css/site.css b/src/ProjectTemplates/Web.ProjectTemplates/content/StarterWeb-FSharp/wwwroot/css/site.css index e679a8ea7fb5..41726e4ac2a9 100644 --- a/src/ProjectTemplates/Web.ProjectTemplates/content/StarterWeb-FSharp/wwwroot/css/site.css +++ b/src/ProjectTemplates/Web.ProjectTemplates/content/StarterWeb-FSharp/wwwroot/css/site.css @@ -7,9 +7,8 @@ a.navbar-brand { word-break: break-all; } -/* Provide sufficient contrast against white background */ a { - color: #0366d6; + color: #0077cc; } .btn-primary { @@ -24,8 +23,6 @@ a { border-color: #1861ac; } -/* Sticky footer styles --------------------------------------------------- */ html { font-size: 14px; } @@ -51,15 +48,12 @@ button.accept-policy { line-height: inherit; } -/* Sticky footer styles --------------------------------------------------- */ html { position: relative; min-height: 100%; } body { - /* Margin bottom by footer height */ margin-bottom: 60px; } .footer { @@ -67,5 +61,5 @@ body { bottom: 0; width: 100%; white-space: nowrap; - line-height: 60px; /* Vertically center the text there */ + line-height: 60px; }