usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/frontend/src/components/MkTutorial.Note.vue
View File

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

2
packages/frontend/src/components/MkTutorial.ProfileSettings.vue
View File

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

2
packages/frontend/src/components/MkTutorial.Sensitive.vue
View File

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

8
packages/frontend/src/components/MkTutorial.vue
View File

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