support dark mode

This commit is contained in:
Timi
2025-12-05 12:40:19 +08:00
parent 99eb470625
commit b33ce05d52
39 changed files with 317 additions and 111 deletions

View File

@ -29,35 +29,35 @@ page {
height: 128px;
display: block;
border-radius: 4px;
box-shadow: 2px 2px 8px rgba(0, 0, 0, .2);
box-shadow: 2px 2px 8px var(--theme-shadow-medium);
margin-bottom: 1rem;
}
.name {
margin: 0 .5rem;
display: inline-block;
&.gao {
color: #FF7A9B;
color: var(--theme-brand-gao);
}
&.yeyu {
color: #7A9BFF;
color: var(--theme-brand-yeyu);
}
}
}
.text {
color: #777;
color: var(--theme-text-secondary);
font-size: 12px;
text-align: center;
.love {
color: transparent;
font-size: 1rem;
animation: loveGradient 1500ms linear infinite;
animation: loveGradient 1000ms linear infinite;
text-align: center;
background: linear-gradient(90deg, #FFB5C7, #FF7A9B, #FF3A6B, #FF7A9B, #FFB5C7);
background: linear-gradient(90deg, var(--theme-brand-gao-light), var(--theme-brand-gao), var(--theme-brand-gao-dark), var(--theme-brand-gao), var(--theme-brand-gao-light));
font-weight: bold;
font-family: "Arial", sans-serif;
margin-bottom: 1rem;
@ -66,7 +66,7 @@ page {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@keyframes loveGradient {
0% {
background-position: 0% 50%;
@ -83,19 +83,19 @@ page {
flex-direction: column;
.exit {
color: #E64340;
color: var(--theme-error);
width: 10rem;
margin-bottom: 1rem;
}
.item {
font-size: 14px;
text-align: center;
.label {
color: #777;
color: var(--theme-text-secondary);
}
&.copyright {
display: flex;
font-size: 12px;