diff --git a/lib/Styles/Common/_controls.scss b/lib/Styles/Common/_controls.scss index 6240e1358..25c9e5c0e 100644 --- a/lib/Styles/Common/_controls.scss +++ b/lib/Styles/Common/_controls.scss @@ -19,5 +19,19 @@ scale-color($highlight_color, $alpha: -70%) ); } + + // FIXME: replace with accent color when we merge https://github.com/elementary/granite/pull/704 + &:focus-visible { + outline-color: #{'alpha(@BLUEBERRY_500, 0.5)'}; + outline-style: solid; + + @if $color-scheme == "light" { + outline-offset: -1px; + outline-width: calc(#{rem(2px)} + 1px); + } @else { + outline-offset: 0; + outline-width: 2px; + } + } }