diff --git a/frontend/assets/sass/styles.scss b/frontend/assets/sass/styles.scss index 03f9fdf..ba33b05 100644 --- a/frontend/assets/sass/styles.scss +++ b/frontend/assets/sass/styles.scss @@ -83,17 +83,17 @@ $border-radius: 6px; } .login { - input.button { - font-weight: 600; - padding: 10px 25px; - margin-top: 15px !important; - font-weight: 600; + input.button { + font-weight: 600; + padding: 10px 25px; + margin-top: 15px !important; + font-weight: 600; - @if ($theme == "light") { - background: $accent !important; - } else { - background: $light !important; - border-left: 7px solid $accent !important; + @if ($theme == "light") { + background: $accent !important; + } else { + background: $light !important; + border-left: 7px solid $accent !important; + } } - } } diff --git a/frontend/dist/styles.css b/frontend/dist/styles.css index 898190f..4422acd 100644 --- a/frontend/dist/styles.css +++ b/frontend/dist/styles.css @@ -9369,4 +9369,27 @@ textarea.form-control-lg { width: 100%; border-radius: 6px !important; } +} +/* Extra styling for the skip link when it becomes visible */ +.skip-link { + background-color: #0d6efd; /* Bootstrap primary */ + color: #fff; + padding: 0.5rem 1rem; + text-decoration: none; + position: absolute; + top: 0.5rem; + left: 0.5rem; + z-index: 1050; +} + +.skip-link:focus { + outline: 3px solid #ffc107; +} + +/* Highlight the "Customize Link" toggle when it has keyboard focus */ +.btn.btn-link:focus, +.btn.btn-link:focus-visible { + outline: 3px solid #ffc107 !important; + outline-offset: 2px; + box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5) !important; } \ No newline at end of file