Pagwin/new_blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

new focus-visible just dropped

Browse source
This commit is contained in:
Pagwin 2025-02-18 16:59:44 -05:00
parent 070332f12a
commit 09f4613570
1 changed files with 18 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
static/css/colors.css
View file

@ -108,11 +108,6 @@ body {
color: var(--normal-text); 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 { a {
color: var(--link-unclicked); color: var(--link-unclicked);
@ -162,6 +157,24 @@ strong::selection{
color:unset; 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 { @media print {