Make focus ring nicer

This commit is contained in:
Lim Chee Aun 2022-12-30 23:09:25 +08:00
parent c0234dd26e
commit 2c970f635a
2 changed files with 6 additions and 0 deletions

View file

@ -343,6 +343,7 @@ a.mention span {
}
.status-link:is(:hover, :focus) {
background-color: var(--link-bg-hover-color);
outline-offset: -2px;
}
.status-link:active {
filter: brightness(0.95);

View file

@ -16,6 +16,7 @@
--link-light-color: #4169e199;
--link-faded-color: #4169e155;
--link-bg-hover-color: #f0f2f599;
--focus-ring-color: var(--link-color);
--button-bg-color: var(--blue-color);
--button-bg-blur-color: #4169e1aa;
--button-text-color: white;
@ -246,6 +247,10 @@ code {
outline: 0;
}
:not([tabindex='-1']):focus {
outline: 2px solid var(--focus-ring-color);
}
/* UTILS */
.ib {