gabriel/freedom
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Activity

fix theming

Browse source
This commit is contained in:
Gabriel 2023-06-14 04:25:40 -04:00
parent e4d4b9e911
commit dc799bd9aa
1 changed files with 32 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
static/css/theme.css
View file

@ -111,7 +111,7 @@ article > *{
font-size:14px; font-size:14px;
font-weight: bolder; font-weight: bolder;
text-decoration: none !important; text-decoration: none !important;
background-color: rgb(255, 255, 255,0.25); background-color: rgba(0, 0, 0, 0.25);
} }
.listing-text h2{ .listing-text h2{
margin:0; margin:0;
@ -662,13 +662,12 @@ svg{
} }
@media screen and (prefers-color-scheme:dark) { body {
body {
--theme-color-primary: black; --theme-color-primary: black;
--theme-color-secondary: white; --theme-color-secondary: white;
--theme-accent: gold; --theme-accent: gold;
} }
@keyframes blur-in{ @keyframes blur-in{
from { from {
backdrop-filter: blur(0px); backdrop-filter: blur(0px);
background-color: unset; background-color: unset;
@ -677,29 +676,28 @@ svg{
backdrop-filter: blur(15px); backdrop-filter: blur(15px);
background-color: rgba(0, 0, 0, 0.55); background-color: rgba(0, 0, 0, 0.55);
} }
} }
.listing-text,.listing-text>a { .listing-text,.listing-text>a {
background-color: rgba(0, 0, 0, 0.25); background-color: rgba(0, 0, 0, 0.25);
} }
.listing-text:hover{ .listing-text:hover{
animation: blur-in 0.25s; animation: blur-in 0.25s;
backdrop-filter: blur(15px); backdrop-filter: blur(15px);
background-color: rgba(0, 0, 0, 0.55); background-color: rgba(0, 0, 0, 0.55);
} }
.listing-text .bare-link,.listing-text h2{ .listing-text .bare-link,.listing-text h2{
text-shadow: rgb(0, 0, 0) 0px 0px 20px; text-shadow: rgb(0, 0, 0) 0px 0px 20px;
} }
.listing-text:hover >a{ .listing-text:hover >a{
animation:blur-out 0.2s; animation:blur-out 0.2s;
background-color: transparent; background-color: transparent;
} }
@keyframes blur-out{ @keyframes blur-out{
from{background-color: rgba(0, 0, 0, 0.25);} from{background-color: rgba(0, 0, 0, 0.25);}
to{background-color: transparent;backdrop-filter: blur(0px);} to{background-color: transparent;backdrop-filter: blur(0px);}
}
} }
article a[href^="https"]:where(:not([href*="{{.Site.BaseURL}}"])) {text-decoration: none !important;} article a[href^="https"]:where(:not([href*="{{.Site.BaseURL}}"])) {text-decoration: none !important;}