fix theming
This commit is contained in:
parent
e4d4b9e911
commit
dc799bd9aa
1 changed files with 32 additions and 34 deletions
|
@ -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,44 +662,42 @@ 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{
|
||||||
|
from {
|
||||||
|
backdrop-filter: blur(0px);
|
||||||
|
background-color: unset;
|
||||||
}
|
}
|
||||||
@keyframes blur-in{
|
to {
|
||||||
from {
|
|
||||||
backdrop-filter: blur(0px);
|
|
||||||
background-color: unset;
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
backdrop-filter: blur(15px);
|
|
||||||
background-color: rgba(0, 0, 0, 0.55);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.listing-text,.listing-text>a {
|
|
||||||
|
|
||||||
background-color: rgba(0, 0, 0, 0.25);
|
|
||||||
}
|
|
||||||
.listing-text:hover{
|
|
||||||
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,.listing-text>a {
|
||||||
|
|
||||||
text-shadow: rgb(0, 0, 0) 0px 0px 20px;
|
background-color: rgba(0, 0, 0, 0.25);
|
||||||
}
|
}
|
||||||
.listing-text:hover >a{
|
.listing-text:hover{
|
||||||
animation:blur-out 0.2s;
|
animation: blur-in 0.25s;
|
||||||
background-color: transparent;
|
backdrop-filter: blur(15px);
|
||||||
}
|
background-color: rgba(0, 0, 0, 0.55);
|
||||||
|
}
|
||||||
@keyframes blur-out{
|
.listing-text .bare-link,.listing-text h2{
|
||||||
from{background-color: rgba(0, 0, 0, 0.25);}
|
|
||||||
to{background-color: transparent;backdrop-filter: blur(0px);}
|
text-shadow: rgb(0, 0, 0) 0px 0px 20px;
|
||||||
}
|
}
|
||||||
|
.listing-text:hover >a{
|
||||||
|
animation:blur-out 0.2s;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes blur-out{
|
||||||
|
from{background-color: rgba(0, 0, 0, 0.25);}
|
||||||
|
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;}
|
||||||
|
|
Loading…
Reference in a new issue