css variables

This commit is contained in:
kakkokari-gtyih 2024-10-10 16:42:15 +09:00
parent db92cf3e27
commit 34cc0fc7f6
4 changed files with 8 additions and 8 deletions

View File

@ -136,10 +136,10 @@ defineExpose<TutorialPageCommonExpose>({
.image {
max-width: 300px;
margin: 0 auto;
border-radius: var(--radius);
border-radius: var(--MI-radius);
}
.actionWaitText {
color: var(--error);
color: var(--MI_THEME-error);
}
</style>

View File

@ -103,6 +103,6 @@ defineExpose<TutorialPageCommonExpose>({
.avatar {
width: 100px;
height: 100px;
background: var(--bg);
background: var(--MI_THEME-bg);
}
</style>

View File

@ -145,6 +145,6 @@ defineExpose<TutorialPageCommonExpose>({
}
.actionWaitText {
color: var(--error);
color: var(--MI_THEME-error);
}
</style>

View File

@ -347,7 +347,7 @@ defineExpose({
.progressBarValue {
height: 100%;
background: linear-gradient(90deg, var(--buttonGradateA), var(--buttonGradateB));
background: linear-gradient(90deg, var(--MI_THEME-buttonGradateA), var(--MI_THEME-buttonGradateB));
transition: all 0.5s cubic-bezier(0,.5,.5,1);
}
@ -384,7 +384,7 @@ defineExpose({
.progressBarValue {
height: 100%;
background: linear-gradient(90deg, var(--buttonGradateA), var(--buttonGradateB));
background: linear-gradient(90deg, var(--MI_THEME-buttonGradateA), var(--MI_THEME-buttonGradateB));
transition: all 0.5s cubic-bezier(0,.5,.5,1);
}
@ -424,8 +424,8 @@ defineExpose({
box-sizing: border-box;
flex-shrink: 0;
padding: 12px;
border-top: solid 0.5px var(--divider);
background: var(--acrylicBg);
border-top: solid 0.5px var(--MI_THEME-divider);
background: var(--MI_THEME-acrylicBg);
transition: transform 0.3s cubic-bezier(0,0,.35,1);
transform: translateY(100%);