new focus-visible just dropped
This commit is contained in:
parent
070332f12a
commit
09f4613570
1 changed files with 18 additions and 5 deletions
|
@ -108,11 +108,6 @@ body {
|
|||
color: var(--normal-text);
|
||||
}
|
||||
|
||||
/*iffy if this should be here but it doesn't mess with the layout so I'll allow it*/
|
||||
:focus-visible {
|
||||
outline: 2px solid var(--focus-outline-color);
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--link-unclicked);
|
||||
|
@ -162,6 +157,24 @@ strong::selection{
|
|||
color:unset;
|
||||
}
|
||||
|
||||
/*iffy if this should be here but it doesn't mess with the layout so I'll allow it*/
|
||||
:focus-visible {
|
||||
/* only viable way of changing colors for the svgs*/
|
||||
filter: invert(100%);
|
||||
/*would prefer light-dark but it no worky*/
|
||||
@media (prefers-color-scheme: light) {
|
||||
background: white;
|
||||
color: black!important;
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
background: black;
|
||||
color: white!important;
|
||||
}
|
||||
/*yeeting annoying potential defaults*/
|
||||
outline: none;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media print {
|
||||
|
|
Loading…
Reference in a new issue