diff --git a/src/setup/elements.css b/src/setup/elements.css index fca9767..83bbdad 100644 --- a/src/setup/elements.css +++ b/src/setup/elements.css @@ -10,10 +10,14 @@ abbr[data-tooltip] { a { color: var(--link-color); - &:hover { + &:hover, &:focus-visible { color: var(--link-color-hover); text-decoration: underline; } + + &:focus { + outline: 0; + } } b, diff --git a/src/variables.css b/src/variables.css index 0220285..ce39546 100644 --- a/src/variables.css +++ b/src/variables.css @@ -10,16 +10,13 @@ --background-color: theme('backgroundColor.body'); --text-color: theme('textColor.body'); - --heading-color: var(--blue-80); --selection-background: var(--blue-80); --selection-color: #fff; - + --ring-color: var(--blue-50); - /* Elements */ - /** Sets the default padding for controls like buttons and form inputs. */ --control-padding: 0.6em 1em;